@charset "utf-8";
/* CSS Document mbo 10.04.08*/
body {
	background-color: #D9DADC;
	margin:0;
	padding:27px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, ul, li, ol, div, td, table, input, select, textarea { 
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align:left;	
	color:#424242;	
}

a {
	text-decoration: none;
	border: none;
}

div#frame{
	text-align:center;
	width: 900px;
	margin: auto;
	background-color: white;	
}

div#frame img{
	float: left;
}

div#header{
	width: 900px;
}

iframe {
	margin:0;
	padding:0;
	border: none;
}

/* ########################
	Navigation
#####################*/

div#navi{
	background-image: url(back_navi.gif);
	background-repeat:repeat-y;
	width: 174px;
	float: left;
}

div#navi ul{
	list-style-type:none;
	margin: 32px 0 110px 0;
}

div#navi li{
	border-bottom:1px solid #CFD1D4;
}

div#navi li a{
	background-image:url(pfeil_rechts_grau.gif);
	background-position:6px 7px;
	background-repeat:no-repeat;
	color:#424242;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	padding:4px 0pt 3px 18px;
	width:156px;
	text-decoration: none;
}

div#navi li a:hover {
	background-color:#CCCED2;
	background-image:url(pfeil_rechts_orange.gif);
	background-position:6px 7px;
	background-repeat:no-repeat;
	color:#424242;
}

/* ########################
	Sub Navi Bereich
#####################*/

div#navi  ul.subnav{
	background-image: url(back_reg.gif);
	list-style-type:none;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0px;
	display: none;
}

div#navi ul.subnav li{
	border-top:1px solid #CFD1D4;	
	border-bottom: none;		
}

div#navi ul.subnav li a{
	background-image:url(pfeil_rechts_grau.gif);
	background-position:10px 7px;
	background-repeat:no-repeat;
	color:#424242;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	padding:4px 6px 3px 22px;
	width:146px;
	text-decoration: none;
}

div#navi ul.subnav li a:hover {
	background-color:#CCCED2;
	background-image:url(pfeil_rechts_orange.gif);
	background-position:10px 7px;
	background-repeat:no-repeat;
	color:#424242;
}



#langSelect {
	position: absolute; 
	left: 5px; 
	top: 116px; 
	width: 162px;
	padding-left:0px;
}

#langSelect option {
	padding: 2px 0 2px 5px;
}


/* ########################
	Content Bereich
#####################*/

div#content{
	width: 705px;
	float: left;	
	height: auto;
	padding: 12px 0 12px 12px;
}

div#content h1{
	font-size: 18px;
	margin-bottom: 12px;
}

div#content h2 {
	width: 480px;
	margin-bottom: 10px;	
}

div#content h3{
	font-size: 11px;
	margin:10px 0 10px 0;
	font-weight: bold;
	float: left;
}



div#content .col_middle {
	width:510px;
	float: left;
	padding-right:10px;
}

div#content .content_lightgrey {
	background-color: #E2E2E2;
	float: left;
	padding: 10px 10px 10px 10px;
	width: 490px;
	margin: 0 0px 10px 0;
}


div#content .kat_full img{
	float: none;
	margin-bottom: 12px;
}

div#content .content_lightgrey h1{
	font-size: 28px;
	margin-bottom: 0px;
}

div#content .content_lightgrey h2{
	margin-bottom: 0px;
}

div#content .kat_full  h4 {
	font-size: 14px;
	margin-bottom: 4px;
}

div#content .kat_full ul {
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	display: block;
	float: none;
	margin:0;
	padding:0;
}

div#content .kat_full li{
	margin:0;
	padding:0;
	width: 225px;	
	float: left;
}

div#content .kat_full {
	background-image: none;
	width: 675px;
	height: auto;	
	margin-right:4px;
	margin-bottom: 12px;
	background-color: #B9BCC1;
	padding: 12px;
	float: left;
}

div#content #bdb_full {
	width: 675px;
	height: auto;	
}


div#content .kat_full ul a{
	background-image:url(navi_liste.gif);
	background-position: left top;
	background-repeat:no-repeat;
	color:#424242;
	padding-left:16px;
	text-decoration:none;	
	display: block;
}

div#content .kat_full ul a:hover{
	background-image:url(navi_liste_hover.gif);
	color: black;
}

div#content .content_lightgrey_video {
	background-color: #E2E2E2;
	float: left;
	padding: 10px 0 10px 10px;
	width: 395px;
	margin-bottom: 10px;
}

div#content  a.link{
	font-weight: bold;
	color:#424242;	
	background-image:url(pfeil_rechts_orange.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left: 12px;	
}

div#content .content_lightgrey p{
	padding: 0 0 0px 0px;
}

div#content .content_lightgrey a{
	background-image:url(navi_liste_hover.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
	margin-left: 0px;
}

/*
div#content .content_lightgrey ul {
	margin:0;
	padding:0 10px 10px 20px;

}
*/

div#content .content_lightgrey ol {
	margin:0;
	padding:0px 0 0 20px;
}

div#content .content_lightgrey li {
	margin:0;
	padding:0;
}

div#content .content_lightgrey img{
	padding: 0 10px 10px 0px;
}

div#content .content_lightgrey .pic {
	width: 470px;
	background-color: white;
	padding: 10px;
	margin: 0px 0 10px 0;
	float: left;
}

div#content .content_lightgrey .pic img {
	margin-bottom: 10px;
	padding-right:0;
}

div#content .content_grey {
	background-color: #B9BCC1;
	float: left;
	padding: 10px;
	margin-bottom: 10px;
}

div#content .content_grey p{
	padding-bottom: 10px;
}


div#content .col_middle_sub {
	width:250px;
	float: left;	
	background-color: #E2E2E2;
	margin: 0 0 10px 0;
	padding: 0px 0 6px 0;
	position: relative;
}

div#content .col_middle_sub img{
	float: none;
}

div#content .col_middle_sub2 img{
	float: none;
}

div#content .col_middle_sub p{
	/* float: left;	 */
	padding:6px 0px 6px 6px;
}


div#content .col_middle_sub h2{
	background-color:#6D6F73;
	color: white;
	width:244px;
	padding: 3px 0 3px 6px;
	margin-bottom: 1px;
}	


div#content .col_middle_sub a{
	background-image:url(navi_liste_hover.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
	margin-left: 6px;
	display:block;
	position: absolute;
	bottom: 6px;
}



div#content .col_middle_sub2 {
	width:250px;
	float: left;	
	background-color: #E2E2E2;
	margin: 0 0 10px 0;
	padding: 0px 0 6px 0;
	position: relative;	
}

div#content .col_middle_sub2 p{
	/* float: left;	 */
	padding:6px 0px 6px 6px;
}


div#content .col_middle_sub2 h2{
	background-color:#6D6F73;
	color: white;
	width:244px;
	padding: 3px 0 3px 6px;
	margin-bottom: 1px;
}	


div#content .col_middle_sub2 a{
	background-image:url(navi_liste_hover.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
	margin-left: 6px;
	display:block;	
	position: absolute;
	bottom: 6px;	
}

div#content .bigBoxMiddle{
	height: 295px;
}


.box_start {
	background-image:url(navi_liste.gif);
	background-repeat:no-repeat;
	width: 205px;
	margin-right:4px;
	margin-bottom: 12px;
	background-color: #B9BCC1;
	padding: 12px;
	float: left;
	height: 230px;
	background-position: 12px 157px;	
}

.box_start:hover {
	background-image:url(navi_liste_hover.gif);
	background-repeat:no-repeat;
	background-color: #CCCED2;	
	}

.box_start img {
	float: left;
}

.box_start p {
	float: left;
	padding-top: 6px;
}

.box_start a{
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
}



.box {
	background-image:url(navi_liste.gif);
	background-repeat:no-repeat;
	width: 205px;
	margin-right:6px;
	margin-bottom: 12px;
	background-color: #B9BCC1;
	padding: 12px;
	float: left;
	height: 220px;
	background-position: 12px 149px;	
}

.boxBig{
	height: 240px;
}

.box:hover {
	background-image:url(navi_liste_hover.gif);
	background-repeat:no-repeat;
	background-color: #CCCED2;	
	}

.box.noBG{
	background-image:none;
}

.box.noBG:hover{
	background-image:none;
	/*background-color: #e2e3e5;	*/
	background-color:#B9BCC1;
}

.box img {
	float: left;
}

.box p {
	float: left;
	padding-top: 6px;
}

.box_presse {
	width: 205px;
	margin-right:4px;
	margin-bottom: 12px;
	background-color: #B9BCC1;
	padding:  12px 12px 3px 12px;
	float: left;
	/*height: 290px;*/
	height: auto;
	background-image: none;;
}

div#content .box_presse h2{
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 6px 0px;
	margin:0px;
	float: left;
	
	width: auto;
}

.box_presse p{
	float: left;
	font-size: 11px;
}

.box_presse a{
	background-image:url(navi_liste.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	text-decoration: none;
	color:#424242;
	padding: 0 0 3px 16px;
	display: block;
}

.box_presse a:hover{
	background-image:url(navi_liste_hover.gif);
}


div#content .box a{
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
}
div#content .box a.link{
	background-image:url('navi_liste.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
}

div#content .box a.link:hover{
	background-image:url('navi_liste_hover.gif');
}

div#content .col_right {
	width:181px;
	float: left;	
	background-color: #E2E2E2;
	padding-bottom: 6px;
	margin-bottom:10px;	
	/*height:242px;*/
	height: auto;

}

div#content .col_right h2{
	background-color:#6D6F73;
	/* background-image: url(back_top.gif); */
	color: white;
	width:175px;
	padding: 3px 0 3px 6px;
	margin-bottom: 1px;
}	

div#content .col_right a{
	background-image:url(navi_liste_hover.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
}



div#content .col_right p{
	padding: 6px;
	width: 169px;
	float: none;
}

div#content .col_right ul{
	margin:0 0 0 0px;
	padding-left: 24px;
	width: 150px;
	float: left;
	list-style-image: url(pfeil_rechts_orange.gif);
}

div#content .col_right li{
	margin:0 0 3px 0;
	padding:0;
}

div#content .col_right img{
	padding-left:0px;
	float: none;
}

div#content .col_right a{
	margin: 0 0 6px 6px;
}

div#content #rightTop h3 {
	display: block;
	background-color: #F08200;
	color: #424242;
	font-weight: bold;
	font-size: 14px;
	margin-top: 0;
	width: 175px;
	padding: 3px;
}

/* ########################
	Footer
#####################*/

div#footer{
	width: 900px;
	background-color: #F08200;
	height: 18px;
	clear:both;
}


div#footer a{
	background-image:url(footer_btt.gif);
	background-position: 6px 8px;
	background-repeat:no-repeat;
	text-decoration: none;
	padding: 6px 0 0 16px;
	font-size: 11px;
	color: white;
}


/* ########################
	PopUp
#####################*/

#bodyPopup{
	background-color: white;
	border: none;
	padding-top:0;
}

div#popup {
	width: 420px;
	padding-left: 0px;
}

div#popup  div#header {
	background-image:url(popup_head.gif);
	background-position: 320px 0;
	background-repeat:no-repeat;
	margin-left:40px;
	height: 50px;
	width: 384px;
}


div#popup  div#header h1{
	font-size: 18px;
	width:350px;
}

div#popup a {
	background-image:url(navi_liste_hover.gif);
	background-position: 0px 2px;
	background-repeat:no-repeat;	
	font-weight: bold;
	color: #424242;
	padding-left: 16px;
}

div#popup  div#content {
	width: 460px;
	float: left;
	margin:0;
	padding:0;
}

div#popup  div#content_video {
	width: 420px;
	float: left;
	margin:0;
	padding-left:40px;	
}

div#popup  div#content h2{
	background-color: #6C6E74;	
	height: 20px;
	color: white;
	margin:20px 0 10px 0;
	padding:0 0 0 6px;
	width: 460px;
	
}

div#popup  div#content h3{
	margin-top:0;
}

div#popup  div#content div.form {
	margin: 10px 0 10px 0;

	float: left;
	width: 300px;
}

div#popup div#content div.form input.submit{
		text-align: center; 
		background-color: #6C6E74;
		border: none;
		padding: 0px 6px 2px 18px;
		font-weight: bold;
		background-image: url(navi_liste_hover.gif);
		background-repeat:no-repeat;
		background-position: 3px 3px;
		color: white;
		border: none;
		width: 120px;
}

div#popup  div#content div.row {
	margin-bottom: 10px;
	float: left;
}

div#popup  div#content div.form div.left {
	width: 100px;
	float: left;
}

div#popup  div#content div.form div.right {
	width: 170px; /* statt 370px; */
	float: left;
}	
div#popup  div#footer {
	width: 470px;
	background-color: #6C6E74;	
	height: 20px;
}


div#popup div#footer a{
	float: right;
	background-image:url(close.gif);
	background-position: 0px 3px;
	margin:0;
	padding:3px 6px 0 20px;
}

.tb {
	cursor: pointer;
}

.form select {
	width: 154px;
}

.form input {
	width: 150px;
}



/* Änderungen cni 31.03.2010
--------------------------------------------------------------------------------------- */

.no-margin { margin: 0 !important; }

.no-padding { padding: 0 !important; }


/* ********** cni-Box *********** */
.cniBox {}

#frame .cniBox img { float: none; }

#content .cniBox h2 { margin: 0; padding: 6px 0 0; width: auto; }

.cniBox p { float: none; }

#content .cniBox a { display: block; }

a img { border: none; }

