body
{
    text-align: center;			/*Ausrichtung für globale Seite auf "center"*/
    font-size: 14px;
    font-family: Arial;
    background-color: #0d0449;
    overflow-y: scroll;  /* Diese Einstellung dient dazu, dass die Seite nicht springt - der Rollbalken wird immer eingeblendet  */
}

#root
{
    width: 1000px;				/*Breite der gesamten Seite*/
    margin: 12px auto;  		/*Abstand von oben 10, Rest wird automatisch festgelegt*/
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	color: #ffffff;
    background-color: #0d0449;
	position:relative;
}

#root a
{
    text-decoration: none;		/*Menütext wird nicht unterstrichen*/
    font-weight: bold;			/*Menütext wird fett ausgegeben*/
}

#head							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: auto;				/*Höhe auf 70 Pixel festlegen*/
    margin: 0px;				/*Kein Abstand zu den Außengrenzen*/
}

.solar
{
    width: 980px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 150px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;
	margin-left: 10px;
    margin-right: 10px;					/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
}

.solar_werbung						/*Inhaltsblock*/
{
    width: 1000px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 150px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
}

.solar_links						/*Inhaltsblock*/
{
    width: 333px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 150px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;	
    color: #0d0449;			/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.solar_mitte						/*Inhaltsblock*/
{
    width: 333px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 150px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;	
   	color: #0d0449;			/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.solar_rechts						/*Inhaltsblock*/
{
    width: 333px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 150px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
	color: #0d0449;
	font-size: 6px;
    background-color: #0d0449;
}

.solar_tauscher_f1
{
    z-index: 01;
	position: absolute;
	width: 50px;
	left: 340px;
	top: 92px;
	font-size: 14px;
	text-align: center;
}


.solar_tauscher_a2
{
    z-index: 01;
	position: absolute;
	width: 50px;
	left: 360px;
	top: 72px;
	font-size: 14px;
}

.solar_kollektor_f2
{
    z-index: 02;
	position: absolute;
	width: 50px;
	left: 110px;
	top: 131px;
	font-size: 14px;
}

.solar_kollektor_a1
{
    z-index: 03;
	position: absolute;
	width: 50px;
	left: 205px;
	top: 96px;
	font-size: 14px;
}

.solar_vorlauf_f3
{
    z-index: 04;
	position: absolute;
	width: 50px;
	left: 270px;
	top: 69px;
	font-size: 14px;
}

.solar_ruecklauf_f4
{
    z-index: 05;
	position: absolute;
	width: 50px;
	left: 270px;
	top: 16px;
	font-size: 14px;
}


.solar_puffer1_f5
{
    z-index: 06;
	position: absolute;
	width: 50px;
	left: 475px;
	top: 178px;
	font-size: 14px;
}


.solar_puffer1_f6
{
    z-index: 07;
	position: absolute;
	width: 50px;
	left: 475px;
	top: 150px;
	font-size: 14px;
}

.solar_puffer1_f7
{
    z-index: 07;
	position: absolute;
	width: 50px;
	left: 475px;
	top: 117px;
	font-size: 14px;
}

.solar_puffer1_f8
{
    z-index: 07;
	position: absolute;
	width: 50px;
	left: 475px;
	top: 87px;
	font-size: 14px;
}

.solar_puffer1_a3
{
    z-index: 08;
	position: absolute;
	width: 50px;
	left: 510px;
	top: 161px;
	font-size: 14px;
}

.solar_puffer1_a4
{
    z-index: 08;
	position: absolute;
	width: 50px;
	left: 510px;
	top: 99px;
	font-size: 14px;
}

.solar_puffer2_f9
{
    z-index: 09;
	position: absolute;
	width: 50px;
	left: 651px;
	top: 179px;
	font-size: 14px;
}

.solar_puffer2_f10
{
    z-index: 09;
	position: absolute;
	width: 50px;
	left: 651px;
	top: 147px;
	font-size: 14px;
}

.solar_puffer2_f11
{
    z-index: 09;
	position: absolute;
	width: 50px;
	left: 651px;
	top: 117px;
	font-size: 14px;
}

.solar_puffer2_f12
{
    z-index: 09;
	position: absolute;
	width: 50px;
	left: 651px;
	top: 87px;
	font-size: 14px;
}

.solar_puffer2_a5
{
    z-index: 10;
	position: absolute;
	width: 50px;
	left: 685px;
	top: 99px;
	font-size: 14px;
}

.solar_heizung_a6
{
    z-index: 10;
	position: absolute;
	width: 50px;
	left: 915px;
	top: 172px;
	font-size: 14px;
}

.solar_heizung_f13
{
    z-index: 10;
	position: absolute;
	width: 50px;
	left: 740px;
	top: 211px;
	font-size: 14px;
}

.solar_gas_a9
{
    z-index: 10;
	position: absolute;
	width: 50px;
	left: 915px;
	top: 72px;
	font-size: 14px;
}

.solar_gas_f15
{
    z-index: 10;
	position: absolute;
	width: 50px;
	left: 740px;
	top: 15px;
	font-size: 14px;
}

.solar_vorang_a10
{
    z-index: 15;
	position: absolute;
	width: 50px;
	left: 185px;
	top: 164px;
	font-size: 14px;
}

.solar_vorang_text
{
    z-index: 15;
	position: absolute;
	width: 50px;
	left: 60px;
	top: 164px;
	font-size: 12px;
}

.solar_leistung
{
    z-index: 11;
	position: absolute;
	width: 50px;
	left: 60px;
    top: 148px;
	font-size: 14px;
}

.solar_zeit
{
    z-index: 09;
	position: absolute;
	width: 50px;
	left: 60px;
	top: 212px;
	font-size: 18px;
	color: #FFFF00;
	font-weight: bold;
}

.solar_links_haelfte						/*Inhaltsblock*/
{
    width: 380px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 200px;
	font-size: 14px;
    font-family: Arial;
	margin-left: 20px;
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: left;
    background-color: #0d0449;

}

.solar_rechts_haelfte						/*Inhaltsblock*/
{
    width: 580px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 200px;
	font-size: 14px;
    font-family: Arial;
	margin-right: 20px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: left;
    background-color: #0d0449;
}


.solar_uebersicht						/*Inhaltsblock*/
{
    width: 960px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 250px;
	font-size: 14px;
    font-family: Arial;
	margin-right: 20px;	
	margin-left: 20px;			/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
	background-image: url(solar_background.jpg); background-repeat:no-repeat;
    font-size: 11px;
    text-align: center;
    background-color: #0d0449;
}

.solar_grafik						/*Inhaltsblock*/
{
    width: 980px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;
	font-size: 14px;
    font-family: Arial;
	margin-left: 10px;
    margin-right: 10px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.solar_inlay1						/*Inhaltsblock*/
{
    width: 50px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 20px;
	font-size: 12px;
    font-family: Arial;
	margin-left: 0px;
    margin-right: 0px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: left;
    background-color: #0d0449;
}

.solar_inlay2						/*Inhaltsblock*/
{
    width: 200px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 20px;
	font-size: 16px;
    font-family: Arial;
	margin-left: 0px;
    margin-right: 0px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: left;
    background-color: #0d0449;
}

.solar_inlay3						/*Inhaltsblock*/
{
    width: 200px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 20px;
	font-size: 12px;
    font-family: Arial;
	text-decoration:none;
	margin-left: 0px;
    margin-right: 0px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: left;
    background-color: #0d0449;
}

.solar_links_grafik						/*Inhaltsblock*/
{
    width: 313px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 250px;
	margin-left: 20px;
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.solar_mitte_grafik						/*Inhaltsblock*/
{
    width: 333px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 250px;
	float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.solar_rechts_grafik						/*Inhaltsblock*/
{
    width: 313px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 250px;
	margin-right: 20px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}


div#footer {
	clear:both;
}