body{
	background-color:#000;
}


#page {
	background: #000;
	height:768px; 
	width:1024px;
	margin-top: 0px;
	margin-left: 25px;
	font-family: Arial;
	font-size: 1.2em;
	color: #333;
}


#logo img
{
	z-index:1;
	position: absolute;
	width: 213px;
	height: 95px;
	margin-top: 80px;
	margin-left: 800px;
  }

#nav {
	z-index:1;
	position: absolute;
	background: #000;
	height:100px; 
	width:680px;
	margin-top: 20px;
	margin-left: 1px;
}

#start{
	z-index:2;
	display: block;
	width: 630px;
	height: 72px;
	background: url("../img/start_sm.png") no-repeat 0 0;
}

#start:hover
{ 
  background-position: 0 -74px;
}

#start span
{
  display: none;
}






#uns
{
	z-index:2;	
	display: block;
	width: 420px;
	height: 70px;
	background: url("../img/uns_sm.png") no-repeat 0 0;
}

#uns:hover
{ 
background-position: 0 -71px;
}
#uns span
{
  display: none;
}

#leistung
{
	z-index:2;
	display: block;
	width: 520px;
	height: 70px;
	background: url("../img/leistung_sm.png") no-repeat 0 0;
}

#leistung:hover
{ 
background-position: 0 -75px;
}
#leistung span
{
  display: none;
}

#ref
{

	z-index:2;
	display: block;
	width: 540px;
	height: 70px;
	background: url("../img/ref_sm.png") no-repeat 0 0;
}

#ref:hover
{ 
background-position: 0 -74px;
}
#ref span
{
  display: none;
}

#kontakt
{
	z-index:2;
	display: block;
	width: 400px;
	height: 72px;
	background: url("../img/kontakt_sm.png") no-repeat 0 0;
}

#kontakt:hover
{ 
background-position: 0 -72px;
}
#kontakt span
{
  display: none;
}

#main
{
	text-align:center;
	color:#878787;
	font-family:Arial;
	font-size:12pt;
	position: absolute;
	background: #fff;
	left:300px;
	top:200px;
	height:550px; 
	width:750px;
}

#fus
{   
	z-index:3;
	text-align:center;
	color:#878787;
	font-family:Arial;
	font-size:14pt;
	position: relative;
	width: 950px;
	height: 100px;
	top: 500px;
	margin-left: 24px;
  }
a[href^="mailto"] 
{ 
color: #878787; 
text-decoration:none;  
}
a[href^="mailto"]:hover:after { content: " > " attr(title); }