body {
background: url(images/bg.jpg);
background-repeat:repeat-x;
background-color: #015f44;
font-size: 11px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#FFF;
padding:0px;
margin:0px;
}
a {color: #cad553; text-decoration:none;}
a:visited {color:#cad553;}
a:hover {color: #002053;}
a:active { color:#002053;}

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

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

.gross {
font-size:14px;
text-transform:uppercase;
font-weight: normal;
padding: 0;
margin:0px;}

.gross_rot {
font-size:20px;
color:#002053;
text-transform:uppercase;
font-weight: bold;
padding: 0;
margin:0px;}

.gross_gruen {
font-size:20px;
color:#cad553;
text-transform:uppercase;
font-weight: bold;
padding: 0;
margin:0px;}

img.download {vertical-align:middle;}

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

/* ----------banner for logo-------------- */
#banner {
background-color: #018172;
text-align: left;
padding: 0px;
margin: 0px;
}

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

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

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



/* -----------footer--------------------------- */
#footer {
background: url(images/footer.jpg) no-repeat;
color:#002053;
height: 20px;
clear: both;
margin: 0px;
padding-top: 80px;
text-align: left; }