body {
background-color: black;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:white;
padding:0;
margin:0;
}
a { color: gray; text-decoration: none; }
a:visited { color:gray; text-decoration: none; }
a:hover { color: gray; text-decoration: none; }
a:active { color:gray; text-decoration: none; }

h1 { font-size:16px; font-weight: bold; padding: 10px; margin:0; }
h2 { font-size: 12px; font-weight: normal; text-transform:uppercase; border-top:1px solid white; padding:7px 15px; margin:0  ; }
h3 { font-size: 10px; font-weight: normal; text-transform:uppercase; padding-top: 7px; padding-bottom: 5px; padding-left: 20px; list-style-type: disc; list-style-position: inside; display: list-item; }
h4 { color: gray; font-size: 10px; font-weight: normal; padding:0 0 0 20px; margin:0  ; }
h5 { font-size: 12px; font-weight: normal; text-align: justify; padding:0 0 0 20px; margin:0  ; }
h6 { font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 20px; margin:0  ; }

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: black;
}

/* ----------banner for logo-------------- */
#banner {
text-align: center;
padding: 0;
margin: 0;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: black;
padding: 0;
margin-left: 200px;
margin-right: 0;
}
div#content { 
min-height:540px;
height:expression(this.scrollHeight > 540 ? "auto":"540px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: center; }