body {
background-color: #DBDBFF;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
a {color: #2E3467;}
a:visited {color:#2E3467;}
a:hover {color: #564b47;}
a:active { color:#2E3467;}

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

h2 {
font-size:12px;
font-weight: bold;
padding: 5px 0px;
margin:0px;
margin-top:5px;
}

h3 {
font-size:14px;
font-weight: bold;
padding:7px;
margin:0px;}

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

/* ----------container zentriert das layout-------------- */
#container {
background-image:url(images/back.jpg);
background-repeat:repeat-y;
width: 900px;
margin-bottom: 10px;
margin:0 auto;
background-color: #6785F9;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #96ABFC;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: transparent; #FFFFFF; opacity: 10%;
padding: 0;
margin-top: 5px;
margin-left: 160px;
margin-right: 260px;
}
div#content { 
min-height:450px;
height:expression(this.scrollHeight > 450 ? "auto":"450px"); 
}

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

/* --------------left navigavtion------------- */
#left {

float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
#right {
margin-top: 5px;
	float: right;
	width: 260px;
	margin: 0px;
	padding: 5px;
}
#frame {
margin-top: 5px;
	margin: 0px;
	padding-right: 15px;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
border-top:1px solid #564b47;
margin: 0px;
padding: 0px;
text-align: center; }

#navigation {

      width: 170px;
      float:left;
      margin: 0;
      padding: 0;
      list-style: none;
      }   
#navigation a {
     display: block;
      padding: 5px;
     border: 2px solid #fff;
     border-bottom: 1px solid #fff;
     }
#navigation a:hover {
      border-left: 2px solid #a00;
      border-right: 4px solid #a00;
      }
#navigation a:active {
      border-left: 2px solid #a00;
      border-right: 2px solid #a00;
      }
#navigation span {
     display: block;
     margin-left: 5px;
     }