* { margin: 0; padding: 0;}

html { 
	background-color: #ededee; 

}

body {
	background-color: #ededee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #313131;
	}
	
h2 {
	font-size: 20px;
	font-weight: normal;
	color: #013b8e; 
	margin-bottom: 20px;
	letter-spacing: 0.05em;
	}
	
h3 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #048d9f;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #013b8e; 
}
	
p { color: #313131; }

span { font-weight: bold; }

a { 
	font-weight: bold;
	text-decoration: underline;
	color: #de005e;
	
	}
a.focus, a:focus { outline: none; }
	
table td { vertical-align: top; }

form label { font-weight: bold; color: #313131; }
form table td { padding-bottom: 10px; }

ul { margin-bottom: 15px; color: #313131; }
ul li { 
		list-style-type: disc; 
		color: #003a8d; 
		font-weight: bold;
		list-style-position: inside;
		line-height: 1.8em;
		}

img { border: none; }


/* ------------------ BEREICHE ------------------ */
	
#wrapper {
	width: 1051px;
	height: 100%;
	float: left;
	background: url(../images/bg_wrapper.jpg) no-repeat left top;
	}

#header { 
	width: 925px;
	height: 170px;
	padding: 80px 25px 0 50px;;
	background: url(../images/back_header.gif) no-repeat #00337d;
	float: left;
	}
		
	#logo {
		width: 310px;
		float: right;
		}
		
		
	/* ---------- NAVIGATION ----------*/	
	#navigation {
		float: left;
		margin-bottom: 35px;
		}
		
		#navigation ul li {
			list-style-type: none;
			float: left;
			}
		
		#navigation ul li a {
			color: white;
			font-weight: normal;
			font-size: 14px;
			text-decoration: none;
			padding: 8px;
			margin-right: 10px;
			display: block;
			text-transform: uppercase;
			border: 1px solid #6a8cbe;
			}
			
			#navigation ul li a:hover {
				background-color: #043985;
				}
			
			#navigation ul li a .pfeil {
				padding-left: 8px;
				}
				
			#navigation ul li .aktiv { 
				background-color: #043985; 
				color: white; 
				font-weight: bold;
			 }

				
		/* ----- SUBNAVI ------ */
		#navigation li ul {
			position: absolute;
			left: -999em;
			z-index: 999;
			width: 18em;
			border: 1px solid #3db4c4;
			border-bottom: none;
			margin-top: -1px;
			opacity: 0.95;
		}
		
		#navigation li:hover ul {
			background-color: #048d9f; 
			left: auto;
		}
		
		#navigation li ul li { float: none; }
		#navigation li ul li a { 
			display: block; 
			border: none; 
			padding: 5px 5px 5px 8px; 
			margin: 0; 
			text-transform: none;
			border-bottom: 1px solid #3db4c4;
			font-size: 14px;
			}
			#navigation li ul li a:hover { 
				background-color: #209cac; 
				color: white; 
			 }
			 #navigation li ul li .aktiv { 
				background-color: #209cac; 
				color: white; 
				font-weight: bold;
			 }

		
	#meta-navigation {
		float: right;
		font-size: 11px;
		color: #9aacc6;
		}
		
		#meta-navigation ul li {
			list-style-type: none;
			float: left;
			}
		
		#meta-navigation ul li a {
			color: #9aacc6;
			font-weight: normal;
			font-size: 11px;
			text-decoration: none;
			padding: 5px;
			}
			
			#meta-navigation ul li a:hover {
				color: white;
			}
			
	
	#topic { 
		float: left;
		width: 600px;
		height: 80px;
		position: relative;
	}
		
		#topic h1 { 
			font-size: 27px;
			font-weight: normal;
			line-height: 1.2em;
			color: white;
			float: left;
			position: absolute;
			bottom: 0px;
			left: 0px;
			letter-spacing: 0.05em;
			}
			
			#topic h1 span { 
			padding-left: 70px;
			font-weight: normal;
			}
		

#content {
	width: 1000px;
	text-align: left;
	}
	
	
	#content #spalte1 { 
		width: 554px; 
		padding: 120px 50px 30px 53px;
		border-right: 7px solid #e3e3e3;
		background: white; 
		float: left;
		height: 330px;
		}
	
		#content #spalte1 .randlos { 
		margin-top: -50px; 
		margin-left: -53px;
		margin-bottom: -30px;
		}
		
		#content #spalte1 p { margin-bottom: 15px; }
		
		#content #spalte1 hr {
			border: 0px; 
			border-bottom: 2px solid #e3e3e3;
			margin: 30px 0 30px -50px;
			width: 659px; 
			}
			
		
		#content #spalte1 #sitemap li { list-style-type: none; font-size: 18px; }
		#content #spalte1 #sitemap li a { color: #013b8e; }
		#content #spalte1 #sitemap li ul li { font-size: 14px; margin-left: 20px; }
		#content #spalte1 #sitemap li ul li ul li { font-size: 12px; margin-left: 30px; }
		#content #spalte1 #sitemap li ul li ul li a { font-weight: normal;	}
	
		
		#content #spalte1 #breadcrumbs {
			font-size: 11px; 
			color: #999;
			margin-top: -40px;
			margin-bottom: 30px;
			}
			
			#content #spalte1 #breadcrumbs a {
				text-decoration: underline;
				color: #999;
				font-weight: normal;
				}

	#content #spalte2 {
		width: 275px;
		float: right;
		background-color: white;
		padding: 30px 30px 30px 30px;
		height: 418px;
	}
	
		#content #spalte2 h3{
			font-size: 15px;
			font-weight: normal;
			width: 290px;
			height: 23px;
			padding-left: 12px;
			padding-top: 7px;
			margin: 0 0 15px -12px;
			color: #313131;
			background: url(../images/back_infoheader.gif) no-repeat top left;
		}
		
		#content #spalte2 img.randlos { margin-left: -30px; margin-top: -30px; }
		
		#content #spalte2 hr { 
			border: 0px; 
			border-bottom: 2px solid #e3e3e3;
			margin: 23px 0 23px -30px;
			width: 335px; 
			}
		
			
		#content #spalte2 ul.gallery li {
			list-style-type: none; 
			}
			
		#content #spalte2 ul.links li {
			list-style-type: none; 
			}
			
			#content #spalte2 ul.links li a {
				background: url(../images/pfeil_rechts_blau.gif) 95% 50% no-repeat #e4e9f0;
				color: #013b8e;
				font-size: 15px;
				font-weight: bold;
				text-decoration: none;
				line-height: 1.8em;
				display: block;
				border-bottom: 5px solid white;
				padding-left: 10px;
			}
			
			#content #spalte2 ul.links li a:hover {
				background: url(../images/pfeil_rechts_tuerkis.gif) 95% 50% no-repeat #c8d8e8;
				}

#footer {
	width: 950px;
	float: left;
	padding: 30px 0 0 50px;
	margin-bottom: 15px;
	font-size: 11px;
	color: #444444;
	background: url(../images/bg_footer.jpg) no-repeat top left;
	}	
	
	#footer #adresse { 
		float: right; 
		width: 305px;
		padding-left: 30px;
		border-left: 1px solid #aaa;
		}
		
		#adresse a { color: #444444; font-weight: normal; }	
		
	#footer #innung { 
		float: right; 
		width: 150px;
		padding-left: 30px;
		padding-right: 20px;
		border-left: 1px solid #aaa;
		}	
		#footer #innung img {margin-top: 5px;}

/* ---------------- SONSTIGES ------------------ */


form .breit { width: 400px;}
form .schmal { width: 200px; }


.button { 
	padding: 0px;
	margin: 0px;
	border: 0 none;
	background: url(../images/button.gif) 0 0 no-repeat; 
	color: white; 
	font-weight: bold; 
	display: inline-block; 
	height: 38px; 
	line-height: 1.4;
	text-decoration: none;
	float: left;
	cursor: pointer;
	overflow: hidden;
	}
	
	.button span {
		background: url(../images/button.gif) 100% 0 no-repeat;
		height: 29px;
		padding: 9px 40px 0px 0px;
		margin-left: 20px; 
		float: left;
		display: inline;
		}
		
.button:hover { background-position: 0 100%;}
.button:hover span { background-position: 100% 100%;}

.statement { font-style: italic; font-weight: bold; }
.caption { font-size: 11px; font-style: italic; font-weight: normal;  }
.fehler { color: #de005e; }
.rahmen { border: 2px solid #aaa; }
.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }	
.clearer { clear: both; }



/* ------------  Anpassungen für Tools -------------- */

.mitarbeiter-popup { padding: 20px; margin-bottom: 20px; }
.mitarbeiter-popup img { float: left; margin-right: 20px;}
.mitarbeiter-popup p { line-height: 1.4em; }

.tabs a {color:#313131;}
.tabs { width: 657px;}
.tabs-negativeinzug { margin-top: -88px; }
.tabs-first {background-color: #ededee; }
.tabs ul li { list-style: none;}
.tabs div ul li { list-style-type: disc; }
.tabs .liste-schmal { width: 370px;}
.tabs div .gallery li { list-style-type: none; }

.gallery li { list-style-type: none; float: left; }
.gallery li .rahmen:hover { border: 2px solid #013b8e; }