/* CSS Document */
*{
	margin:0;
	padding:0;
}

img { border:none; }

.grey{ color: #7F7F7F; }

a {
	color:#002960;
	text-decoration:none;
}

a:focus { outline: none;}

a.extern{
	background:transparent url(/img/a_extern.gif) no-repeat scroll 0 5px;
	padding:0 0 0 15px;
 	display:block;
}
a.intern{
	background:transparent url(/img/a_intern.gif) no-repeat scroll 0 3px;
	padding:0 0 0 15px;
}


a.date{
	background:#fff url(/img/a_extern.gif) no-repeat scroll 0 16px;
	margin-bottom:1px;
	padding:11px 10px 4px 15px;
	display:block;
}


a.twitter { background:url(/img/icon_twitter.gif) no-repeat 20px center }
a.flickr { background:url(/img/icon_flickr.gif) no-repeat 20px center }
a.youtube { background:url(/img/icon_youtube.gif) no-repeat 20px center }
a.scribd { background:url(/img/icon_scribd.gif) no-repeat 20px center }
a.facebook { background:url(/img/icon_facebook.gif) no-repeat 20px center }

h1, h2 {
	font-size:1.7em;
	font-weight:normal;
	line-height:1.1em;
	margin:0;
	padding:0;
}
h2.small {
	font-size:1.1em;
}


form select{
	height:20px;
}

form select.region{
	width:190px;
	margin-top:14px;
	margin-left:10px;
}

span.info{
	padding-left:15px;
}


html,body,#frame {
	width:100%;
	height:100%;
	overflow:hidden;
}
body {
	font:normal .75em Arial;
	line-height:1.3em;
	color:#000;
	background:#BBD8E0;
}
#frame {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
	text-align:center;
}

#content{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
	padding-top:20px;
	padding-bottom:80px;
}

#bg {
	position:absolute;
	width:100%;
	height:100%;
}

#bg_verlauf{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:169px;
	background:url(/img/box_bg_verlauf.png);
	background-repeat:repeat-x;
}

#bg img {
	min-height:100%;
  	height:auto !important;
  	height:100%;
	min-width:100%;
  	width:auto !important;
  	width:100%;
	margin:0 auto;
	display:block;
}

#header{
	width:960px;
	height:105px;
	margin-bottom:20px;
	background:#fff;
}

#header div#angebot{
	width:680px;
	height:84px;
	float:left;
	background:url(/img/angebot_bg.gif) no-repeat 0px 0px;
	margin-top:17px;
	margin-left:20px;
}


#header div#angebot {
	
}

#header div#angebot div.text{
	color:#3d769a;
	line-height:1.15em;
	margin-left:14px;
	margin-top:20px;
	width:68px;
	font-weight:bold;
}

#header div#angebot div.headcount{
	text-transform:uppercase;
	color:#91aab8;
	padding-left:112px;
	margin-top:20px;
	width:486px;
	font-weight:bold;
}

#header div#angebot div.headcount span.left{
	padding-left:26px;
	white-space:nowrap;
}

#header div#angebot div.headcount span.artikel { background:url(/img/head_icon_artikel.gif) no-repeat left center }
#header div#angebot div.headcount span.termine { background:url(/img/head_icon_termine.gif) no-repeat left center; margin-top:8px;  }
#header div#angebot div.headcount span.twitter { background:url(/img/head_icon_twitter.gif) no-repeat left center; margin-left:16px; }
#header div#angebot div.headcount span.flickr { background:url(/img/head_icon_flickr.gif) no-repeat left center; margin-left:16px; }
#header div#angebot div.headcount span.youtube { background:url(/img/head_icon_youtube.gif) no-repeat left center; margin-left:16px; }
#header div#angebot div.headcount span.scribd { background:url(/img/head_icon_scribd.gif) no-repeat left center; margin-left:10px; margin-top:8px; }
#header div#angebot div.headcount span.facebook { background:url(/img/head_icon_facebook.gif) no-repeat left center; margin-left:32px; margin-top:8px; }

#header div#angebot div.headcount span.time{
	color:#3d769a;
	font-weight:normal;
	margin-top:8px;
	padding-left:18px;
}


#header div#logo{
	float:right;
	margin-top:20px;
	margin-right:20px;
}

#news,#social,#dates{
	background:#fff;
}

#news{
	float:left;
	width:700px;
	height:370px;
	margin-bottom:10px;
}
#social{
	float:left;
	width:700px;
	height:370px;
}
#dates{
	float:right;
	width:250px;
	height:750px;
}

#footer{
	width:960px;
	height:20px;
	margin-top:20px;
	background:none;
	color:#fff;
}

#footer a{
	margin-right:20px;
	color:#fff;
}

#footer div.meta{
	float:left;
	margin-left:20px;
}

#footer div.info{
	float:right;
	margin-right:20px;
}


#impressum h2,#datenschutz h2, #kontakt h2, #entdecke h2, #auswertung h2 {
	font-size:1.3em;
	margin-bottom:10px
}
#impressum h4,#datenschutz h4, #kontakt h4, #entdecke h4, #auswertung h4 {
	font-size:1.1em;
	margin-bottom:3px
}
#impressum p,#datenschutz p, #kontakt p, #entdecke p, #auswertung p {
	margin-bottom:7px
}
#datenschutz ul{
	padding:15px;
}

#impressum, #datenschutz, #kontakt, #entdecke, #auswertung {
	background:#fff;
	padding:20px;
	margin-top:10px;

}


div.head{
	height:18px;
	background:url(/img/h_back.gif) repeat-x;
}

div.head h3{
	color:#FFFFFF;
	font-size:1em;
	text-transform:uppercase;
	margin:1px 10px 0;
}

#news div.content,#dates div.content{
	padding-top:8px;
	padding-bottom:0;
	padding-left:20px;
	padding-right:20px;

}

#news div.filter,#dates div.filter{
	height:48px;
	border:1px solid #bbd8e0;
}


#news div.filter form{
	margin-left:30px;
	margin-top:14px;
}

#news div.filter form select.m{
	width:45px;
}
#news div.filter form select.y,#news div.filter form select.m,#news div.filter span,#news div.filter form select.r{
	margin-right:7px;
}
#news div.filter form select.r{
	width:120px;
}
.ml30{
	margin-left:30px;
}


div#news_teaser_con{
	position:absolute;
	top:0;
	right:8px;
 	width:322px;
	font-size:0.9em;
	
}

div#news_teaser_con div.con{
	background:#fff;
	border:1px solid #BBD8E0;
 	padding:10px;
 	height:238px;
}
div#news_teaser_con h4.small{
	margin-bottom:10px;
}



div.entdecke_news{
	display:block;
}

#news div.teaser{
	width:330px;
	height:260px;
	border-right:1px solid #bbd8e0;
	margin-top:18px;
	overflow:hidden;
	position:relative;
}

#news div.teaser h2 {
	margin-bottom:15px;
	font-size:1.5em;
	line-height:1.1em;
	font-weight:normal;
	color:#002960;
}

#news div.teaser h2 a{
	background: transparent url(/img/pfeil_extern.gif) no-repeat scroll 0 7px;
	padding-left:16px;
}

#news div.teaser img.left{
margin:0 10px 5px 0;
}
#news div.teaser p{
	font-size:1.1em;
	line-height:1.4em;
	margin:0 10px 10px 0;
	
}

#news div.news-scroll{
	
	height:260px;
	margin-top:18px;
	margin-left:20px;
}


div.infocontainer {
	position:relative;
}

div.infocontainer div.infobox {
	background:transparent url(/img09/infobox_schatten.png) repeat scroll 0 0;
	display:none;
	left:35px;
	position:absolute;
	top:-54px;
	z-index:100;
}
div.infobox div.infobox_content {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #BBD8E0;
	font-size:0.9em;
	margin:0 4px 4px 0;
	padding:3px 5px 5px;
}

#news div.news-scroll h2,#social div.social-scroll h2{
	font-size:1.1em;
	margin-bottom:15px;
	font-weight:normal;
	line-height:1.25em;
}

div.scroll-pane{
	width:309px;
	height:260px;
}

div.dates_scroll div.scroll-pane{
	width:220px;
	height:621px;
	padding-left:10px;
}

div.box-wide div.scroll-pane{
	width:660px;
	height:260px;
}

div.scroll-content{
	width:280px;
	visibility:hidden;
}

div.dates_scroll div.scroll-content{
	width:190px;
	background:#bbd8e0;
}


#social div.social_tabs{
	background-image: url(/img/tab_bg.gif);
	background-repeat:repeat-x;
	height:24px;
}

#social div.social_tabs div.tab{
	background: url(/img/tab_trenner.gif) no-repeat right center;
}

#social div.social_tabs h3{
	font-size:1em;
	text-transform:uppercase;
	margin-right:2px;
}

#social div.social_tabs h3 a{
	display:block;
	line-height:24px;
	padding-left:46px;
	padding-right:20px;
}

#social div.social_tabs div.active h3{
	background:#fff;
	
}



#social div.social_content{
	padding-top:0;
	padding-bottom:0;
	padding-left:20px;
	padding-right:20px;

}

#social div.box-left{
	width:330px;
	border-right:1px solid #bbd8e0;
	margin-top:20px;
	float:left;
	
}

#social div.box-right{
	width:309px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}


#social div.box-wide{
	width:660px;
	margin-top:20px;
	float:left;
}



#social div.social-scroll{
	height:280px;
	padding-top:15px;
}

#social h4,#news_teaser_con h4{
	font-size: 1.0em;
	font-weight: bold;
	/*padding-left:15px;*/
}

#social div.box-right h2{
	margin-bottom:10px;
}


#dates div.dates{
	background: #fff;
	padding-top:18px;
}


.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.none { display:none;}
.noun { text-decoration:none !important; }
.hide {
 	position:absolute;
 	top: -10000px;
	left:-10000px;
	display: block;
}

.block { display:block; }

div.social_content p { margin-bottom:15px; }
div.social_content a.left { margin-right:10px; }
div.social_content table.fb { width:620px; }
div.social_content table.fb td { vertical-align:top; width:33%; padding-right:5px; padding-bottom:10px; }