html {
top : 0;
left : 0;
right : 0;
min-height : 100%;
width : 100%;
margin : 0;
padding : 0;
}
body {
position : absolute;
top : 0;
left : 0;
right : 0;
min-height : 100%;
width : 100%;
margin : 0;
padding : 0;
background-attachment : scroll;
background-position : 0% 50%;
background-image : url(/bilder/layout/hintergrund.gif);
background-repeat: repeat-y;
}
#header_container {
position : fixed;
top : 0;
left : 0;
right : 0;
height : 110px;
width : 1000px;
z-index : 3;
}
#header {
position : absolute;
top : 0;
left : 0;
width: 1000px; height: 100px; 
background-attachment : scroll;
z-index : 3;
margin : 0;
padding : 0;
background-position : 0% 50%;
}
#content {
position : absolute;
z-index : 2;
top : 0;
left : 243px;
width : 737px;
background-color : #ffffff;
margin-top : 0;
padding-left : 10px;
padding-right : 10px;
padding-top : 95px;
padding-bottom : 10px;
}
div#nav {
position : fixed;
top : 100px;
left : 0;
float : left;
width : 243px;
margin : 0;
padding-top : 10px;
}
div#nav ul {
width : 243px;
margin : 0;
padding : 0;
}
div#nav li {
position : relative;
list-style-type : none;
margin : 0;
}
div#nav li a {
display : block;
width : 221px;
background-color : #ffffff;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
font-style : normal;
font-variant : normal;
font-weight : normal;
color : #000000;
border : 1px solid #99cc33;
margin : 5px;
padding : 5px;
}
div#nav ul.level2 li a {
width: 211px;
}
div#nav ul.level3 li a {
width: 196px;
}
div#nav li a:hover {
background-color : #99cc33;
color : #ffffff;
border : 1px solid #669900;
}
div#nav ul ul {
display : none;
}
div#nav ul.level1 li.submenu:hover ul.level2 { 
display : block;
width: 211px;
padding-left: 10px;
}
div#nav ul.level2 li.submenu:hover ul.level3 {
display : block;
width: 196px;
padding-left: 15px;
}
/* Normale Schrift */
p            { font-family: Arial, Helvetica, sans-serif;
               font-size: 1em;
               font-style: normal;
               font-variant: normal;
               font-weight: normal;
               color: #000000 }

/* Normal in der Tabelle */
table        { font-family: Arial, Helvetica, sans-serif;
               font-size: 1em;
               font-style: normal;
               font-variant: normal;
               font-weight: normal;
               color: #000000 }

/* für Seitenorientierung */
p#wobinich    { font-family: Arial, Helvetica, sans-serif;
               font-size: 1.4em;
               font-style: normal;
               font-variant: normal;
               font-weight: bold;
               color: #000000 }

/* Überschrift1 */
h1           { font-family: Arial, Helvetica, sans-serif;
               font-size: 1.4em;
               font-style: normal;
               font-variant: normal;
               font-weight: bold;
               color: #000000 }

/* Überschrift2 */
h2           { font-family: Arial, Helvetica, sans-serif;
               font-size: 1.2em;
               font-style: normal;
               font-variant: normal;
               font-weight: bold;
               color: #000000 }

/* Nummerierung */
ol           { font-family: Arial, Helvetica, sans-serif;
               font-size: 1em;
               font-style: normal;
               font-variant: normal;
               font-weight: normal;
               color: #000000;
               list-style-type: decimal }

/* Aufzählung */
ul           { font-family: Arial, Helvetica, sans-serif;
               font-size: 1em;
               font-style: normal;
               font-variant: normal;
               font-weight: normal;
               color: #000000;
               list-style-type: disc;
               margin-left: 55px }

/* Listen (Nummerierung, Aufzählung) */
li           { font-family: Arial, Helvetica, sans-serif;
               font-size: 1em;
               font-style: normal;
               font-variant: normal;
               font-weight: normal;
               color: #000000;
               margin-bottom: 18px }

/* Tabelle für Links */
table.links { border: 1px solid #CCCCCC;  width: 100%; }

/* Tabellenzelle für Link-Bild */
td.link-bild { width: 30%; border: 1px solid #CCCCCC; padding-left: 10px; }

/* Tabellenzelle für Hyperlink */
td.link { width: 70%; border: 1px solid #CCCCCC; padding-left: 10px; }

/* Bilderrahmen für Bildergalerie 100% Breite */
div.bildergalerie { width: 717px; height: auto; float: left; padding-left: 20px; padding-top: 20px; border: 0;
margin-bottom: 20px; background-color: #CCCCCC; }

/* Bilderrahmen für Diavorführung  */
div.dia { width: 361px; height: auto; float: left; padding-right: 15px; border: 0; margin: 0; }

/* Bilderrahmen 100% Breite */
div.bild100 { width: 737px; height: auto; padding: 0; border: 0; margin: 0; }

/* Bilderrahmen 20% Breite am rechten Rand */
div.bild20r { width: 110px; height: auto; float: right; padding-left: 10px; border: 0; margin-left: 0px; }

/* Bilderrahmen 50% Breite am rechten Rand */
div.bild50r { width: 363px; height: auto; float: right; padding-left: 10px; border: 0; margin-left: 10px; }

/* Bilderrahmen 50% Breite am linken Rand */
div.bild50l { width: 363px; height: auto; float: left; padding-right: 10px; border: 0; margin: 0; }

/* Absatzformat für Bild im Bilderrahmen */
p.img { padding-right: 0px; padding-bottom: 20px; border: 0; margin: 0; font-size: 0.8em; font-size: 1em; }

/* Thumbnail in Bildergalerie */
div.thn { width: 80px; height: 80px; float: left; padding-bottom: 20px; padding-right: 2px; border: 0; margin: 0; font-size: 0.8em; }

/* Thumbnail mit Nummer in Bildergalerie */
div.thna { width: 80px; height: 100px; float: left; padding-bottom: 20px; padding-right: 8px; border: 0; margin: 0; text-align: center; font-size: 0.8em; }

/* Preisträger in Bildergalerie */
div.preistr { width: 220px; height: 80px; float: left; padding-left: 20px; padding-bottom: 20px; border: 0; margin: 0; font-size: 0.8em; }

/* ======================
   Das Kontaktformular */
   
form         { background-color: silver; color: black; width: 370px; 
               border: 1px solid #8c8c8c; padding: 20px }
label        { display: block; cursor: pointer }
input#email, textarea { width: 300px; border: 1px solid #8c8c8c; margin-bottom: 1em }
textarea     { height: 7em }
input#email:focus, textarea:focus { background-color: #d9d9d9; color: black }