/*** allgemein: scroll-leiste, textformatierung ****/

Body,table,tr,td {SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: green;
scrollbar-highlight-color : silver; scrollbar-shadow-color : green;
font-family: Verdana, Helvetica, Arial,sans-serif;
font-size: 10pt; 
color: #000;}

/* ==================== */

/* allgemeine links */

A:link    {text-decoration: underline; color: #3300FF;
 font-family: verdana; font-size: 10pt; }
A:visited{text-decoration: underline; color: #3300FF;
 font-family: Verdana; font-size: 10pt; }
A:hover    {text-decoration: underline overline; color: #66CC33;
 font-family: Verdana; font-size: 10pt; }
A:active {text-decoration: none; color: #3300FF;
font-family: Verdana; font-size: 10pt; }

/* ==================== */

/*** Menü (linke Seite)- linkformatierung  ***/

A:link.menli    {text-decoration: none; color: #ffffff;
 font-family: verdana; font-size: 10pt; }
A:visited.menli {text-decoration: none; color: #ffffff;
 font-family: Verdana; font-size: 10pt; }
A:hover.menli    {text-decoration: none; color: #ffffff;
 font-family: Verdana; font-size: 10pt; }
A:active.menli  {text-decoration: none; color: #cccccc;
font-family: Verdana; font-size: 10pt; }



/* ==================== */


/* 
1. Abschnitt: Grundeinstellung fur die Seite. Hier werden u.a. Hintergrundfarbe und 
	und Schriftfarbei eingestellt
*/

html body {
margin: 0;
padding: 0;
background-color: #99CC66;
color: #0000ff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

/* 
2. Abschnitt: Headerbereich: Hier wird die Farbe und die Position des Headerbalkens bestimmt
*/

div#header {
position: absolute;
width: 100%;
top: 0;
left: 0;
background-color: #009900;
color: #000000;
height: 120px;

}

div#header1 {
position: absolute;
width: 100%;
top: 125;
left: 0;
background-color: #F8F504;
color: #000000;
height: 10px;

}

/*
3. Abschnitt: Headfixbereich: Der Headfixbereich definiert die Schrifttype und Farbe für die Überschrift im Headerbalken.
*/

#headfix {
font-size: 160%;
color: #000000;
font-weight: bold;
letter-spacing: 2px;
text-indent: 10px;
padding-bottom: 10px;
margin: 0;
padding: 15px 0 0 0;
}


/*
4. Abschnitt: Menuebar: Festlegung der Höhe und Breite des Links in der Bar
*/

body#complete div#fixedmenue {
padding-top: 150px;
height: 100%;
width: 13em;
}


/* 
5. Abschnitt: Festlegung, wie die Links innerhalb der Menuebar aussehen sollen, 
sprich farbe der Box, in der der Link enthalten ist.
*/

div#fixedmenue a {
display: block;
padding: 2px;
text-decoration:none;
border: 1px solid #cccccc;
width:170px;
font-size:75%;
font-weight:bold;
text-align: center;
margin: 3px 0 3px 0;
background-color:#009900;
color:#FFFFFF;
}


/* 
6. Abschnitt: Hover in der Menubar: Festlegung der Hoverfarbe etc. in der Menubar
*/

div#fixedmenue a:hover {
color:#FFFFFF;
border-top:solid 1px #eeeeee;
border-right:solid 1px #304e6a;
border-bottom:solid 1px #304e6a;
border-left:solid 1px #eeeeee;
background-color:#006699;
}


/*
7. Abschnitt: invis legt fest, dass das Span zeichen beim Link unsichtbar wird
*/


.invis {
display: none;
}


/* 8. Abschnitt: Hier wird festgelegt, wie der Balken und die Farbe an der Menubar aussehen soll. */
div#fixedmenue {
position: absolute;
top: 0;
left: 0;
background-color: #009900;
color: #000000;
}


body#complete div#content {
margin: 150px 40px 30px 15em;
background-color: #e0e0e0;
color: #000;
padding: 20px;
}

body#complete div#content1 {
margin: 10px 5px 1px 1em;
background-color: #CC0000;
color: #000;
padding: 20px;
}

body#complete div#content2 {
margin: 10px 20px 50px 40em;
background-color: #33CC00;
color: #000;
padding: 20px;
}

body#complete div#content3 {
position:absolute; top: 1px; left: 100px;
background-color: #33CC00;
color: #000;
padding: 20px;
}

body#complete div#content4 {
position:absolute; top: 770px; left: 651px;
background-color: #33CC00;
color: #000;
padding: 20px;
font-size: 7pt;}
A:link    {text-decoration: underline; color: #3300FF;
 font-family: verdana; font-size: 8pt; }
A:visited{text-decoration: underline; color: #3300FF;
 font-family: Verdana; font-size: 8pt; }
A:hover    {text-decoration: underline overline; color: #FFFF33;
 font-family: Verdana; font-size: 8pt; }
A:active {text-decoration: none; color: #3300FF;
font-family: Verdana; font-size: 8pt; 
}

body>div#fixedmenue, body>div#header {
position: fixed;
}


div#content p {
font: 95% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #000;
}


h1 {
font-size: 160%;
background-color: transparent;
color: #666;
}
h2 {
font-size: 130%;
background-color: transparent;
color: #666;
}
h3 {
font-size: 110%;
background-color: transparent;
color: #666;
}
