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

/* Colors:
  - grey background: #eeeff5
  - orange: #ec9a00
  - helles grau: #fbfbfb
  - rot (subnavi und headline): #d3031c
  - blau (pfadnav): #0069a5
  - dunkles grau (fliesstext und pfadnav.last ): #555555
*/
/* --- Allgemeines --- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #eeeff5;
	margin: 0 auto;
	padding-top: 19px;
	width: 994px;
}

a:link {color: #0069a5; text-decoration: none;}
a:visited {color: #0069a5; text-decoration: none;}
a:hover {color: #ec9a00; text-decoration: none;}
a:active {color: #0069a5; text-decoration: none;}

/* needed for consistent (cross-browser) rendering of flash */
object {
	display: block;
	outline: none;
}
/* clearfix
	There's also some CSS for IE Only
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */
/* outer holder */
#outer { padding: 0 22px; width: 950px; }
/* for header and content area */
#header, #navspacer {
	width: 950px;
}
/* HEADER Inhalte */
#logo, #nav {
	float: left;
	height: 31px;
}
#logo {
	width: 234px;
	margin-right: 76px;
}
#nav {
	position: relative;
	width: 640px;
	background: url(/_gfx/topnav_bg.gif) no-repeat top left;
}
	#nav div {
		float: left;
		position: absolute;
		padding-top: 7px;
		width: 170px;
	}
		#nav div.wer { left: 0 }
		#nav div.was { left: 150px; }
		#nav div.wie { left: 300px; }
		#nav div.wem { left: 450px; }
		#nav div.contact { width: 34px; left: 600px; }
	
		#nav div a {
			display: block;
			line-height: 19px;
		}
		#nav div a img { margin: 0 6px; }
		#nav div.contact a img { margin: 0 2px; }
		
		/* subnav flyout */
		#nav div div {
			width: 180px;
			display: none;
			position: relative;
			padding-top: 0px;
		}
			#nav div div img.anchor {
				margin-left: 45px;
			}
			#nav div div ul {
				margin: 2px 0;
				padding: 0;
				background-color: #eeeff5;
				/* list-style: square inside url(/_gfx/subnav_li.gif); */
				line-height: 29px !important;
			}
				#nav div div ul li {
					background-color: #fbfbfb;
					margin-bottom: 2px;
					padding-left: 6px;
					border-left: 5px solid #eeeff5;
					border-right: 5px solid #eeeff5;
				}
					#nav div div ul li a {
						background-color: #fbfbfb;
						background-image: url(/_gfx/subnav_li.gif);
						background-repeat: no-repeat;
						background-position: left center;
						line-height: 29px; /* Ie needs this one */
						padding-left: 10px;
						display: block;
						color: #d3031c;
						text-decoration: none;
					}
					
					#nav div div ul li a:hover {
						background-color: #ffffff;
						color: #ec9a00;
					}
			#nav div div div.bottom {
				display: block;
				margin-top: -2px;
			}
	
#navspacer {
	margin-top: 10px;
}
/* CONTENT Inhalte */
#content {
	width: 930px;
	padding: 0 10px 5px 10px;
	background-color: #fff;
}
	/* Homepage */
	#content div.keyvisual {
		width: 930px;
		height: 380px;
		margin-bottom: 18px;
	}
	/* News on Homepage */
	#content div.newshome {	}
		#content div.newshome div.head {
			margin-left: 40px;
			margin-bottom: 19px;
		}
		#content div.newshome div.clearfix {}
			#content div.newshome div.clearfix div {
				float: left;
				min-height: 172px;
			}
			#content div.newshome div.clearfix div.nav {
				width: 40px;
			}
			#content div.newshome div.clearfix div.nav img {
				cursor: pointer;
				display: block;
				margin: 75px auto;
			}
			#content div.newshome div.clearfix div.itemholder {
				width: 850px;
				overflow: hidden;
				position: relative;
			}
				#content div.newshome div.clearfix div.itemholder div.itemslider {
					width: 5000px;
				}
				#content div.newshome div.clearfix div.item {
					width: 282px;
					border-left: 1px dotted #ec9a00;
				}
			/* Content of a News (if it's not an image) */
			#content div.newshome div.item div {
				padding: 0 10px;
				color: #555555;
				float: none;
				min-height: 0;
				line-height: 16px;
			}
			#content div.newshome div.item div.hl {
				color: #d3031c;
				font-weight: bold;
			}
			#content div.newshome div.item div.content a {
				display: block;
				margin: 20px 0 5px 0;
			}
				

	/* Subpages */
	#content div.colimg, #content div.coltxt {
		float: left;
	}
	#content div.colimg { width: 350px; }
		#content div.colimg img:first-child { margin-bottom: 10px; }
	
	#content div.coltxt { width: 540px; margin: 0 20px; }
		#content div.coltxt div.path div {
			font-size: 11px;
			float: left;
		}
		#content div.coltxt div.path div.npf {
			width: 12px; height: 12px;
			background-image: url(/_gfx/subnav_li.gif);
			background-repeat: no-repeat;
			background-position: 4px center;
		}
		#content div.coltxt div.path div {
			color: #555555;
		}
		#content div.coltxt div.path div a {
			color: #0069a5;
			text-decoration: none;
		}
		#content div.coltxt div.path div a:hover {
			color: #ec9a00;
		}
		#content div.coltxt div.sitemap div{float:left; color: #555555;}
		#content div.coltxt div.sitemap div.wer {
			width: 160px;
			height: 90px;
		}
		#content div.coltxt div.sitemap div.was {
			width: 160px;
			height: 90px;			
			padding-left: 20px;
			left: 170px;
		}
		#content div.coltxt div.sitemap div.wie {
			width: 170px;
			height: 90px;			
			padding-left: 20px;
			left: 330px;
		}
		#content div.coltxt div.sitemap div.mit {
			width: 160px;
			height: 70px;
			left: 0;
			padding-top: 20px;
		}
		#content div.coltxt div.sitemap div.other {
			font-weight:bold;
			width: 160px;
			height: 90px;			
			padding-left: 20px;
			left: 170px;
			padding-top: 20px;
		}
	
		#content h1, #content h2, #content p {
			margin: 22px 0 0 0;
		}
		#content h1 {
			color: #d3031c;
			font-size: 18px;
		}
		#content h2 {
			color: #ec9a00;
			line-height: 1.5em;
		}
		#content h3 {
			margin: 5px 0 0 0;
			color: #d3031c;
			font-size: 18px;
		}
		#content h4 {
			margin: 18px 0 0 0;
			color: #d3031c;
			font-size: 14px;
		}
		#content p, #content li {
			color: #555555;
			line-height: 1.5em;
		}
		#content ul{
			margin: 12px 0 0 0; 
			padding: 0; 
			color: #555555;
			display:block;
			list-style:none;
		}
		#content ul > li{ 
			padding: 0 0 6px 10px;
			line-height: 16px;
			background: url(/_gfx/dot.gif) no-repeat 0 7px;
		}
		#content ol {
			margin-top: 18px;
			padding-left: 1.8em;
		}
		#content ol > li {
			padding: 0 0 6px 10px;
			line-height: 16px;
			list-style: decimal;
			padding: 0 0 6px 0;
		}
		#content ol > li > ol > li {
			list-style: lower-latin;
		}
	
/* Content of View All News */
		#content div.allnews {
			margin: 22px 0 0 0;
			color: #555555;
			line-height: 16px;
		}
		#content div.allnews div.item div.date {
			color: #555555;
		}
		#content div.allnews div.item div.h1 {
			color: #d3031c;
			font-weight: bold;
		}
		#content div.allnews div.item div.content {
			color: #555555;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #ec9a00;
		}			
	
/* FOOTER Inhalte */
#footer {
	width: 952px;
	background: url(/_gfx/footer_bg.gif) no-repeat top left;
	padding: 40px 0 86px 42px;
	margin-top: -1px;
}

	#footer div {
		width: 930px;
		color: #fff;
	}
	#footer div.clearfix div {
		float: left;
	}
	#footer div.clearfix div a {
		text-decoration: none;
		color: #fff;
	}
	#footer div.clearfix div a:hover {
		text-decoration: none;
		color: #d3031c;
	}
	
	#footer div.clearfix div.sitemap {
		width: 58px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	
	#footer div.clearfix div.news {
		width: 44px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	
	/* FOOTER DEUTSCH */
	
	#footer div.clearfix div.copyright {
		width: 429px;
	}
	#footer div.clearfix div.home {
		width: 64px;
		border-right: 1px solid #fff;
	}	
	#footer div.clearfix div.contact {
		width: 53px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	#footer div.clearfix div.jobs {
		width: 56px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	#footer div.clearfix div.imprint {
		width: 76px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}	
	#footer div.clearfix div.lang {
		width: 55px;
		padding-left: 14px;
	}
	
	/* FOOTER ENGLISH */
	
	#footer div.clearfix div.copyright_en {
		width: 428px;
	}
	#footer div.clearfix div.home_en {
		width: 46px;
		border-right: 1px solid #fff;
	}
	
	#footer div.clearfix div.contact_en {
		width: 54px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	#footer div.clearfix div.jobs_en {
		width: 57px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	#footer div.clearfix div.imprint_en {
		width: 90px;
		border-right: 1px solid #fff;
		padding-left: 14px;
	}
	
	#footer div.clearfix div.lang_en {
		width: 44px;
		padding-left: 14px;
	}