html, body{
    font-family:Verdana,Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    width:100%;
}

   
html{
    font-size:95%;
    height:100%;
    overflow:auto;
}
    

h1, h2, h3, h4, h5, h6, p, form {
    margin:0;
    padding:0;
}

img{
    border:none;
	color:#ffffff;
}

img.left {
    margin-right:10px;
    margin-bottom:10px;
}

img.right {
    margin-left:10px;
    margin-bottom:100px;
}

a, a:link, a:active {
    color:#6B8ABF;
    text-decoration:none;
    margin:0;
    padding:0;
  
}

a.startseite, a.startseite:link, a.startseite:active {
    color:#666666;
    text-decoration:none;
    margin:0;
    padding:0;
  
}

a:hover {
    text-decoration:none;
    margin:0;
    padding:0;
    color:#031F51;
       
    }
	
a.startseite:hover {
    text-decoration:none;
    margin:0;
    padding:0;
    color:#999999;
       
    }

ul{
    padding:0;
    margin:0;
    list-style-type:square;
    margin-left:15px;
}

li {padding: 0;margin:0;}

.invisible{
    display:none;
}

.floatKiller{
	clear:both; 
	height:0px; 
	font-size:0px; 
	margin: 0px; 
	padding:0px;
}

#schatten_l{
	background:url(../images/schatten_l.jpg) repeat-y;
	width:8px;
}

#schatten_r{
	background:url(../images/schatten_r.jpg) repeat-y;
	width:8px;
}

#schatten_r_u{
	background:url(../images/schatten_r_u.jpg) no-repeat;
	height:6px;
	width:8px;
	padding-bottom:20px;
}

#schatten_u{
	background:url(../images/schatten_u.jpg) repeat-x;
	height:6px;
	padding-bottom:20px;
}

#schatten_l_u{
	background:url(../images/schatten_l_u.jpg) no-repeat;
	height:6px;
	width:8px;
	padding-bottom:20px;
}

#center_wrap{
	width:1000px;
	margin:0 auto;
	position:relative;
}

#rahmen{
	border-left:solid 1px #DBDBD6;
	border-right:solid 1px #DBDBD6;
	border-bottom:solid 1px #DBDBD6;
}

#header{
    margin-top:25px;
    width:1000px;
}

#header_balken{
    width:830px;
	height:50px;
	background:#031F51;
	float:left;
}

#logo{
    width:auto;
    float:left;
	margin-left:3px;
}


#banner{
	z-index:1;
	margin-top:7px;
    width:1000px;
    height:350px;
	position:relative;
	overflow:hidden;
}

/* NEWS OVERLAY   (Wrap mit Schatten) */

#banner_overlay_news_wrap{
background:url(../images/banner_overlay_shadow_r.png) no-repeat;
	width:285px;
	height:325px;
	position:absolute;
	right:0px;
	top:0;
	

}

* html #banner_overlay_news_wrap{
 /* CSS-Hack für IE6 und kleiner */
 background:none;
}

	
#banner_overlay_news{
	margin:0;
	padding:0;
	list-style:none;
	
	background:url(../images/hellblau_trans_80.png);
	border-left:solid 1px #ffffff;
	width:277px;
	height:325px;
	position:absolute;
	right:0;
	top:0;
	
	display:none;
}

.newsteaser_1, .newsteaser_2, .newsteaser_3, .newsteaser_4, .newsteaser_5, .newsteaser_6, .newsteaser_7, .newsteaser_8, .newsteaser_9{
	height:108px;
	width:277px;
}

.newsteaser_2, .newsteaser_5, .newsteaser_8{
	margin-top:1px;
}

*+html .newsteaser_2, .newsteaser_5, .newsteaser_8 {
	margin-top:-2px;
} /* nur für den IE7 */

.newsteaser_3, .newsteaser_6, .newsteaser_9 {
	margin-top:0px;
}

*+html .newsteaser_3, .newsteaser_6, .newsteaser_9 {
	margin-top:-2px;
} /* nur für den IE7 */


.banner_overlay_teaser_img{
	width:106px;
	height:108px;
	float:left;
	background:#000;
}

.newsteaser_text{
	float:left;
	padding:10px;
	width:150px;
	height:88px;
	color:#ffffff;
	position:relative;
}

.newsteaser_text h1{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.newsteaser_text p{
	padding:0;
	margin:0;
	font-size:9px;
}

.newsteaser_text a.newsteaser_detailslink{
	color:#ffffff;
	font-size:11px;
	position:absolute;
	left:10px;
	bottom:10px;
}

.teaser_overlay_line_v{
	position:absolute;
	left:114px;
	background:#ffffff;
	width:1px;
	height:325px;
}


* html .teaser_overlay_line_v{
 /* CSS-Hack für IE6 und kleiner */
 display:none;
}

.teaser_overlay_line_h1{
	position:absolute;
	top:108px;
	margin-left:8px;
	background:#ffffff;
	width:277px;
	height:1px;
}

* html .teaser_overlay_line_h1{
 /* CSS-Hack für IE6 und kleiner */
 display:none;
}


.teaser_overlay_line_h2{
	position:absolute;
	top:217px;
	margin-left:8px;
	background:#ffffff;
	width:277px;
	height:1px;
}

* html .teaser_overlay_line_h2{
 /* CSS-Hack für IE6 und kleiner */
 display:none;
}


#teaser_overlay_pagenavi{
	float:right;
	width:auto;
	margin-right:20px;
	line-height:25px;
	height:25px;
}

#teaser_overlay_pagenavi a{
	color:#fff;
	margin-left:5px;
}

#teaser_overlay_pagenavi a:hover{
	color:#9F9F9F;
	text-decoration:none;
}

#teaser_overlay_pagenavi span{
	color:#000;
	margin-left:5px;
}

/* GALLERY OVERLAY   (Wrap mit Schatten) */

#slideshow{
	margin:0;
	padding:0;
}

ul.thumbs{
	margin:0;
	padding:0;
	list-style:none;
	
	width:auto;
	float:left;
}

ul.thumbs li{
	margin:0;
	padding:0;
	list-style:none;
	
	width:138px;
	float:left;
}

#slideshow img{
	height:350px;
	width:1000px;
	position:absolute;
	left:0px;
	top:0;
	

}

#gallery_overlay_wrap{
	background:url(../images/banner_overlay_shadow_l.png) right top no-repeat;
	width:285px;
	height:325px;
	position:absolute;
	left:0px;
	top:0;
	


}

* html #gallery_overlay_wrap{
 /* CSS-Hack für IE6 und kleiner */
 background:none;
}


#gallery_overlay_wrap_noscript{
	background:url(../images/banner_overlay_shadow_l.png) right top no-repeat;
	width:285px;
	height:325px;
	position:absolute;
	left:0px;
	top:0;

}

* html #gallery_overlay_wrap_noscript{
 /* CSS-Hack für IE6 und kleiner */
 background:none;
}
	
#gallery_overlay{
	background:url(../images/hellblau_trans_80.png);
	border-right:solid 1px #ffffff;
	width:277px;
	height:325px;
	position:absolute;
	left:0;
	top:0;
	
	display:none;
}

, #gallery_overlay_noscript{
	background:url(../images/hellblau_trans_80.png);
	border-right:solid 1px #ffffff;
	width:277px;
	height:325px;
	position:absolute;
	left:0;
	top:0;
}



#gallery_overlay .thumb, #gallery_overlay_noscript .thumb{
	width: 138px;
	float:left;
}

.gallery_overlay_line_v{
	position:absolute;
	left:138px;
	top:0;
	background:#ffffff;
	width:1px;
	height:324px;
}

* html .gallery_overlay_line_v{
 /* CSS-Hack für IE6 und kleiner */
 display:none;
}

.gallery_overlay_line_h1{
	position:absolute;
	top:108px;
	background:#ffffff;
	width:277px;
	height:1px;
}

* html .gallery_overlay_line_h1{
 /* CSS-Hack für IE6 und kleiner */
 display:none;
}

.gallery_overlay_line_h2{
	position:absolute;
	top:216px;
	background:#ffffff;
	width:277px;
	height:1px;
}


* html .gallery_overlay_line_h2{
 /* CSS-Hack für IE6 und kleiner */
 display:none;
}

#controls{
	font-size:12px;
	line-height:23px;
	vertical-align:middle;
	width:auto;
	float:right;
	margin-right:20px;
}

#controls a{
	color:#fff;
	margin-left:5px;
}

#controls a:hover{
	color:#9F9F9F;
	text-decoration:none;
}

#bannerbild{
}

#bannerbild_noscript{
}

#navigation_banner{
	background:url(../images/blau_trans_80.png);
	border-top:solid 1px #ffffff;
	width:1000px;
	height:25px;
	position:absolute;
	bottom:0;
	left:0;
}

#navigation1{
    width:auto;
	clear:both;
    list-style:none;
    margin:0;
    padding:0;
	}

#navigation1 li{
	font-size:12px;
	width:100px;
	float:left;
	text-align:center;
	line-height:25px;
	vertical-align:middle;
	border-right:solid 1px #41567C;
}

#navigation1 li a{
	color:#fff;
	width:100%;
	height:25px;
	display:block;
}

#navigation1 li a:hover{
	background: #183E7A;
	text-decoration:none;
}

#navigation1 li a.active{
	background: #9099A7;
	color:#031F51;
	text-decoration:none;
	font-weight:bold;
}



#content{
    padding:20px;
	width:940px;
	font-size:11px;
	position:relative;

	height:auto;
	overflow:hidden;
} 

#navigationsspalte{
	width:257px;
	float:left;
	min-height:300px;
	background: url(../images/spaltenlinie.jpg) top right no-repeat;
}

* html #navigationsspalte{  
	/* CSS-Hack für IE6 und kleiner */  
	height:300px; 
}  

#navigation2{
	width:257px;
	clear:both;
    list-style:none;
    margin:0;
    padding:0;
	padding-top:3px;

}

#navigation2 li{
	margin-bottom:8px;
}

#navigation2 li a{
		color:#666666;
	}
	
#navigation2 li a:hover{
	color:#999999;
	text-decoration:none;
}

#navigation2 li.active{
	font-weight:bold;
}

#navigation2 li ul{
	display:none;
}

#navigation2 li.active ul{
	display:block;
	
	width:auto;
	clear:both;
    list-style:none;
    margin:0;
    padding:0;
	margin-left:12px;
	margin-bottom:10px;
	margin-top:5px
}

#navigation2 li ul li{
	font-weight:normal;
}

#navigation2 li ul li.active{
	font-weight:bold;
}

#navigation2 li ul li ul li{
	display:none;
}

#navigation2 li.active ul li.active ul li{
	display:block;
	
	width:auto;
	clear:both;
    list-style:none;
    margin:0;
    padding:0;
	margin-bottom:10px;
	margin-top:5px
}

#navigation2 li ul li ul li{
	font-weight:normal;
}

#navigation2 li ul li.active ul li.active{
	font-weight:bold;
}

#main{
	margin:0;
    padding:0;
    height:auto;
	
}

#gesamt_spalte{
	width:512px !important;
	width:500px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	min-height:300px;
	
}

#erste_spalte, #zweite_spalte, #dritte_spalte{
	width:236px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	min-height:300px;
}

#erste_spalte{
	width:230px;
	padding-right:5px;
}

#erste_spalte, #zweite_spalte{
		background: url(../images/spaltenlinie.jpg) top right no-repeat;
}

#spalte_4{
	width:110px;
	padding-left:20px;
	float:right;
	min-height:300px;
	background: url(../images/spaltenlinie.jpg) top left no-repeat;
}

.vierte_spalte_story{
	padding-bottom:30px;
	width:110px;
	white-space:normal;
}

.partnerlogo{
	margin-bottom:20px;
}

#erste_spalte .fliesstext, #zweite_spalte .fliesstext, #dritte_spalte .fliesstext{
	width:230px;

}

#gesamt_spalte .fliesstext{
	width:474px !important;
	width:460px;
}

#spalte_4 .fliesstext{
	width:110px;
}

#multilingual{
	font-size:9px;
	color:#C0C1BC;
	margin-top:5px;
	float:left;
	width:auto;
}

#multilingual a{
	color:#C6C6C6;
}

#multilingual a:hover{
	color:#9F9F9F;
	text-decoration:none;
}

#sonderseiten{
    list-style:none;
    margin:0;
    padding:0;
    width:auto;
	float:right;
	margin-top:5px;
	font-size:9px;

}

#sonderseiten li{
    width:auto;
	display:inline;
    font-weight:normal;
}

#sonderseiten a{
	color:#C0C1BC;
}

#sonderseiten a:hover{
	color:#9F9F9F;
    text-decoration:none;
}

/*News-Uebersicht*/

#news_spalte{
	width:474px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	min-height:300px;
	position:static;
	
}

#news_spalte .fliesstext{
position:static;
	
}

.news_ue_headline {
    font-size:18px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:lighter;
    text-decoration:none;
	color:#666666;
    width:80%;/* internet explorer */
    margin-bottom:30px;
}

.news_ue_h1{
    font-size:11px;
	font-weight:bold;
    padding-bottom:10px;
}

.mehr_link	{
    margin-left:13px;
	text-decoration:underline;
    color:#6B8ABF;
}

.news_img{
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.news_ue_text{
    color:#666666;
    margin-bottom:5px;
    font-size:11px;
    margin-left:13px;
	line-height:16px;
	display:block;
}

.news_ue_absatz{
    height:auto;
	margin-bottom:30px;
    overflow:hidden;
    position:relative;
}


	
#news_navigation{
    color:#6B8ABF;
}

#footer{
    width:960px;
    float:left;
    padding-bottom:17px;
    margin:0;
}

.headline h1 , .headline h1 a, .headline h1 a:hover, .headline h1 a:link, .headline h1 a:active{
    font-size:18px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:lighter;
    text-decoration:none;
	color:#14356F;
	margin-top:-3px;
	padding:0;
    margin-bottom:30px;

}

#gesamt_spalte .headline h1 {
	float:left;
	width:440px;
}

h2 a, h2 a:hover, h2 a:link, h2 a:active{
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    width:80%;/* internet explorer */
    padding:0;
    margin:0;
}

.datum{
	color:#999;
	position:absolute;
	top:20px;
	right:170px;
}

.vorspann{
    font-size:18px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:lighter;
    text-transform:uppercase;
}

.externer_link{
    white-space:nowrap;
    }

.platz{
    clear:right;
}

/* hier die Stories, je nachdem wieviele Spalten */
.spalte_1 {
    width:33%;
    float:left;
    padding-right:3px;
}

.spalte_2 {
    float:left;
    width:33%;
    padding-right:3px;
    
}

.spalte_3 {
    width:33%;
    float:left;

    
}

.spalte_4 {
    float:right;
    width:49%;
}

.artikel_1_spalten {
    float:left;
    margin-bottom:10px;
    width:97%;
}

.artikel_2_spalten {
    float:left;
    margin-bottom:10px;
    width:96%;
}

.artikel_1_spalten div.spalte_1 {
    width:98%;
}




.fliesstext{
    color:#666666;
    margin-bottom:1em;
    font-size:11px;
	line-height:16px;
}

.norm{
    font-size:11px;
}

.spezial{
  
  font-style:italic;
  }

.formular{
 float:left;
 width:600px;
 }

.formular table{
font-size:11px;
}

.formular textarea{
width:600px;
}
span.subline {
	font-weight:normal;
	font-size:8pt;
}
#box0 li.active a{
color:#666;
}


/* Tabelle CMS-Vergleich */
table.tbl_norm{
	width:100%;
}

.tbl_norm {
    width:50%;
	vertical-align:top;
}

.tbl_norm td{
    width:50%;
	vertical-align:top;
}

table.tbl_news td {
    border-bottom: 1px solid #999999;
    padding:5px;
    margin:0px;
}


/* Tabelle CMS-Vergleich */
.tbl_projekte{
        float:right;
        border-collapse:collapse;
        width:326px;
        margin-left:20px;
        margin-bottom:20px;
         padding:3px;
        }

.erste_spalte{
	border-bottom: 1px solid #999;
	vertical-align:top;
        text-align:left;
        font-size:10px;
        color:#CECECE;
        text-transform:uppercase;
         padding:3px;
        }
      
.zweite_spalte{
	border-bottom: 1px solid #999;
        text-align:right;
        color:#FFF;
        font-size:10px;
         padding:3px;
        }
      
      
#print_footer{
display:none;
}



/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/


/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/
/* nav3-container zur Anordnung der navi */
#nav3 {
    position:relative; /* um sfnav unten ausrichten zu kšnnen*/
    height:25px; /* siehe logo */
    width:715px;
     padding-top:15px;
}

#sfnav {
		width: 715px;
list-style: none;
padding: 0;
margin:0;
position: absolute;
z-index:50; /* sonst unter keyvisual */
font-size:12px;
bottom:0px; /* nach unten ausrichten */
font-weight:bold;
}

#sfnav ul {
		
list-style: none;
/*background-color: #CECECE; Hintergrundfarbe Untermenuepunkte*/
padding: 0;
/*margin: 1em 0 1em 0;*/
position: absolute;

}

#sfnav a {
display: block;
color: #CECECE; /*Farbe Hauptebene*/
text-decoration: none;
padding: 0.1em 0.5em ; /* gršsse der einzelnen navi-links */
}
/*Farbe Unterebenen*/
#sfnav li li a {
    color:#333;
font-weight:normal;
}


#sfnav li {
			float: left;
		/*width: 10em;*/
		/*margin: 0 2px 2px 2px;*/
padding: 0.2em 0.9em 0em 0.1em;
}

#sfnav li ul {font-size:11px;
			position: absolute;
			left: -999em;
		width: 13.9em;
height: auto;
margin: 0;

}

#sfnav li li {	line-height:1.2em;
		font-size:11px;
		margin:0;
		padding:0;
		width:13.9em;  /*breite erste Unterebene */
		background-color:#CECECE;
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
                opacity:0.85;
}

#sfnav li ul ul {
		margin: 0 0 0 14em ; /*versatz  zweite Unterebene nach rechts */
		top:0px; /*ausrichtung mit Ÿbergeordnetem MenŸpunkt */
}


#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -2px;
}
#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
/* Hintergrund Hauptebene hover */
#nav3 #sfnav li.over,#sfnav li:hover {
background:transparent;
}
/*Hintergrund Unterebenen hover/over*/
#nav3 #sfnav li li.over,#sfnav li li:hover {
    background: #DA0C5F;	
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;

}
/*linkfarbe hover hauptebene */
#nav3 #sfnav li.over a,
#nav3 #sfnav li:hover a{
    color:#DA0C5F;
}

/*linkfarbe hover ab zweiter ebene*/
#nav3 #sfnav li li.over a,
#nav3 #sfnav li li a:hover,
#nav3 #sfnav li:hover li:hover a,
#nav3 #sfnav li:hover li:hover li:hover a
{
    color:#FFFFFF;
}
/*linkfarbe menue zweite unterebene nicht hover */
#nav3 #sfnav li li.over li a,
#nav3 #sfnav li:hover li a,
#nav3 #sfnav li:hover li:hover li a
{
    color:#333333;
}