html,body
{
	height:100%;
}

body
{
	background:garkgoldenrod;
	color:black;
	margin:0px;
	font-size:100%;
        font-family:helvetica,arial,verdana,sans-serif;
    
}


#distance
{
	height:50%;
	margin-bottom:-888px;
}



#mama
{
	width:1024px;
	height:768px;
        background:none;
	margin:auto;

}


}
a
{
    outline:none;
    text-decoration:none;
}
h1
{
	font-size:14px;
	color:black;
	letter-spacing:2px;
        outline:none;
}
h2
{
	font-size:14px;
	color:darkgoldenrod;
	letter-spacing:2px;
        outline:none;
}
#header
{
	width:530px;
	text-align:left;
}

#text
{
	width:530px;
        font-size:13px;
	text-align:left;
}
#text2
{
	width:530px;
        font-size:13px;
	text-align:left;
        margin-left:10px;
  
}
#text3
{
	width:530px;
        font-size:13px;
	text-align:left;
        color:black;

}


#boxinhalt
{
	width:530px;
        margin-left:660px;
        margin-top:-4970px;

}
#boxfotos
{
	width:530px;
        margin-left:660px;
        margin-top:-6770px;

}
.navimail 
{
	
	color:darkgoldenrod;
	text-decoration:none;
}
.navimail:focus
{

	color:black;
        text-decoration:none;
}

.navimail:hover
{

	color:black;
	text-decoration:none;
}

.foto
{
	width:530px;
        margin-left:float;

}
.fotokl
{
	width:530px;


}
#boxteil
{
	width:530px;
        height:330px;
        margin-left:660px;
        margin-top:-4970px;
        background:darkgoldenrod;

}
#boxkontakt
{
	width:530px;
        margin-left:660px;
        margin-top:-4970px;
       

}
#bild
{
	width:505px;
        height:585px;      
         background:url(../images/bild_home.gif);
         margin-left:-240px;
         position:fixed;
} 

#bildrechts
{
	width:298px;
        height:402px;      
         background:url(../images/bild_rechts_home.gif);
        margin-left:865px;
         position:fixed;
}

#logo
{
	width:365px;
        height:120px;
	background:none;
        margin-left:30px;
        margin-top:32px;
        position:fixed;
}


#box1
{
	width:365px;
        height:575px;
	background:none;
        margin-left:-70px;
        margin-top:257px;
        position:fixed;
}
#scroll
{
	width:1685px;
        height:6800px;      
         margin-left:-360px;
         background:url(../images/layout.gif);
}
#mitte
{
	width:600px;
	height:5000px;
        background:white;
        margin-left:625px;
}
#mittefotos
{
	width:600px;
	height:6800px;
        background:white;
        margin-left:625px;
}
#intro
{
	width:200px;
        height:30px;
        background:url(../images/intro.png);
	
}
#homes
{
	width:200px;
        height:30px;
        background:url(../images/home.png);
	margin-top:-8px;
}

#fotos
{
	width:200px;
        height:30px;
        background:url(../images/fotos.png);
	margin-top:-8px;
}
#videos
{
	width:200px;
        height:30px;
        background:url(../images/videos.png);
        margin-top:-8px;
}
#teilnahme
{
	width:200px;
        height:30px;
        background:url(../images/teilnahme.png);
        margin-top:-8px;
}
#kontakt
{
	width:200px;
        height:30px;
        background:url(../images/kontakt.png);
	margin-top:-8px;
}
#disko
{
	width:200px;
        height:30px;
        background:url(../images/disco.png);
	margin-top:-8px;
}
#alt
{
	width:200px;
        height:30px;
        background:url(../images/2014.png);
	margin-top:-8px;
}
#impressum
{
	width:200px;
        height:30px;
        background:url(../images/impressum.png);
	margin-top:-8px;
}

#introon
{
	width:200px;
        height:30px;
        background:url(../images/intro_on.png);
	
}
#homeson
{
	width:200px;
        height:30px;
        background:url(../images/home_on.png);
	margin-top:-8px;
}

#fotoson
{
	width:200px;
        height:30px;
        background:url(../images/fotos_on.png);
	margin-top:-8px;
}
#videoson
{
	width:200px;
        height:30px;
        background:url(../images/videos_on.png);
        margin-top:-8px;
}
#teilnahmeon
{
	width:200px;
        height:30px;
        background:url(../images/teilnahme_on.png);
        margin-top:-8px;
}
#kontakton
{
	width:200px;
        height:30px;
        background:url(../images/kontakt_on.png);
	margin-top:-8px;
}
#diskoon
{
	width:200px;
        height:30px;
        background:url(../images/disco_on.png);
	margin-top:-8px;
}
#alton
{
	width:200px;
        height:30px;
        background:url(../images/2014_on.png);
	margin-top:-8px;
}
#impressumon
{
	width:200px;
        height:30px;
        background:url(../images/impressum_on.png);
	margin-top:-8px;
}
#facebook
{
	width:40px;
        height:40px;
        background:url(../images/facebook2.jpg);
	margin-left:158px;
        margin-top:-8px;
}
#stadtteile
{
	width:177px;
        height:22px;
        background:url(../images/stadtteile.gif);
	margin-left:2px;
        margin-top:230px;
}