html {
	height:100%; 
	max-height:100%; 
	background:rgb(209,205,193);
	font-family: verdana, arial, georgia, "palatino linotype", "times new roman", serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

hr
{
width: 50%;
color: black;	
}



body {
	height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background-image:url(../img/parkett6.jpg);
	}

label
{
color: black;
font-size: 1.0em; 
}

#content {
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:17%; 
	height: 85%;
	width:83.5%; 
	left:6%; 
	background-color:white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-left: 4.5%;
	}

#content img
{
border: 1px solid black;
}

#content a
	{
	color: black;
	text-decoration: underline;
	}
	
#content a:hover
	{
	color: white;
	background-color: black;
	text-decoration: none;
	}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:90%;
	border-top:154px solid #fff; 
	border-bottom:50px solid #fff;
	}

#head {
	position:absolute; 
	left:6%; 
	top:0; 
	width:88%; 
	height:20%;
	font-size:1em; 
	z-index:5; 
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image:url(../img/bg_50.png);
	}


.header_img 
{
position: absolute;
left: 50%;
width: 500px;
margin-left: -250px; /* negative Hälfte von width:400px */
top: 47%;
height: 79px;
margin-top: -55.5px; /* negative Hälfte von height:150px */
border: none;
}


.header_img a
{
text-decoration: none;
border: none;
color: none;
background: none;
font-weight: none;
clear: both;
}


* html #head {
	top:0; width:90%; height:148px;
	}

/*	Hier muss die Breite angepasst werden damit sich die Navigation jeweils
	über die ganze Seite erstreckt */
a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7, a.nav8 
{
width:16.6%;
float: left;
font-size:1em; 
font-weight:bold; 
color:#000; 
text-decoration:none; 
line-height:25px; 
overflow:hidden; 
color: black;
}

a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover, a.nav7:hover
{
background: black;
width:16.6%;
float:left;
font-size:1em; 
font-weight:bold; 
color: white;
text-decoration:none; 
line-height:25px; 
overflow:hidden; 
}

/* Die Nav-Links muessen angepasst werden, je nach Seite, auf der sich der Benutzer aufhaelt */

body#Startseite a.nav1, body#Sortiment a.nav2, body#Dienstleistungen a.nav3, body#ueber_uns a.nav4, body#Anfahrt a.nav5, body#Kontakt a.nav6    
{
background: #838383;
font-style: italic;
color: white;
}


#navigation
{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
border-bottom: 0.5px solid black;
border-top: 1px solid black;
background: white;
}	

#foot {
	text-align:center;
	position:absolute; 
	margin-left:0px; 
	left:6%; 
	padding-left: 6%;
	top: 97%;
	width:82%; 
	min-width:82%; 
	height:5%; 
	font-size:1em; 
	z-index:5; 
	border:0.5px solid #000;
	border-bottom: 0px;
	font-weight:bold;
	background: white;
	color: black;
	display: none;
	}
	
	
#foot a
	{
	color: black;
	}
	
#foot a:hover
	{
	color: white;
	background-color: black;
	}

* html #foot {
	bottom:2px; width:90%; height:48px;
	}

.titel 
	{
	padding-top: 2%;
	font-size:1.5em; 
	font-weight:;
	text-align:left;
	color: black;
	/* letter-spacing: 5px; */
	}

.lead 
	{
	font-size:1em; 
	text-align:left;
	color: black;
	margin: 1% 0;
	width: 95%;
	line-height: 30px;
	}

.lead i
	{
	font-size:1em; 
	text-align:left;
	color: black;
	}

.text
	{
	font-size:1em; 
	text-align: left;
	color: black;
	}

.text_ueberuns
	{
	width: 95%;
	font-size:1em; 
	text-align: left;
	color: black;
	margin: 0;
	width: 92%;
	margin: 1% 0;
	line-height: 30px;
	}
	
ul
	{
	font-size:1em; 
	text-align: left;
	color: black;
	}
	
li a
	{
	color: black;
	}
	
li a:hover
	{
	color: white;
	background-color: black;
	}
	
.bold {font-weight:bold;}
.left {float:left; margin-right:10px; margin-left:10px;  margin-bottom:10px;  border:1px solid #000;}
.right {float:right; margin: 0 25px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}

* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}

.start
{
text-align: center;
margin: 0px auto;
width: auto;
}

.zentriert
{
text-align: left;
margin: 0px auto;
width: auto;
}

.bottom_pic
{
border: 1px solid black;
margin: 1%;
}

#map
{
width:50%; 
height:70%; 
margin-right: 1%; 
margin-bottom: 1%; 
float: right;
}

#map_gross
{
width:100%; 
height:100%;
}

#map_text
{
float: left;
margin-left: 1%;
margin-bottom: 1%;
font-size:1em; 
text-align: justify;
color: black;
width: 45%;
}

#map_text a
	{
	color: black;
	}
	
#map_text a:hover
	{
	color: white;
	background-color: black;
	}

.formular
{
width: 30%;
font-size:1em; 
text-align: justify;
color: black;
margin: 1%;
color: black;
margin: auto;
text-align: center;
}


.formular label
{
float: left;
font-size: 1em;
}

.formular input
{
float: right;
}

.kontakt_feedback
{
color: black;
font-size: 1em;
}