body {
font-family: verdana;
font-style: normal;
font-size: 100%;
}

/* Definition Wrapper = Huelle um alles */
#wrapper {
margin-left:auto; 
margin-right:auto;
margin-top: 15px;
margin-bottom: 15px;
background-color: transparent;
width: 978px;
font-family: verdana;
font-style: normal;
font-size: 0.8em;
}

/* Definition Inhalt = container fuer Kopf und content */
#inhalt {
min-height: 600px;
background-color: rgb(254,255,153);
color: rgb(80,80,80);
}

#logo {
margin-left: 15px; 
margin-top: 15px;
background-color: transparent;
color: rgb(80,80,80);
}


#header-start {
	height: 160px;
	background-image: url(Bilder/Header_komplett.jpg);
	background-repeat: no-repeat;
}


/* Abstand nach Oben im div content ueber margin-top: 40px definiert, evtl. margin-right weglassen!!! */
#content {
background-color: tranparent;
font-family: verdana;
font-style: normal;
font-size: 1.0em;
color: rgb (80,80,80);
margin-top: 0px;
width: 978px;
}

#navi {
text-align: right;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 1em;
color: rgb (80,80,80);
padding: 8px 25px;
height: 16px;
}

	#navi ul {
	margin-bottom: 0px;
	}

	#navi li {
	display: inline;
	list-style-type: none;
	margin-left: 40px;
	}
	
#navi a {
text-decoration: none;
font-weight: bold;
}

#navi a:link {
color: rgb(80,80,80);
}

#navi a:visited {
color: rgb(80,80,80);
}

#navi a:hover, #navi a:focus {
color: rgb(80,80,80);
}

#navi a:active {
color: rgb(80,80,80);
}

/* navigation im fuss der Seite */
#fuss a {
text-decoration: none;
font-weight: bold;
}

#fuss a:link {
color: rgb(80,80,80);
}

#fuss a:visited {
color: rgb(80,80,80);
}

#fuss a:hover, #fuss a:focus{
background-color: rgb(240,240,240);
color: rgb(80,80,80);
}

#fuss a:active {
color: rgb(80,80,80);
background-color: rgb(240,240,240);
}
/* ende navigation fussbereich */

.skiplink {
position: absolute;
top: -8000px;
left: -8000px;
display: inline;
height: 0;
width: 0;
overflow: hidden;
}

div#linke-box {
float: left; 
width: 150px;
background-color: transparent;
padding-left: 30px;
padding-right: 30px;
padding-top: 80px;
padding-bottom: 100px;
}

div#rechte-box {
float: right; 
width: 140px; 
background-color: transparent;
padding-top: 80px;
padding-left: 30px;
padding-right: 30px;
}

div#mittel-box {
margin: 0 200px; 
background-color: transparent;
padding-top: 50px;
padding-left: 10px;
}

div.cleardiv {
clear: both;
}

#fuss {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 45px;
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 0.8em;
color: rgb(80,80,80);
padding: 8px 25px;
margin-bottom: 0px;
}

#fuss ul {
	margin-bottom: 0px;
	}

	#fuss li {
	display: inline;
	list-style-type: none;
	margin-left: 40px;
	}
	
#adresse-fuss {
margin-top: 15px;
font-size: 9px;
}

h1 {
font-size: 1.4em;
}

p#produkte {
font-size: 0.8em;
color: #666666
}


a {
text-decoration: underline;
font-weight: bold;
}

a:link {
color: rgb (80,80,80);
}

a:visited {
color: rgb(80,80,80);
}

a:hover, a:focus {
color: rgb (80,80,80);
}

a:active {
color: rgb(80,80,80);
background-color: rgb(240,240,240);
}

.bold {
font-weight: bold;
}

/* bildlink katalog */
#rechte-box a img{
text-decoration: none;
border: none;
}

#rechte-box a:link img {

}

#rechte-box a:visited img {

}

#rechte-box a:hover img, #rechte-box a:focus img{

}

#rechte-box a:active img {

}
/* ende bildlink katalog */

/* HAUPTNAVIGATION*/
#hauptnavi{
position: absolute;
margin-left: 210px;
margin-top: 15px;
}
#hauptnavi ul li{
display: block;
float: left;
margin-right: 30px;
}
#hauptnavi ul li a{
color: red;
font-size: 1.1em;
text-decoration: none;
}
#logo {
	margin-left: 20px;
	margin-top: 10px;
}

h1 {
	font-size: 110%;
}

h2 {
	font-size: 100%;
	}
	
h3 {
	font-size: 90%;
}

table#kontakt {
				line-height: 1.7em;
} 
#inhalt #content #mittel-box  img.beispiel {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

#inhalt a {
text-decoration: underline;
font-weight: bold;
color: green;
}

input[type=text], textarea {
						border: 1px solid silver; 
						font-family: verdana; 
						font-style: normal; 
						font-size: 100%;
						}

input[type=submit] {
					border: 1px solid red; 
					background-color: rgb(240,240,240)
					}
