/* BEGIN GLOBAL STYLES */
html, body{
	height: 100%;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center; /* wegen IE 5.5 und kleiner um die Website zentrieren */	
	
}
body{
	margin: 0; 
	padding: 0;
	background: #94918c;
}
img{
	border: 0;
}
a:active,
a:link,
a:visited{color: #dc5311; text-decoration: underline; font-weight: normal;}
a:hover{color: #dc5311; text-decoration : underline; font-weight: normal;}

i{
	padding: 0 0 0 1px;
}

/* END GLOBAL STYLES */


/* BEGIN main-area STYLES */
#main-area{
	position: relative;
	width: 994px;
	min-height: 100%;
	margin: 0 auto;		
	text-align: left; /* wegen IE 5.5 muss nun der Text wieder links ausgerichtet sein */
	background: url(../img/bg/bg_shadows.gif) repeat-y;	
}
html>body #main-area{
	width: 994px;	
}
* 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: 994px;
	height: 156px;
	margin: 0;
	background: url(../img/nav/nav_pic_header.jpg) no-repeat;
}
#main-area #header-area .meta-navi{
	position: relative;
	top: 4px;
	left: 190px;
	width: 400px;
	font-size: 10px;
}
#main-area #header-area .meta-navi ul{
	margin: 0;
	padding: 2px 0 1px 0;
}
#main-area #header-area .meta-navi ul li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 10px;
	height: 12px;
}
#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: #b44520; text-decoration: none; font-weight: normal;}
#main-area #header-area .meta-navi ul li a:hover{color: #FFFFFF; text-decoration: none; font-weight: normal;}

/* END HEADER STYLES */


/* BEGIN CONTENT STYLES */
#main-area #content-area {
	width: 944px;
	/*margin: 0 17px;*/
}

#main-area #content-area .sub-navi{	
	/*position: relative;*/
	float: left;
	width: 284px;
	font-size: 12px;
}
#main-area #content-area .sub-navi ul{	
	margin: 0 0 0 67px;
	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: 209px;
	/* 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.level0{
	width: 217px;
	padding: 8px 0 9px 0;  
	color: #551616;
}  

#main-area #content-area .sub-navi ul li.level1{
	width: 217px;
	padding: 8px 0 9px 8px;	
	color: #551616;
	/* IE 5.5 und kleiner verstehen die folgenden Zeilen nicht mehr */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 209px;	
}   

#main-area #content-area .sub-navi ul li.level1 a:active,
#main-area #content-area .sub-navi ul li.level1 a:link,
#main-area #content-area .sub-navi ul li.level1 a:visited{color: #dc5311; text-decoration: none;font-weight: bold;}
#main-area #content-area .sub-navi ul li.level1 a:hover{color: #dc5311; text-decoration : none;font-weight: bold;}

#main-area #content-area .sub-navi ul li.active1 a:active,
#main-area #content-area .sub-navi ul li.active1 a:link,
#main-area #content-area .sub-navi ul li.active1 a:visited{color: #551616; text-decoration: none;font-weight: bold;}
#main-area #content-area .sub-navi ul li.active1 a:hover{color: #551616; text-decoration: none;font-weight: bold;}

#main-area #content-area .sub-navi ul li.activeTree1 a:active,
#main-area #content-area .sub-navi ul li.activeTree1 a:link,
#main-area #content-area .sub-navi ul li.activeTree1 a:visited{color: #551616; text-decoration: none; font-weight: bold;}
#main-area #content-area .sub-navi ul li.activeTree1 a:hover{color: #551616; text-decoration: none; font-weight: bold;}
#main-area #content-area .sub-navi ul li.activeTree1{
	border-bottom: 1px solid #fff;
} 

#main-area #content-area .sub-navi ul li.level2{
	width: 189px;
	padding: 3px 0 4px 0;    
	margin: 0 0 0 28px; 
	color: #551616;
}  
#main-area #content-area .sub-navi ul li.activeTree2{
	border-bottom: 1px solid #998d8a;
}   
#main-area #content-area .sub-navi ul li.level2 a:active,
#main-area #content-area .sub-navi ul li.level2 a:link,
#main-area #content-area .sub-navi ul li.level2 a:visited{color: #551616; text-decoration: none;font-weight: normal;}
#main-area #content-area .sub-navi ul li.level2 a:hover{color: #551616; text-decoration : none;font-weight: normal;}
#main-area #content-area .sub-navi ul li.active2 a:active,
#main-area #content-area .sub-navi ul li.active2 a:link,
#main-area #content-area .sub-navi ul li.active2 a:visited{color: #551616; text-decoration: none;font-weight: normal;}
#main-area #content-area .sub-navi ul li.active2 a:hover{color: #551616; text-decoration: none;font-weight: normal;}                                    

#main-area #content-area .sub-navi ul li.level3{
	width: 169px;
	padding: 3px 0 4px 0;                                  
	margin: 0 0 0 48px; 
	color: #551616;
	border-bottom: 1px solid #998d8a;
}    
#main-area #content-area .sub-navi ul li.level3 a:active,
#main-area #content-area .sub-navi ul li.level3 a:link,
#main-area #content-area .sub-navi ul li.level3 a:visited{color: #551616; text-decoration: none;font-weight: normal;}
#main-area #content-area .sub-navi ul li.level3 a:hover{color: #551616; text-decoration : none;font-weight: normal;}
#main-area #content-area .sub-navi ul li.active3 a:active,
#main-area #content-area .sub-navi ul li.active3 a:link,
#main-area #content-area .sub-navi ul li.active3 a:visited{color: #551616; text-decoration: none;font-weight: normal;}
#main-area #content-area .sub-navi ul li.active3 a:hover{color: #551616; text-decoration: none;font-weight: normal;}                                    

#main-area #content-area .sub-navi ul li.active1{	         
	background: top right url(../img/nav/nav_square_l1.gif) no-repeat;
}
#main-area #content-area .sub-navi ul li.active2{	         
	background: top right url(../img/nav/nav_square_l2.gif) no-repeat;
}
#main-area #content-area .sub-navi ul li.active3{	         
	background: top right url(../img/nav/nav_square_l3.gif) no-repeat;
}
#main-area #content-area .sub-navi ul li.end{
	padding: 3px 0;
	background-color: #fd7a00;
}

#main-area #content-area #content{
	float:left;
	width: 380px;
	margin: 0 19px 0 34px;
}
#main-area #content-area #content.without-teasers{
	width: 565px;
}
#main-area #content-area #content h1{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 18px 0;
	padding: 0;
}
#main-area #content-area #content h2{
	font-size: 12px;
	font-weight: bold;
	color: #333333;	
	margin: 0 0 12px 0;
	padding: 0;	
}
#main-area #content-area #content h3{
	font-size: 12px;
	font-weight: bold;
	color: #999999;	
	margin: 0 0 2px 0;
	padding: 0;	
}
#main-area #content-area #content p{
	margin: 0;
	padding: 0;
}
#main-area #content-area #content ul{
	/*list-style: square;*/
	margin: 4px 0 22px 20px;
	padding: 0 0 0 16px;
}
#main-area #content-area #content ul li{
	margin: 0;
	padding: 0 0 4px 8px;
	color: #dc5311;
}
#main-area #content-area #content ul li a:active,
#main-area #content-area #content ul li a:link,
#main-area #content-area #content ul li a:visited{color: #dc5311; text-decoration: underline;font-weight: normal;}
#main-area #content-area #content ul li a:hover{color: #dc5311; text-decoration : underline;font-weight: normal;}
/*
#main-area #content-area #content ul li a:active,
#main-area #content-area #content ul li a:link,
#main-area #content-area #content ul li a:visited{color: #cc3200; text-decoration: underline;font-weight: normal;}
#main-area #content-area #content ul li a:hover{color: #cc3200; text-decoration : underline;font-weight: normal;}
*/
#main-area #content-area #content input{
	font-size: 12px;
	border: 1px solid #546e2c;
	margin: 2px 0;
	padding: 2px;
	color: #546E2C;
}
#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 #546e2c;
	margin: 0 0 4px 0;
	padding: 2px;	
}
#main-area #content-area #content input.alert,
#main-area #content-area #content textarea.alert{
	border: 1px solid #CC0000;
}
#main-area #content-area #content .button {
	float: right;
	background-color: #dde2d5;
	border: 1px solid #546e2c;
	padding: 1px 7px 2px 7px;
	margin: 10px 0 0 10px;
}
#main-area #content-area #content .button a {
	text-decoration: none;
}
#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: #CC0000;
}

#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 .gb_bg {
	padding: 10px;
	margin-bottom: 40px;
	background-color: #dde2d5;	
}

#main-area #content-area #content .table-type-1{
	width: 380px;
	font-size: 10px;
	text-align: left;	
	margin: 0 0 22px 0;
}
#main-area #content-area #content .table-type-1.without-teasers{
	width: 492px;
}
#main-area #content-area #content .table-type-1.bg_yellow{background-color: #fdeed9;}

#main-area #content-area #content .table-type-1 td{
	vertical-align: top;
	padding: 1px 0 2px 20px;
}
#main-area #content-area #content .table-type-1 td.first{
	padding-top: 5px;
}
#main-area #content-area #content .table-type-1 td.last{
	padding-bottom: 5px;
}
#main-area #content-area #content .table-type-1 td.area-1 {background-color: #f6a01e; border-bottom: 1px solid #fff;}
#main-area #content-area #content .table-type-1 td.area-2 {background-color: #c2a043; border-bottom: 1px solid #fff;}
#main-area #content-area #content .table-type-1 td.area-3 {background-color: #f3db10; border-bottom: 1px solid #fff;}
#main-area #content-area #content .table-type-1 td.area-4 {background-color: #a3c62b; border-bottom: 1px solid #fff;}
#main-area #content-area #content .table-type-1 td.area-5 {background-color: #ffce85; border-bottom: 1px solid #fff;}

#main-area #content-area #content .table-type-2{
	width: 565px;
	font-size: 10px;
	text-align: left;	
	margin: 0 0 22px 0;
	background-color: #fff;
}
#main-area #content-area #content .table-type-2 thead th{
	text-align: center;
	vertical-align: top;
	padding: 1px 4px 1px 4px;
	color: #4d4b4e;
	border: 1px solid #7f7f7f;
	border-left: none;
	background-color: #c0c0c0;
}

#main-area #content-area #content .table-type-2 thead th.end,
#main-area #content-area #content .table-type-2 tbody td.end{border-right: none;}

#main-area #content-area #content .table-type-2 tbody td {
	text-align: center;
	vertical-align: top;
	border: 1px solid #7f7f7f;
	border-top: none;
	border-left: none;
}

#main-area #content-area #content .table-type-2 tbody tr td.left {
	text-align: left;
	padding: 0 0 0 2px;
}

#main-area #content-area #content .table-type-2 tbody tr td.right {
	text-align: right;
	padding: 0 2px 0 0;
}

#main-area #content-area #content .table-type-2 tbody td.area-1 {background-color: #f6a01e;}
#main-area #content-area #content .table-type-2 tbody td.area-2 {background-color: #c2a043;}
#main-area #content-area #content .table-type-2 tbody td.area-3 {background-color: #f3db10;}
#main-area #content-area #content .table-type-2 tbody td.area-4 {background-color: #a3c62b;}
#main-area #content-area #content .table-type-2 tbody td.area-5 {background-color: #ffce85;}

#main-area #content-area #content .table-type-2 tbody td.empty-row{
	border-right: none;
}

#main-area #content-area #content .table-type-2 tbody td ul{
	/*list-style: square;*/
	margin: 0 12px;
	padding: 0 12px;
}

#main-area #content-area #content .table-type-2 tbody td ul li{
	margin: 0;
	padding: 0;
	color: #666;
}

#main-area #content-area #content .txt-left{
	float:left;
	margin: 0 15px 10px 0;
}
#main-area #content-area #content .txt-right{	
	float:right;
	padding: 0 0 10px 15px;
}

#main-area #content-area #content .clear{	
	clear: both;
}


#main-area #content-area #content .sitemap{
	float: left;
	width: 177px;
	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: 14px;
	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: #546e2c;}
#main-area #content-area #content .sitemap ul li.level1{padding: 1px 4px 2px 4px; background-color: #dadbdc;}
#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: #546E2C; text-decoration: underline; font-weight: normal;}
#main-area #content-area #content .sitemap ul li a:hover{color: #546E2C; text-decoration : underline; 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: 200px;
	margin: 17px 0 0 0;
}

/* teaser-service */

#main-area #content-area .teasers .teaser-service{
	margin: 0 0 32px 0;
}
#main-area #content-area .teasers .teaser-service h1{
	font-size: 12px;
	margin: 8px 0;
	color: #767135;
}
#main-area #content-area .teasers .teaser-service p{
	font-size: 10px;
	margin: 8px 0;
	color: #767135;
}

/* END CONTENT STYLES */

/* BEGIN FOOTER STYLES */
#main-area #footer-area{
	font-size: 10px;
	position: absolute;
	width: 994px;
	height: 42px;
	bottom: 0;
	margin: 0 17px;
	background: url(../img/nav/bg_footer.gif) no-repeat;
}
#main-area #footer-area p{	
	margin: 10px 0 0 302px;
	color: #dc5311;
}



/* TEAM - Über Uns */

div#team {
	width:100%;
	padding-top:30px;
}

.teamMember {
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom: 30px solid #FFF;
	position: relative;
	left:0px;
}

.portrait {
	float:left;
}

.bio {
	padding-top:0px;
	width:240px;
	float:right;
}

.greytext {
	color:#666;
}

#main-area #content-area #content .teamMember ul {
	margin-bottom:0px;	
}


#main-area #header-area{
	background: url(../img/nav/header_1.jpg) no-repeat;
}

.pdfAttachement {
	display: block;
	height:19px;
	width:25px;
	position:relative;
	left:30px;
	top:-11px;
	background: transparent url(../img/pic/pdf.gif) no-repeat bottom right;
}

.bio ul li a:hover .pdfAttachement {
	cursor: pointer;
	background-position: top right;
}

.email {
	margin-left:21px;
}





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