/*Struktur*/

body{background:#0097cc; margin:0; padding:0;}
a{cursor:crosshair;}
img{border:0;}

#kopf{
position:fixed;
background:url(../bilder/kopf.gif) no-repeat;
top:0;
left:0;
width:700px;
height:90px;
z-index:5;
}
#hinterkopf{
position:fixed;
background:url(../bilder/hinterkopf.gif) repeat-x;
top:0;
width:100%;
height:90px;
z-index:4;
}
#hals{
position:fixed;
background:url(../bilder/hals.gif) no-repeat;
top:90px;
left:223px;
width:563px;
height:89px;
z-index:5;
}
#schlauch{
position:fixed;
top:105px;
height:15px;
background:#85cadf;
z-index:5;
}
#schal1{
position:fixed;
left:0;
top:90px;
height:46px;
width:100%;
background:#0097cc;
z-index:3;
}
#schal2{
position:fixed;
left:0;
top:136px;
height:18px;
width:100%;
background:#85cadf;
z-index:3;
}
#pflaster1,#pflaster2{
position:fixed;
top:136px;
height:18px;
background:#0097cc;
z-index:4;
}
#pflaster1{left:0;width:195px;}
#pflaster2{right:0;width:15px;}

#eckemlo{
position:fixed;
top:166px;
left:15px;
width:15px;
height:15px;
background:url(../bilder/ecke-lo.gif) no-repeat;
z-index:6;
}
#ecketlo{
position:fixed;
top:136px;
left:195px;
width:15px;
height:15px;
background:url(../bilder/ecke-lo.gif) no-repeat;
z-index:6;
}
#ecketro{
position:fixed;
top:136px;
right:15px;
width:15px;
height:15px;
background:url(../bilder/ecke-ro.gif) no-repeat;
z-index:6;
}
#zeiger{
position:fixed;
background:url(../bilder/zeiger.gif) no-repeat;
top:171px;
left:179px;
width:16px;
height:38px;
z-index:5;
}
#menu{
position:fixed;
top:166px;
left:15px;
padding:16px 0 14px 0;
background:#85cadf url(../bilder/menu-u.gif) no-repeat bottom;
z-index:5;
}
#rahmen{
margin:154px 15px 15px 195px;
background:#85cadf url(../bilder/ecke-ru.gif) no-repeat right bottom;
z-index:2;
}
#inhalt{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 20px 18px;
background:url(../bilder/ecke-lu.gif) no-repeat left bottom;
color:#222222;
height:auto;
z-index:1;
}


/*Navigation oben*/

#punkt1, #punkt2, #punkt3, #punkt4, #punkt5{
position:fixed;
top:73px;
height:16px;
padding:0;
z-index:6;
}
#punkt1{left:149px; width:44px;}
#punkt2{left:229px; width:85px;}
#punkt3{left:350px; width:44px;}
#punkt4{left:430px; width:55px;}
#punkt5{left:521px; width:35px;}

#punkt1 img, #punkt2 img, #punkt3 img, #punkt4 img, #punkt5 img{
border:0;
padding:0;
display:block;
margin:0;
height:16px;
}
#punkt1 img{width:44px;}
#punkt2 img{width:85px;}
#punkt3 img{width:44px;}
#punkt4 img{width:55px;}
#punkt5 img{width:35px;}

#punkt1 a{display:block; background:url(../bilder/prolog.gif) top no-repeat;}
#punkt2 a{display:block; background:url(../bilder/ghettofusion.gif) top no-repeat;}
#punkt3 a{display:block; background:url(../bilder/partys.gif) top no-repeat;}
#punkt4 a{display:block; background:url(../bilder/oktagon.gif) top no-repeat;}
#punkt5 a{display:block; background:url(../bilder/links.gif) top no-repeat;}
#punkt1 a:hover, #punkt2 a:hover, #punkt3 a:hover, #punkt4 a:hover, #punkt5 a:hover{background-position:bottom;}

#punkt1 a.hpa, #punkt2 a.hpa, #punkt3 a.hpa, #punkt4 a.hpa, #punkt5 a.hpa{background-position:bottom;}

/*Navigation links*/

#menu a{
display:block;
width:149px;
height:15px;
padding:0 0 0 15px;
margin:-1px 0 0 0;
background:#85cadf;
color:#0097cc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
border-top:1px dotted #0097cc;
border-bottom:1px dotted #0097cc;
}
#menu a:hover{color:maroon;}

#menu ul{
list-style:none;
padding:0;
margin:0;
}
#submenu ul{
list-style:none;
padding:1px 0 1px;
margin:0;
}
#menu li{padding:0;margin:0;}

#menu a.ga, #submenu a.ga{color:#222222;}

#submenu a{
display:block;
width:134px;
height:13px;
font-size:11px;
border:0;
padding:0 0 2px 30px;
}


/*Textformatierung*/

h1{
font-size:1.4em;
font-weight:bold;
font-style:italic;
}
h2{
font-size:1.1em;
line-height:0.6em;
font-weight:bold;
margin-top:1.6em;
}
h3{
font-size:1em;
line-height:0.5em;
font-weight:bold;
font-style:normal;
margin-top:2em;
}
h4{
font-size:1em;
line-height:0.4em;
font-weight:bold;
font-style:normal;
text-align:left;
margin-top:1.6em;
}
.t{
font-size:0.8em;
line-height:1.5em;
text-align:justify;
}
.k{font-style:italic;}
.f{font-weight:bold;}
.z{text-align:center;}
.r{text-align:right;}

ul{
list-style-type:square;
margin-top:0;
margin-bottom:0.3em;
}
p{margin-bottom:0;}
.l{text-align:left;}


/*Linkformatierung*/

a:link, a:active{color:#0097cc;
font-weight:bold;
text-decoration:none;
}
a:visited{color:#005977;
font-weight:bold;
text-decoration:none;
}
a:hover{color:Maroon;
font-weight:bold;
text-decoration:none;}