html{
	overflow-y:scroll;
	height: 100%;
}

body{
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #002652;
	height: 100%;
	background: #8BB9D1 url(../images/bg_schraeg.jpg) 50% 0 repeat-x;
}

#background{
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 527px;
	background: url(../images/bg_weiss.jpg) 50% -1px no-repeat;
}


#container{
	position:relative; /* wichtig für Address Positionierung -> ganz unten*/
	background: url(../images/bg_teil.jpg) 0 0 no-repeat;
	margin:auto;
	width:961px; 
	min-height: 527px;
	text-align: left;
}
/*---------------------------------------------------
	Navigation
---------------------------------------------------*/
div#navigationContainer{
	width: 961px;
	float: left;
	height: 49px;
	
}

div#navigation{
	width: 875px;
	float: left;
}

div#facebook{
	width: 20px;
	float: right;
	margin: 20px 0 0 0;
}

div#subnavigation{
	float: left;
	/*total width 183px*/
	width: 183px;
	/*width: 173px;*/
	border: 1px solid #FFFFFF;
	padding: 15px 0;
	margin: 0 11px 0 0;
}

div#language{
	float: left;
	text-align: right;
	width: 50px;
	padding: 23px 0 0 0;
}
/*---------------------------------------------------
	Header
---------------------------------------------------*/
#headerContainer{
 	float: left;
	height: 336px;
	width: 961px;
	margin: 0 0 18px 0 !important;
	margin: 0 0 15px 0;
	padding: 0;
}

#flash{
	float: left;
	width: 740px;
	height: 336px;
	padding: 0;
	margin: 0;

}

#picture{
	float: left;
	width: 740px;
	height: 336px;
	padding: 0;
	margin: 0;
}

#headerContent{
	float: left;
	height: 331px;
	width: 221px;
}

#logo{
	float: left;
	width: 221px;
	text-align: center;
	padding: 16px 0 0 0;
}

#weather{
	float: left;
	width: 191px;
	padding: 0 15px;
	margin: 100px 0 0 0;
}

/*---------------------------------------------------
	Content
---------------------------------------------------*/
#contentContainer{
	float: left;
	width: 961px;
	_height: 300px;
	min-height: 300px;
}

/*index seite*/
#inhalt{
	float: left;
	width: 734px;	
}

#news-container{ float: left; }
#news-container #highlight{ border: 1px solid #fff; float: left; position: relative; width: 235px; height: 340px; /* height: 330px; */ margin-bottom: 9px; margin-right: 10px; overflow: hidden; }
#news-container #news{ border: 1px solid #fff; float: left; width: 235px; height: 340px; /* height: 330px; */ margin-bottom: 9px; margin-right: 10px; overflow: hidden; position: relative; }
#news-container #events{ border: 1px solid #fff; float: left; width: 235px; height: 340px; /* height: 330px; */ margin-bottom: 9px; overflow: hidden; position: relative; }

#news-container #big_news{ background: #DEECF3 url("../images/bg_sidebar.gif") 0 0 repeat-x; border: 1px solid #fff; clear: left; float: left; width: 700px; padding: 0 15px; }
#news-container #big_news img{ float: left; }
#news-container #big_news #big_news-wrapper{ float: left; padding-left: 18px; width: 470px; }
#news-container #big_news h2{ padding: 0 0 5px 0; }
#news-container #big_news p.morelink{ padding-bottom: 8px; }

#news-container .main-wrapper{ position: relative; z-index: 10; width: 5000px; }
#news-container .wrapper{ float: left; padding: 0 14px; width: 208px; height: 295px; position: relative; }
#news-container .transbg{ background-color: #fff; filter:alpha(opacity=40);	-moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; position: absolute; top: 0; left: 0; width: 235px; height: 340px; /* height: 330px; */ z-index: 0; }
#news-container #highlight .csc-header{ position: relative; z-index: 10; }
#news-container #news .csc-header{ position: relative; z-index: 10; }
#news-container #events .csc-header{ position: relative; z-index: 10; }

#news-container h1{ margin: 7px 0 6px 14px; padding: 0 0 1px 5px; }
#news-container #highlight h1{ background-color: #F8981D; color: #DFF1F1; margin-left: 14px; width: 203px; }
#news-container #big_news h1{ margin-left: 0; padding-left: 0; }

#news-container h2{ padding: 5px 0; }

#news-container .news_nav{ background-color: #DCE9F1; /* background-color: #DCE9F2; */ position: absolute; bottom: 0; right: 0; padding: 0 5px 5px 0; z-index: 15; visibility: hidden; }
#news-container .news_nav a{ float: left; cursor: pointer; }
#news-container p.morelink.fix{ margin: 0; padding: 0; position: absolute; top: 282px; /*top: 272px; */ left: 14px; }

#news-container .news_nav span.count{ color: #002652; float: left; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; padding-top: 2px; width: 50px; }

/*main seite*/
#inhaltMain{
	float: left;
	width: 537px;
}

#content{
	float: left;
	width: 505px;
	border: 1px solid #fff;
	background: #DEECF3 url(../images/bg_content_main.jpg) 0 0 no-repeat;
	padding: 17px 16px 0 16px;
	margin: 0;
}


#contentFooter{
	float: left;
	width: 100%;
	padding: 0 0 5px;
	margin: 0;
}

/*main ohne Sidebar*/

#inhaltMainOhneSidebar{
	float: right;
	width: 765px !important;
	width: 760px;
	
}

#contentOhneSidebar{
	float: left;
	width: 729px !important;
	width: 724px;
	border: 1px solid #fff;
	background: #dce9f2 url(../images/bg_content_main.jpg) 0 0 no-repeat;
	padding: 17px 17px 0 17px;
	margin: 0;
}

#copyright{
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 0 0 5px 0;
}

#copyright a, #copyright a:visited{
	color: #002652;
	text-decoration: none;
}

#copyright a:hover{
	text-decoration: underline;
}




/*alles*/

#contentFooter p{
	margin: 0;
	padding: 0 0 8px 0;
}

#footer{
	float: left;
	margin: 10px 2px 0;
	padding: 0 0 10px 0;
}

#navigationFooter{
	float: left;
	padding: 8px 0 0 0;
}

#sidebarContainer{
	float: right;
	width: 215px;
}

#search{
	float: left;
	width: 185px;
	border: 1px solid #fff;
	background: #C1DAE7;
	padding: 14px;
	margin: 0 0 12px 0;
}

#sidebar{
	float: left;
	width: 215px;
}

/*---------------------------------------------------
	Footer
---------------------------------------------------*/
#footer{
	float: left;
}

#address{
	float: left;
	width: 280px;
}

#navigationFooter{
	float: right;
	width: 250px;
	text-align: right;
	margin: 0;
	padding: 0;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
}

#navigationFooterIndex{
	clear: both;
	float: left;
	width: 250px;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
}