/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,a,img ,form,input,span,label {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
}

a img {
	border: 0px;
}

a span {
	display: none;
}

ul li {
	float: left;
	list-style: none;
	padding-right: 10px;
}

body {
	color: #666666;
}

#page {
	position: relative;
	width: 770px;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	height: 220px;
	background: url(bg_header.gif) repeat-x 0px 30px;
}

	#topbanner {
		float: left;
		width: 770px;
		height: 96px;
		padding: 4px 0px 0px 0px;
		text-align: center;
	}

		#topbanner a {
			float: none;
		}

			#topbanner a img {
				float: none;
			}

	#header .banner {
		float: right;
		margin: 4px  19px 0px 0px;
	}
	
	#logo {
		width: 225px;
		height: 54px;
		margin: 25px 0px 0px 18px;
		background: url(logo.gif) no-repeat;
	}

	#header ul {
		float: right;
		width: 495px;
		height: 25px;
		background: url(bg_headernavi.gif) no-repeat;
		margin: 5px 6px 0px 0px;
	}

		#header ul li {
			padding: 1px 0px 0px 14px;
		}
		
		#header ul li.first {
			padding: 0px 0px 0px 0px;
		}

		#header ul li.active {
			padding: 0px 0px 0px 14px;
		}
		
	#header ul#subnavi {
		clear: both;
		float: left;
		width: 611px;
		height: 17px;
		margin: 0px;
		padding: 19px 0px 0px 159px;
		background: url(subnavi.gif) no-repeat 0px 16px;
	}

		#header ul#subnavi li {
			padding: 0px 0px 0px 25px;
			background: url(subnavi_arrow.gif) no-repeat 14px 3px;
		}
		
		#header ul#subnavi li a {
			color: #FFFFFF;
			font-size: 12px;
		}
		#header ul#subnavi li a:hover { text-decoration: underline;}

#content {
	position: absolute;
	top: 220px;
	left: 0px;
	width: 770px;
	background: url(bg_content.jpg) repeat-y;
}

	#sidebar {
		width: 150px;
		background: #FFFFFF;
	}

		#sidebar ul {
			width: 150px;
		}

			#sidebar ul li {
				width: 150px;
				height: 17px;
				border-bottom: 1px solid #BDC8E8;
				background: #F3F3F3 url(bg_sidebar_ul_li.gif) repeat-y;
			}

			#sidebar ul li.last {
				margin: 0px 0px 2px 0px;
			}

			#sidebar ul li.blue {
				height: 18px;
				margin: 0px 0px 0px 0px;
				background: url(bg_sidebar_blue.gif) repeat-y;
				border-bottom: 2px solid #FFFFFF;
			}

				#sidebar ul li a {
					width: 122px;
					height: 16px;
					padding: 2px 0px 0px 28px;
					background: url(bg_sidebar_ul_li_a.gif) no-repeat 17px 6px;
				}

				#sidebar ul li.blue a {
					width: 136px;
					height: 16px;
					padding: 2px 0px 0px 14px;
					color: #FFFFFF;
					font-size: 12px;
					font-weight: bold;
					background: none;
				}

			#sidebar ul#topbereiche {
				width: 150px;
				padding: 0px 0px 33px 0px;
				background: #FFFFFF url(bg_sidebar_ul.gif) no-repeat bottom;
				border-top: 1px solid #B8CFED;
			}

				#sidebar ul#topbereiche li.first {
					width: 140px;
					height: 15px;
					padding: 10px 0px 2px 10px;
					color: #3A56A7;
					font-weight: bold;
					background: none;
					border: none;
				}
				
				#sidebar ul#topbereiche li {
					width: 130px;
					padding: 0px 0px 1px 20px;
					background: none;
					border: none;
					background: url(bg_sidebar_ul_li_a.gif) no-repeat 10px 5px;
				}
				
				#sidebar ul#topbereiche li a {
					width: 130px;
					height: 18px;
					padding: 0px 0px 0px 0px;
					color: #3A56A7;
					background: none;
					border: none;
				}
				#sidebar ul#topbereiche li a:hover {color: #F37D0A; text-decoration: underline;}

					#sidebar ul#topbereiche li a {
						background: none;
					}

	#contentright {
		position: relative;
		float: right;
		width: 620px;
		padding: 0px 0px 15px 0px;
	}

		#text {
			width: 455px;
			padding: 0px 10px 0px 10px;
		}

			#breadcrumb {
				width: 455px;
				height: 23px;
				margin: 0px 0px 0px 0px;
			}

				#breadcrumb li {
					height: 23px;
					padding: 0px 0px 0px 13px;
					background: url(bg_breadcrumb_li.gif) no-repeat 5px 5px;
				}

				#breadcrumb li.first {
					padding: 0px 0px 0px 0px;
					background: none;
				}
				
					#breadcrumb li a {
						text-decoration: underline;
					}

			h1 {
				width: 445px;
				height: 14px;
				color: #273A70;
				margin: 0px 0px 10px 0px;
				padding: 2px 0px 0px 10px;
				background: url(bg_h1.gif) no-repeat;
			}

			h3 {
				width: 455px;
				margin: 0px 0px 10px 0px;
				color: #273A70;
			}

			#text p {
				width: 455px;
				line-height: 16px;
				margin: 0px 0px 10px 0px;
			}

			#text p a {
				float: none;
				display: inline;
				text-decoration: underline;
			}
			
			#text p img {
				float: right;
				margin: 0px 0px 10px 5px;
			}

		#contentright #form form{
			width: 455px;
			height: 225px;
			padding: 25px 0px 0px 0px;
			background: url(bg_form.gif) no-repeat;
		}

			#formbox1 {
				width: 270px;
				height: 83px;
				padding: 0px 0px 0px 0px;
			}
				#formbox1 label {
					float: left;
					display:block;
					width: 130px;
					margin: 6px 0px 0px 7px;
				}
				#formbox1 label.alt {
					clear:both;
					float: left;
					width: 87px;
					margin: 0px 0px 0px 0px;
					padding: 4px 4px 0px 0px;
					text-align: right;
				}

				#formbox1 span {
					width: 196px;
					padding: 0px 0px 0px 72px;
				}
					
				#formbox1 select {
					width: 176px;
					margin: 0px 0px 4px 0px;
				}

				#formbox1 input {
					margin: 4px 0px 0px 0px;
				}

			#formbox2 {
				width: 185px;
				height: 59px;
				padding: 24px 0px 0px 0px;
			}

				#formbox2 label {
					float: left;
					margin: 10px 0px 0px 7px;
				}
				#formbox2 label.alt {
					clear:both;
					float: left;
					width: 61px;
					margin: 0px 0px 0px 0px;
					padding: 4px 4px 0px 0px;
					text-align: right;
				}

				#formbox2 span {
					width: 180px;
					padding: 0px 0px 0px 5px;
				}

				#formbox2 input {
					margin: 8px 0px 0px 0px;
				}

			#formbox3 {
				width: 185px;
				height: 84px;
				padding: 29px 0px 0px 55px;
			}

				#formbox3 span {
					width: 185px;
				}

				#formbox3 label {
					float: left;
					width: 153px;
					margin: 2px 0px 3px 7px;
					padding: 0px;
				}

			#formbox4 {
				width: 200px;
				height: 84px;
				padding: 29px 0px 0px 15px;
			}

				#formbox4 span {
					width: 200px;
				}

				#formbox4 label {
					float: left;
					width: 140px;
					margin: 2px 0px 3px 7px;
					padding: 0px;
				}

			#formbox5 {
				width: 372px;
				height: 20px;
				padding: 0px 0px 0px 73px;
			}

				#formbox5 input {
					margin: 1px 0px 0px 0px;
				}
				
				#formbox5 label {
					font-family: Tahoma, Verdana, Arial;
					font-size: 11px;
					margin: 4px 2px 0px 2px;
				}

		#teaser {
			width: 145px;
		}
		
			#teaser .box {
				width: 145px;
				padding: 0px 0px 5px 0px;
				border-bottom: 1px solid #B8CFED;
				background: url(bg_teaser_box.gif) repeat-y;
			}

				#teaser .box h5 {
					width: 137px;
					margin: 0px 0px 14px 0px;
					padding: 1px 0px 0px 8px;
					color: #273A70;
					font-size: 12px;
					border-bottom: 1px solid #B8CFED;
					background:url(bg_teaser_box_h5.gif) repeat-y;
				}
				
				#teaser .box a {
					width: 126px;
					margin: 0px 0px 2px 12px;
					color: #F37D0A;
					text-decoration: underline;
				}
			
				#teaser .box p {
					width: 126px;
					padding: 0px 7px 0px 12px;
				}

	#footer {
		width: 770px;
		height: 31px;
		padding: 17px 0px 0px 0px;
		background: #FFFFFF;
	}

		#footer ul {
			width: 600px;
			padding: 0px 0px 0px 170px;
		}

			#footer ul li {
				padding: 0px 0px 0px 12px;
				background: url(bg_footer_li.gif) no-repeat 5px 2px;
			}

			#footer ul li.first {
				padding: 0px 0px 0px 0px;
				background: none;
			}
#sidebanner {
	position: absolute;
	top: 175px;
	left: 775px;
}
