/* Standard */
body { 
	background-color:	#fff;       	/* Hintergrundfarbe aussen */
	font-family:		Verdana,Arial; 
	color:				#333;
}

h1{
	font-size: 			14px;
}

h2{
	font-size: 			13px;
	color:				#17922f;
}


/* zentraler Div */
.mainDiv { 
	position:			absolute; 
	left:				50%; 
	top:				25px; 
	width:				950px; 			/* Breite der Website */
	margin-left:		-475px; 
} 

/* zentraler SteuerDiv */
.mainSteeringDiv{ 
	position:			absolute; 
	width:				95%;
	height:				95%;
	z-index:			900;
	display:			none;
} 

a {
	color:				#17922f;
	text-decoration:	none;
}
a:hover {
	color:				#868889;
	text-decoration:	underline;
}

a.white {
	color:				#fff;
	text-decoration:	none;
}
a.white:hover {
	color:				#868889;
	text-decoration:	none;
}

a.white2 {
	color:				#fff;
	text-decoration:	none;
}
a.white2:hover {
	color:				#333;
	text-decoration:	none;
}


a.rollOverMenueText {
	color:				#868889;
	text-decoration:	none;
	white-space: 		nowrap;
}
a.rollOverMenueText:hover {
	color:				#868889;
	text-decoration:	underline;
	white-space: 		nowrap;
}

a.bereichThumbHead {
	color:				#000;
	text-decoration:	none;
	font-weight:		bold;
	cursor:				pointer;
}
a.bereichThumbHead:hover {
	color:				#000;
	text-decoration:	underline;
	font-weight:		bold;
	cursor:				pointer;
}



a.rollOverMenueHead:hover {
	color:				#fff;
	text-decoration:	underline;
	white-space: 		nowrap;
}

a.sideNav {
	color:				#000;
	text-decoration:	none;
}
a.sideNav:hover {
	color:				#17922f;
	text-decoration:	none;
}
a.sideNavAktive {
	color:				#17922f;
	text-decoration:	none;
}
a.sideNavAktive:hover {
	color:				#17922f;
	text-decoration:	none;
}
a.sideNav2 {
	color:				#000;
	text-decoration:	none;
	font-size:			11px;
	margin-left:		25px;
	font-weight:		normal;
}
a.sideNav2:hover {
	color:				#17922f;
	text-decoration:	none;
	font-size:			11px;
	margin-left:		25px;
	font-weight:		normal;
}
a.sideNav2Aktive {
	color:				#17922f;
	text-decoration:	none;
	font-size:			11px;
	margin-left:		25px;
	font-weight:		normal;
}
a.sideNav2Aktive:hover {
	color:				#17922f;
	text-decoration:	none;
	font-size:			11px;
	margin-left:		25px;
	font-weight:		normal;
}




.top {
	position:			relative;
	width:				950px;
	height:				50px;
	background-color: 	#fff;
	color:				#17922f;
	font-size:			12px;
}

.topNavPosition{
	position:			absolute;
	right:				0px;
	text-align:			right;
}

.topNav{
	top:				0px;
	height:				25px;
	right:				145px;
	min-height:			25px;
	display: 			table-cell;
	vertical-align:		middle;
}

.languageButton{
	top:				0px;
	width:				25px;
	height:				25px;
	min-height:			25px;
	border:				solid 1px #868889;
	text-align:			center;
	display: 			table-cell;
	vertical-align:		middle;
	background-color:	#fff;
	color:				#868889;
	cursor:				pointer;
}

.languageButtonActive{
	top:				0px;
	width:				25px;
	height:				25px;
	min-height:			25px;
	border:				solid 1px #868889;
	text-align:			center;
	display: 			table-cell;
	vertical-align:		middle;
	background-color:	#868889;
	color:				#fff;
}

.languageButtonOver{
	top:				0px;
	width:				25px;
	height:				25px;
	min-height:			25px;
	border:				solid 1px #868889;
	text-align:			center;
	display: 			table-cell;
	vertical-align:		middle;
	background-color:	#868889;
	color:				#fff;
	cursor:				pointer;
}

.topNaviSpacer{
	width:				15px;
	display: 			table-cell;
}

.languageSpacer{
	width:				5px;
	display: 			table-cell;
}


.head {
	position:			fixed;
	width:				950px;
	height:				70px;
	background-color:	#fff;
	z-index:			1000;
	padding:			20px 0px 20px 0px;
	top:				0px;
}

.logo {
	position:			relative;
	width:				216px;
	height:				70px;
	background-image: 	url(images/logo.jpg);
	background-repeat:	no-repeat;
	cursor:				pointer;
}

.navi {
	position:			absolute;
	width:				495px;
	height:				43px;
	left:				223px;
	top:				20px;
	background-color: 	#fff;
}
.nav{
	position:			relative;
	width:				90px;
	height:				27px;
	background-color: 	#fff;
	float:				left;
	color:				#868889;
	font-size:			12px;
	text-align:			center;
	background-image: 	url(images/button.jpg);
	background-repeat:	no-repeat;
	margin-right:		8px;
	padding-top:		5px;
	cursor:				pointer;
	z-index:			1000;
}

.rollOverMenue{
	display:			none;
	position:			absolute;
	top:				27px;
	background-color: 	#E2E3E4;
	color:				#868889;
	font-size:			11px;
	border:				solid 1px #868889;
	z-index:			1000;
	padding:			3px 10px 3px 10px;
	line-height:		18px;
}

.rollOverMenueHead{
	background-color: 	#868889;
	color:				#fff;
	font-size:			11px;
	line-height:		18px;
	width:				140px;
	text-align:			center;
	z-index:			1000;
}

.rollOverMenueText{
	color:				#868889;
	font-size:			11px;
	line-height:		18px;
	z-index:			1000;
}

.rollOverMenueSpacer{
	width:				15px;
	z-index:			1000;
}


.search {
	position:			absolute;
	width:				250px;
	height:				43px;
	left:				700px;
	top:				20px;
	background-color: 	#fff;
	text-align:			right;
}

.searchSubmit {
	position:			absolute; 
	right:				0px; 
	top:				1px; 
	width:				25px; 
	height:				25px;
	cursor:				pointer;
	background-image: 	url(images/search.gif);
	background-repeat:	no-repeat;
	background-position:right;
}

.searchForm {
	width:				200px;
	height:				27px;
	background-color: 	#fff;
	border:				solid 1px #17922f;
	color:				#17922f;
	padding-left:		4px;
}

.loginNav{
	position:			absolute;
	top:				5px;
	height:				25px;
	left:				-400px;
	min-height:			25px;
}

.loginForm {
	width:				80px;
	height:				25px;
	background-color: 	#fff;
	border:				solid 1px #17922f;
	color:				#17922f;
	padding-left:		4px;
	top:				0px;
}

.loginButtonDiv {
	position:			absolute;
	right:				-110px;
	top:				0px;
}

.loginButton {
	width:				25px;
	height:				25px;
	min-height:			25px;
	border:				solid 1px #17922f;
	display: 			table-cell;
	vertical-align:		middle;
	background-color:	#17922f;
	color:				#fff;
	cursor:				pointer;
	padding-left:		3px;
	font-weight:		bold;
}

.green {
	position:			absolute;
	width:				727px;
	height:				27px;
	top:				63px;
	left:				223px;
	background-image: 	url(images/green.jpg);
}

.greenText{
	width:				700px;
	height:				27px;
	color:				#fff;
	font-weight:		bold;
	font-size:			13px;
	display: 			table-cell;
	vertical-align:		middle;
	padding-left:		18px;
}

.main{
	position:			relative;
	width:				950px;
	min-height:			500px;
	color:				#868889;
	font-size:			12px;
	background-image: 	url(images/wave.jpg);
	background-repeat:	no-repeat;
	background-position:bottom;
	margin-top:			90px;
}

.contact{
	position:			absolute;
	width:				200px;
	color:				#000;
	font-size:			13px;
	right:				0px;
	top:				-5px;
}

.grafik{
	position:			absolute;
	width:				216px;
	height:				153px;
	bottom:				0px;
	background-image: 	url(images/grafik.jpg);
	background-repeat:	no-repeat;
	background-position:bottom;
}

.green_bottom{
	position:			absolute;
	width:				727px;
	height:				153px;
	bottom:				0px;
	right:				0px;
	background-image: 	url(images/green_bottom2.jpg);
	background-repeat:	no-repeat;
	background-position:bottom;
}

.easy{
	position:			absolute;
	width:				120px;
	height:				143px;
	left:				10px;
	margin-top:			10px;
}

.news{
	position:			absolute;
	width:				270px;
	height:				143px;
	left:				145px;
	margin-top:			10px;
}

.newsletter{
	position:			absolute;
	width:				250x;
	height:				143px;
	left:				430px;
	margin-top:			10px;
}

.newsletterForm {
	width:				170px;
	height:				27px;
	background-color: 	#fff;
	color:				#17922f;
	padding-left:		4px;
	font-size:			11px;
}

.footerHeadlines_1{
	color:				#fff;
	font-size:			16px; 
	font-weight:		bold;
}

.footerHeadlines_2{
	color:				#fff;
	font-size:			11px; 
	font-weight:		bold;
}

.footerText{
	color:				#fff;
	font-size:			11px; 
	border-bottom:		solid 1px #fff;
}

.footerTextBold{
	color:				#fff;
	font-size:			11px; 
	font-weight:		bold;
	border-bottom:		solid 1px #fff;
}

.shaddow{
    -webkit-box-shadow: 10px 10px 12px #aaa;
    -moz-box-shadow:	10px 10x 12px #aaa;
    box-shadow: 		10px 10px 12px #aaa;
}


.contentLeft{
	position:			absolute;
	width:				216px;
	margin:				8px 5px 10px 22px;
	color:				#000;
	font-weight:		bold;
	line-height:		22px;
	font-size:			13px;
	color:				#17922f;
}

.contentRight{
	position:			relative;
	width:				500px;
	min-height:			500px;
	left:				213px;
	margin:				0px 5px 10px 10px;
	padding-top:		1px;
	color:				#000;
}

.contentSpacer{
	height:				160px;
}

.contactTable{
	color:				#000;
	font-size:			12px;
}

.produkteTable{
	color:				#000;
	font-size:			10px;
	width:				480px;
}

.bereicheTable{
	color:				#000;
	font-size:			10px;
	width:				711px;
}

.bereichThumb{
	border:				solid 1px #000;
	width:				75px;
}

input{
	font-size:			12px;
	width:				450px;
	height:				24px;
}

.inputCheckBox{
	font-size:			10px;
	width:				20px;
}

select{
	font-size:			13px;
	width:				454px;
	height:				24px;
}

textarea{
	font-size:			13px;
	width:				450px;
}

.headPicBorder{
	position:			relative;
	top:				12px;
	width:				704px;
	height:				286px;
	border:				solid 1px #17922f;
	box-shadow: 		10px 10px 20px; 
}

.headPic{
	position:			absolute;
	width:				704px;
	height:				286px;
	top:				0px;
	left:				0px;
	z-index:			100;
}

.headPicNext{
	position:			absolute;
	width:				704px;
	height:				286px;
	top:				0px;
	left:				0px;
	z-index:			98;
}

.picLink{
	display:			none;
	color: 				#FFF;
	background-color:	#6D6E70;
	font-weight:		bold;
	padding:			4px 10px 4px 10px;
	position: 			absolute;
	left:				578px;
	top:				312px;
	z-index:			1000;
}



.punkte{
	position: 			absolute;
	height:				26px;
	bottom:				-38px;
	left:				-2px;
	z-index:			102;
}

.pktActive{
	margin-right:		3px;
	cursor:				pointer;
}

.pktInActive{
	margin-right:		3px;
	cursor:				pointer;
}

.pktPassive{
	width:				0px;
	visibility:			collapse;
}

.picText{
	position:			absolute;
	top:				10px;
	right:				10px;
	color:				#6D6E70;
	font-size:			16px;
	font-weight:		bold;
	z-index:			101;
}

.picTextNext{
	position:			absolute;
	top:				10px;
	right:				10px;
	color:				#6D6E70;
	font-size:			16px;
	font-weight:		bold;
	z-index:			99;
}

.prodImage{
	border:				none;
	width:				75px;
}

.prodFrame{
	border:				solid 2px #17922f;
	background-color:	#fff;
	width:				100px;
	overflow:			hidden;
}

.js{
	display:			none;
	position:			absolute;
	top:				5px;
}