/* 
**  last changed: 2008-06-05, simplicity gmbh, pma
*/

@media all
{

/* Formatierung der Seite */
body { background: #e2e2e2; padding: 10px; padding-top: 40px; }

/* px in em umrechnen bei 75%: 743px / (0.75*16px) = 61.91666 */
/* px in em umrechnen bei 66%: 743px / (0.66*16px) = 70.35984 */
#page_margins { width: 744px; min-width: 744px; max-width: 744px; margin: auto; }
#page { background: #fae9db; }


/* ----------------------------------------
** Formatierung des Headers 
*/
#header {
	height:35px; 
	position:relative; 
	padding: 0px;
	background:#b51621;
} 
#header div.time {
	float: left;
	width: 170px;
	padding: 16px 0 0 5px;
}
#header div.time span {
	color: #fff;
}
#header div.claim {
	width:auto;
	margin-left: 200px;
	margin-right: 200px;
}
#header div.weather {
	float: right;
	text-align: right;
	margin: 16px 5px 0 0;
	width: 170px;
}
#header .weather a, #header .weather a:hover {
	color: #fff;
	text-decoration: none;
}

/* ----------------------------------------
** Formatierung der Themes 
*/

#theme { clear:both; width: auto; padding-top:3px; padding-bottom:3px; background: #fff; }
#theme_col1 {
	float: left;
	width: 240px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-left: 3px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#theme_col2 {
	float:right; 
	width: 144px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-left: 0px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-right: 0px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#theme_col2 div {
	float:left;
	padding-bottom: 3px;
	padding-right: 3px;
}
#theme_col3
{
	width:auto;
	margin-left: 246px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-right: 147px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

/* ----------------------------------------
** Formatierung Subheader
*/
#subheader {
	clear: both; 
	width:auto; 
	margin:0 0 0 0; 
	padding:0 0 0 0;
	background: #dadada;
	height: 83px;
}
#subheader #specialnav { float: left; width: 220px; padding:0 0 0 0; }
#subheader #online_res { float: right; width: 147px; text-align: center; padding:0; margin:0; }
#subheader #logo { width:auto; padding:0; margin-left:220px; margin-right:147px; }
#subheader #langnav { 
	padding:20px 0 0 25px; 
	color: #333;
	font-weight: bold;
}
#subheader #langnav a { color: #333; }
#subheader #topnav { clear: left; padding:10px 0 0 25px;}
#subheader #topnav a { color: #333; }


/* ----------------------------------------
** Formatierung der Inhaltsspalten
*/
#main {
	margin: 0; 
	padding: 0; 
	min-height: 325px;
} 

/* Formatierung NavBar */
#nav { 
	margin: 0; 
	padding: 0;
}

/* Linke Spalte */
#col1 {	width: 575px; }	
#col1_content {
	padding-top: 0em;
	margin-left: 22px;
	background: inherit;
}
#col1_content .contentBelowSubnav {
	padding-top: 2em;
	margin-left: 0px;
	background: inherit;
}

/* Rechte Spalte */
#col2 {	width: 147px; }
#col2_content {
	padding-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

/* Breite Spalte */
#col3 {	
	width: 743px;
	margin-left: 0px;
	margin-right: 0px;
}	
#col3_content {
	padding-top: 0px;
	margin-left: 22px;
	margin-right: 20px;
	background: inherit;
}
#col3_content .contentBelowSubnav {
	padding-top: 22px;
	margin-left: 0px;
	background: inherit;
}

/* Breite Spalte mit Bilder unten */
#col5 {	
	width: 743px;
	margin-left: 0px;
	margin-right: 0px;
}	
#col5_content {
	padding-top: 0px;
	margin-left: 22px;
	margin-right: 20px;
	background: inherit;
	min-height: 145px;
}
#col5_content .contentBelowSubnav {
	padding-top: 22px;
	margin-left: 0px;
	background: inherit;
}
#col5_images {
	padding-top: 22px;
	margin-left: 0px;
	background: inherit;
}
#col5_images div {
	float:left;
	margin-left: 22px;
	margin-right: 10px;
	background: inherit;
	padding-bottom: 22px;
}


/* ----------------------------------------
** Formatierung Footer
*/
#footer { 
	background: #b51621;
	height: 14px;
	margin: 0 0 0 0;
	padding: 0px;
}

#footer .copyright { float:left; width: 420px; padding:0px 0 0em 10px; color: #ffffff; }

#footer .bottomnav { float:right; width: auto; padding:0em 3px 0px 0; color: #ffffff; }
#footer .bottomnav a { color: #ffffff; }
#footer .bottomnav a:hover {background:transparent;}
#footer .bottomnav a:focus {background:transparent;}


/* ----------------------------------------
** Formatierung der Home Seite 
*/
/* px in em umrechnen bei 66%: 980px / (0.66*16px) = 92.803030 */
#home-page_margins { width: 980px; min-width: 980px; max-width: 980px; margin: auto; }
#home-page { background: #e2e2e2; }
#home-header {
	height:130px; 
	position:relative; 
	padding: 0px;
	background:#e2e2e2;
	text-align: center;
	margin-top: 50px;
} 
#home-theme { clear:both; width: auto; background: #b51621; height: 279px; margin-top: 10px;}
#hometheme_col1 {
	float: left;
	width: 366px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-left: 307px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#hometheme_col2 {
	float:right; 
	height: 105px;
	padding-top: 124px;
	width: 145px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-right: 10px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#hometheme_col3
{
	width:auto;
	padding-top: 254px;
	margin-left: 688px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-right: 155px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	color: #fff;
	font-weight: bold;
}
#hometheme_col3 a { color: #fff; }
#col4 {	
	width: 366px;
	margin-left: 307px;
	margin-right: 307px;
}	
#col4_content {
	padding-top: 22px;
	margin-left: 0px;
	margin-right: 0px;
	background: inherit;
}


/* ----------------------------------------
** DEBUG STYLES
** TODO: auslagern
*/

/* Farbschema für Browsertests */ 
/*
#col1 {background: #fee; }
#col1_content {background: #edd; }
#col2 {background: #efe; }
#col2_content {background: #ded; }
#col3 {background: #eef; } 
#col3_content {background: #dde; }
*/


/* do not delete */
}