/* Mit # gekennzeichnete abschnitte können direkt über html aufgerufen werden
 - es wird in der seite direkt hierhin verwiesen; sogenannte "ID"-Funktion 
 - mit . gekennzeichnet sind "class"-funktionen 
 */
 
body
{margin-top: 0px;  margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #72a860/*5c819e*//*#fff - Farbe der Mittelzone*/; padding:0px;
/* Hintergrundbild - Balkenrahmen */
background-image:url(images/bgmain.jpg);
background-repeat:repeat-x/*y - gibt vertikale Balken - x nicht*/;
background-position:50% 0%;width:100%;}

/* Außerhalb der tabelle wird der Hintergrund definiert */
#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/solar-fotovoltaic.jpg);background-repeat:no-repeat;
background-position:50% 0%;}

/* Defenition des Textes h1 */
h1{ /*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/color/* Überschriften*/:blue;
margin-bottom:24px;letter-spacing:1px;font-size: 100%;
border-bottom:solid 0px #3059f2;
padding-bottom:1px
}
	
/* Defenition der Überschrift h2 */
h2{ /*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/color/* Überschriften*/:gold;
margin-bottom:2px;letter-spacing:2px;
border-bottom:solid 0px #746b64;
padding-bottom:2px
}


/* Defenition der Überschrift h3 */
h3{ /*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;*/color/* Überschriften*/:gold;
margin-bottom:2px;letter-spacing:2px; font-style:bold; font-style:italic;font-size:26;
border-bottom:solid 0px #746b64;
padding-bottom:2px
}


h4{ /*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; */color: red;
margin-bottom:1px;letter-spacing:1px;font-size:24;
border-bottom:solid 0px #746b64;
padding-bottom:1px
}

h6{ /*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; */color:#72a860;
margin-bottom:1px;letter-spacing:0px;font-size:0;text-decoration:none;
border-bottom:solid 0px #746b64;
padding-bottom:1px
}

h7{ /*font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; */color: #ffffcc;
margin-bottom:1px;letter-spacing:0px;font-size:0;text-decoration:none;
border-bottom:solid 0px #746b64;
padding-bottom:1px
}






/* Definition der ID "Top" */
#top {
height:133px;
vertical-align:middle;
text-align:center;
color:#000;
/* Padding bedeutet abstand von */
padding-left:2px;
border-bottom:solid 0px #CFCFCF;

}

/* Definition der ID hpname */
#hpname {letter-spacing:2px;font-size:48px;/*font-family: "Trebuchet MS",arial, helvetica, 
verdana, tahoma, sans-serif; font-style:italic;*/ border-top:solid 0px #666666;padding:0px;color:yellow;
 font-style:italic;width:100%;text-align:center;padding-left:24px;padding-right:20px;
}


/* Definition der ID Text */
#text {letter-spacing:2px;font-size:24px;/*font-family: "Trebuchet MS",arial, helvetica, 
verdana, tahoma, sans-serif; font-style:italic;*/ border-top:solid 0px #666666;padding:0px;color:blue;
 font-style:italic;
}

/* Definition der Class-Funktion   -  die Buttonleiste */
.buleiste {vertical-align:bottom;
text-align:right;
height:26px;
padding-right:0px;border-bottom:solid 0px #000;
border-bottom:solid 0px #000;
background-color:#;
border-bottom:solid 0px #99968d;
border-top:solid 0px #000;
padding-right:0px;

}

/* Definition der ID Leiste - Bine ati venit... */
#leiste {vertical-align:middle;height:16px;
/* border-top:solid 0px bedeutet, dass eine Linie einer bestimmten dicke erscheint; hier der dicke 0 */
border-top:solid 0px #CFCFCF;
background-color:#;
text-align:center;
padding-left:10px;}

/* Definition der ID Main - dem Inhatlskörpergerüst, explizit seiner Größe */
#main{  height:600px;padding-top: 10px;padding-bottom:0px;
}
/* Definition der ID inbox - textart und textgröße */
/* Jusify steht für blocktext */
#inbox { text-align:justify; font-size: 96%;line-height: 125%;
/*font-family: arial, helvetica, tahoma ,verdana,  sans-serif;*/color:#000;
}





/* Definition der ID unten - Aussehen der Fußzeile */
#unten {/*font-family: verdana, arial, helvetica;*/ font face="Verdana, Arial, Helvetica, sans-serif"
font-size:12px; color: blue;
height:270px;
text-align:center;
vertical-align:middle;
padding-bottom:24px;
background-color:#;
background-image:/*url(images/unten.jpg);*/
background-repeat:no-repeat;
background-position:top center;
padding-bottom:10px;
letter-spacing:2px;

}

/*zu Datum-Uhrzeit*/
#leiste2 {
background:transparent;
font color:white;
border-bottom:solid 0px #BFBFBF;
border-top:solid 0px #ffffff;
background-color:transparent;
text-align:left;
vertical-align:middle;
padding-left:10px;
height:20px;
color:black;
}
#leiste2b {
background:transparent;
font color:red;
border-bottom:solid 0px #BFBFBF;
border-top:solid 0px #ffffff;
background-color:transparent;
text-align:left;
padding-left:10px;
height:20px;
color:black;
}

/* uhr - datum */

input.datum {
font-size:14pt; bold;
color:blue;
border:solid 0px;
text-align:center;
background:transparent;

}

input.zeit{font-size:14pt; bold;
color:blue;
border:solid 0px;
text-align:center;
background:transparent;
form {margin:0px;}
}

/*aus Datum-Uhrzeit*/


/* Allgemeine Erscheinungsform und definition der ID menu2 */
#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#000;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 12pt;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #99968d;border-right:solid 1px #99968d;
border-top:solid 1px #99968d;
line-height:26px;
height:26px;
text-align:center;
background-image:url(images/button.gif);
background-repeat:repeat-x;
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
}


#menu2 a:hover {background-color:#fff;color:#000; text-decoration:none ;
background-image:url(images/mover.jpg);
/*buttons werden beim Anklicken nach hinten gezogen*/
border-left:solid 5px #666666;border-right:solid 5px #666666;
border-top:solid 5px #666666;
}

/* Allgemeine Erscheinungsform und definition der ID menu3 */
#menu3 a, #menu3 a:visited , #menu3 a:active {display: block;
color:#000;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 12pt;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #99968d;border-right:solid 1px #99968d;
border-top:solid 1px #99968d;
line-height:26px;
height:26px;
text-align:left;
background-image:url(images/button.gif);
background-repeat:repeat-x;
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
}


#menu3 a:hover {background-color:#fff;color:#000; text-decoration:none ;
background-image:url(images/mover.jpg);
/*buttons werden beim Anklicken nach hinten gezogen*/
border-left:solid 5px #666666;border-right:solid 5px #666666;
border-top:solid 5px #666666;
}


/* allgemeine links im text */

a:link, a:visited,color:yellow;  a:active{ font-size: 90%;
font-family: arial, helvetica, verdana, tahoma, sans-serif;color:#72a860; /*(unterstreicht den text - border-bottom:solid 2px #000;*/}

a:hover{ text-decoration:UNDERLINE;background-color: #72a860 /*#ffff99-#DFDFDF*/;
color:#72a860/*Farbe der linie unter dem Link - #000*/;}


body
{scrollbar-arrow-color: red /*#737b66*/; scrollbar-base-color: green /*#F5F8F3*/;
scrollbar-highlight-color : blue /*#737b66*/; scrollbar-shadow-color : green /*#ffffff*/;
SCROLLBAR-TRACK-COLOR: blue /*#e6e6e6*/;}