html, body{
height:100%;
background-color:#8B8789;
padding:0;
margin: 0;
}

#abstand {
height: 50%; 
width: 100px;
margin-bottom: -24em; 
border: 0px solid #000000;
}

#content{
width:888px;
height:48em;
margin:  auto auto;
border: 1px solid #000000;
border-left: 0px;
border-right: 0px;
}

#img{
border: 1px solid #000000;
}

#puct{
width:35%;
height:50%;

float:left;


border: 0px solid #000000;
}


#pict{
width:auto;
height: auto;
max-height:454px;
float:left;
padding: 5px;
margin: 10px 10px  auto 4px;
border: 0px solid #000000;
border-right-color: #ff0000
}


#pact{
width:80%;
height: 20%;
float:right;
border: 0px solid #000000;
}

#pect{
width:80%;

height: 10%;
float:left;


border: 0px solid #000000;
}

#unten   { vertical-align:bottom; background-color:#EEEEEE; }


#text{
width:auto;
max-height:454px;
}

#logo{
margin-top:10px;
width:400;
height:auto;
float:left;
border: 0px solid #FF99FF;
}

#navigation{
width:674px;
height:auto;
float:left;
margin-top:10px;
margin-left:18px;
margin-bottom:auto;
border: 0px solid #000000;
}


div{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#F0EFEF;
letter-spacing:1px;
}



#navigation a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#F0EFEF;
text-decoration:none;
padding-left:5px;
width:23px;
height:25px;
}

#navigation a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4A494A;
text-decoration:none;
}

#navigation a:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4A494A;
}
#navigation .on{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4A494A;
}
a{
color:#F0EFEF;
text-decoration:none;
}
.clear{
clear:both;
}