body {
 font-family:Arial, Verdana, sans-serif;
 background-color:#222;
 color:#333;
 background-image: url(img/bg_2.jpg);
 margin: 0px;
}

#top{
width:526px;
height: 210px;
margin: 0px;
background-image: url(images/top.jpg);
padding: 40px 5px 0px 229px;
text-decoration:none;
font: normal 12px  Arial, sans-serif;
}

#top2{
width:526px;
height: 210px;
margin: 0px;
background-image: url(images/top.jpg);
padding: 40px 5px 0px 229px;
text-decoration:none;
font: normal 12px  Arial, sans-serif;
}

#center{
width:760px;
min-height: 50px;
margin: 0px;
background-image: url(images/center.jpg);
padding: 15px 5px 5px 15px;
text-decoration:none;
font: normal 12px  Arial, sans-serif;
}

#bottom{
width:715px;
height: 60px;
margin: 0px;
background-image: url(images/bottom.jpg);
text-decoration:none;
font: normal 10px  Arial, sans-serif;
padding: 20px 5px 0px 40px;
}


/* Bilder ------------------------------- Anfang */	

#pic{
z-index:3;
position:absolute; 
top:25px; 
left:20px;
width:204px;
height: 239px;
}

#pic2{
z-index:3;
position:absolute; 
top:25px; 
left:20px;
width:313px;
height: 165px;
}
/* Bilder ------------------------------- Ende */	


/* Menue ------------------------------- start */	

#menue{
z-index:2;
position:absolute; 
top:200px; 
left:540px;
width:170px;
}

#menue ul {	
list-style-type: none;
margin-left:0px;
padding: 0px;
}	

#menue li {
list-style-type: none;
margin-left:0px;
padding: 0px;
}

#menue li a {
display:block;
background:  url("img/m_norm.gif") no-repeat;
border: none;
background-position: top left;
color:#333;
text-decoration:none;
font: bold 12px  Arial, sans-serif;
height: 23px;
line-height: 18px;
padding-left: 30px;
margin-bottom: 0px;
margin-top: 0px;

}	

#menue li a:hover 
{
background:  url("img/m_hover.gif") no-repeat;
color:#800000;
text-decoration:none;
background-position: top left;
height: 23px;
line-height: 18px;
}

#menue li a.activ
 {
background:  url("img/m_activ.gif") no-repeat;
color:#800000;
text-decoration:none;
background-position: top left;
height: 23px;
line-height: 18px;
}

#menue li a.top
 {
background:  url("img/m_top.gif") no-repeat;
color:#333;
text-decoration:none;
background-position: top left;
height: 27px;
line-height: 25px;
}

#menue li a.top:hover
 {
background:  url("img/m_top_hover.gif") no-repeat;
color:#800000;
text-decoration:none;
background-position: top left;
height: 27px;
line-height: 25px;
}

#menue li a.top_activ
 {
background:  url("img/m_top_activ.gif") no-repeat;
color:#800000;
text-decoration:none;
background-position: top left;
height: 27px;
line-height: 25px;
}

#menue li a.end
 {
background:  url("img/m_end.gif") no-repeat;
color:#333;
text-decoration:none;
background-position: top left;
height: 18px;
line-height: 14px;
}

#menue li a.end:hover
 {
background:  url("img/m_end_hover.gif") no-repeat;
color:#800000;
text-decoration:none;
background-position: top left;
height: 18px;
line-height: 14px;
}

#menue li a.end_activ
 {
background:  url("img/m_end_activ.gif") no-repeat;
color:#800000;
text-decoration:none;
background-position: top left;
height: 18px;
line-height: 14px;
}

/* Menue ------------------------------- ende */