body {
background-image: url(hintergr.jpg);
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:black;
padding:0px;
margin:0px;
}
a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
a:active { color: red }

h1 {
font-size: 15px;
text-transform:uppercase;
background-color: #ccf;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:16px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h4 {
font-size: 14px;
background-color: #eeddff;
padding:5px 15px;
margin:0px }

h5 {
font-size: 14px;
background-color: #ddddff;
padding:5px 15px;
margin:0px }

h6 {
font-size: 1.2em;
background-color: #ddccff;
padding:5px 15px;
margin:0px }


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-image: url(hintergr.jpg);
}

/* ----------banner for logo------------- */
#banner {
background-image: url(hintergr.jpg);
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

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

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

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

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

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }