/* layout.css -- 2009-03-30 caugustin.de */


body  { 
	text-align: center;   /* Centered page layout MSIE/Win */
	background-color: rgb(53, 42, 32);
	padding-bottom: 54px;
}
.isMac body  { background-color: rgb(40, 31, 24); }

#Page { 
	margin: 0 auto;       /* Centered page layout other than MSIE/Win */
	width: 871px;
	text-align: left;     /* Undo text-align: left from body */
	background-color: rgb(247, 247, 246);
}
.isMac #Page { background-color: rgb(245, 245, 244); }

@media print {
	body, .isMac body {
		background-color: white;
	}
	#Page, .isMac #Page {
		background-color: white;
		width: 574px;
	}
}


/* Header ... */

#Header {
	height: 216px;
	background: 0 0 no-repeat url(/assets/custom/media/kwh.header.img.01.jpg);
	margin-bottom: 34px;
}

.img01 #Header { background-image: url(/assets/custom/media/kwh.header.img.01.jpg); }
.img02 #Header { background-image: url(/assets/custom/media/kwh.header.img.02.jpg); }
.img03 #Header { background-image: url(/assets/custom/media/kwh.header.img.03.jpg); }
.img04 #Header { background-image: url(/assets/custom/media/kwh.header.img.04.jpg); }
.img05 #Header { background-image: url(/assets/custom/media/kwh.header.img.05.jpg); }
.img06 #Header { background-image: url(/assets/custom/media/kwh.header.img.06.jpg); }
.img07 #Header { background-image: url(/assets/custom/media/kwh.header.img.07.jpg); }
.img08 #Header { background-image: url(/assets/custom/media/kwh.header.img.08.jpg); }
.img09 #Header { background-image: url(/assets/custom/media/kwh.header.img.09.jpg); }

.img10 #Header { background-image: url(/assets/custom/media/kwh.header.img.10.jpg); }
.img11 #Header { background-image: url(/assets/custom/media/kwh.header.img.11.jpg); }
.img12 #Header { background-image: url(/assets/custom/media/kwh.header.img.12.jpg); }
.img13 #Header { background-image: url(/assets/custom/media/kwh.header.img.13.jpg); }
.img14 #Header { background-image: url(/assets/custom/media/kwh.header.img.14.jpg); }
.img15 #Header { background-image: url(/assets/custom/media/kwh.header.img.15.jpg); }
.img16 #Header { background-image: url(/assets/custom/media/kwh.header.img.16.jpg); }
.img17 #Header { background-image: url(/assets/custom/media/kwh.header.img.17.jpg); }
.img18 #Header { background-image: url(/assets/custom/media/kwh.header.img.18.jpg); }
.img19 #Header { background-image: url(/assets/custom/media/kwh.header.img.19.jpg); }

.img20 #Header { background-image: url(/assets/custom/media/kwh.header.img.20.jpg); }
.img21 #Header { background-image: url(/assets/custom/media/kwh.header.img.21.jpg); }
.img22 #Header { background-image: url(/assets/custom/media/kwh.header.img.22.jpg); }
.img23 #Header { background-image: url(/assets/custom/media/kwh.header.img.23.jpg); }
.img24 #Header { background-image: url(/assets/custom/media/kwh.header.img.24.jpg); }
.img25 #Header { background-image: url(/assets/custom/media/kwh.header.img.25.jpg); }
.img26 #Header { background-image: url(/assets/custom/media/kwh.header.img.26.jpg); }
.img27 #Header { background-image: url(/assets/custom/media/kwh.header.img.27.jpg); }
.img28 #Header { background-image: url(/assets/custom/media/kwh.header.img.28.jpg); }
.img29 #Header { background-image: url(/assets/custom/media/kwh.header.img.29.jpg); }

.img30 #Header { background-image: url(/assets/custom/media/kwh.header.img.30.jpg); }
.img31 #Header { background-image: url(/assets/custom/media/kwh.header.img.31.jpg); }

.showLayout #Header { background: 0 0 repeat url(/assets/lib/media/vgrid.18-6.gif) black; }

@media print {
	#Header {
		height: 144px;
		background-image: none !important;
	}
}


#Header #Logo {
	position: absolute;
	text-align: center;
	width: auto;
	right: 84px;
	bottom: 45px;
}
.isMac #Header #Logo img.forWin { visibility: hidden; }
.isMac #Header #Logo img.forMac { visibility: visible !important; }

@media print {
	#Header #Logo {
		right: 0;
		bottom: auto;
		top: 0;
		text-align: left;
		width: 89px;
	}
	#Header #Logo img.forWin,
	#Header #Logo img.forMac { display: none; }
	#Header #Logo img.forPrint { visibility: visible !important; }
}



#Header #HeaderTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
	color: rgb(242, 239, 239);
	position: absolute;
	text-align: center;
	width: 198px;
	right: 23px;
	top: 45px;
}
#Header #HeaderTitle img { vertical-align: bottom; }

.img08 #HeaderTitle img.light { display: none;  }
.img08 #HeaderTitle img.dark  { display: inline !important; }
.img09 #HeaderTitle img.light { display: none;  }
.img09 #HeaderTitle img.dark  { display: inline !important; }
.img10 #HeaderTitle img.light { display: none;  }
.img10 #HeaderTitle img.dark  { display: inline !important; }
.img20 #HeaderTitle img.light { display: none;  }
.img20 #HeaderTitle img.dark  { display: inline !important; }
.img21 #HeaderTitle img.light { display: none;  }
.img21 #HeaderTitle img.dark  { display: inline !important; }
.img24 #HeaderTitle img.light { display: none;  }
.img24 #HeaderTitle img.dark  { display: inline !important; }


@media print {
	#Header #HeaderTitle { display: none; }
}



/* Main ... */

.isMacNotCairoGecko #Main,
.isWebKitWin #Main { top: 1px; }

.showLayout #Main { background: -10px 0 repeat-y url(/assets/custom/media/hgrid.20.13.x12.gif); }

#Breadcrumb { display: none; }



/* Navigation ... */

#Navigation {
	width: 178px;
	margin: 0 53px 18px 23px;
	padding: 0;
}

@media print {
	#Navigation { display: none; }
}


#Navigation .outline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#Navigation ul {
	margin: 0;
	padding: 0;
}
#Navigation ul li {
	background: none;
	margin: 0;
	padding: 0;
}
#Navigation ul li a {
	display: block;
	padding: 4px 0 8px 0;
}
#Navigation ul li li a { padding-left: 10px; }
#Navigation ul li li li a { padding-left: 20px; }
#Navigation ul li li li li a { padding-left: 30px; }

#Navigation .outline a { color: rgb(188, 184, 177); }
#Navigation .outline a:link,
#Navigation .outline a:visited { color: rgb(150, 147, 141); }
#Navigation .outline a:link:hover,
#Navigation .outline a:visited:hover,
#Navigation .outline a.selected,
#Navigation .outline a.selected:link,
#Navigation .outline a.selected:visited { color: rgb(128, 51, 27); }

.isMac #Navigation .outline a { color: rgb(174, 170, 161); }
.isMac #Navigation .outline a:link,
.isMac #Navigation .outline a:visited { color: rgb(131, 128, 122); }
.isMac #Navigation .outline a:link:hover,
.isMac #Navigation .outline a:visited:hover,
.isMac #Navigation .outline a.selected,
.isMac #Navigation .outline a.selected:link,
.isMac #Navigation .outline a.selected:visited { color: rgb(106, 36, 20); }


/*
#Navigation ul li.foundation,
#Navigation ul li.requests{
	background: 0 0 repeat-x url(/assets/custom/media/dottedline.gif);
	margin-top: 8px;
	padding-top: 10px;
}
.isMacNotCairoGecko #Navigation ul li.foundation,
.isWebKitWin #Navigation ul li.foundation,
.isMacNotCairoGecko #Navigation ul li.requests,
.isWebKitWin #Navigation ul li.requests{
	margin-top: 7px;
	padding-top: 11px;
}
*/

#Navigation li.imprint,
#Navigation li.sitemap { display: none; }



/* Content ... */

#Content {
	width: 376px;
	min-height: 306px;
	margin: 0;
	padding: 0;
}

@media print {
	#Content {
		min-height: 0;
	}
}



/* Sidebar ... */

#Sidebar {
	width: 178px;
	margin-right: 43px;
}

@media print {
	#Sidebar {
		margin-right: 0;
	}
}

/* Sidebar, Ergnzungen von RoM (Marc Rosset) */

#Sidebar .outline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#Sidebar ul {
	margin: 0;
	padding: 0;
}
#Sidebar ul li {
	background: none;
	margin: 0;
	padding: 0;
}
#Sidebar ul li a {
	display: block;
	padding: 4px 0 8px 0;
}
#Sidebar ul li li a { padding-left: 10px; }
#Sidebar ul li li li a { padding-left: 20px; }
#Sidebar ul li li li li a { padding-left: 30px; }

#Sidebar .outline a { color: rgb(188, 184, 177); }
#Sidebar .outline a:link,
#Sidebar .outline a:visited { color: rgb(150, 147, 141); }
#Sidebar .outline a:link:hover,
#Sidebar .outline a:visited:hover,
#Sidebar .outline a.selected,
#Sidebar .outline a.selected:link,
#Sidebar .outline a.selected:visited { color: rgb(128, 51, 27); }

.isMac #Sidebar .outline a { color: rgb(174, 170, 161); }
.isMac #Sidebar .outline a:link,
.isMac #Sidebar .outline a:visited { color: rgb(131, 128, 122); }
.isMac #Sidebar .outline a:link:hover,
.isMac #Sidebar .outline a:visited:hover,
.isMac #Sidebar .outline a.selected,
.isMac #Sidebar .outline a.selected:link,
.isMac #Sidebar .outline a.selected:visited { color: rgb(106, 36, 20); }


#Sidebar li.imprint,
#Sidebar li.sitemap { display: none; }

/* Sidebar, Ende der Ergnzungen von RoM */

/* Footer ... */

#Footer {
	font-size: 9px;
	line-height: 12px;
	padding: 16px 0 22px 23px;
}

#Footer .imprint { margin-left: 2em; }
.isMacNotCairoGecko #Footer,
.isWebKitWin #Footer { top: 1px; }

@media print {
	#Footer {
		padding: 36px 0 0 0;
	}
}