* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#fff;
		text-align:center;
		font : 12px Arial;	
		color : #666666;
		line-height:15px;
		}


		a{
		font : 12px Arial;	
		color : #737373;
		}
		
a.none, a{
		text-decoration:none;
}

a:hover{
	color:#b4b3bd;
}


	#main {
		margin:0 auto;
		text-align:left;
		height:578px;
		width:637px;
		clear:left;
		}

		
	#abstand { 
		width:5px;
		height:50%;
		margin-bottom:-289px; /* halbe Höhe von #container */
		float:left;
		}
		
#nullpunkt{
	position: relative;
	visibility: visible;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
}

#navi{
	position: absolute;
	visibility: visible;
	left: 325px;
	top: 325px;
	width: 315px;
	height: 50px;
	z-index : 1;
} 

.nav, .nav a{
background-repeat: no-repeat;
background-position:0pt 0%;
text-decoration:none;
cursor:pointer;
display:block;
float:left;
}

#navi_1 a, #navi_1_aktiv a{
height:44px;
width:80px;
background: url(_images/navi_1.gif);
} 
#navi_1 a:hover, #navi_1_aktiv a{
background-position:0pt 100%;
}
#navi_2 a, #navi_2_aktiv a{
height:44px;
width:42px;
background: url(_images/navi_2.gif);
} 
#navi_2 a:hover, #navi_2_aktiv a{
background-position:0pt 100%;
}
#navi_3 a, #navi_3_aktiv a{
height:44px;
width:43px;
background: url(_images/navi_3.gif);
} 
#navi_3 a:hover, #navi_3_aktiv a{
background-position:0pt 100%;
}

#navi_4 a, #navi_4_aktiv a{
height:44px;
width:63px;
background: url(_images/navi_4.gif);
} 
#navi_4 a:hover, #navi_4_aktiv a{
background-position:0pt 100%;
}
#navi_5 a, #navi_5_aktiv a{
height:44px;
width:85px;
background: url(_images/navi_5.gif);
} 
#navi_5 a:hover, #navi_5_aktiv a{
background-position:0pt 100%;
}

#text{
	position: absolute;
	visibility: visible;
	left: 325px;
	top: 370px;
	width: 311px;
	z-index : 2;
} 

a.index{
	color:#00abd5;
}

a.blog{
	color:#cc0066;
}
a.shop{
	color:#ff6600;
}
a.kontakt{
	color:#b1bd21;
}

a.impressum{
	color:#cc33cc;
}