@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
a{
	border: none;
	text-decoration: none;
	color: #505050;
}
a:hover{
	text-decoration:underline;
	color: #184711;
}
a img {
	border: none;
}
.link {
	color: #008855;
	font-weight: bold;
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	background-color: #F5F6F7;
	color: #505050;
}
#container{

}
#header {
	margin-top:0px;
	height:94px;
	margin:0 auto;
	position:relative;
	width:982px;
}
#header #homelink{
	width: 155px;
	height: 94px;
	background-image: url(Bilder/logo.gif);
	background-repeat: no-repeat;
}
#header #homelink a{
	width: 155px;
	height: 85px;
	display: block;
	text-decoration: none;
}
#header #homelink a span{
	visibility: hidden;	
}
#header #mainnav{
	width:585px;
	height: 20px;
	position: absolute;
	left: 176px;
	top: 41px;
}
#header #mainnav ul{
}
#header #mainnav li{
	list-style-type: none;
	float: left;
}
#header #mainnav li a{
	text-decoration: none;
	display: block;
	color: #666666;
	width: 144px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	border-left: 1px solid #CCCCCC;
}
#header #mainnav li .first{
	border: 0;
}
#header #mainnav li a:hover{
	color: #008855;
}
#header #quality a{
	width:220px;
	height: 94px;
	position: absolute;
	left: 763px;
	top: 1px;
	background-image: url(Bilder/quality.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#header #quality a:hover{
	background-image: url(Bilder/quality_hover.gif);

}
#header #quality span{
	visibility: hidden;	
}
#main {
	background:transparent none repeat scroll 0 0;
	margin:0 auto;
	width:982px;
	position:relative;
}
#main #intro {
	margin:0;
	position:relative;
	width:982px;
	background-image: url(Bilder/intro_bg.gif);
	background-repeat: repeat-y;
}
#main #intro .introcap {
	font-size:1px;
	height:8px;
	position:absolute;
	width:982px;
	z-index:5;
}
#main #intro .introcap.top {
	top:0px;
	background-image: url(Bilder/introcaptop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main #intro .introcap.bottom {
	bottom:0;
	background-image: url(Bilder/introcapbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
}
#main #intro #intropicture{
	background-color: #CCCCCC;
	height: 224px;
	width: 972px;
	margin: 0;
	position: relative;
	left: 5px;
	overflow: hidden;
}
#main #navbar{
	margin:0;
	position:relative;
	width:982px;
	background-image: url(Bilder/navbarcap.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 48px;
}
#main #navbar ul {
	margin-left: 415px;
}
#main #navbar li{
	float: left;
	list-style-type: none;
	margin-left: 1px;
}
#main #navbar li a{
	display: block;
	width: 182px;
	height: 50px;
	background-image: url(Bilder/navbar_button.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 3.4em;
}
#main #navbar li a:hover{
	background-image: url(Bilder/navbar_button_hover.gif);
}
#main #search {
	width: 251px;
	height: 25px;
	position: absolute;
	top: 240px;
	z-index: 10;
	left: 2px;
}
#main #search .input {
	border:1px solid #D0D0D0;
	color:#666666;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	height:14px;
	vertical-align:top;
	padding:1px;
	width:208px;
}
#main #content{
	position: relative;
	zoom: 1;
}
#main #content.background{
	background-image: url(Bilder/content_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	
}
#main #content #subnav{
	width: 239px;
	height: 568px;
	float: left;
	background-image: url(Bilder/subnav_fenster_bg.jpg);
	background-repeat: no-repeat;
}
#main #content #subnav h1{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 9px 16px 10px 27px;
}
#main #content #subnav li{
	list-style-type: none;
}
#main #content #subnav li a{
	text-decoration: none;
	display: block;
	padding: 3px 8px 5px 27px;
	color: #FFFFFF;
	background-image: url(Bilder/subnavlist_bg.gif);
	background-position: bottom;
}
#main #content #subnav li a:hover{
	color: #99FF33;
	background-image: url(Bilder/subnavlist_bg_hover.gif);
	
}
#main #content #subnav li.current a{
	color: #99FF33;
	
}
#main #content #infobox{
	position:relative;
	width: 743px;
	float: left;
	background-image: url(Bilder/info_bg.gif);
	background-repeat: repeat-y;
}
#main #content #infobox_full{
	position:relative;
	width: 982px;
	background-image: url(Bilder/infofull_bg.gif);
	background-repeat: repeat-y;
}
#main #content #infobox_full .infocap{
	width:982px;
	z-index:5;
	margin: 0;
	padding: 0;
	left: 0px;
	position: relative;
}
#main #content #infobox_full .infocap.top{
	background-image: url(Bilder/infocapfulltop.gif);
	background-repeat: no-repeat;
	height: 32px;
	top: 0px;
}
#main #content #infobox_full .infocap.bottom{
	bottom:0px;
	background-image: url(Bilder/infocapfullbottom.gif);
	background-repeat: no-repeat;
	height: 12px;
}
#main #content #infobox_full .subheader{
	background-color: #184711;
	height: 60px;
	color: #CCCCCC;
	position: relative;
	width:977px;
	z-index: 4;
	margin-left: 3px;
}
#main #content #infobox_full .subheader h1{
	color: #99FF33;
	font-size: 24px;
	font-weight: normal;
	padding-left: 48px;
	line-height: 24px;
	margin: 0;
	padding-top: 10px;
}
#main #content #infobox_full .subheader h2{
	color: #FFFFFF;
	font-size: 14px;
	margin: 0;
	padding-left: 48px;
	
}
#main #content #breadcrumb{
	font-size: 11px;
	margin-left: 10px;
	padding-top: 7px;
}
#main #content #breadcrumb .home a{
	width: 27px;
	display: block;
	float: left;
	padding: 0;
	background-image: url(Bilder/icon_home.gif);
	background-repeat: no-repeat;
}
#main #content #breadcrumb .home span{
	visibility:hidden;
}
#main #content #breadcrumb a{
	text-decoration: none;
	padding-left: 20px;
	color: #333333;
	background-image: url(Bilder/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 6px 2px;	
}
#main #content #breadcrumb a:hover{
	color: #008855;
	
}
#main #content #breadcrumb .current{
	display: inline;
	padding-left: 20px;
	color: #333333;
	background-image: url(Bilder/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 6px 2px;	
}
#main #content #infobox .infocap{
	width:743px;
	z-index:5;
}
#main #content #infobox .infocap.top{
	top:0px;
	background-image: url(Bilder/infocaptop.gif);
	background-repeat: no-repeat;
	height: 32px;
}
#main #content #infobox .infocap.bottom{
	bottom:0px;
	background-image: url(Bilder/infocapbottom.gif);
	background-repeat: no-repeat;
	height: 12px;
}
#main #content #infobox h1, #main #content #infobox_full h1{
	margin-top: 32px;
	margin-left: 48px;
	font-size: 36px;
	font-weight: normal;
	color: #008855;
	line-height: 40px;

}
#main #content  #infobox h2, #main #content  #infobox_full h2{
	color: #184711;
	font-size: 18px;
	font-weight: bold;
	margin-left: 48px;
	margin-top: 16px;
	margin-bottom: 32px;
}
#main #content #infobox h3, #main #content  #infobox_full h3{
	font-size: 14px;
	font-weight: bold;
	color: #008855;
	margin-top: 16px;
	
}
#main #content #infobox p.intro{
	margin: 0px 48px 0px 48px;
}

#main #content #infobox #five_cols {
	width: 736px;
	margin-left: 4px;
}
#main #content #infobox #five_cols a.block{
	display: block;
	text-decoration: none;
}
#main #content #infobox #five_cols a:hover.hover{
	text-decoration: none;
}
#main #content #infobox #five_cols h3, #main #content #infobox #five_cols p {
	margin: 10px;
}

#main #content #infobox #four_cols .column{
	width: 183px;
	float: left;
	border-left: 1px solid #FFFFFF;
	position: relative;
	margin: 0;
	background-image: url(Bilder/bg_cols_01.jpg);
	background-repeat: no-repeat;
	height: 230px;
}
#main #content #infobox #four_cols .column .button a{
	position: absolute;
	width: 132px;
	bottom: 0px;
	left: 11px;
	display: block;
	padding: 9px 0px 0px 28px;
	background-image: url(Bilder/buttons.png);
	background-repeat: no-repeat;
	line-height: 20px;
	height: 31px;
	background-position: -128px 0px;
	
}
#main #content #infobox #four_cols .column .button a:hover{
	background-position: -128px -45px;
	text-decoration: none;
	color: #008855;
	
}
#main #content #infobox #four_cols .column.left{
	border: 0;
}

#main #content #infobox #four_cols {
	width: 736px;
	margin-left: 4px;
}
#main #content #infobox #four_cols a.block{
	display: block;
	text-decoration: none;
}
#main #content #infobox #four_cols a:hover.hover{
	text-decoration: none;
}
#main #content #infobox #four_cols h3, #main #content #infobox #four_cols p {
	margin: 10px;
}

#main #content #infobox #five_cols .column{
	width: 146px;
	float: left;
	border-left: 1px solid #FFFFFF;
	height: 240px;
	position: relative;
	margin: 0;
	background-image: url(Bilder/bg_cols_01.jpg);
	background-repeat: no-repeat;
}
#main #content #infobox #five_cols .column .button a{
	position: absolute;
	width: 94px;
	bottom: 0px;
	left: 11px;
	display: block;
	padding: 9px 0px 0px 28px;
	background-image: url(Bilder/buttons.png);
	background-repeat: no-repeat;
	line-height: 20px;
	height: 31px;
	
}
#main #content #infobox #five_cols .column .button a:hover{
	background-position: 0 -45px;
	text-decoration: none;
	color: #008855;
	
}
#main #content #infobox #five_cols .column.left{
	border: 0;
}
#main #content #infobox .three_cols{
	margin-left: 48px;
	width: 655px;
	clear: both;
	
}
#main #content #infobox .three_cols .column {
	width: 215px;
	float:left;
	border-left: 1px solid #EEEEEE;
	padding-left: 8px;
	margin-bottom: 16px;
	margin-top: 16px;
	display: inline;
}
#main #content #infobox .three_cols .column.left {
	border: 0;
	padding-left: 0px;
}
#main #content #infobox .three_cols .column.right {
	width: 200px;
}
#main #content #infobox .three_cols .column h4, #main #content #infobox .three_cols .column p  {
	padding-right: 8px;
	
}
#main #content #infobox ul#pagenavi {
	border-top:1px solid #EEEEEE;
	padding-top:16px;
	margin-left: 48px;
	list-style-type: none;
	list-style-image: url(none);
	list-style-position: outside;
	height: 30px;
	width: 648px;
	margin-top: 16px;
}
#main #content ul#pagenavi li{
	list-style-type: none;
	list-style-position: outside;
}
#main #content ul#pagenavi li a{
	color: #006633;

	
}
#main #content ul#pagenavi li.prev{
	float:left;
}
#main #content ul#pagenavi li.prev a {
	padding-left:20px;
	background-image: url(Bilder/arrow_prev.gif);
	background-repeat: no-repeat;
}
#main #content ul#pagenavi li.next {
	float:right;
}
#main #content ul#pagenavi li.next a {
	padding-right:20px;
	background-image: url(Bilder/arrow_next.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#main #content #infobox .infoline{
	clear: both;

}
#main #content #infobox .text_left, #main #content #infobox_full .text_left{
	margin-left: 48px;
	width: 400px;

}
#main #content #infobox .text_right{
	margin-left: 295px;
	width: 400px;
	padding: 0;
}
#main #content #infobox .abb_left{
	width: 230px;
	margin-left: 48px;
	float: left;
}
#main #content #infobox .abb_right{
	width: 268px;
	float: right;
}
#main #content #infobox ol{
	margin-left: 20px;
	margin-top: 8px;
}
#main #content #infobox ol li{

}
#main #content #infobox ul.linklist {
	margin-top: 16px;
	margin-top: 16px;
}
#main #content #infobox ul.linklist li {
	list-style-type: none;
}
#main #content #infobox ul.linklist a{
	font-weight: bold;
	color: #008855;
}
#main #content #infobox ul.linklist a:hover{
	text-decoration:underline;
}
#main #content #infobox .colorbox{
	width: 648px;
	margin-left: 48px;
	background-color: #B2B2B2;
	background-image: url(Bilder/bg_colorbox.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
#main #content #infobox .colorbox .note{
	font-size: 10px;
	color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	padding-left: 8px;
	padding-bottom: 4px;
	
}
#main #content #infobox .colorbox table{
	border-bottom: 1px solid #666666;
}
#main #content #infobox .colorbox table td{
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
}
#main #content #infobox .colorbox table caption{
	color: #333333;
	font-weight: bold;
	text-align: left;
	padding: 8px;
	border-top: 1px solid #CCCCCC;
}
#main #content #infobox .colorbox table td span{
	position: relative;
	width: 90px;
	height: 40px;
	margin: 8px;
	float: left;
}
#main #content #infobox .colorbox table td span img{
	width: 90px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	-ms-interpolation-mode: bicubic;
	background-color: #B2B2B2;
	padding: 0px;
	border-right: 1px solid #444444;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #444444;
}
#main #content #infobox .colorbox table td span img.hover{
	background:url(Bilder/shadow_colors.png) no-repeat center center;
	border: 0;
}
	
#main #content #infobox .colorbox h3{
	color: #FFFFFF;
	margin: 0;
	padding: 5px 8px 7px 8px;
	background-image: url(Bilder/bg_colorbox_header.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	background-color: #67686A;
	
}
#main #content #optional{
	position: absolute;
	width: 232px;
	left: 3px;
	bottom: 5px;
}
#main #content #optional .whitebox{
	background-image: url(Bilder/whitebox-bg.gif);
	background-repeat: repeat-y;
	width: 239px;
	position: relative;
	margin-top: 6px;
}
#main #content #optional .whiteboxcaps{
	position: absolute;
	width: 239px;
	height: 6px;
}
#main #content #optional .whiteboxcaps.top{
	background-image: url(Bilder/whiteboxcap-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	top: 0px;
}
#main #content #optional .whiteboxcaps.bottom{
	background-image: url(Bilder/whiteboxcap-bottom.gif);
	bottom: -2px;
}
#main #content #optional .whitebox h2{
	height: 25px;
	font-size: 14px;
	background-image: url(Bilder/whitebox-header.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 8px;
	font-weight: bold;
}
#main #content #optional .whitebox h3{
	padding-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
	color: #008855;
}
#main #content #optional .whitebox p{
	padding-top: 8px;
	margin-left: 8px;
	margin-right: 8px;	
}
#main #content #optional .whitebox ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#main #content #optional .whitebox img{
	margin-left: 2px;
	
}
#main #content #optional .whitebox ul li{
	border-bottom:1px solid #D9D9D9;
	margin:0 12px -1px;
	padding:1.2em 0;
}
.greenbutton a{
	display: block;
	width: 160px;
	height: 29px;
	margin-left: 36px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 0px 0px 0px;
	background-image: url(Bilder/greenbutton.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	
}
.greenbutton a:hover{
	text-decoration: none;

}
#main #footer{
	position: relative;
	width: 976px;
	left: 3px;
	background-image: url(Bilder/footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #1E9366;
}
#main #footer .footercap{
	position:absolute;
	z-index:5;
	width: 976px;
	left: 0px;
}
#main #footer .footercap.top{
	top: 0px;
	height: 4px;
	width: 976px;
	background-image: url(Bilder/footercaptop.gif);
	background-repeat: no-repeat;
}
#main #footer .footercap.bottom{
	bottom: 0px;
	height: 6px;
	background-color: #00CCFF;
	background-image: url(Bilder/footercapbottom.gif);
	background-repeat: no-repeat;
}
#main #footer #footercontent{
	color: #99FF33;
	height: 157px;
}
#main #footer #footercontent .footercol{
	width: 192px;
	height: 160px;
	float: left;
	margin-left: 7px;
	margin-top: 8px;
}
#main #footer #footercontent .footercol.first{
	width: 184px;
}
#main #footer #footercontent .footercol.first h2{
	background-image: url(Bilder/greenbox.gif);
	background-repeat: no-repeat;
	background-position: 0 -32px;
	color: #FFFFFF;
	font-weight: bold;

}
#main #footer #footercontent .footercol.login{
	width: 372px;
}
#main #footer #footercontent .footercol .input {
	border:1px solid #002200;
	color:#666666;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	height:14px;
	vertical-align:top;
	padding:1px;
	width:160px;
}
#main #footer #footercontent .footercol h2{
	font-size: 13px;
	font-weight: normal;
	color: #99FF33;
	padding: 2px 16px 4px 16px;
}
#main #footer #footercontent .footercol ul{
	padding: 6px;

}
#main #footer #footercontent .footercol li{
	list-style-type: none;
}
#main #footer #footercontent .footercol li a{
	padding: 0px 0px 6px 11px;
	background-image: url(Bilder/footerlist_bg.gif);
	background-position: 0 6px;
	color: #99FF33;
	display: block;
	background-repeat: no-repeat;
}
#loginform {
	padding: 16px;
	font-size: 11px;
	
}
#loginform a{
	color: #66CC00;
}
#loginform a:hover{
	color: #99FF33;
}
.greenbox{
	height: 115px;
	position: relative;
	background-color: #184711;
}
.greenbox p{
	margin-left: 16px;
	font-size: 11px;
	padding-top: 8px;

}
.greenbox p a{
	color: #99FF33;
	padding-left: 20px;
	background-image: url(Bilder/arrow_next_green.gif);
	background-repeat: no-repeat;

}
.greenbox p a:hover{

	
}
.greenboxcaps{
	position: absolute;
	height: 8px;
	width: 100%;
	background-image: url(Bilder/greenbox.gif);
	background-repeat: no-repeat;
	left: 0px;
	z-index: 5;
}
.greenboxcaps.top{
	top: 0px;
	background-position: 0 0;
}
.greenboxcaps.bottom{
	bottom: 0px;
	background-position: 0 -16px;
}
.first .greenboxcaps.bottom{
	bottom: 0px;
	background-position: 0 -64px;
}
.login .greenboxcaps.top{
	top: 0px;
	background-position: -200px 0px;
}
.login .greenboxcaps.bottom{
	bottom: 0px;
	background-position: -200px -16px;
}


#main #disclaimer {
	height: 100px;
	padding: 3px;
}
#main #disclaimer .cap {
	height: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: both;
}
#main #disclaimer .copyright {
	width: 280px;
	float: left;
	font-size: 10px;
}
#main #disclaimer .disclinks {
	width: 600px;
	float: right;
}
#main #disclaimer .disclinks li{
	list-style-type:none;
	float: right;
}
#main #disclaimer .disclinks li a{
	padding: 0px 8px 0px 8px;
	font-size: 10px;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
}
#main #disclaimer .disclinks .first a{
	border: 0;
	padding-right: 0px;

}



/* forms */
.iform {
	font: 12px/26px Arial, Helvetica, sans-serif;
	margin: 48px;
}
.iform h1{
	font-size: 24px;
	font-weight: normal;
}
.iform a{
	color: #666;
	text-decoration: none;
}
.iform a:hover{
	color: #000;
}
.iform .table td{
	border-top: 1px dotted #999;
}
.iform .table th{
	text-align:left;
}
.iform ul { margin:0; padding:0; list-style:none;}
.iform ul ul { overflow:auto}
.iform li { padding-bottom:5px;}
.iform label {
	width:180px;
	display:block;
	float:left;
	line-height:26px;
	font-weight: bold;
}
.iform label.ilabel { 
 width:auto; display:inline; float:none; line-height:26px; padding:0 5px
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton, .iform .ilogin {
	border:1px solid #999;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.iform .ilogin{
	width:200px;
}
.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus{

border-color: #333;
background:#fff;

}

.iform .itext {

}


.iform .itextarea{
	width: 700px;
	font-family: "12px/26px Arial", Helvetica, sans-serif;
}
.iform .ibutton {

	width:auto;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
	background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}
.iform .ibutton:hover,.iform .ibutton:focus { background:#dadada;}
.iform li.iheader { display:block; font-size:18px; border-bottom:1px solid #000; padding:5px; text-indent:10px; margin:5px 0 15px }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }

.iform .required { border: 2px solid #F00; }
.iform .imessage{
	background-color:#FF9;
	border: 1px solid #FC6;
	padding: 8px;
	color:#060;
	margin: 16px 0;
}