/* BEGIN GLOBAL STYLES */
html, body{
	height: 100%;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	color: #333;
	text-align: center; /* wegen IE 5.5 und kleiner um die Website zentrieren */	
	
}
body{
	margin: 0; 
	padding: 0;
	background: url(../img/bg/bg_grass.gif);
}
img{
	border: 0;
}
a:active,
a:link,
a:visited{color: #666; text-decoration: none; font-weight: normal;}
a:hover{color: #be0000; text-decoration : none; font-weight: normal;}

i{
	padding: 0 0 0 1px;
}

/* END GLOBAL STYLES */


/* BEGIN main-area STYLES */
#main-area{
	position: relative;
	width: 951px;
	min-height: 100%;
	margin: 0 auto;		
	text-align: left; /* wegen IE 5.5 muss nun der Text wieder links ausgerichtet sein */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='img/bg/bg_shadows.png', sizingMethod='scale'); /* IE Hack für PNG-Bild */	
}
html>body #main-area{
	width: 977px;
	background: url(../img/bg/bg_shadows.png) repeat-y; 
}
* html #main-area{height: 100%;}	/* IE Hack für 100 % Höhe */ 
/* END main-area STYLES */

/* BEGIN HEADER STYLES */
#main-area #header-area{
	position: relative;
	width: 951px;
	height: 175px;
	margin: 0 13px;
	background: url(../img/nav/nav_bg_header.gif) no-repeat;
}
#main-area #header-area .pic-header{
	height: 79px;
	margin: 0 5px 0 0px;
	background: url(../img/nav/nav_pic_header.jpg) no-repeat;
}
html>body #main-area #header-area .pic-header{
	margin: 0 5px 0 229px;
}
#main-area #header-area .logo{
	float: left;
	padding: 23px 11px 0 42px;
}
#main-area #header-area .meta-navi{
	float: right;	
	font-size: 12px;
}
#main-area #header-area .meta-navi ul{	
	margin: 22px 0 0 0;
	padding: 2px 0 3px 0;
	background-color: #e0e0e0;
}
#main-area #header-area .meta-navi ul li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 12px;
	height: 12px;
	border-right: 1px solid #333;
}
#main-area #header-area .meta-navi ul li.last{border-right: none;}
#main-area #header-area .meta-navi ul li a:active,
#main-area #header-area .meta-navi ul li a:link,
#main-area #header-area .meta-navi ul li a:visited{color: #333; text-decoration: none; font-weight: normal;}
#main-area #header-area .meta-navi ul li a:hover{color: #333; text-decoration: none; font-weight: normal;}

#main-area #header-area .main-navi{
	float: left;
	width: 700px;
	margin: 0 0 0 19px;
}
#main-area #header-area .main-navi ul{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#main-area #header-area .main-navi ul li{
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 20px 25px 22px 25px;
	background: url(../img/nav/nav_header_seperator.gif) no-repeat top right;
}
#main-area #header-area .main-navi ul li a:active,
#main-area #header-area .main-navi ul li a:link,
#main-area #header-area .main-navi ul li a:visited{color: #fff; text-decoration: none; font-weight: bold;}
#main-area #header-area .main-navi ul li a:hover{color: #fff; text-decoration: none; font-weight: bold;}


#main-area #header-area .last-update{
	float: right;
	width: 202px;
	margin: 5px 0 0 0;
	padding: 9px 0 10px 0;
	background: url(../img/nav/nav_last_update.gif) no-repeat;
}
#main-area #header-area .last-update p{
	color: #959595;
	margin: 0;
	padding: 0 10px;
}
/* END HEADER STYLES */


/* BEGIN CONTENT STYLES */
#main-area #content-area {
	width: 951px;
	margin: 0 13px;
}
#main-area #content-area .sub-navi{
	float:left;
	width: 230px;
	font-size: 12px;
}
#main-area #content-area .sub-navi ul{	
	margin: 0 0 0 25px;
	padding: 0;
	border-top: 1px solid #fff;
}
#main-area #content-area .sub-navi ul li{
	list-style: none;
	margin: 0;
	height: 12px;
	border-bottom: 1px solid #fff;	
	/* gilt nur für IE 5.5 und kleiner*/ 
	display: inline;
	width: 205px;
	/* IE 5.5 und kleiner verstehen die folgenden Zeilen nicht mehr */
	voice-family: "\"}\"";
	voice-family: inherit;
	display: block;
	width: auto;
}
#main-area #content-area .sub-navi ul li a:active,
#main-area #content-area .sub-navi ul li a:link,
#main-area #content-area .sub-navi ul li a:visited{color: #333; text-decoration: none; font-weight: normal;}
#main-area #content-area .sub-navi ul li a:hover{color: #333; text-decoration : none; font-weight: normal;}
#main-area #content-area .sub-navi ul li.active a:active,
#main-area #content-area .sub-navi ul li.active a:link,
#main-area #content-area .sub-navi ul li.active a:visited{color: #fff; text-decoration: none; font-weight: normal;}
#main-area #content-area .sub-navi ul li.active a:hover{color: #fff; text-decoration: none; font-weight: normal;}

#main-area #content-area .sub-navi ul li.level1{
	padding: 8px 0 9px 12px;                   
	background: url(../img/nav/bg_tab_inactive_1.gif) no-repeat;
}    
#main-area #content-area .sub-navi ul li.level2{
	padding: 8px 0 9px 21px;
	background: url(../img/nav/bg_tab_inactive_2.gif) no-repeat;
}                                        
#main-area #content-area .sub-navi ul li.level3{
	padding: 8px 0 9px 30px;
	background: url(../img/nav/bg_tab_inactive_3.gif) no-repeat;
}
#main-area #content-area .sub-navi ul li.level4{
	padding: 8px 0 9px 39px;
	background: url(../img/nav/bg_tab_inactive_4.gif) no-repeat;
}
#main-area #content-area .sub-navi ul li.active{
	color: #fff;
	background: url(../img/nav/bg_tab_active.gif) no-repeat;
}
#main-area #content-area .sub-navi ul li.end{
	padding: 3px 0;
	background-color: #be0000;
}




#main-area #content-area #content{
	float:left;
	width: 469px;
	margin: 0 25px;
	background-color: #fff;
}
#main-area #content-area #content a.red{
	font-size: 14px;
	font-weight: bold;
}
#main-area #content-area #content h1{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 14px 0;
	padding: 0;
}
#main-area #content-area #content h2{
	font-size: 12px;
	font-weight: bold;
	color: #be0000;	
	margin: 0 0 10px 0;
	padding: 0;	
}
#main-area #content-area #content h2.with-bottom-line{
	border-bottom: 1px solid #be0000;
}
#main-area #content-area #content h3{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;
}
#main-area #content-area #content h4{
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 6px 0;
	padding: 0;
}
#main-area #content-area #content p{
	margin: 0;
	padding: 0;
}
#main-area #content-area #content ol{
	margin: 0 0 22px 0;
	padding: 0 0 0 34px;
}
#main-area #content-area #content ol li{
	margin: 0;
	padding: 0 0 4px 0;
}
#main-area #content-area #content ul{
	list-style: square;
	margin: 4px 0 22px 0;
	padding: 0 0 0 16px;
}
#main-area #content-area #content ul li{
	margin: 0;
	padding: 0 0 4px 0;
}
#main-area #content-area #content input{
	font-size: 12px;
	border: 1px solid #dcdcdc;
	margin: 2px 0;
	padding: 2px;	
}
#main-area #content-area #content input.checkbox{
	margin: 6px 5px -2px 0;
	padding: 0;
	border: none;	
}
html>body #main-area #content-area #content input.checkbox{
	margin: 2px 5px 0 0;
}
#main-area #content-area #content textarea	{
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	border: 1px solid #dcdcdc;
	margin: 0 0 4px 0;
	padding: 2px;	
}
#main-area #content-area #content input.alert,
#main-area #content-area #content textarea.alert{
	border: 1px solid #be0000;
}
#main-area #content-area #content .button {
	float: right;
	background-color: #f5f5f5;
	border: 1px solid #999;
	padding: 1px 7px 2px 7px;
	margin: 10px 0 0 10px;
}
#main-area #content-area #content select{
	font-size: 10px;
	background-color: #fff;
	margin: 0 0 2px 0;
}

#main-area #content-area #content select.alert{
	background-color: #be0000;
}

#main-area #content-area #content .spacer-type-1{margin: 0 0 12px 0;}
#main-area #content-area #content .spacer-type-2{margin: 0 0 22px 0;}
#main-area #content-area #content .spacer-type-3{margin: 0 0 32px 0;}

#main-area #content-area #content .text-box {
	padding: 6px;
	background: #ececec;
	border: 1px solid #e0e0e0;	
}

#main-area #content-area #content .link{
	margin: 0 6px 0 0;
}
#main-area #content-area #content .box{	
	background-color: #fff;
}
#main-area #content-area #content .spacer-top{	
	margin-top: 24px;
}
#main-area #content-area #content .box.image{	
	padding: 4px 4px 1px 4px;
	background-color: #ccc;
	text-align: center;
}
#main-area #content-area #content .box.left{
	float:left;
}
#main-area #content-area #content .box.txt-left{
	margin: 0 10px 10px 0;
}
#main-area #content-area #content .box.right{
	float:right;
}
#main-area #content-area #content .box.txt-right{
	margin: 0 0 10px 10px;
}
#main-area #content-area #content .box img{
	border: 1px solid #fff;
}
#main-area #content-area #content .box.txt-bottom{
	margin: 0 0 10px 0;
}



#main-area #content-area #content .icon-message{
	width: 126px;
	/*height: 16px;*/
	clear: both;
	margin: 0 0 4px 0;
}
#main-area #content-area #content .icon-message .icon{
	width: 25px;
	height: 14px;
	float: left;
	margin: 0;
	background-repeat: no-repeat;	
}
#main-area #content-area #content .icon-message .text{	
	float: left;
	position: relative; 
	padding-right: 2px;
	top: 1px;
	left: 0;
}
#main-area #content-area #content .icon-message .icon.phone{background: url(../img/ico/ico_phone.gif) 0 0 no-repeat;}
#main-area #content-area #content .icon-message .icon.mobile{background: url(../img/ico/ico_handy.gif) 0 0 no-repeat;}
#main-area #content-area #content .icon-message .icon.fax{background: url(../img/ico/ico_fax.gif) 0 0 no-repeat;}
#main-area #content-area #content .icon-message .icon.email{background: url(../img/ico/ico_email.gif) 0 0 no-repeat;}
#main-area #content-area #content .icon-message .icon.pc{background: url(../img/ico/ico_pc.gif) 0 0 no-repeat;}
#main-area #content-area #content .icon-message .icon.pdf{background: url(../img/ico/pic_ico_pdf.gif) 0 0 no-repeat; width: 27px;height: 16px;}
#main-area #content-area #content .icon-message .icon.leibchen{background: url(../img/ico/ico_leibchen.gif) 0 0 no-repeat; width: 27px;height: 16px;}
#main-area #content-area #content .icon-message .icon.hose{background: url(../img/ico/ico_hose.gif) 0 0 no-repeat; width: 27px;height: 16px;}
#main-area #content-area #content .icon-message .icon.stulpen{background: url(../img/ico/ico_stulpen.gif) 0 0 no-repeat; width: 27px;height: 16px;}

#main-area #content-area #content .table-type-1{
	font-size: 11px;
	text-align: left;	
	margin: 0 0 32px 0;
	background-color: #fff;
}
#main-area #content-area #content .table-type-1 td{
	vertical-align: top;
	padding: 0 15px 0 0;
}
#main-area #content-area #content .table-type-1 td.last{
	padding: 0;
}
#main-area #content-area #content .table-type-1 td.bold{
	font-weight: bold;
}
#main-area #content-area #content .table-type-1.form td.bold{
	padding-top: 3px;
}
#main-area #content-area #content .table-type-1.form td.label{
	padding-top: 3px;
}
#main-area #content-area #content .table-type-1 td.txt-right{
	text-align: right;
}
#main-area #content-area #content .table-type-1.width-type-1{
	width: 469px;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #e7e7e7;
}
#main-area #content-area #content .table-type-1.width-type-1 td{
	padding: 1px 0 2px 0;
}

#main-area #content-area #content .table-type-2{
	width: 469px;
	font-size: 11px;
	text-align: left;	
	margin: 0 0 42px 0;
	background-color: #fff;
}
#main-area #content-area #content .table-type-2 tr.fcp-team{
	color: #be0000;
}
#main-area #content-area #content .table-type-2 thead th{
	vertical-align: top;
	padding: 1px 4px 1px 4px;
	color: #695d54;
	border-right: 1px solid #c8c1bc;
	background-color: #f5f1ef;
}
#main-area #content-area #content .table-type-2 thead th.first{background-color: #fff;}
#main-area #content-area #content .table-type-2 thead th.end{border: none;}
#main-area #content-area #content .table-type-2 tbody th{
	vertical-align: top;
	color: #695d54;
	border-top: 1px solid #c8c1bc;
	padding: 1px 4px 1px 4px;
	background-color: #f5f1ef;
}
#main-area #content-area #content .table-type-2 tbody th.footer,
#main-area #content-area #content .table-type-2 tfoot th{
	vertical-align: top;
	color: #695d54;
	padding: 1px 4px 1px 4px;
	border-top: 2px solid #c8c1bc;
	background-color: #fff;
}
#main-area #content-area #content .table-type-2 thead th.txt-right,
#main-area #content-area #content .table-type-2 tfoot th.txt-right{text-align: right;}
#main-area #content-area #content .table-type-2 thead th.txt-center,
#main-area #content-area #content .table-type-2 tfoot th.txt-center{text-align: center;}
#main-area #content-area #content .table-type-2 tbody tr{background-color: #f5f1ef;}
#main-area #content-area #content .table-type-2 tbody tr.odd{background-color: #fff;}
#main-area #content-area #content .table-type-2 tbody td{
	vertical-align: top;
	border-top: 1px solid #c8c1bc;
	padding: 1px 4px 1px 4px;
}
#main-area #content-area #content .table-type-2 tbody td.line{border-top: 1px solid #000;}
#main-area #content-area #content .table-type-2 tbody td.txt-right{text-align: right;}
#main-area #content-area #content .table-type-2 tbody td.txt-center{text-align: center;}
#main-area #content-area #content .table-type-2 tbody td img{padding: 3px 0 0 0;}
#main-area #content-area #content .table-type-2 tbody td.empty-row{
	background-color: #fff;
}

#main-area #content-area #content .sitemap{
	float: left;
	width: 145px;
	margin-bottom: 42px;
}
#main-area #content-area #content .sitemap.txt-left{
	margin-right: 17px;
}
#main-area #content-area #content .sitemap ul{	
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}
#main-area #content-area #content .sitemap ul li{
	list-style: none;
	margin: 0;	
	height: 12px;
	border-bottom: 1px solid #fff;	
	/* gilt nur für IE 5.5 und kleiner*/ 
	display: inline;
	width: 145px;
	/* IE 5.5 und kleiner verstehen die folgenden Zeilen nicht mehr */
	voice-family: "\"}\"";
	voice-family: inherit;
	display: block;
	width: auto;
}
#main-area #content-area #content .sitemap ul li.level0{padding: 1px 4px 2px 4px; background-color: #be0000;}
#main-area #content-area #content .sitemap ul li.level1{padding: 1px 4px 2px 4px; background-color: #c8c8c8;}
#main-area #content-area #content .sitemap ul li.level2{padding: 1px 4px 2px 10px; background-color: #e3e3e3;}
#main-area #content-area #content .sitemap ul li.level3{padding: 1px 4px 2px 16px; background-color: #EEE;}
#main-area #content-area #content .sitemap ul li.level4{padding: 1px 4px 2px 22px; background-color: #F8F8F8;}

#main-area #content-area #content .sitemap ul li a:active,
#main-area #content-area #content .sitemap ul li a:link,
#main-area #content-area #content .sitemap ul li a:visited{color: #333; text-decoration: none; font-weight: normal;}
#main-area #content-area #content .sitemap ul li a:hover{color: #be0000; text-decoration : none; font-weight: normal;}

#main-area #content-area #content .sitemap ul li.level0 a:active,
#main-area #content-area #content .sitemap ul li.level0 a:link,
#main-area #content-area #content .sitemap ul li.level0 a:visited{color: #fff; text-decoration: none; font-weight: bold;}
#main-area #content-area #content .sitemap ul li.level0 a:hover{color: #fff; text-decoration : none; font-weight: bold;}





#main-area #content-area .teasers{
	float:left;
	width: 202px;
}
#main-area #content-area .teasers .teaser{
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
#main-area #content-area .teasers .teaser .title{
	font-weight: bold;
	color: #fff;	
	padding: 5px 5px 6px 5px;
	background-color: #5e5e5e;
}
#main-area #content-area .teasers .teaser .content{
	background-color: #ececec;	
}
#main-area #content-area .teasers .teaser .content form{
	margin: 0;
	padding: 0;
}
#main-area #content-area .teasers .teaser .content p{
	margin: 0;
	padding: 4px;
}
#main-area #content-area .teasers .teaser .content p.spacer-type-1{margin: 0 0 12px 0;}
#main-area #content-area .teasers .teaser .content p.spacer-type-2{margin: 0 0 22px 0;}
#main-area #content-area .teasers .teaser .content p.spacer-type-3{margin: 0 0 32px 0;}
#main-area #content-area .teasers .teaser .content p.sub-title{
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #999;
	margin: 0 4px;
	padding: 0;
}
#main-area #content-area .teasers .teaser .content p.image{
	margin: 0;
	padding: 0;
}
#main-area #content-area .teasers .teaser .content .table-type-1{
	font-size: 11px;
	margin: 4px 4px 22px 4px;
}
#main-area #content-area .teasers .teaser .content .table-type-1 td{padding: 0 8px 0 0;}
#main-area #content-area .teasers .teaser .content .table-type-1 td.last{padding: 0;}
#main-area #content-area .teasers .teaser .content .table-type-1 td.txt-right{text-align: right;}

#main-area #content-area .teasers .teaser .content .link{
	margin: 0 6px 0 0;
}
#main-area #content-area .teasers .teaser .content input{
	font-size: 12px;
	border: 1px solid #999;
	background-color: #fff;
	margin: 0 0 2px 0;
	padding: 2px;	
}
#main-area #content-area .teasers .teaser .content select{
	font-size: 12px;
	background-color: #fff;
	margin: 0 0 2px 0;
}
#main-area #content-area .teasers .teaser .content .radio{
	margin: 0;
	padding: 0;	
	background-color: transparent;
	border: none;
}
#main-area #content-area .teasers .teaser .content .button {
	float: right;
	background-color: #f5f5f5;
	border: 1px solid #999;
	padding: 1px 7px 2px 7px;
	margin: 0 0 0 12px;
}
/* END CONTENT STYLES */


/* BEGIN FOOTER STYLES */
#main-area #footer-area{
	position: absolute;
	width: 951px;
	height: 26px;
	bottom: 0;
	margin: 0 13px;
	background: url(../img/nav/bg_footer.gif);
}
#main-area #footer-area ul{	
	color: #fff;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0 0 0 255px;
}
#main-area #footer-area ul li{
	list-style: none;
	display: inline;
	margin: 0 161px 0 0;
	padding: 0;
	height: 12px;
}
#main-area #footer-area ul li.right{
	margin: 0 0 0 32px;
	text-align: right;
}
#main-area #footer-area ul li a:active,
#main-area #footer-area ul li a:link,
#main-area #footer-area ul li a:visited{color: #fff; text-decoration: none; font-weight: bold;}
#main-area #footer-area ul li a:hover{color: #fff; text-decoration : underline; font-weight: bold;}

/* ----- fixing the clearing float problem ----- */
#main-area div.content-end{
	clear: both;
	padding: 0 0 50px 0;
}
/* ----- end float problem ----- */