@charset "UTF-8";
/*
 Copyright (c) 2009 by Orange Labs - www.orange-labs.de
 */
body
	{
		margin: 0;
		padding: 0;
		background: white;
		overflow: auto;
	}

p, div, ul, td, li
	{
		font: 12px "Lucida Sans Unicode";
		color: #1f1f1f;
		margin: 0px;
		background: white;
	}

ul.navi, .navi li
	{
		width: 580px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		top: 10px;
		left: 10px;
		background: transparent;
		position: relative;
		list-style-type: none;
		float: left;
	}

li.startseite
	{
		width: 117px;
		height: 30px;
		background: url(../images/startseite.png);		
		background-position: -15px -15px;
	}

li.startseite:hover {
	background-position: -15px -75px;
}

li.dasunternehmen
	{
		width: 119px;
		height: 30px;
		background: url(../images/dasunternehmen.png);
		background-position: -15px -15px;
	}
	
li.dasunternehmen:hover
{
	background-position: -15px -75px;
}

li.leistungen
	{
		width: 81px;
		height: 30px;
		background: url(../images/leistungen.png);
		background-position: -15px -15px;
	}
	
li.leistungen:hover
{
	background-position: -15px -75px;
}

li.referenzen
	{
		width: 84px;
		height: 30px;
		background: url(../images/referenzen.png);
		background-position: -15px -15px;
	}

li.referenzen:hover {
	background-position: -15px -75px;
}

li.kontakt
	{
		width: 66px;
		height: 30px;
		background: url(../images/kontakt.png);
		background-position: -15px -15px;
	}


li.kontakt:hover
{
	background-position: -15px -75px;
}


li.symbol
	{
		width: 112px;
		height: 30px;
		background: url(../images/symbol.png);
		background-position: -15px -15px;
	}
	
li.symbol:hover
{
	background-position: -15px -75px;
}

h1
	{
		font-size: 15px;
		color: #555555;
	}
	
h1.titel
	{
		margin-top: 0px;
	}
	
h4
	{
		font-size: 18px;
		color: #555555;
		margin-bottom: 5px;
	}
a
{
	color:red;
}
a:focus {
              outline: none;
              -moz-outline: none; /*damit verstehen es alle Gecko-Browser */
         }

p.adresse
	{
		font-size: 14px;
		color: #7d7d7d;
		margin: 2px 0px;
	} 
	
.rot
	{
		color: red;
	} 
	
.schatten
	{
		width: 951px;
		height: 793px;
		background: url(../images/schatten.png);
		position: relative;
		margin: 0px auto;
		top: 0px;
	} 
	
#footer
{
	width: 200px;
	margin-top: 10px;
	margin-left: 130px;
	text-align: right;
	background: transparent;
}
#footer a
{
	color: grey;
	text-decoration: none;
}

#footer a:hover
{
	color:red;
}
	
#schatten_content
	{
		width: 625px;
		background: transparent url(../images/content_shadow_top.png) no-repeat;
		position: absolute;
		overflow: hidden;
		top: 170px;
		right: 0px;
	} 

	
#content_shadow_top_corners
	{
		width: 625px;
		height: 9px;
		background: url(../images/content_shadow_top_corners.png) no-repeat;
		position: relative;
		top: 17px;
		clear: both;
	}
	

	
#content_shadow_repeat
	{
		width: 625px;
		min-height: 700px;
		background: url(../images/shadow_repeat.png) repeat-y;
		top: 17px;
		position: relative;
	}
	
#content_shadow_bottom_corners
	{
		width: 625px;
		height: 35px;
		top: 17px;
		background: url(../images/content_shadow_bottom_corners.png) no-repeat;
		position: relative;
	}
	

#content
	{
		width: 557px;
		min-height: 700px;
		top: 50px;
		left: 23px;
		padding: 10px;
		background: white;
		position: absolute;
	}
		

#wrapper
	{
		width: 901px;
		height: 768px;
		background: white;
		margin: 0px auto;
	} 
	
#logo
	{
		width: 901px;
		height: 537px;
		background: url(../images/logo2.jpg);
	} 
	
#logo h1
{
	visibility: hidden;
}
	
#anfahrt
	{
		width: 321px;
		height: 229px;
		padding: 1px 45px;
	}	

ul
{
	list-style-type: circle;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
.navilinks
{
	display: block;
	text-decoration: none;
	height: 30px;
}

.navilinks i
{
	visibility: hidden;
}

.mail
{
	color: grey;
	text-decoration: none;
}
.mail:hover
{
	color: red;
}
form#kontaktformular {padding:10px;  background:#E7EDF1; border:1px #c4c4c4 solid;}
form#kontaktformular label { width:100px; height:22px; margin-top:5px; display:block; float:left; }
form#kontaktformular .eingabe { width:248px; height:20px; margin-top:5px; border:1px #c4c4c4 solid; float:left; }
form#kontaktformular .checkbox { margin-top:2px; float:left; }
form#kontaktformular textarea { width:248px; height:98px; border:1px #c4c4c4 solid; margin-top:5px; font-family:arial; font-size:12px; float:left; } 
form#kontaktformular input.button { height: 23px; width: 98px; margin-top:10px;  margin-left: 252px; background:#FFF; border:1px #c4c4c4 solid; }
form#kontaktformular br { clear:both; }