/* browser defaults */
a:link { color: #555555; text-decoration: none; }
a:visited { color: #555555; text-decoration: none; }
a:active { color: #555555; text-decoration: none; }
a:hover { color: #555555; text-decoration: none; }

body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #555555;
  font: normal normal normal 11px/15px Verdana, sans-serif;
  background-color: #fff;
}

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

table, tr, td {
	border: 0;
  padding: 0;
  margin: 0;	
}
	
img {
  border: 0;	
}
	
h1 {
  padding: 0;
  margin: 0;	
}
	
p {
  margin: 0;
  padding: 0;
}
    
ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 15px;
}
  

/* debug */
#debug {
  position: absolute;
  left: 840px;
   top: 20px;
}


/* hintergrund */
#aussen {
  margin: auto;
  height: 98%;
  width: 975px;
  overflow: hidden;
}

#hintergrund {
  position: relative;
  margin: auto;
  margin-top: 17px;
  width: 975px;
  height: 100%;
  background-repeat: repeat-y;
}
 
#eine-spalte #hintergrund {
  background-image: url(../images/bg.eine-spalte.gif);
}

#marginalspalte #hintergrund {
  background-image: url(../images/bg.marginalspalte.gif);
}

#zwei-spalten #hintergrund {
  background-image: url(../images/bg.zwei-spalten.gif);
}  

#hintergrund .abdecker {
  position: absolute;
  background-color: #fff;
  bottom: 0;
  width: 100%;
  height: 10px;
}
  
  
/* main */
#main {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 17px;
  width: 100%;
}
  
#maininnen {
  position: relative;
  width: 969px;
  padding-left: 6px;
  background-repeat: repeat-y;
  margin: auto;
}

#eine-spalte #maininnen {
  background-image: url(../images/bg.eine-spalte.gif);
}  

#marginalspalte #maininnen {
  background-image: url(../images/bg.marginalspalte.gif);
}  

#zwei-spalten #maininnen {
  background-image: url(../images/bg.zwei-spalten.gif);
}  
  
#maininnen .abdecker {
	position: absolute;
  z-index: 9;
	width: 775px;
  height: 185px;
  left: 195px;
  background-color: #fff;
}  


/* nav */
#nav {
  float: left;
  width: 194px;
}
  
#nav ul {
  margin-left: 14px;
  margin-bottom: 30px;
}

#nav li a:hover {
  border-bottom: 1px dotted #555555;
}
  
#nav .mainnav {
  height: 187px;
}
  
#nav .subnav {
}
  
  
/* head */
#head {
  position: relative;
  z-index: 10;
  margin-left: 194px;
  height: 185px;
  width: 772px;
}
  
  
/* logo */
#head img {
  margin-left: 26px;
}

#head object,
#head embed,
#head img {
  margin-left: 245px;
}


/* content */
#content {
	float: left;
  padding-left: 14px;
}

#content h1 img {
  display: block;
}


/* flesstext */
#content .textbereich {
	float: left;
  line-height: 15px;
}

#marginalspalte #content .textbereich .fliesstext {
  width: 536px;
}

#eine-spalte #content .textbereich .fliesstext {
  width: 536px;
}

#zwei-spalten #content .textbereich .fliesstext {
  width: 357px;
}

#marginalspalte #content .spalte {
  float: left;
	margin-left: 43px;
  width: 162px;
}

/* bei seitentyp eine-spalte gibt es keine spalte ;-) */
#eine-spalte #content .spalte {
  display: none;
}

#zwei-spalten #content .spalte {
  float: left;
  margin-left: 30px;
  width: 355px;
}


/* footer */
#footer {
	clear: both;
  height: 50px;
  margin-bottom: 20px;
}


/* contentelemente */

#content div.headline {
  padding-bottom: 30px;
  background-color: #fff;
}

#content img.banner {
  margin-bottom: 27px;
}

#content div.intro {
  margin-bottom: 27px;
}

/* backbutton */
#content div.backbutton {
  padding-top: 44px;   
}

#content .textbereich .fliesstext h2,
#content .spalte h2 {
   font: normal normal normal 14px/17px Georgia, serif;
   padding-top: 3px;
   padding-bottom: 20px;
}
#content .textbereich .fliesstext h4 {
   font: normal normal normal 14px/17px Georgia, serif;
   padding-top: 2em;
   padding-bottom: 1em;
   margin: 0;
}

#content .textbereich div.teaser,
#content .spalte div.teaser {
  margin-bottom: 0px;
  height: 150px;
  overflow: hidden;
}

#content .textbereich div.teaser-more,
#content .spalte div.teaser-more {
  margin-bottom: 10px;
}

#content .textbereich div.teaser img,
#content .spalte div.teaser img {
  float: left;
  width: 178px;
  height: 120px;
  padding-right: 14px;
}

#content .textbereich .fliesstext .teaser div.date,
#content .spalte .teaser div.date,
#content .textbereich .fliesstext .teaser-more div.date,
#content .spalte .teaser-more div.date {
  font: normal normal normal 12px/15px Georgia, serif;
  margin: 0px;
  padding: 0px;
  padding-bottom: 0px;
}

#content .textbereich .fliesstext div.teaser h3,
#content .spalte div.teaser h3,
#content .textbereich .fliesstext div.teaser-more h3,
#content .spalte div.teaser-more h3 {
  font: normal normal normal 14px/17px Georgia, serif;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;
}
#content .textbereich .fliesstext div.teaser h3 a,
#content .spalte div.teaser h3 a,
#content .textbereich .fliesstext div.teaser-more h3 a,
#content .spalte div.teaser-more h3 a {
  color: #000000;
}

#content .textbereich .fliesstext div.teaser p.image,
#content .spalte div.teaser p.image {
  padding-left: 194px;
}

#content .textbereich .fliesstext div.date {
  font: normal normal normal 12px/17px Georgia, serif;
  margin: 0px;
  padding: 0px;
  padding-bottom: 17px;
}

#content table.termine-index {
  margin-bottom: 25px;
}

/* spalte */
#content div.spalte img {
  padding-bottom: 4px;
}

#content div.spalte div.image {
  padding-bottom: 28px;
}

#content div.spalte p.caption {
  font: normal normal normal 12px/16px Georgia, serif;
}

#content div.spalte li a:hover {
  color: #555;
  border-bottom: 1px dotted #555;
}

#content div.spalte li.archive {
  margin-top: 13px;
}
/* tabelle in spalte */
#content div.spalte table.termine-index {
  width: 355px;
}

#content div.spalte table h3,
#content div.spalte table h4 {
  margin: 0;
  padding: 0;
  font: normal normal normal 12px/15px Georgia, serif;
}

#content div.spalte table tr td {
	border-bottom: 1px solid #ccc;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
}

#content div.spalte table tr td.headline {
}


#content div.spalte table tr td.first {
  border-top: 2px solid #ccc;
}

/* download image */
#content div.spalte div.bilddownload img {
  vertical-align: top;
  margin-right: 3px;
}

/* Termine-Tabelle auf Übersichtsseiten */
#content div.spalte table.termine-index td.date {
  width: 110px;
  padding-right: 15px;
}


/* schieber */
div#schieber-start {
  display: none;
}
div#schieber {
  position: absolute;
  right: 6px;
  top: 265px;
  z-index: 5;
  overflow: hidden;
}

div.schieber-image {
  width: 100px;
  height: 100px;
}
div.schieber-cite {
  height: 740px;
  width: 100px;
  padding-top: 120px;
}
div#schieber-start img.cite,
div.schieber-cite img.cite {
  padding: 0px 30px 0px 30px;
}
div#schieber img#schieber-button {
  position: absolute;
  left: 5px;
  top: 4px;
}

/* Video-Podcasts in Aktuelles und Magazin */
#content div.textbereich div.video {
  margin-bottom: 23px;
}


/* Podcast-Episoden in der rechten Spalte */
#content div.spalte h2.podcasts {
  color: #555555;
  font: normal normal normal 14px/17px Georgia, serif;
  text-decoration: none;
  margin: 0 0 44px 0;
  padding: 0;
}
#content div.spalte div.podcast-episode {
  margin-bottom: 23px;
}

#content div.spalte div.podcast-episode a {
  border: none;
}

#content div.spalte div.podcast-episode img {
  display: block;
}
#content div.spalte div.podcast-episode div.date {
  font: normal normal normal 12px/15px Georgia, serif;
  margin: 0px;
  padding: 0px;
  padding-bottom: 0px;
}
#content div.spalte div.podcast-episode h3 a {
  border-bottom: none;
}

/* Sponsorenlogos */
#content .textbereich table.first-sponsors {
  border-top: 1px solid #cccccc;
  margin-top: 48px;
}
#content .textbereich table.sponsors {
  width: 548px;
}
#content .textbereich table.sponsors tr th {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
}
#content .textbereich table.sponsors tr td {
  vertical-align: middle;
  height: 79px;
  border-bottom: 1px solid #cccccc;
}
#content .textbereich table.sponsors tr td img {
  display: inline;
  padding-right: 20px;
}

/* Suche in der Navigation */
div#nav input#query_string {
  height: 17px;
  width: 130px;
  border: 1px solid #999999;
  font-style: italic;
  color: #999999;
  padding: 2px;
  margin: 0;
}
div#nav input#query_string:focus {
  outline: none;
}
div#nav img#search-go {
  cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.getElementById('main').scrollHeight > document.getElementById('main').offsetHeight ? document.getElementById('main').scrollHeight+'px' : document.getElementById('main').offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window p.caption {
  color: #666666;
  padding-top: 5px;
}


* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.TB_arr_next {
  cursor: pointer;
  position: absolute;
}
.TB_arr_prev {
  cursor: pointer;
  position: absolute;
}

.TB_arr_prev img,
.TB_arr_next img {
  margin-top: -12px;
}