/*
* RBB RadioBerlin 88,8
* stylesheet.css
* 
* Author: Tino Urbiks, Holger M. Stangl
* Date: June 2007
*/

/*
* Header RBB
*
*/
@import url(rbb_online_header.css);


/* --- General Pre Settings --- */
html, div, p, br, h1, h2, h3, h4, h5, ul, a, img, li, form {
   margin: 0;
   padding: 0;
   border-width: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul, dl { list-style: none; }

img, fieldset { border: 0; }

hr {
  color: #91817c; /* Mozilla */
  background-color: #91817c; /* Ie */
  border: #91817c; /* Opera */
  height: 1px;
}

/* Navigation */
a { text-decoration: none; color: #e61e00; }
a:hover { text-decoration: underline;}
.navigationA a:hover { text-decoration: none;}
.navigationB a:hover { text-decoration: none;}
.teaserA a {  font-weight: bold; }
.teaserPictureB a { font-weight: bold; }
.teaserA .external { display: block; margin-top: -.7em; }
.teaserA .external a { text-decoration: none;  font-weight: normal; }
.teaserA .external a:hover { text-decoration: underline;}

/* wenn zwei Icons nebeneinander floaten. bsp. drucken und senden*/
.contentNav {display: none;}
.containerCenterB .contentNav {margin: 1em 0 0 1em;}
.contentAZ .contentNav {margin: 1em 0 0 1em;}
.contentNav a {margin: 0 1.5em 0 0;}
.contentAZ .contentNav { margin-left: 1em }

a.forward {display: none;}
.containerCenter a.back {display: none;}

.red { color: #e61e00;  }
p.red { color: #e61e00; font-weight: bold;  }
.red input { border: 1px solid #e61e00 !important;  }
.date { padding-top: 2em; } /*Fuer Datumsangabe unten*/
/* --- STRUCTURE --- */
body {
	font-family: Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font-size: 16px;# /* Set correct font-size for Safari Browsers with Pound Safari Post Semicolon Hack*/
	font-size: 100.1%;
	}

html, body { margin-left: 1em;}

textarea { font-family: Verdana, Tahoma, sans-serif; }

/* --- General Helpers --- */
.killfloat { overflow: hidden; height: 0; clear: both; font-size: 0; }
.hidden { display: none; visibility: hidden; }
.noBorder {border: 0 !important;}
.noBorder .containerTeaser {border: 0 !important;}
.noBorder h2 {border: 0 !important;}
.floatLeft { float: left; }
.floatRight { float: right; }
.smallText p { font-size: 1em!important; color: #6a6967; padding-bottom: 3em!important; }
.borderTop { border-top: 1px solid #fff; }

/* * Headlines * */
h2 {font-size: 14px!important;} /*Neu*/
p {font-size: 12px!important;} /*Neu*/

.containerMarginalA .headB h2 {
	background-color:#afa09b;
	/*height: 1.55em;
	font-size: 1.1em;*/
	font-weight: normal;
	color: #000;
	/*padding: .45em 0 0 1.8em;*/
	padding: .45em 0 0 0;
	}

.containerMarginalA .headA h2 {
	background-color:#afa09b;
	/*height: 1.55em;
	font-size: 1.259em;*/
	font-weight: normal;
	color: #000;
	/*padding: .2em 0 0 .8em;*/
	padding: .2em 0 0 0;
	}

.containerCenter .headA h2,
.containerCenterB .headA h2 {
	background-color:#fff;
	/*height: 1.49em;
	font-size: 1.3em;*/
	font-weight: normal;
	color: #000;
	/*padding: .2em 0 0 .8em;*/
	padding: .2em 0 .5em 0;
	}

.containerCenter .headB h2,
.containerCenterB .headB h2 {
	background-color:#fff;
	/*height: 1.49em;
	font-size: 1.3em;*/
	font-weight: normal;
	color: #000;
	/*padding: .2em 0 0 .8em;*/
	padding: .2em 0 .5em 0;
	}

.containerCenter .bold h2,
.containerCenterB .bold h2 {
	font-weight: bold;
	}

.containerMarginalB .headA h2 {
	background-color:#fff;
	/*min-height: 1.55em;*/
	font-size: 1.259em;
	font-weight: normal;
	color: #000;
	/*padding: .2em 0 0 .8em;*/
	padding: .2em 0 0 0;
	}

.teaserA h4 { font-size: 1.1em; color: #91827d; font-weight: normal; margin-top: -.7em;  padding-bottom: 1em;}
.teaserA ol h4 { margin-top: .1em; font-size: 1.1em; }
.contentMarginalB .teaserA h4 { font-size: 1.1em; color: #000; font-weight: normal; padding: 0 0 1em 0; margin-top: 0;}


.contentMarginalB .teaserA h1 { font-size: 1.1em; color: #000; padding: 0 0 .3em 0; margin: 0;}

.liste ul { padding: 0 0 2em 2em; }
.teaserA ul { padding: 1em 2em 2em 2em; display: list-item; }
.teaserA ul li { list-style-type:disc; }

.liste ol { padding: 0 0 2em 2em; }
.teaserA ol { padding: 0 2em 2em 2em; }
.teaserA ol li {  font-size: 1.1em; }
/* * Structure Elements * */
.container {
	font-size: 0.625em; /* 1em is 10px */
	width: 77.2em;
	background-image: none;
	}

.containerB {
	font-size: 0.625em; /* 1em is 10px */
	width: 77.2em;
	background-color: #fff;
	}

.headerRBB { display: none; }
.headerStation {display: none;}

.logoPrint { display: visible; }
.logoPrint h3 { margin: 20px 0 20px 0; font-size: 12px; }

.containerService {display: none;}
.containerMarginalA {display: none;}
		
.containerCenter,
.containerCenterB,
.containerCenterC {
	width: 90%;
	float: none;
	background-color:#fff;
	}

.containerMarginalB {display: block;}
	
.footer {
	width: 100%;
	height: 2.5em;
	background-color: #fff
	}	
	
/* Teaser */
/*Abstaende von teaserA global definiert */
/*.teaserA { padding: 1.1em 1em 0 0; }*/
.teaserA { padding: 1.1em 1em 0 0; width: 90%!important; }

.teaserPicture img { float: left; padding-right: 1.1em; }	
/*.teaserPicture img { float: left; padding-right: 1.1em; width: auto; }*/	
.teaserA h3 { font-size: 1.1em; color: #91827d; padding-bottom: .3em; }
.teaserA h5 { font-size: 1.1em; color: #000; padding-bottom: .3em; font-weight: normal; }
.teaserPicture h3 { font-size: 1.1em; color: #91827d; padding-bottom: .3em; }
.containerMarginalB .teaserA h3 { font-size: 1.1em; color: #333; margin-bottom: .7em;}
.containerMarginalA .teaserA h3 { font-size: 1.1em; color: #333; margin-bottom: .7em;}
.teaserA h1 { font-size: 1.259em; color: #000; margin-bottom: .4em; }
.teaserA h1 a { color: #e61e00; }		
.teaserA p { font-size: 1.1em; padding-bottom: 1em;}
.teaserA p a{	display: block; }

/* bild ueber volle beite feste hoehe von teaserA rote Headline  */
.contentCenterB h2 {background-color: #fff; border-top: 1px solid #fff; font-weight: normal;}
.contentCenterB h1 { font-weight: normal; font-size: 1.4em; }
.contentCenterB .teaserA { clear: both; }
.contentCenterB .teaserPicture { height: 12em;  background-color:#fff; }
.contentCenterB .teaserPicture img { margin: 0; padding: 0; height: 12em; border: 0; }

/* Hat eine Mindesthöhe von 9em */
.contentCenterC .containerTeaser {border-top: 1px solid #fff; min-height: 9em; margin: 0 0 0 0; padding: 0; }
.contentCenterC .teaserPicture img {width: 12em; height: inherit; }
.contentCenterC h2 { font-weight: normal; }
.contentCenterC .teaserPictureB {float: left; margin: 1em 1em 0 0; }

.teaserPictureB { margin: 0; padding: 0; }
.teaserPictureB img { height: 9em; }
.teaserPictureB  .iconVideo { display: block; width: 5em;  margin:1em 0 2em 1em;}
.teaserPictureB  .icon img{ height: 1.6em; width: auto; }

.contentCenterC .teaserA { text-align: left; }


/* fuer die Beitragsseiten */
.contentCenterD { padding-bottom: 3em; }
.contentCenterD .containerTeaser { padding-bottom: 1em; border-bottom: 1px solid #fff; }
.contentCenterD h2 { font-weight: normal; }
.contentCenterD h1 { font-size: 1.4em; padding-bottom: .3em; }
.contentCenterD .teaserA { clear: both; }
.contentCenterD .teaserPicture { height: 12em;  background-color:#fff; }
.contentCenterD .teaserPicture img { margin: 0; padding: 0; height: 12em; border: 0; }

.contentCenterD .formButtons { text-align: center; padding: 2em 0 3em 0; margin: 0;}	

/* ohne feste Hoehe und teaserPicture floated rechts neben der Headline*/
.contentCenterE h1 { float:left; }
.contentCenterE h2 { font-weight: normal; }
.contentCenterE .teaserPicture { float:right; }
.contentCenterE .teaserPicture img {width: 10em; }
.contentCenterE .teaserA { padding: 1.1em 1em 1em 1em; text-align: left; height:2em;  } 

/* bei Nachrichen H2 ist nicht fett und H1 ist kleiner */
.contentCenterF .containerTeaser {border-bottom: 1px solid #fff; }
.contentCenterF h2 {background-color: #fff; font-weight: normal; }
.contentCenterF h1 { font-weight: normal; font-size: 1.3em; }
.contentCenterF .teaserA { clear: both; }
.contentCenterF .teaserPicture { height: 12em;  background-color:#fff; }
.contentCenterF .teaserPicture img { margin: 0; padding: 0; height: 12em; border: 0; }	

/* TeaserA und TeaserPicture --img160-- floaten und TeaserA auf 21em begrenzt */
.contentCenterG { padding-bottom: 3em; }
.contentCenterG .containerTeaser {border-bottom: 1px solid #fff; min-height: 13em; }
.contentCenterG h2 { font-weight: normal; }
.contentCenterG .teaserPicture img {height: 12em; }
.contentCenterG .teaserA { text-align: left; }
.contentCenterG a { color: #e61e00; }
.contentCenterG .icon{ padding-bottom: 1em; }

/* im Prinzip wie B nur ohne Border bei der HL und nicht rot, keine Sonderformatierung der HL  */
.contentCenterH .containerTeaser {border-bottom: 1px solid #fff; }
.contentCenterH h2 { font-weight: normal;}
.contentCenterH .teaserA { clear: both; }
.contentCenterH .teaserPicture { height: 12em;  background-color:#fff; }
.contentCenterH .teaserPicture img { margin: 0; padding: 0; height: 12em; border: 0; }
.contentCenterH h1 { font-size: 1.4em; padding-bottom: .3em; }
.contentCenterH .teaserPicture h3 { padding: 5em; }

/* Fuer die PodcastSeite */
.contentCenterPod { padding-bottom: 3em; }
.contentCenterPod .containerTeaser { min-height: 9em; border-top: 1px solid #fff; }
.contentCenterPod .teaserPicture {float: left; margin: 0 1em 0 0; height: 14.5em; }
.contentCenterPod .teaserPicture img {width: 12em; }
.contentCenterPod .teaserA { float: left; width: 25em; padding: 1em 0 1em 0; }
.contentCenterPod h2 { font-weight: normal; }
.contentCenterPod  .player { padding: 1em 0 0 0; clear: both; }

.contentCenterPod .textBottom { position:relative;  height: 13em; }

/* fuer die Beitragsseiten Team */
.contentCenterI { padding-bottom: 3em; }
.contentCenterI .containerTeaser { padding-bottom: 1em; border-bottom: 1px solid #fff; }
.contentCenterI h2 { font-weight: normal; }
.contentCenterI h1 { font-size: 1.4em; padding-bottom: .3em; }
.contentCenterI .teaserA { clear: both; }
.contentCenterI .teaserPicture { height: 40em;  background-color: #fff; }
.contentCenterI .teaserPicture img { margin: 0; padding: 0; height: 40em; border: 0; }

/* TeaserA und TeaserPicture --img120-- floaten und TeaserA auf 25em begrenzt */
.contentCenterJ .containerTeaser {border-top: 1px solid #fff; margin-bottom: 2em; }
.contentCenterJ .teaserPicture { float: left; min-height: 10em; }
.contentCenterJ .teaserPicture img {width: 12em; }
.contentCenterJ h2 { font-weight: normal; }
.contentCenterJ .voting { float: none; clear: both; }
.contentCenterJ .teaserA { min-height: 8.5em; padding-bottom: 1em; padding-left: 0; }

.contentCenterJ .formButtons { text-align: center; padding: 0 0 3em 0; margin: 0;}

.contentCenterJ .player {
	padding: 1em 0 .5em 0;
	float: none;
	clear: both;
	text-align: center;
	width: 13em;
	height: 3.4em;
	float: left;
}
.music .teaserA {
	background-color: #fff;
	width: 28.2em; 
	border-bottom: 1px solid #fff;  
	height: 9em!important; 
	padding: 0; 
	margin: 0; }
.music .teaserA h1 {
	padding: 2.5em 0 2.5em 1em; 
	margin: 0; 
	}
.music .containerTeaser { margin-bottom: 0; }
.music h2 {background-color: #fff; }

ol.music { margin: -.5em 0 0 0; padding: 0 0 0 2.5em;}
/* fuer die Resultate macht nur einen Abstand zwischen H2 und dem folgenden div */
.contentCenterK { padding-bottom: 3em; }
.contentCenterK .containerTeaser { margin-top: .5em;}
.contentCenterK h1 { margin-bottom: 1em; padding: 0; }
.contentCenterK h2 { font-weight: normal; }

.teamPspace {padding-bottom: 2.7em;}	
.teamPspace p {padding-bottom: .3em!important;}	

.textBottom { position:relative;  height: 12em; }
.textBottom .teaserA { position: absolute; bottom: 3.5em; left: 14em; text-align: right; }

/* MarginalB wenn die Linen micht bis zum Rand laufen sollen */
.contentMarginalB .containerTeaser { border-bottom: 1px solid #fff; margin: 0; padding: 0; }
.contentMarginalB .containerTeaser .teaserA { border-bottom: 1px solid #fff; margin: 0 .9em 0 0; padding: 1em 0 0 0; }

/* Sonderformat fuer Boerse */
.boerse .containerTeaser {border-bottom: 0; }
.boerse .teaserA { height: 1.5em; }
.boerse h1 { font-size: .8em; font-weight: normal; float:left; }
.boerse .teaserPicture { float: right; }
.boerse .teaserPicture img { width: 1.5em; }

/*  Sonderformat fuer Index */
.indexA { float: left; width: 19em; margin: 2.5em 1em 0 0; padding: 0 0 0 1em; }
.indexB { float: left; width: 17em; margin: 2.5em 1em 0 0; padding: 0; border-left: 1px solid #cec9c5; }

.indexA .teaserA h2,
.indexB .teaserA h2 { background-color: #fff; color: #000; padding: 0 0 .3em 0; margin: 0;}

.indexA .teaserA h1,
.indexB .teaserA h1 { font-size: 1.1em; padding: 0; margin: 0; }

.contentMarginalB .teaserPicture {
	margin: 1em .5em 0 0; 
	width: 16em; 
	background-color:#fff; 
	float: none;
	}

.containerMarginalA .contentMarginalB .teaserPicture {
	margin: 0;
	padding: 1em 0 0 0; 
	width: 16em; 
	background-color:#fff;
	background-image: none;
	float: none; 
	}

.containerMarginalA .contentMarginalB .teaserPicture img {
	margin: 0;
	padding: 0; 
	}
	
.contentMarginalB .teaserPicture img  { height: 6.8em; float: left; padding: 0 1em 0 0; }
.contentMarginalB .teaserA  { text-align: left; }	
.contentMarginalB .weather	img { margin: 0 0 .5em 0; padding: 0; width: 16em; }	

/* Suche der Bereich fuer die Formulare */
.contentSearchTop {	display: none;}

/* Suche der Bereich fuer die Formulare */
.contentSearchTopB {	display: none;}

/* Icon Pfeil und Text bei Formularen. */
.contentFormIcon { float: left; }

.contentFormIcon p { 
	color:#e61e00; 
	font-weight: bold; 
	font-size: 1.1em;
	float: left;}

.formIcon { 
	font-size: 1em; 
	width: 1.5em!important; 
	height: 1.5em; 
	float: left;
	margin-right: .5em;}

.searchRed { font-size: 1.1em; font-weight: bold; color:#e61e00; padding-top: 2em;}

.containerSearch { 
	padding-bottom: 5em; 
	margin: 0; 
	background-image: none; 
	}

.searchResultList {
	margin: 0; 
	padding: 0 0 0 2em;
	font-size: 1.1em;}

.searchResultList li {
	list-style-image: none;
	margin: 1em;}

/* Suche der Bereich fuer die Ausgabe */	
.contentSearch .searchDate { width: 12em; float: left; background-color: #fff; }
.contentSearch .teaserA { float: left; border-bottom: 1px solid #fff; width: 95%; }
.contentSearch .teaserA p { padding-left: 12em; }
.contentSearch .searchDate p { float: none; text-align: right;  padding: 0 1em 1em 0; font-size: 1.1em; font-weight: bold; color: #91827d;}
.contentSearch h2 {background-color: #fff; font-weight: normal; }
.contentSearch .containerTeaser .teaserA h1 { font-size: 1.1em; padding: 0 0 .5em 12em; }


/* Liste A bis Z*/
.contentAZ .containerTeaser { border-bottom: 0; }
.contentAZ .teaserA { padding: .6em 0 1em 0; float: none; }
.contentAZ h1 { font-size: 1.1em; color: #000; padding: 0 0 1em 1em; font-weight: bold; }
.contentAZ h2 { background-color: #fff; font-size: 1.4em; color: #000; font-weight: bold; padding: 1em 0 1em .7em; }
.contentAZ .headAZ { padding: 0 0 .3em 1em; border-bottom: 1px solid #fff; }
.contentAZ .headAZ h1 { font-size: 1.4em; color: #333; float: left; padding: 0; margin: 0; }
.contentAZ h1 a{ color: #333; }
/*.contentAZ .headAZ .icon { float: right; padding: 0 .7em 0 0; }*/
.contentAZ .teaserA p { font-size: 1.1em; padding: 0 0 0 1em; margin: 0; }
/*a img {font-size: 1.1em;}*/


.listAZ { padding: 1em 0 0 .7em; height: 4em; }
.listAZ li { display: block; float:left; font-size: 1.4em; font-weight: bold; color: #afa09b; width: 1.07em; text-align: center; }

.voting { 
	font-size: 1.1em; 
	background-color: #fff;
	height: 1.6em; 
	padding: .4em 0 0 0; 
	border-top: 1px solid #fff;}

.voting .votingRadio { 
	padding: 0 .5em 0 .5em; 
	margin: -.18em 0 0 0; 
	float: left;}

.teaserA .votingRadio { 
	padding: 0 .5em 0 0; 
	margin: -.18em 0 0 0; 
	float: left;}

.result { 
	font-size: 1.1em; 
	background-color: #fff; 
	height: 2.3em; 
	padding: 0;
	margin: 0; 
	border-top: 1px solid #fff;}

.resultText {
	float: left;
	width: 19em;
	height: 1.8em;
	border-right: 1px solid #fff;
	padding: .5em 0 0 .8em;}

.resultTextB {
	float: left;
	width: 4em;
	height: 1.8em;
	border-right: 1px solid #fff;
	padding: .5em 0 0 0;
	text-align: center;}

.resultTextC {
	float: left;
	width: 4.35em;
	height: 1.8em;
	padding: .5em 0 0 0;
	text-align: center;}

.resultBar { 
	display: block;
	height: 1.8em;
	width: 7.5em;
	float: left;
	overflow: hidden;
	padding: .5em 0 0 0;
	margin: 0 0 0 .5em;
	border-right: 1px solid #fff;
	}

.resultGraphic {
	height: 1.1em;
	background-image: none;
	border: 1px solid #e61e00;
	}

.player {
	padding: 1em 0 0 0;
	text-align: center;
	width: 13em;
	height: 6.4em;
	float: left;
}

.player embed {
	width: 11em;
	height: 3.4em;
	background-color: #fff;
}

.player object {
	width: 11em;
	height: 3.4em;
}

.contentTeam { padding: 0 0 3em 1.8em; margin: 0; }

.containerTeamPic { 
	float: left; 
	padding: 2em 1em 0 1em; 
	margin: 0; 
	}

.teamPic { 
	width: 9em; 
	height: 12em;
	background-color: #fff; 
	margin: 0;
	padding: 0;
	}

.teamPic img { width: 9em; }

input.submitred {
	font-size: 1.3em;
	font-weight: normal;
	color: #000;
	padding: .2em .5em;
	cursor: pointer;
	}

.tableCharts {
	margin: 0;
	padding: 0;
	width: 58.7em;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: #fff;
	}	
	
.tableCharts thead {
	background-color: #fff;
	height: 2.2em;
	color: #fff;
	}		
	
.tableCharts thead th{
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	}		

.chartsA { width: 2.8em; }
.chartsB { width: 3.1em; }
.chartsC { width: 2.7em; }
.chartsD { width: 4.1em; }
.chartsE { width: 29em; }	
.chartsF { width: 3.3em; }

.tableCharts td { border-bottom: 1px solid #fff; font-size: 1.1em; height: 2em;}
.tableCharts td strong { font-weight: bold; color: #645550; }	
.tableCharts .bgwhite { background-color: #fff; }
.tableCharts .bgGray { background-color: #fff; }
.tableCharts .dernier { color: #91827d; }
.tableCharts .week { text-align: center; }		
.bgwhite td { border-bottom: 1px solid #e6e3e0; }
.tableCharts .headline { 
	font-weight: normal; 
	padding-left: 3em; 
	background-color: #fff; 
	color: #fff; 
	height: 2em; 
	}	

.tableCharts .headline h2{ 
	font-weight: normal; 
	color: #fff; 
	font-size: 1.1em; 
	}		
	
.tableCharts select{ 
	font-size: .75em!important;
	width: 4em; 
	}		

.tableProgA {
	margin: 0;
	padding: 0;
	width: 58.7em;
	border-collapse: collapse;
	table-layout: fixed;
	table-layout: inherit;
	background-color: #fff;
	}	

.tableProgATime { width: 5em; }
.tableProgALeft { width: 19em; }

.tableProgA thead {
	background-color: #fff;
	height: 2.2em;
	color: #fff;
	}		
	
.tableProgA thead th{
	font-weight: normal;
	font-size: 1.1em;
	text-align: left;
	color: #fff;
	padding-left: 1em;
	}	

.tableProgTime {
	background-color: #fff;
	color: #645550;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 1em!important;
	border-right: 0!important; 
	}		

.tableProgA td { 
	border-bottom: 1px solid #fff;
	font-size: 1.1em;
	background-color: #fff;
	padding: .5em;
	vertical-align: top; 
	}

.tableProgBorder td {border-right: 1px solid #fff;}

.tableProgA .noBorderR {border-right: 0;}

.tableProgA td a { font-weight: bold;}
	
/** Navigation Elements **/	
.navigationA {
	background-color: #fff;
	margin: 1.8em 1.4em 4.5em 1.4em;
	}

.navigationA li {
	background-color: #fff;
	border-bottom: 1px solid #cec9c5;
	}
	
.navigationA li a {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.59em;
	display: block;
	padding: 0 .6em 0 .6em;
	color: #91817c;
	overflow: hidden;
	}

.navigationA li a.active { color: #000; }

.navigationB { border-top: 1px solid #cec9c5; margin: 0 0 1em 0; padding-top: .4em; }

.navigationA li .navigationB li a { line-height: 1.19em; }

.navigationB li { border-bottom: 0; margin: 0; padding: 0; }

.navigationB li a { padding: 0 0 0 1.75em; margin:0; }

.navigationB li a.active { color: #000; }

.containerService a {color: #000;}
	

/* Navigation Footer */
.navFooter {display: none;}
.footer ul{display: none;}
.topLink { width: 100%; margin-top: .6em; padding: .3em 0 0 0; text-align: left; background-color: #fff;}
.topLink img { display: none; }


/* Bildergalerie */
.contentGallery a { color: #e61e00; }
.contentGallery a:hover { text-decoration: underline; }
.navigationGallery { display: none; }

.galleryImage {
	padding: 1em 0 2em 0;
	margin: 0;
	width: 40.2em;
	border-bottom: 1px solid #fff;
	}

.galleryImage div.image {
	width: 40.2em;
	background-color: #fff;
	margin: 0 0 2em 0;
	padding: 0;
	text-align: left;
	}

.galleryImage p.capture { margin: 0; }
.galleryImage h1 { font-size: 1.1em; color: #333; margin: 0; float: none;}

.galleryThumbs {
	margin: 1em 0 .5em 0;
	width: 38.2em;
	}

.galleryThumbs .item {
	float: left;
	text-align: center;
	margin: 0 1.4em 0 0;
	width: 9.6em;
	display: block;
	}

.galleryThumbs .itemPic{
	border: 1px solid #e61e00;
	width: 9.6em;
	margin: 0 0 .5em 0;
	padding: 0;
	background-color: #fff;
	}

.galleryThumbs .number {
	font-size: 1.1em;
	font-weight: bold;
	color: #999;
}

.galleryThumbs .numberActive {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

.galleryThumbs .back {display: none;}
.galleryThumbs .forward {display: none;}

/* ECards */
.contentECard { padding-bottom: 3em;}
.noPaddingECard { padding-bottom: 0em;}
.contentECard h2 {font-weight: normal; }
.contentECard .teaserA h3 {clear: both;}

.contentECard form p { font-size: 1.1em; padding: 2em 0 1em 0; }
.contentECard form .formItem p { padding: 0 0 1em 0; width: 48em; }
.contentECard .teaserA h1 { font-size: 1.4em;}
.contentECard .teaserA { padding-top: 1em; }
.contentECard .floatLeft { padding-right: 2em;}

.contentECard .navigationGallery { margin: 2em 1em 0 0; width: 54.7em; }

.contentECard .navigationGallery .forward { padding-bottom: 2em; }
.contentECard .navigationGallery .navChange { padding-bottom: 2em; text-align: right; }

.contentECard .teaserPicture {float: none; margin:0; padding:0; width: 30.2em;}

.contentECard .teaserPicture img {
	width: 40.2em !important;
	margin: 0;
	padding: 0 0 1em 0;
	float: none;
	}

.bigPic .teaserPicture img {
	width: 56.6em !important;
	margin: 1em 0 1em 1em;
	padding: 0;
	}

.bigPic .iconEcard {
	float: right;
	}

.contentECard form {
	margin: 0;
	padding: 0;
	}

.contentECard .formItem  {padding-bottom: .3em;}

.contentECard .formItem .formLabel {
	width: 3.5em;
	float: left;
	text-align: left;
	padding: .1em 1em 0 0;
	}

.contentECard .formItem input {
	font-size: 1.3em;
	width: 16.17em;
	border: 1px solid #a5acb2;}

.contentECard .formItem textarea {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	border: 1px solid #a5acb2;
	width: 41.08em!important;
	height: 10em;}
	
a.navChange {
	padding: .1em 0 0.1em 2.1em;
	line-height: 1.4em;
	font-size: 1.1em;
	background-image: none;
	font-weight: bold;
	}

.contentECard .fieldset h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .3em 0;
	}

/* Contactform */
.contentForm {
	padding: 0;
	border-bottom: 1px solid #fff;
	margin: 0;
	min-height: 30em;
	}

.contentForm form {padding: 1.1em 1em 0 1em;}
.contentForm p { 
	font-size: 1.1em; 
	margin: 0 0 1em 0;}

fieldset { 
	margin: 0; 
	padding: 0 0 0 1em;}

.contentForm h1 { 
	font-size: 1.4em; 
	margin: 1em 0 0 0;
	padding-left: 1.4em;}
.contentForm h2 { font-weight: normal;}

.contentForm p.red { 
	padding-left: 1.8em;}

.contentForm .formItem { margin: 0 0 .3em 0; }

.formItem p { margin: 0 0 1em 0; }

.contentForm .formItem .formLabel {
	width: 11em;
	float: left;
	text-align: left;
	padding: .1em 1em 0 0;
	}

.contentForm .formItem .formLabel label {
	padding: 0 .3em 0 0;
	font-size: 1.1em;}
	
.contentForm .formItem input {
	font-size: 1.3em;
	width: 17.7em;
	border: 1px solid #a5acb2;
	padding: 0 0 0 .3em;}

.contentForm .formItem textarea {
	font-size: 1.3em;
	width: 17.7em;
	border: 1px solid #a5acb2;
	padding: 0 0 0 .3em;
	margin-bottom: 1em;
	height: 10em;}

.formButtons {
	padding: 1em 0 3em 3em; 
	margin: 0;}

.contentForm .formButtons {
	padding: 0 0 3em 12em; 
	margin: 0;}

.formButtons input {
	padding: .05em .5em .05em .5em; 
	margin: 0 .5em 0 0;}
	
/*Print*/
.print { display: none; }

/* Content Bottom */
.contentBottom { display: none; }

/*Wetteranzeige*/
.containerWeather { margin: 1em 0 0 .3em; }
.containerWeather .teaserA { float: left; width: 5.5em; text-align: center; padding: 0; margin-left: .3em;}
.containerWeather .teaserA img { margin-bottom: .7em;}


/* Icons */
.icon {padding-bottom: 1em;}
.icon a { font-weight: bold; font-size: 1.1em;}
.icon a img{ font-size: 10px; }
.icon img { height: 16px; width: auto; padding-right: 1em; }

.iconEcard { 
	padding: .4em 0 1em 1.7em;
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconVideo { 
	padding: .4em 0 1em 1.9em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconAudio {
	padding: .4em 0 1em 1.7em;  
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconDownload { 
	padding: .4em 0 1em 1.9em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none; 
	height: 16px;
	line-height: 1.4em;
	}

.iconPDF { 
	padding: .4em 0 1em 2.2em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconVoting { 
	padding: .4em 0 1em 1.7em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconAktion { 
	padding: .4em 0 1em 2.5em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconGallery { 
	padding: .4em 0 1em 2.1em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconSend { 
	padding: .4em 0 1em 2.3em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconPrint { 
	padding: .4em 0 1em 1.9em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconTv { 
	padding: .4em 0 1em 1.7em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconRadio { 
	padding: .4em 0 1em 1.8em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none; 
	height: 16px;
	line-height: 1.4em;
	}

.iconArticle { 
	padding: .4em 0 1em 1.7em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}

.iconArrow { 
	padding: .4em 0 1em 2em; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;
	line-height: 1.4em;
	}	

.iconTop {display: none;}	

a.iconClose { 
	padding: .4em 0 1em 2em; 
	font-weight: normal; 
	font-size: 1.1em; 
	background-image:none;
	height: 16px;}	

a.iconStart { 
	padding: .3em 2em 1em 0; 
	font-weight: normal; 
	color: #000;
	line-height: 1.4em;
	font-size: 1.1em; 
	background-image:none; 
	height: 16px;}	

.footer .floatLeft .iconClose { margin-top: .5em;}

.contentNav .iconArticle,
.contentNav .iconRadio,
.contentNav .iconTv,
.contentNav .iconPrint,
.contentNav .iconSend, 
.contentNav .iconGallery,
.contentNav .iconAktion,
.contentNav .iconVoting, 
.contentNav .iconEcard,
.contentNav .iconVideo, 
.contentNav .iconAudio, 
.contentNav .iconDownload,
.contentNav .iconArrow,  
.contentNav .iconPDF { float: left;}

/* Berwerung Sterne Kino*/
.star1 { 
	background-image:none;
	padding: .2em 0 .2em 0;
	margin: 1em 0 1em 0;
	background-position: 15.5em 0;
	}

.star2 { 
	background-image:none;
	padding: .2em 0 .2em 0;
	margin: 1em 0 1em 0;
	background-position: 15.5em 0;
	}
	
.star3 { 
	background-image:none;
	padding: .2em 0 .2em 0;
	margin: 1em 0 1em 0;
	background-position: 15.5em 0;
	}
	
.star4 { 
	background-image:none;
	padding: .2em 0 .2em 0;
	margin: 1em 0 1em 0;
	background-position: 15.5em 0;
	}
	
.star5 { 
	background-image:none;
	padding: .2em 0 .2em 0;
	margin: 1em 0 1em 0;
	background-position: 15.5em 0;
	}	


/* Standard Tabelle*/
.standardTbl { 
	width: auto;
	 }
	
.standardTbl table { 
	width: 45.2em;
	border-collapse: collapse;
	empty-cells: show;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
	margin: 1.1em 0 2.1em 0;
	padding: 1em; }
	
.standardTbl th {
	color: #000;
	font-weight: normal;
	text-align: left;
	font-size: 1.1em;
	margin: 0;
	padding: .4em 0 .4em .8em;
	background-color: #fff;
	border-right: 1px solid #000;
	border-left: 1px solid #000;}

.standardTbl td {
	text-align: left;
	font-size: 1.1em;
	margin: 0;
	padding: .4em 0 .4em .8em;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000; }

.standardTbl .fond td { background-color: #fff;}
.standardTbl td a { font-weight: bold; }
td.tblLast { border-right: .15em solid #000;}
th.tblLast { border-right: .15em solid #000;}

/*Print*/
.contentBottom { 
	display: visible;
	font-size: 12px;
	border-top: 1px solid #999;
	width: 90%;
	padding: 1.5em 1em 0 0; }

.contentBottom p { 
	padding-bottom: 5px;
	color: #999;
	font-size: .9em;  }

.contentBottom a { color: #999; }	

.contentPrint { display: none;}

p, h1, h2, h3, h4, h5 { color: #000!important;}