html, body {
	width: 100%;
	height: 100%;
}  

body { 
	margin: 0px 0px 0px 0px;	
	background-color: #9CB4BE;
}

* { 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
 }

img { border: 0; }

a:link, a:visited, a:active, a:hover {
	text-decoration: underline;
	cursor: pointer;
}

div#nav a.pic:hover, div#nav a.pic:active {background-color:#D0DCE1; text-decoration: none;}

table.content { 
	height: 100%;
	width: 100%;
}

td.oben{
	background-color: #D0DCE1;
	border-top: 13px solid #ffffff;
	border-right: 15px solid #ffffff;
	border-left: 15px solid #ffffff;
}

td.unten{
	background-color: #D0DCE1;
	border-right: 15px solid #ffffff;
	border-bottom: 13px solid #ffffff;
	border-left: 15px solid #ffffff;
}

div#nav{
	height: 117px;
	background-color: #D0DCE1;
	border-bottom: 7px solid #ffffff;
}

div#nav ul {
	list-style-type:none;
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td.nav1{
	width:580px;
	vertical-align:top;
	height:30px;
}

td.nav1-home{
	width:548px;
	vertical-align:top;
	height:30px;
}

td.nav2{
	vertical-align:top;
	height:30px;
}

td.nav3{
	vertical-align:top;
	height:15px;
}

div#nav li { display:inline;}

div#nav ul.hauptnav a { border-left: 1px solid #009F4F;}

div#nav li a {
	display:block;
	padding: 1px 10px 1px 10px;
	float:left;
	color: #000000;
	text-decoration: none;
}

div#nav ul.hauptnav-produktseite li a { 
	color:#FFFFFF;
	border-left: 1px solid #009F4F;
	text-decoration: none;
}

div#nav a.act, div#nav a.produkt-act { background-color: #DBEAB7; text-decoration: none;}
div#nav a.produkt-us-act { background-color: #9CB4BE; text-decoration: none;}
div#nav a:hover, div#nav a:active { background-color: #DBEAB7; text-decoration: none;}

div#nav a.produkt, div#nav a.produkt-act, div#nav a.produkt-us-act  {
	border-right: 1px solid #009F4F;
	border-left: 1px solid #009F4F;
	text-decoration: none;
}

a.produkt-1 { padding: 0px 6px 0px 10px; text-decoration: none;}
a.produkt-2 { padding: 0px 3px 0px 7px; text-decoration: none;}
a.produkt-3 { padding: 0px 9px 0px 12px; text-decoration: none;}
a.produkt-4 { padding: 0px 45px 0px 10px; text-decoration: none;}
a.produkt-5 { padding: 0px 26px 0px 7px; text-decoration: none;}
a.produkt-6 { padding: 0px 12px 0px 7px; text-decoration: none;}
a.produkt-7 { padding: 0px 12px 0px 10px; text-decoration: none;}


div#trenner-home {
	background-image: url(../images/trenner.gif);
	height: 82px;
	width: 753px;
	margin-top:39px;
}

div#text{ margin-top: 30px;}

div#text p, div#text p.gruen, div#text ul {
	margin-left: 115px;
	margin-right: 120px;
	margin-bottom:10px;
}

div#text p.gruen, p.kontakt-gruen {
	color:#009F4F;
	font-weight:bold;
}

div#text ul {
	padding: 0px 0px 0px 20px;
	list-style-image: url(../images/list-image.gif);
}

div#text li { margin-bottom: 15px;}

div#trenner-unterseite {
	background-image: url(../images/trenner.gif);
	height: 82px;
	width: 753px;
	margin-bottom:10px;
	z-index:1;
}

div.hidden { position:absolute; visibility:hidden; }

ul.change{
	list-style-image: url(../images/produkte-pfeil-text.gif);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 19px;
}

* html ul.change { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 17px; }

ul.change li{ font-size: 9px;}

img.pfeil-links, img.pfeil-rechts {
	margin-top:2px;
	margin-bottom:10px;
}

img.pfeil-links { margin-right:4px;}

a.gruen {color:#009F4F;}

.kontakt-input, .kontakt-textarea {
	border: 1px solid #009F4F;
	background-color:#ffffff;
	margin-bottom:2px;
	margin-left:10px;
	width:243px;}

.kontakt-input  {height:20px;}
.kontakt-textarea {height:100px width:243px;;}

td.kontakt {vertical-align:top; text-align:right}

ul.logos {
	height: 226px;
	background-color: #dceab8;
	margin: 20px 0px 20px 0px;
}

ul.logos li {
	float: left;
	/*display: inline;*/
	list-style: none;
	padding: 0px 20px 10px 10px;
}

ul.logos li a { text-decoration: none; }
ul.logos li img { margin-top: 10px; }