body {
	background-color: #903912;
	margin: 0;
	padding: 0;
}

img {
	border-style: none;
}

#wrapper	{
	/*border: solid 1px black;*/
	/* width: 583px;  */	
	width: 871px;
	position: relative;
	left: 50%;
	margin-left: -435px;
}
	
#puffertop {
	width: 871px;
	height: auto;
	/*border: solid 1px green;*/
}
	
#logohead {
	width: 871px;
	height: 83px;
	/*border: solid 1px black;*/
				
	background-image: url(bilder/logo_head.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
	
#whitebox {
	width: 871px;
	height: 560px;
	background-color: white;	
	background-image: url(bilder/logo_mitte.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
		
	/*border: solid 1px black;*/
}

#pfeile {
	/*border: solid 1px white;*/
	float: left;
	height: 35px;
	width: 94px;
	position: relative;
	top: -142px;
	left: 503px;
}

#mixer {
	background-image: url(bilder/mixer.gif);
	background-repeat: no-repeat;
	width: 821px;
	height: 232px;	
	position: relative;
	top: 277px;
}

#menu {
	position: relative;
	top: 201px;
	left: 125px;
	width: 821px;
	height: 22px;
}

.otto {
	display: block;
}

a span {
	display: none;
}

/* 485px Breite */
/* MenŸpunkt 1 ----------------------------------------- */
#m1 a:link {
	float: left;
	/*display: block;*/
	background-image:url(bilder/studio_n.gif);
	width: 98px;
	height: 22px;
}

#m1 a:visited {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/studio_n.gif);
	width: 98px;
	height: 22px;
}

#m1 a:hover {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/studio_o.gif);
	width: 98px;
	height: 22px;	
}

#m1 a:active {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/studio_o.gif);
	width: 98px;
	height: 22px;	
}
/* MenŸpunkt 2 ----------------------------------------- */
#m2 a:link {
	float: left;
	/*display: block;*/
	 
	background-image:url(bilder/pics_n.gif);
	width: 80px;
	height: 22px;
}

#m2 a:visited {
	float: left;
	/*display: block;*/
	 
	background-image:url(bilder/pics_n.gif);
	width: 80px;
	height: 22px;
}

#m2 a:hover {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/pics_o.gif);
	width: 80px;
	height: 22px;	
}

#m2 a:active {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/pics_o.gif);
	width: 80px;
	height: 22px;	
}
/* MenŸpunkt 3 ------------------------------------------ */
#m3 a:link {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/clients_n.gif);
	width: 114px;
	height: 22px;
}

#m3 a:visited {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/clients_n.gif);
	width: 114px;
	height: 22px;
}

#m3 a:hover {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/clients_o.gif);
	width: 114px;
	height: 22px;	
}

#m3 a:active {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/clients_o.gif);
	width: 114px;
	height: 22px;	
}
/* MenŸpunkt 4 ----------------------------------------- */
#m4 a:link {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/stuff_n.gif);
	width: 92px;
	height: 22px;
}

#m4 a:visited {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/stuff_n.gif);
	width: 92px;
	height: 22px;
}

#m4 a:hover {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/stuff_o.gif);
	width: 92px;
	height: 22px;	
}

#m4 a:active {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/stuff_o.gif);
	width: 92px;
	height: 22px;	
}
/* MenŸpunkt 5 ------------------------------------------- */
#m5 a:link {
	float: left;
	/*display: block;*/
	 
	background-image:url(bilder/links_n.gif);
	width: 84px;
	height: 22px;
}

#m5 a:visited {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/links_n.gif);
	width: 84px;
	height: 22px;
}

#m5 a:hover {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/links_o.gif);
	width: 84px;
	height: 22px;	
}

#m5 a:active {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/links_n.gif);
	width: 84px;
	height: 22px;	
}
/* MenŸpunkt 6 -------------------------------------------- */
#m6 a:link {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/contact_n.gif);
	width: 114px;
	height: 22px;
}

#m6 a:visited {
	float: left;
	/*display: block;*/
	  
	background-image:url(bilder/contact_n.gif);
	width: 114px;
	height: 22px;
}

#m6 a:hover {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/contact_o.gif);
	width: 114px;
	height: 22px;	
}

#m6 a:active {
	float: left;
	/*display: block;*/
	
	background-image:url(bilder/contact_o.gif);
	width: 114px;
	height: 22px;	
}