body {
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 0;
background-color : black;/*#eeeeee;*/
}
a:link, a:visited, a:active {
font-size : 98%;
font-family :  calibri, arial, helvetica, verdana, tahoma, sans-serif;
color : #7b917c;
}
a:hover {
text-decoration : none;
background-color : #c5cbc9;
color : #fff;
}
h1 {
font-family : "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif;
color : #003333;/*#7b917c;*/
margin-bottom : 20px;
letter-spacing : 1px;
font-size : 110%;
border-bottom : 0 solid #746b64;
padding-bottom : 4px;
}
p, pre{
padding: 5px 0px;
margin:0px;
}
h2 {
font-family : "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif;
color : #003333; /*#7b917c;*/
margin: 0px 0px 20px 0px;
letter-spacing : 1px;
font-size : 125%;
border-bottom : 0 solid #746b64;
padding-bottom : 4px;
}
ul {
line-height: 2;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 680px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-color: #EAF0E6;
border-right : 1px solid #bbbbbb;
border-left : 1px solid #bbbbbb;
color: #003333; /*#7b917c;*/
font-family : calibri, arial, helvetica, tahoma, verdana, sans-serif;
font-size : 97%;
line-height : 125%;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #f5f8f3;
text-align: left;
padding: 10px 0px 0px 0px;
margin: 0px;
height : 30px;
background-image : url(back.jpg);
background-repeat : no-repeat;
}
/*#banner img {padding:10px 0px;}*/
span#header{
margin:0px 0px 0px 13px;
font-size : 150%;
font-family : georgia, "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif;
letter-spacing : -1px;
}
/* -----------------Inhalt--------------------- */
#content {
float: right;
width: 460px;
background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 40px;
padding-left:20px;
padding-right:20px;
min-height:800px;
}

#testbild {
 width: 450px;
 height: auto;
}

/* -------------- menu ------------- */
#menu {
display : block;
background-color: #EAF0E6;
float: left;
width: 170px;
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-left:10px;
text-align: justify;
text-decoration : none;
font-size : 89%;
line-height : 30%;
font-family : "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif;
}
#menu a, #menu1 a:visited, #menu1 a:active {
display : block;
background-color : #eaf0e6;
text-decoration : none;
text-align : center;
font-size : 89%;
line-height : 180%;
font-family : "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif;
color : #003333; /*#7b917c;*/
width : 160px;
}
#menu a:hover {
background-color : #a5adaa;
color : #fff;
text-decoration : none;
}

/* -----------impressum--------------------------- */
#imp 
{
position: absolute;
bottom: 10px;
}


#valid {
margin : 50px 0px 10px 0px;
}
#valid a{
display : block;
background-color : #eaf0e6;
text-decoration : none;
text-align : center;
font-size : 89%;
line-height : 180%;
font-family : "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif;
color : #003333; /*#7b917c;*/
width : 160px;
}

#valid a:hover {
background-color : #eaf0e6;
color : #fff;
text-decoration : none;
}

.valid img{
display:block;
position:relative; top:-70px;left:-150px;  /*  position:absolute;    */
margin : 0px 0px 5px 0px;
background-color : #fff;
color : #fff;
}
.valid:hover a:hover/*, div*/{
background-color:#FFFFFF;
display:block;
color : #fff;
margin : 0px 0px 5px 0px;
}
#bild_link {
margin : 60px 0px 10px 0px;
}

#bild_link a:img{
border-style: hidden;
border-width = 0px;
}

#bild_link a{
background-color : #ffffff;
color : #fff;
text-decoration : none;
}

#bild_link a:hover {
background-color : #ffffff;
color : #fff;
text-decoration : none;
}
/* -----------footer--------------------------- */
#footer {
background-color: #F5F8F3;
color: #575558;
clear: both;
margin: 0px;
padding: 2px;
text-align: center;
vertical-align:middle;
height: 22px;
font : normal 11px verdana, sans-serif;
}

#footer a, a:hover{
text-decoration : none;
color : #575558;
background-color: #F5F8F3;
}