body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height: 1.6em;
	background-color: #04378b;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

p {
	clear: left;
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

a { color: #000000; }
a:hover, a:active { text-decoration: none; }

strong {
	color: #ffffff;
	font-weight: bold;
}

div.spacer {
	height: 20px;
	clear: both;
}

h3 {
	font-size: 1.0em;
	color: #ffffff;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}


/* =======
Box-Layout
======= */

div#rahmen, div#rahmen-home {
	position: absolute;
	width: 899px;
	margin-left: 50%;
	left: -450px;
	border: 9px solid #ffffff;
	background-color: #ffffff;
	overflow: hidden;
}

/*div#rahmen { height: 682px; }*/
div#rahmen-home { height: 565px; }

img#logo {
	float: right;
	margin: 0px 75px 0px 0px;
}

div#header  { height: 99px; }

/* Bildleiste */
div#imagerow {
	height: 174px;
	border-top: 1px solid #e43117;
	border-bottom: 1px solid #04378b;
	background-image: url('../images/template/bg-bildleiste.gif');
	background-repeat: repeat-x;
}

div#imagerow-home {
	height: 365px;
	border-top: 1px solid #e43117;
	border-bottom: 1px solid #04378b;
	background-image: url('../images/template/bg-bildleiste-home.jpg');
	background-repeat: repeat-x;
}

img#img-header {
	position: absolute;
	right: 0px;
	z-index: 1;
}

/* Zierleiste */
div#balken, div#balken-home {	
	/*float: right;*/
	width: 899px;
	height: 25px;
	background-color: #ffffff;	
	background-repeat: no-repeat;
	background-image: url('../images/template/bg-balken.gif');
	overflow: hidden;
}

div#balken { background-position: 212px 5px; }
div#balken-home { background-position: 193px 5px; }

div#inhalt {
	height: 349px;
	margin: 0px 0px 6px 0px;
	background-color: #9bafd1;
	background-image: url('../images/template/bg-schraege-inhalt.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: auto;
}

/* Fusszeile */
div#footer {
	height: 32px;
	background-image: url('../images/template/fusszeile.gif');
}

div#footer-home {
	height: 72px;
	background-image: url('../images/template/fusszeile-home.gif');
}

/* Grosser Inhalt (Photovoltaik) */

div.ueberlang {	min-height: 850px !important; }
* html div.ueberlang { height: 1150px !important; }

div.ueberlang div#inhalt {
	min-height: 513px;
	line-height: 1.5em;
	background-image: url('../images/template/bg-schraege-inhalt-hoch.gif');
}
* html div.ueberlang div#inhalt { height: 913px; }

div.ueberlang div.inhalt-bild-rechts { min-height: 600px; }
* html div.ueberlang div.inhalt-bild-rechts { height: 600px; }

* html div.ueberlang div#inhalt { line-height: 1.4em; }
*+ html div.ueberlang div#inhalt { line-height: 1.4em; }


/* ========
Navigation
======== */

ul#nav-oben {
	position: absolute;
	width: 851px;
	height: 28px;
	margin: 70px 0px 0px 48px;
	padding: 0px 0px 0px 126px;
	background-image: url('../images/template/bg-nav-oben.gif');
	background-repeat: no-repeat;
}

ul#nav-links {
	position: absolute;
	margin: 17px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 5;
}

ul#nav-sub {
	position: absolute;
	width: 207px;
	left: 0px;
	top: 300px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

ul#nav-oben li {
	float: left;
	list-style-type: none;
	margin-right: -8px; /* Sogt fuer Ueberlappung */
}

ul#nav-links li, ul#nav-sub li { list-style-type: none; }

ul#nav-oben li a, ul#nav-links li a, ul#nav-sub li a {
	display: block;
	height: 26px;
	color: #ffffff;	
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: right;
}

ul#nav-oben li a {
	width: 133px;
	text-align: center;
}

ul#nav-links li a, ul#nav-sub li a { padding: 2px 0px 0px 10px; }
ul#nav-sub li a { cursor: default; }

/* Buttons oben */
ul#nav-oben li a { background-image: url('../images/template/nav-top-button-n.gif'); }
ul#nav-oben li a:hover, ul#nav-oben li a.aktiv { background-image: url('../images/template/nav-top-button-a.gif'); }

/* Buttons links */
ul#nav-links li a, ul#nav-sub li a { background-image: url('../images/template/nav-links-button-n.gif'); }
ul#nav-links li a:hover, ul#nav-links a.aktiv { background-image: url('../images/template/nav-links-button-a.gif'); }

/* Abmessungen 'schraege' Buttons */
li.nav-links-1 a { width: 157px; }
li.nav-links-2 a { width: 146px; }
li.nav-links-3 a { width: 135px; }
li.nav-links-4 a { width: 124px; }
li.nav-links-5 a { width: 113px; }

/* Solarpower Logo */
div#nav-sub-content {
	position: absolute;
	margin: 30px 0px 0px 0px;
}


/* ====
Inhalte
==== */

div#inhalt-text, div#inhalt-text-leistungen {
	float: left;	
	z-index: 5;
}

div#inhalt-text {
	width: 660px;
	margin: 24px 0px 0px 225px;
}

/* IE6: Fuer die Downloads-Liste */
* html div#inhalt-text {
	margin-left: 88px;
	padding-left: 50px;
}

div#inhalt-text-leistungen {
	width: 660px;
	height: 320px;
	margin: 24px 0px 0px 225px;
}

* html div#inhalt-text-leistungen { margin-left: 115px; }

/* Bild rechts im Textfluss */
div.inhalt-bild-rechts, div.inhalt-bild-rechts-unten {
	float: right;
	text-align: left;
	margin: 0px 0px 0px 20px;
}

div.inhalt-bild-rechts img { margin-bottom: 10px; }

/* Bei normalem Inhalt */
div.inhalt-bild-rechts { min-width: 200px; height: 250px; }
* html div.inhalt-bild-rechts { width: 200px; }

/* Falls oben eine Bildleiste hinzukommt */
div.inhalt-bild-rechts-unten { min-width: 272px; }
* html div.inhalt-bild-rechts-unten { width: 272px; }


/* Absolut positioniertes Bild rechts - erlaubt Ueberschneidung */
div.inhalt-bild-absolut img {
	position: absolute;
	right: 15px;
	z-index: 1;
}

div.inhalt-bild-oben {
	width: 650px;
	margin: 0px 0px 25px 0px;
}

div.inhalt-bild-oben img {
	float: left;
	margin: 0px 0px 5px 0px;
}

div.infotext {
	clear: left;
	margin: 0px 0px 12px 0px;
}

*+ html div.infotext { margin-top: -20px; }

/* Zweiteilung - siehe Impressum */

div#inhalt-text-links {
	float: left;
	width: 305px;
	margin: 24px 40px 0px 225px;
}

* html div#inhalt-text-links { margin-left: 118px; }

div#inhalt-text-rechts {
	float: left;
	width: 305px;
	margin: 24px 0px 0px 0px;
}

/*div#inhalt-home {
	float: right;
	margin: 14px 0px 0px 0px;
}*/


/* ===
Popup
=== */

body#popup {
	background-color: #ffffff;
	padding: 8px 9px 9px 9px;
	line-height: 1.4em;
}

img#popup-bild { border-bottom: 1px solid #04378b; }

ul#popup-nav {
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../images/template/bg-popup-balken.gif');
	background-repeat: no-repeat;
	background-position: right;
}

ul#popup-nav li {
	float: left;
	list-style-type: none;
	margin-right: -6px; /* Sogt fuer Ueberlappung */
}

ul#popup-nav li a {
	display: block;
	height: 24px;
}

/* Buttons Bildwahl */
li.button-zr a { width: 94px; background-image: url('../images/template/nav-popup-zr-n.gif'); }
li.button-zr a:hover { background-image: url('../images/template/nav-popup-zr-a.gif'); }

li.button-we a { width: 97px; background-image: url('../images/template/nav-popup-we-n.gif'); }
li.button-we a:hover { background-image: url('../images/template/nav-popup-we-a.gif'); }

div#popup-text {
	height: 158px;
	background-color: #9bafd1;
	padding: 20px 5px 5px 120px;
	overflow: auto;
}

body#popup h3 {
	position: absolute;
	margin: 20px 0px 0px 18px;
	font-weight: normal;
}


/* ======
Downloads
====== */

/* Flyer Startseite */
p.flyer a {
	display: block;
	position: absolute;
	width: 104px;
	height: 20px;
	margin: 284px 0px 0px 302px;
}

ul.downloads {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

ul.downloads li {
	list-style-type: none;
	margin: 0px 0px 13px 0px;
}

ul.downloads li a {
	display: block;
	width: 298px;
	height: 21px;
	text-decoration: none;
	background-image: url('../images/template/bg-download.gif');
	background-repeat: no-repeat;
	padding-top: 3px;
}

ul.downloads li a:hover { text-decoration: underline; }

ul.downloads li a strong {
	color: #000000;
	font-weight: bold;
}

/* 'Schraege' Anordnung */
ul.downloads li a { padding-left: 18px; }

li.download-1 a { margin-left: 0px; }
li.download-2 a { margin-left: -14px; }
li.download-3 a { margin-left: -28px; }
li.download-4 a { margin-left: -42px; }
li.download-5 a { margin-left: -56px; }
li.download-6 a { margin-left: -70px; }
li.download-7 a { margin-left: -84px; }
li.download-8 a { margin-left: -98px; }
li.download-9 a { margin-left: -112px; }
li.download-10 a { margin-left: -126px; }
li.download-11 a { margin-left: -140px; }