*{
margin: 0;
padding: 0;
}
HTML{
background: #d4cfa9;
}
BODY{
text-align: center;
font-size: 18px;
font-family: arial, sans-serif;
}
/*div{
border: 1px solid #f00;
}*/
DIV#haupt{
width: 770px;
text-align: left;
margin: auto;
}
DIV#haupt H3{
color: #6bc6bd;
background: #6bc6bd;
font-size: 20px;
}
P#top{
text-align: right;
background: url(../img/index_01.jpg);
}
DIV#nav-x UL{
width: 100%;
float: left;
background: #b88b62;
}
DIV#nav-x LI{
float: left;
margin: 0;
padding: 3px 1px 0 1px;
color: #000;
font-family: "arial black";
list-style: none;
font-size: 85%;
border-right:2px solid #fff;
}
DIV#nav-x A{
margin: 10px 0 0 0;
padding: 3px 10px 0 10px;
color: #000;
text-decoration: none;
}
DIV#nav-x LI A:hover{
background: #efa561;
}
DIV#content{
background: #ebe8cc;
height: 610px;
width: 770px;
}
DIV#haupt > DIV#content{
height: 655px;
width: 770px;
}
DIV#titel{
text-align: center;
}
DIV#titel H3{
font-size: 20px;
color: #cfbc77;
background: none;
}
IMG.logo
{
float: left;
clear:both;
margin-top: 0;
}
DIV#link_l{
float: left;
width: 126px;
height: 560px;
margin: 2px 0 0 4px;
}
DIV#link_l IMG.r
{
margin-left: 22px;
}
DIV#link_l IMG{
border: 1px solid #cce3eb;
margin: 2px 0; 
}
IMG.logo{
border: none;
}
DIV#ansicht{
float: left;
width: 504px;
height: 386px;
margin: 2px 0 0 2px;
}
DIV#content > DIV#ansicht{
height: 370px;
}
DIV#link_u{
float: left;
margin: 14px 0 0 4px;
width: 620px;
height: 124px;
}
DIV#content > DIV#link_u
{
 margin-top: 38px;    
}
DIV#link_u IMG{
border: 1px solid #cce3eb;
margin: 40px 4px 0 0;
}
IFRAME{
width: 620px;
height: 400px;
background: #ebe8cc;
}
DIV#hell{
background: url(../img/hell.jpg);
width: auto;
}
DIV#dunkel{
width: auto;
background: url(../img/dunkel.jpg);	
}
DIV#dunkel IMG, DIV#hell IMG{
 border:none;
}