@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
	
body{
	font-family:Segoe UI, Tahoma, Geneva, sans-serif, Arial;
	font-size:75%;
	position : relative;
}

#wrapper{
	margin: auto auto;
	width:1024px;
	margin-top:-14px;
	}
	
body.incAusgleich #wrapper{
	margin-top:0px;
	}
	
p{
	margin:0px;
	padding:0 0 13px 0;	
	}
	
a{
	color:#333333;
	text-decoration:none;	
	}
	
a:focus{ 
	outline: none;
}
	
a:hover{
	color:#007C2F!important;
	}
	
#inhalt a, #seitenleiste a{
	color:#007c2f;
	}
	
a.active{
	color:#007c2f;
	}

.firmenMarkenDetailLinks ul{
	padding-left:15px;
	}
	
.firmenMarkenDetailLinks li{
	padding-bottom:5px;
	}
	
img{
	border:none;
	}
	
.gruen{
	color:#007C2F;
	font-size:90%;
	font-weight:bold;
	margin-left:4px;
	position:absolute;
	}
	
/* TITEL H1 - H6 */
h1, h2{
	color:#007c2f;
	font-weight:normal;
	font-size:130%;
	padding-bottom:13px;
	}

h4{
	font-size:100%;
	font-weight:normal;	
	padding-bottom:13px;
	}
	
h5{
	font-size:100%;
	font-weight:normal;	
	padding-bottom:8px;
	}
	
h6{
	font-size:100%;
	font-weight:bold;	
	}
	
/* HEADERBILDER STARTSEITE */
div#headerbildStart div.overflow {
	position : absolute;
}

div#headerbildStart, .innerfade {
	height: 270px !important;
}
/* LINK / DATEI LISTE */
.linkliste{
	margin-left:19px;
	}
	
.linkliste li{
	list-style-image:url(../img/layout/linkpfeil.gif);
	padding-bottom:5px;
	}
	
.linkliste li.download{
	list-style-image:url(../img/layout/dokument.gif);
	padding-bottom:5px;
	}

	
/* SERVICELEISTE */	
#serviceleiste{
	background-color:#f8f8f8;
	border-bottom:1px dotted #a3a3a3;
	height:35px;
	position : relative;
	}	
	
/* SERVICENAVIGATION / FOOTERNAVIGATION / FUSSLEISTE / SLOGAN */
#servicenavigation, .suche{
	display:inline-block;
	float:left;
	padding: 8px 10px 0 321px;
	}
* html #servicenavigation, * html .suche{
	padding-top: 6px;
	}
*+html #servicenavigation, *+html .suche{
	padding-top: 6px;
	}
#servicenavigation li a, .suche li a{
	font-size:100%;
	}
#servicenavigation li.label, .suche li.label {
	color: #a3a3a3;
	}
#servicenavigation li.first {
	margin-left: 30px;
	}
#servicenavigation li.lang {
	margin-left: 5px;
	}
#servicenavigation li, #footernavigation li{
	display:inline;
	height: 16px;
	line-height: 16px;
	list-style:none;
	margin-left:15px;
	}
.suche {
	float : right;
	list-style : none;
	padding : 8px 10px 0 0;
}
.suche form {
	display: inline;
	margin: 0;
	}	
.suche form input.search {
	background:url("../img/layout/bg-search.png") no-repeat scroll 163px 2px #F8F8F8;
	color:#A3A3A3;
	height: 17px;
	line-height: 17px;
	font-family:Segoe UI,Tahoma,Geneva,sans-serif,Arial;
	font-size: 90%;
	margin: 0 0 0 5px;
	padding: 0 0 0 3px;
	width: 178px;
	}
.suche form input.cse-button	{
	background: none;
	border: none;
	cursor: pointer;
	height: 19px;
	left: 984px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -500px;
	width: 30px;
}

#footernavigation li{
	margin-left:18px;	
}
	
#footernavigation{
	float:left;
	margin-left : 40px;
	}

#fussleiste{
	clear:both;
	height:138px;
	padding:23px 60px 0 22px;
	}
	
#fussleiste h2{
	color:#007C2F;
	float:left;
	font-size:100%;
	font-weight:normal;
	width:257px;
	}

/* FONT SIZER */
#servicenavigation li.medium, #servicenavigation li.large {
	margin-left: 0;
	}
#servicenavigation li.small {
	margin-left: 5px;
	}
#servicenavigation li.small a{
	font-size: 9px;
	margin-left: 0;
	position: relative;
	}
#servicenavigation li.medium a{
	font-size: 12px;
	margin-left: 0;
	position: relative;
	}
#servicenavigation li.large a {
	font-size: 15px; 
	margin-left: 0;
	position: relative;
	}

/*FONT SIZES FÜR DEN INHALT*/
body.medium {
	font-size: 90%;
}
body.large {
	font-size: 100%;
}

body.large ul#hauptnavigation {
	font-size: 95%;
}

body.medium #seitenleiste h2 {
	margin-bottom : 32px;	
}
body.large #seitenleiste h2 {
	margin-bottom : 44px;
}
/* HAUPTLEISTE */
#hauptleiste{
	background-color:#FFF;
	height:117px;
	margin:30px 10px 0 0;
	width:1014px;
}
	
/* LOGO */
#hauptnavigation_logo{
	float:left;
}
/* LOGO GENOSSENSCHAFT */
a.logo_rechts {
    height: 95px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: 43px;
    width: 120px;
    z-index: 50;
}
a.logo_rechts img {
	left: 0;
    position: absolute;
	top: 0;
}
a.logo_rechts:hover img {
	top: -95px;
}
/* HAUPTNAVIGATION */
#hauptnavigation{
	float:left;
	height: 50px; /* fuer Textvergroesserung */
	margin:54px 0 0 189px;
	width : 696px;
	z-index : 100;
}
	
#hauptnavigation li a{
	font-size:18px;
	}
	
#hauptnavigation li.withSub a {
	background : url("../img/layout/downup1.gif") no-repeat scroll right 60% transparent;
	padding-right : 15px;
}

#hauptnavigation li.hauptButtons{
	display:inline-block;
	float:left;
	list-style:none;
	margin:0 18px;
	padding:18px 0;
	}

.layernavigation {
	background: rgb(248, 248, 248);
	border : 1px dotted #A3A3A3;
	border-width : 1px 0;
	display : block;
	left : -999em;
	min-width : 165px;
	padding : 0;
	position : absolute;
	opacity : 0.95;
	filter: alpha(opacity='95'); 
	top : 170px;
	width : auto;
	z-index : 50;
}

#hauptnavigation .layernavigation a {
	background : none !important;
	padding : 0 !important;
	font-size : 100%;
}

#hauptnavigation li:hover div.layernavigation, #hauptnavigation li.sfhover div.layernavigation {
	left : auto;
}

/* IE 7 */
*+html #hauptnavigation li:hover div.layernavigation, *+html #hauptnavigation li.sfhover div.layernavigation {
	margin-left : -74px;
}

/* LANI 14.01.11 gelöscht da keine Auswirkung*/
/*#hauptnavigation li:hover div#sub3, #hauptnavigation li.sfhover div#sub3, #hauptnavigation li:hover div#sub4, #hauptnavigation li.sfhover div#sub4, #hauptnavigation li:hover div#sub5, #hauptnavigation li.sfhover div#sub5 {
	left : auto
	right : -1px !important;
}*/

.layernavigation .layer {
	display : block;
	margin-left : 10px;

}
.layernavigation ul {
	display : block;
	float : left;
	margin : 0;
	padding : 10px 0 5px 0;
	width : 140px;
}
.layernavigation ul li, #unternavigation ul li{
	list-style:none;
	list-style-position:outside;
	}

#hauptnavigation li.hnEbene2{
	display : block;
	float : left;
	margin : 0 15px 0 0;
	min-height : 12px;
	padding : 0 0 0 0;
	position : static;
	width : 123px;
}

#hauptnavigation li.naviTopBorder{
	border-top:1px dotted #d8d8d8;
	padding-top:10px;
	margin-top:10px;
}

ul.hnEbene3{
	display : block;
	float : none;
	margin : auto;
	padding : auto;
	width : auto;
}
	
ul.hnEbene3 li a{
	color:#7e7e7e;
	}

ul.hnEbene3 li a.active{
	color:#007c2f;
	}
	
ul.hnEbene4, ul.hnEbene5{
	padding : auto;
	padding: 5px 0 10px 15px;
	display : block;
	float : none;
	margin : auto;
	width : auto;
	}
	
ul.hnEbene4 li a{
	color:#a3a3a3;
	}
	
	
/* ++ UNTERNAVIGATION */
div#unternavigation{
	float:left;
	margin:42px 0 42px 0;
	padding:0 0 0 48px;
	width:272px;
	}
	
div#unternavigation li.hnEbene2 {
	font-size:130%;
	padding-bottom:10px;
	}
	
div#unternavigation ul.hnEbene3{
	font-size:80%;
	padding:5px 0 10px 0;
	}

div#unternavigation a{
	display:block;
	padding-bottom:3px;
	}


/* INHALT */
div#inhalt{
	float:left; 
	padding-left:17px;
	}
	
div.breit{
	margin-top:42px;
	min-height:250px;
	padding-right:17px;
	width:670px;
	}

div.schmal{
	margin-top:42px;
	min-height:250px;
	padding-right:20px;
	width:455px;
	}
	
div.startseite{
	clear: both;
	float: none;
	margin-top:20px;
/*	height:270px!important;	 */
	}

/* Firefox */
@-moz-document url-prefix() {
	 div.startseite{	
		height:0px!important;
	}
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
 div.startseite{	
		height:0px!important;
	}
}
*/	
/* SEITENLEISTE */
div#seitenleiste{
	float:right;
	margin-top:42px;
	padding-bottom:40px;
	width:192px;
	}
	
/* GLOBAL LINKS */
.globallinks{
	background-color:#F8F8F8;	
	border-top:1px dotted #A3A3A3;
	float:left;
	padding:22px 0 40px 0;
	width:1024px;
	}

.globallinks h4{
	margin-left:22px;
}

.globallinks ul{
	list-style:none;	
	}
	
.katBox{
	float:left;
	margin-left:22px;
	margin-right:15px;
	min-width : 115px;
	/* IE8 */
	min-width /*\**/: 111px\9;
	}
	
.globallinks a{
	color:#A3A3A3;
	}
	
.globallinks a:hover{
	color:#007C2F;
	}

/* FORMULAR */

form{
	display: block;
	margin: 0 0 40px 0;
}

form input{
	margin : 10px 0 0 120px;
	border : 1px solid #7E7E7E;
	font-size : 100%;
	padding : 1px 4px 1px 4px;
}

form input.Validate, form textarea.Validate{
	border : 1px solid #900;
	background-color : #FFF3F3;
	}

form ul{
	list-style : none;
	margin : 0;
	padding : 0;
}

form ul li{
	margin : 0.3em 0;
	clear : left;
}

form ul li label{
	color:#7E7E7E;
	clear: left;
	display: block;
	float: left;
	line-height: 22px;
	width: 120px;	
}

form ul li input{
	height: 18px;
	margin: 0 5px 0 0;
}

form ul li span.mandatoryField{
	color: Red;
}

form ul li textarea{
	border: 1px solid #7E7E7E;
	height: 100px;
	margin: 0 5px 0 0;
	padding:4px;
}

form ul li fieldset{
	width: 400px;
	margin: 0;
	padding: 0;
	border: none;
}

form ul li fieldset legend{
	display: none;
}

form ul li fieldset ul{
	margin: 0;
	padding: 0;
}

form ul li fieldset ul li{
	display: block;
	margin: 3px 0 3px 0;
	clear: left;
}

form ul li fieldset ul li input{
	border: 0;
	width: 20px;
	float: none;
	display: inline;
}

form ul li fieldset ul li label{
	width: 340px;
	margin: 0;
	float: none;
	display: inline;
}

form ul li table.radiobutton {
	float: left;
}

form ul li table.radiobutton input {
	border: none;
	margin: -5px 5px 0 0;
	width: 15px;
	display: inline;
}

form ul li table.radiobutton label {
	display: inline;
	float: none;
}

form table {
	border: 0px;
}

form table tr {
	border: 0px;
	margin: 0;
}

form table tr td {
	border: 0px;
	margin: 0px;
	padding: 0 10px 0 0;
}

form table.products tr td.tdAnzahl {
	width: 100px;
}

form table tr th {
	border: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
}

form table tr td input {
	margin: 0px;
	padding: 0px;
	width: 450px;
}

form table tr td input.anzahl {
	margin: 0;
	padding: 0px;
	width: 100px;
}

form p.Message{
	padding: 5px;
	clear : none;
	border: 1px solid #E26610;
	background: #FDECD4;
}

/* Radiobutton horizontal*/
ul li span.RadioButton {
	float: left;
	width: auto;
	display: block;
	margin-right: 10px;
}

ul li span.RadioButton input{
	border: none;
	width: auto;
	float: none;
	display: inline;
}

ul li span.RadioButton label{
	width: auto;
	float: none;
	display: inline;
}

/* Radiobutton vertikal*/
ul li ol.RadioButton {
	margin: 0;
	padding: 0 0 0 120px;
	width: auto;
	list-style: none;
}

ul li ol.RadioButton li {
	clear: none;
	float:left;
	margin-right:10px;
}

ul li ol.RadioButton li input {
	width: auto;
	border: none;
	padding: 0;
	margin: 0 5px 0 0;
}

ul li ol.RadioButton li label{
	color:#333333;
	clear: none;
	display: inline;
	float: none;
	padding: 0;
	width: auto;
}

/* CheckBox Auflistung */
form ul li ol.CheckBox {
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	float: left;
}

form ul li ol.CheckBox li {
	margin: 0;
	padding: 0;
	width: auto;
}

form ul li ol.CheckBox li input {
	width: 15px;
	height: 15px;
	border: 0;
	margin: 0 5px 0 0;
	float: none;
	display: inline;
}

form ul li ol.CheckBox li label {
	width: 300px;
	float: none;
	display: inline;
}

form table.products {
	width: auto;
	margin: 0 0 1em 0;
}

form table.products td, form table.products th {
	padding : 0.3em 1em 0.3em 0;
}

form p {
	clear : both;
}

/* Validation */
form ul li em {
	font-style: normal;
}
form p.validationinfo {
	clear : none;
	margin: 1em 0 0 120px;
}
div.Message {
	background: url(../img/layout/icon-ok.gif) no-repeat 10px 12px #F1ECE6;
	color: #ff5200;
	border: none;
	margin: 0 0 1em 0;
	padding: 10px 10px 10px 33px;
	line-height: 1.5;
}
div.Message p{	
	color: #ff5200;
	margin: 0;
	padding: 0;
}

li.notvalid .validation {
	color : #FF5200;
	margin-left : 1em;
}

li.validateRadio .validation {
	margin-left : 6em;
}

p input{
	background-color:#007C2F;
	background-image:url(../img/layout/submitPfeil.gif);
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	height:22px;
	padding:0 0 3px 4px;
	text-align:left;
	width:221px;
	}
	
.InLineValidateHeader, #vldSalutationID .InLineValidateCaption{
	display:none;
	}
	
.InLineValidateCaption{
	color:#990000;
	}
	
.divCaptcha input{
	margin-left:120px;
	margin-top:5px;
	}
	
.captchaInput span{
	margin-left:115px;
	margin-top:5px;
	}
	
.captchaInput{
	margin-top:5px;
	}
	
a.zurueck{
	margin-top:20px;
	display:block;
	}

area{ 
	cursor:pointer;
}