/*** allgemein: scroll-leiste, textformatierung ****/

Body,table,tr,td {SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: black;
scrollbar-highlight-color : silver; scrollbar-shadow-color : black;
font-family: Verdana, Helvetica, Arial,sans-serif;
font-size: 10pt; }

/* ==================== */

/* 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: #0000FF;
 font-family: Verdana; font-size: 10pt; }
A:active {text-decoration: none; color: #ffffff;
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: #cccccc;
color: #000000;
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: #5A646F;
color: #000000;
height: 70px;
}

/*
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: 70px;
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:#00283C;
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: #5A646F;
color: #000000;
}


body#complete div#content {
margin: 90px 40px 30px 15em;
background-color: #e0e0e0;
color: #000;
padding: 20px;
}

body#complete div#content1 {
margin: 10px 40px 30px 35em;
background-color: #e0e0e0;
color: #000;
padding: 20px;
}
body#complete div#content2 {
position:absolute; top: 190px; left: 700px; border:3px ridge
background-color: #e0e0e0;
color: #000;
padding: 20px;
}
body#complete div#content3 {
position:absolute; top: 110px; left: 600px; border:3px 
background-color: #e0e0e0;
color: #000;
padding: 20px;
}

body>div#fixedmenue, body>div#header {
position: fixed;
}


div#content p {
font: 95% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}


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;
}

.inputtext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 2px;
        height: 20px;
        width: 250px;
        border: 1px solid #CCCCCC;
}
.inputtextarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 2px;
        height: 150px;
        width: 250px;
        border: 1px solid #CCCCCC;
}
.inputbutton {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 2px;
        border: 1px solid #CCCCCC;
}
