/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod_3col_fixed.css
**  Funktion    : Variation des Basislayouts (3-Spalten-Layout mit fixer Gesamtbreite 
**                                            und grafikfreien Spaltentrennern)
**
*/

@media screen{
/* Festlegung der Layoutbreite und Zentrierung
#page_margins { 
	width:950px; 
	margin-left: auto;
	margin-right: auto; 
	max-width:none;  
	min-width:inherit;
}
*/

#page_margins { 
	width:100%; 
	margin-left: 0px;
	max-width:none;  /* min-width f�r fixes Layout abschalten */
	min-width:inherit;  /* max-width f�r fixes Layout abschalten */

}
#page {
  width: 1280px;
  margin: 0 auto;
}
/* Korrektur von Randabst�nden */
#footer {margin:0; padding: 1em; border-color: #aaa; }

	#foot {
		text-align:center;
		color:#E74125;
		font-family: Arial, Verdana, Sans-Serif;
		font-size:80%;
	}
	#foot span {
		color:#59AFCF;
		font-size:80%;
		padding: 0px 5px 0px 5px
	}
	#foot a:LINK, #foot a:VISITED, #foot a:ACTIVE {
		color:#59AFCF;
		text-decoration:none;
	}
	#foot a:HOVER {
		color:#E74125;
		text-decoration:none;
	}

/* Himtergrundgrafik f�r linke Spalte - Grafikbreite 215 Pixel */
#main { }

/* ######################################################################################################
** ### Spaltenanordnung 2-1-3 f�r fixes Layout ##########################################################
** ######################################################################################################
*/

#main {margin: 0; padding: 0;}

#col1_content {margin: 0 1.0em 1.5em 1.0em;}

#col3_content {margin: 0 0em; }

#col2_content {margin: 0 0 2em 0; }

/* #col1 wird zur mittleren Spalte */
#col1 { width:58%; float:left; margin:0 1%; }

/* #col2 wird zur linken Spalte */
#col2 { width:20%; float:left; background: #E74125;}

/* #col3 wird zur rechten Spalte */
#col3 { width:20%; float:left;}
/* Achtung IE hack "iehacks_3col_fixed.css" im Verzeichnis "explorer" beachten/anpassen */
}

@media screen and (max-width: 1280px) {
   #page {
    width: 100%;
    margin: 0 auto;
    } 
  }
  
@media screen and (max-width: 960px) {
  #col1, #col2, #col3 {
    float:none;
    width:100%;
    margin: 1% 0;
    }
  } 
  
@media screen and (max-width: 600px) {
    #nav_main li {
      float:none;
    }
    div#nav_main {
      width: 100%;
    }
  }