/* CSS Document */

/* Reset ################################################## */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


html {
	height: 100%;
}

div {
	font-family:Arial, Helvetica, sans-serif;

}


body {
	line-height: 1;
	text-align: center;
	height: 100%;
	background-image:url(../image/body_bg.jpg);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div {
	text-align: left;
}


h3 {
	margin-bottom: 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 25px;
	color:#004593;
}

h3.sub_header {
	font-style:italic;
}

h4 {
	margin-bottom: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

/* Clear ################################################## */

div.clearbox {
	clear: both;
	height: 0px;

}

div#mainbox {
	margin: 0 auto;
	width: 972px;
	background-image: url(../image/mainbox_bg.jpg);
	height: 100%;
	
}
/* Allgemeine Angaben ####################################### */

div.normalt_text_box {
	margin-left: 17px;
	width: 450px;
}

div.normalt_text_box_schmal {
	margin-left: 17px;
	width: 350px;
	
}

div.normalt_text_box_breit {
	margin-left: 17px;
	width: 750px;
	
}

div.normalt_text_box_breit ul {
	width: 400px;
	list-style:disc;
}

div.normalt_text_box_breit ul li {
	
	list-style:disc;
	margin-left: 20px;
	line-height: 20px;
}

div.white_box {
	background-color:#FFFFFF;
	padding: 20px;
}

div.normalt_text_box p {
	width: 400px!important;
}

div.normalt_text_box img {
	border: 1px #cccccc solid;
}

div.normalt_text_box_breit p {
	width: 550px !important;
}

div.normalt_text_box_schmal p {
	width: 300px !important;
}

div.normalt_text_box ul {
	width: 400px;
	list-style:disc;
}

div.normalt_text_box ul li {
	
	list-style:disc;
	margin-left: 20px;
	line-height: 20px;
}

div.box_float4 {
	float: left;
	display: inline;
	width: 170px;
}
div.box_float3 {
	float: left;
	display: inline;
	width: 240px;
}

div.box_float3 p{
	width: 210px !important;
	margin-left: 12px;
}
div.box_float3 h4{
	margin-left: 12px;
}

div.white_box_right {
	clear: both;
	float: right; 
	display: inline; 
	width: 324px !important; 
	background-color:#FFFFFF;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div.white_box_right_breit {
	clear: both;
	float: right; 
	display: inline; 
	width: 424px; 
	background-color:#FFFFFF;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}



/* Header ################################################## */
div#header{
	margin-left: 10px;
	background-image:url(../image/header_bg.jpg);
	width: 952px;
}
/* Popup Menue ############################################# */
div#popup {
	
}



div#header_top_navi_l ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 300px;

}

div#header_top_navi_l li { /* all list items */
	float:left !important;
	position: relative;
	margin-right: 5px;
	width: 140px;
	

}

div#header_top_navi_l li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#header_top_navi_l li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

div#header_top_navi_l li:hover ul  { /* lists nested under hovered list items */
	display: block;
	width: 130px !important;
}



div#header_top_navi_l li  a {
	display: block;
	background-color:#CCCCCC;
	background-image:url(../image/dropdown.gif);
	background-repeat:no-repeat;
	background-position:115px 2px;
	border-top: #FFFFFF 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom:4px;
	width: 120px;
	
}

div#header_top_navi_l li  a:hover {
	background-color:#999999;
	color: #ffffff;
	
}

div#header_top_navi_l li ul li a {
	display: block;
	background-color:#999999;
	background-image:none;
	border-top: #FFFFFF 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;

	text-decoration: none;
	padding-left: 12px;
	
	

}

div#header_top_navi_l li ul li a:hover {
	background-color: #666666;
	color: #ffffff;
}

/* Popup Menue END ######################################## */





/*  Menue drucken , Sitemap usw. ########################### */

div#header_top_navi_l {
	float:left;
	display: inline;
	width: 300px;
	margin-top: 52px;
	margin-left: 12px;
}



div#header_top_navi_r {
	float:left;
	display: inline;
	width: 510px;
	margin-top: 55px;
	height: 15px;
}

div#header_top_navi_r ul li {
	display: inline;
}

div#header_top_navi_r ul li a {
	display: block;
	float: left;
	color: #666666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 100px;
	
	text-align: left;
	padding-left: 25px;
	height: 12px;
	padding-top: 2px;
}

div#header_top_navi_r ul li a.print {
	background-image:url(../image/header_drucken.gif);
	background-position: 3px 0px;
	background-repeat:no-repeat;

}

div#header_top_navi_r ul li a.sitemap {
	background-image:url(../image/header_sitemap.gif);
	background-position: 3px 1px;
	background-repeat:no-repeat;
	border-left: #999999 1px solid;
	width: 85px;
}

div#header_top_navi_r ul li a.imprint {
	background-image:url(../image/header_imprint.gif);
	background-position: 3px 0px;
	background-repeat:no-repeat;
	border-left: #999999 1px solid;
}

div#header_top_navi_r ul li a.download_header {
	background-image:url(../image/download_icon.gif);
	background-position: 3px 2px;
	background-repeat:no-repeat;
	border-left: #999999 1px solid;
	width: 87px;
}


/*  Menue drucken , Sitemap usw. END ################### */




/* Navigation ##################################### */

div#header_navi{
	margin-top: 3px;
	height: 141px;
	overflow:hidden;
}

div#header_img_nav{
	float: left;
	display: inline;
	width: 795px;
	height: 141px;
	margin-left: 2px;
	background-image:url(../image/header_menue_bg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 112px;
	overflow:hidden;
}

div#header_logo {
	float: left;
	display: inline;
	width: 155px;
	height: 135px;
}

div#header_img_nav ul {
	margin-top: 7px;
	margin-left: 20px;
}


div#header_img_nav ul li {
	display: inline;
	
}

div#header_img_nav ul li a {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0.12em;
	color: #333333;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	margin-right: 20px;
}

div#header_img_nav ul li a:hover {
	color: #003399;
}
/* Navigation END ################################ */
/* Header END ############################################ */


/* Content ##################################################### */
ul.text_list li{
	display: block;
	list-style:none !important;
	line-height: 18px !important;
}

div.linkpath {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	height: 16px;
	margin-top: 10px;
	margin-bottom: 27px;
}

div.linkpath a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration: none;
}

div.linkpath a:hover {
	text-decoration:underline;
}

div#wrapcontent {
background-image: url(../image/mainbox_bg.jpg);

}
div#contentbox {
	width: 952px;
	
	margin-left: 10px;
	background-image:url(../image/content_bg.jpg);
	background-repeat:repeat-x;
}


div#contentbox div#content_left {
	float: left;
	display: inline;
	width: 157px;
}

div#contentbox div#content_right {
	float: left;
	display: inline;
	width: 795px;
	position: relative;
	top: 0px;
	left: 0px;
	font-size:12px;
	line-height:17px;
}

div.wrap_text {
	margin-left: 20px;
	line-height:18px;
	font-size:12px;
}

ul.text_list li {
	background-image:url(../image/quad_list.jpg);
	background-repeat:no-repeat;
	background-position: 0px 8px;
	padding-left: 17px;
}


/* Menue box */
div#menue_box {
	float: left;
	display: inline;
	width: 470px;
	font-size:12px;
	color: #ffffff;
}

div.menue_box_row {
	clear: both;
	background-color:#999999;
	background-image:url(../image/menue_box_bg.gif);
	height: 78px;
	margin-bottom:15px;
}

div#menue_box div.menue_box_text {
	clear: both;
	float: left;
	display: inline;
	width: 230px;
	height: 71px;
	background-image:url(../image/menue_box_bg.gif);
	margin-left: 12px !important;
	
}

div#menue_box div.menue_box_image {
	float: right !important;
	display: inline;
	margin-right: 20px;
}

div#menue_box div.menue_box_image img{

}

div#menue_box div.menue_box_text a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #ffffff;
	text-decoration: none;
	margin-top: 15px;
	margin-left: 0px !important;
	
}


/* ############################################## */
/* Newsbox ###################################### */
div.newsbox_list_item {
	border-top: 1px #666666 dashed;
	padding-top: 15px;
	margin-left: 15px;
}

div.newsbox_list_item a {
	color: #666666;
	display: block;
	float: right;
	margin-right: 30px;
}

div#news_box {
	float: right;
	background-color:#FFFFFF;
	width: 297px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top: 15px;
	padding-bottom: 20px;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
}

div#news_box div {
	
}


div.news_box_item {
	margin-bottom: 15px;
}

div#news_box div.news_box_item_header {
	
}

div#news_box div.news_box_item_text {
	
}

div.news_box_header {
	font-weight: bold;
	margin-left: 15px;
	padding-bottom: 5px;
}

/* Teaser Content rechte Seite ################################# */

div#teaser_box {
	background-color:#FFFFFF;
	width: 287px;
	margin-left: 20px;
	margin-top: 39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 20px;
}

div#teaser_box div.teaser_content {
	margin-left: 15px !important;
	margin-right: 15px !important;
	margin-bottom: 20px !important;
}

/* Navigation Linke Seite ################################# */
ul#left_sub_navi {
	margin-left: 12px;
	margin-top: 53px;
	margin-bottom: 20px;
}

ul#left_sub_navi li {
	display: inline;
}

ul#left_sub_navi li a {
	display: block;
	width: 120px;
	width: 130px; /* nur IE 5.x */
    width/**/:/**/ 120px; /* alle anderen User-Agents */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	background-image:url(../image/menue_box_bg.gif);
	text-decoration: none;
	margin-top: 1px;
	
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 4px;
}

ul#left_sub_navi ul li ul li a {
	background-color:#FFFFFF !important;
	background-image:url(../image/left_sub_navi_dot.gif)!important;
	background-repeat:no-repeat!important;
	background-position:17px 4px!important;
	color: #336699;
	padding-left: 35px!important;
	width: 124px!important; /* nur IE 5.x */
    width/**/:/**/ 97px!important; /* alle anderen User-Agents */
	font-size: 10px;
}

ul#left_sub_navi ul li ul li a:hover {
	background-color:#FFFFFF!important;
	color: #003399 !important;
	background-image:url(../image/left_sub_navi_dot_ho.gif)!important;
	background-repeat:no-repeat!important;
	background-position:17px 4px!important;
}

ul#left_sub_navi li a:hover {
	background-color:#FFFFFF;
	background-image: none;
	color: #003399;
}

ul#left_sub_navi li.left_sub_nav_ac a {
	background-color:#FFFFFF;
	background-image: none;
	color: #336699;
	font-weight: bold;
}


ul#left_sub_navi li ul li a {
	background-color:#FFFFFF !important;
	background-image:url(../image/left_sub_navi_arrow.gif)!important;
	background-repeat:no-repeat!important;
	background-position:12px 4px!important;
	color: #336699;
	padding-left: 30px!important;
	width: 130px!important; /* nur IE 5.x */
    width/**/:/**/ 102px!important; /* alle anderen User-Agents */
	font-size: 10px;
}

ul#left_sub_navi li ul li a:hover {
	background-color:#FFFFFF!important;
	color: #003399 !important;
	background-image:url(../image/left_sub_navi_arrow_ho.gif)!important;
	background-repeat:no-repeat!important;
	background-position:12px 4px!important;
}


/* ############################ */

div.verlauf_box {
	background-color: #ffffff;
	background-image:url(../image/verlauf_bg.jpg);
	background-repeat:repeat-y;
	padding: 20px;
}
div.gototop a {
	display: block;
	color: #000000;
	text-decoration:none;
	padding-left: 20px;
	background-image:url(../image/icon_gototop.gif);
	background-repeat:no-repeat;
	background-position: 4px 4px;
	font-size:12px;
	height: 30px;
	width: 80px;
	float: right;
}
a.downloadLink {
	display: block;
	color: #000000;
	text-decoration:none;
	padding-left: 20px;
	background-image:url(../image/pdf_icon_02.gif);
	background-repeat:no-repeat;
	background-position: 1px 1px;
	font-size:12px;
	height: 30px;
}

/* ######################################################### */
/* start ################################################### */


div.text_left {
	clear: both;
	float: left;
	display: inline;
	width: 330px;
}

div.text_right {
	float: right;
	display: inline;
	width: 330px;
	margin-right: 70px;
}

div.text_left h4, div.text_right h4{
	font-size: 14px;
}


div.text_teaser_left {
	clear: both;
	float: left;
	display: inline;
	width: 164px;
}

div.text_teaser_right {
	float: right;
	display: inline;
	width: 164px;
}

div.wrap_text a.more {
	display: block;
	float: right;
	padding-left: 20px;
	background-image: url(../image/more.jpg);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	font-weight:bold;
	color: #004494;
	text-decoration:none;
	margin-right: 5px;
	margin-top: 5px;
}

div.media_wrap {
	position:relative;
	top:0px;
	left:-4px;
	background-image:url(../image/start_flash_bg.jpg);
	background-repeat:no-repeat;
	width: 712px;
	height: 184px;
}

div.media_box {
	margin-left: 4px;
	padding-top: 4px;
}

div.text_teaser_left img {
	border: 1px solid #ccc;
}

div.text_teaser_right img {
	border: 1px solid #ccc;
}