/*	***** {Misc} ***** */

html, body	{
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #FFF; /* allg. Textfarbe weiss */
	background-color: #F3F3F3;
}
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}
h1, h1 a {font-size: 1.1em; font-weight: bold;}
h2, h2 a {font-size: 0.9em; font-weight: bold;}

img {
	border: 0;
}
ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
input, select, textarea {
	font-size: 1em;
	color: #000;
	font-family: Verdana, Tahoma, sans-serif;
}
/*input.contentbreite, select.contentbreite, textarea.contentbreite {
	width:45em;
}*/
label, button, .textButton input {
    cursor: pointer;
}
.clearMe {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0px;
	display: block;
}

.inv, fieldset legend {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
/*rr: verhindert css-valide */
html:not([dummy]) fieldset legend {  /*Mozilla hat bei der legend ein Problem mit dem verschieben */
	display: none;	
}

/* ----- Links ----- */
a {
	/*color: #FFFFFF;  Grundsätzlich alle Links weiss */
	color: #000000; 
	text-decoration: none;
}
a:hover, a:focus, a:active, a:active span, a:hover span, a:focus span {
	text-decoration: underline;
}


.trenner {
	clear: both;
	font-size: 1px;
	height: 4px;
	line-height: 0px;
	margin-top: 16px;
	margin-bottom: 4px;
	width: 504px;
}

.trennersmall {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 0px;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 504px;
}

.nullborderoben {
	margin-top: 0px;
}

.pageFunctions {
	float: left;
	margin-bottom: 8px;
}

.pageFunctions a {
	color: #000000;
	font-size: 0.6875em;
	font-weight: bold;
	margin-left: 2px;
}

.pageFunctions img {
	float: left;
}

.pageFunctions .nachoben {
	width: 130px;
}

.pageFunctions li {
	float: left;
}

.pageFunctions .zurueck {
	width: 252px;
} 
.pageFunctions .weiter {
	text-align: right;
	width: 252px;
}
.pageFunctions .weiter img { 
	float: right;
}

.showasblock {
	width: 512px;
}

/*** Top Navigation ***/

#wrapperHeader {
	background: url(/img/ard/header/header_unterhaltung_bg.jpg) #0c2850;
	height: 48px;
}

#header {
	background-image: url(/img/ard/header/header_unterhaltung_bg.jpg); /* bug reduced browser window */
	margin-left: auto;
	margin-right: auto;
	width: 998px;	
}

#header #logo {
	margin: 4px 0 0 4px;
	float: left;
}

#header #claim {
	margin: 4px 4px 0 0;
	float: right;
}


/*** Meta-Funktionen ***/
.metaFunktionen {
	background-color: #cdcdcd;
	float: left;
	height: 24px;
	width: 100%;
	color: #001a4b;
}
.metaFunktionen .innerBanner {
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	height: 24px;
	width: 998px;	
}

.metaFunktionen .left {
	width: 11.20em;
	float: left;
}
.metaFunktionen .left span.headerText {
	font-size: 0.7em;
	display: block;
	padding: 7px 0 0 6px;
}
.metaFunktionen .breadcrumb {
	width: 22em;
	margin-left: 3.3em;
	float: left;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
}
.metaFunktionen .breadcrumb div.headerText {
	padding: 5px;
	display: block;
}
.metaFunktionen ul, .metaFunktionen ul li {
	display: inline;
}
.metaFunktionen .breadcrumb ul.firstUl {
	margin-left: -1px;
}
.metaFunktionen .breadcrumb ul li img {
	vertical-align: baseline;
	margin-bottom: -1px;
	margin-right: 2px;
}
.metaFunktionen .meta {
	padding: 7px 10px 0 0;
	float: right;
	width: 256px; /* FF2*/
}
.metaFunktionen a {
	color: #454545;
}
.metaFunktionen .meta div.headerText {
	float: right;
}
.metaFunktionen .meta div.headerText .firstOne{
	border: none;
}
.metaFunktionen .meta ul li {
	float: left;
	border-left: 1px solid #454545;
	margin-bottom: -1px;
	height: 15px;

}
/*rr: verhindert css-valide */
html>body .metaFunktionen .meta ul li {  /*Anpassung Opera + Firefox */
	float: none;
}
html:not([dummy]) .metaFunktionen .meta ul li {  /*Anpassung speziell NUR für den Firefox*/
	float: left;
}

.metaFunktionen .meta ul li img {
	margin: 0 6px -1px;
	vertical-align: baseline;
}
.metaFunktionen .meta ul li img#druckenicon {
	margin: 0 7px -1px;
}
.metaFunktionen .meta ul li span {
	display: block;
	font-size: 0.7em;
	margin-left: 5px;
}
/*rr: verhindert css-valide */
html>body .metaFunktionen .meta ul li span {  /*Anpassung Opera + Firefox */
	display: inline;
	padding-left: 5px;
}
html:not([dummy]) .metaFunktionen .meta ul li span {  /*Anpassung speziell NUR für den Firefox*/ 
	display: block;
	margin-left: 5px;
	margin-top: 3px;
	padding-left: 0;
}

.metaFunktionen #headTrenner {
	clear: both;
	padding-top: 1px;
	border-bottom: 1px solid #F3F3F3;
	margin-bottom: 7px;
}


/* ***** Die allgemeine Seitenstruktur (Spalten-Layout) ***** */
#wrapperBody {
	background-color: #cdcdcd;
	float: left;
	width: 100%;
	color: #000000;
}

#wrapperBody #globalCol {
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 8px;
	width: 998px;
}

#wrapperBody #globalCol #panoramaCol {
	padding: 0 8px 4px 8px;
}

#wrapperBody #globalCol #navigationCol {
	color: #000000;
	float: left;
	margin-left: 8px;
	width: 190px;
}


/*** DasErste Navigation ***/

/* Suchenformular */
#suche {
	background-color: #d9d9d9;
	margin-bottom: 8px;
	padding: 0;
	width: 190px;
}

#suche form {
	padding: 3px 1px 0px 6px;
}

#suche #searchText {
	font-size: 0.6875em;
	float: left;
	margin-top: 6px;
	border: 1px solid  #bebebe;
	width: 144px;
}
#suche .submitBut {
	margin: -1px 0px 0px 3px;
}


/* Navigation */
#navigationCol ul li a {
	color: #000000;
	margin-left: 8px;
}

#navigationCol ul li {
	color: #000000;
	font-size: 0.6875em;
	font-weight: bold;
	width: 190px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d6d6d6;
}

#navigationCol .activeCategory {
	background-color: #727272;
	border: 0;
	color: #FFFFFF;
	font-size: 0.6875em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 190px;
	overflow: hidden;
}

#navigationCol .activeCategory a {
	color: #FFFFFF;
}

#navigationCol .activeCategoryBox {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}

#navigationCol ul li .subNavigation {
	background-color: #e4e4e4;
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	padding-bottom: 2px;
	width: 190px;
}

#navigationCol ul li .subNavigation .caption {
	border-bottom: 0;
	color: #000000;
	font-size: 1.0em;	
	font-weight: bold;
	padding-left: 8px;
}

#navigationCol ul li .subNavigation .caption a {
	margin-left: 0;
}

#navigationCol ul li .subNavigation .subSection{
	border: 0;
	padding-top: 5px;
	padding-bottom: 4px;
	font-size: 1.0em;
	font-weight: normal;
	margin-left: 20px;
	width: auto;
}

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

#navigationCol ul li .subNavigation .active .pfeil {
	margin-left: -8px;
	margin-right: 3px;
}


#navigationCol .activeCategoryBox .subNavigation .subSection a {
	margin-left: 0px;
}

#navigationCol .activeCategoryPre {
	border: 0;
	overflow: hidden;
}

#schmuckgrafik {
	width: 190px;
	height: 183px;
}


/***************************************************************************************/
/***   Content Bereich 																 ***/
/***************************************************************************************/
#contentCol {
	float: left;
	margin: 0;
	padding: 0;
	width: 792px;
}

/*** Teaserbausteine ***********************************/
.rowtrenner {
	clear: both;
	height: 16px;
	font-size: 1px;
	line-height: 0px;
	border: none;
}

.rowtrennerhalb {
	clear: both;
	height: 8px;
	font-size: 1px;
	line-height: 0px;
	border: none;
}

.wrapperStandardTeaser {
	float: left;
	width: 792px;	 
}

/***   TopTeaser ***/
#topTeaser {
	float: left;
	height: 26.65em;
	margin-left: 8px;
	width: 520px;
}

#topTeaser .topteaserimage {
	margin: 3px;
}

#topTeaser #flashbox {
	margin: 4px;
}

#topTeaser h1 a {
	font-size: 1.0em;
}

#topTeaser h1 {
	color: #FFFFFF;
	margin: 2px 3px 9px 8px;
}

#topTeaser p {
	color: #FFFFFF;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 1.0em;
	font-size: 0.8em;
}

.topTeaserLinkliste {
	height: 21px;
	width: 100%;
}

#topTeaser .teaserlink {
	font-weight: bold;
}

#topTeaser .topTeaserLinkliste .tlink a {
	font-size: 0.6875em;
	font-weight: bold;
}

#topTeaser .tlink img {
	margin-top: 1px;
	margin-bottom: 2px;	
	margin-left: 8px;
	margin-right: 5px;
	float: left;
}

/***   Info Box ***/
#infoBox {
	float: right;
	width: 256px;
}

#infoBox .sendehinweis .text {
	background-position: 62px 14px;
	font-size: 0.70em;
	padding-left: 88px;
	padding-top: 1.6em;
}
#infoBox .sendehinweis .text span{
	font-weight: bold;
	font-size: 1.125em;
	line-height: 1.3em;	
}

#infoBox .sendehinweis .trenner {
	margin-top: 4px;
	width: 168px;
}

/***   Teaserbaustein A ***/
.standardTeaserA {
	float: left;
	margin-left: 8px;
	width: 256px;
}

.standardTeaserA p {
	color: #000000;
	font-size: 0.6875em;
	margin: 0 8px 16px 8px;
	line-height: 1.5em; 
}

.standardTeaserA h2{
	margin: 2px 3px 3px 8px;
}

.standardTeaserA h2 a{
	color: #000000;
}

.standardTeaserA .teaserlink {
	font-weight: bold;
	margin-top: 3px;
	white-space:nowrap;
}

.standardTeaserA .teaserlink a{
	color: #000000;
}

/***   Teaserbaustein B ***/
.standardTeaserB {
	float: left;
	margin-left: 8px;
	width: 520px;
}

.standardTeaserB img {
	float: left;
	height: 144px;
	width: 190px;
}
.standardTeaserB h2 {
	margin-top: 6px;
	margin-left: 206px;
	margin-bottom: 5px;
}

.standardTeaserB h2 a {
	color: #000000;
}

.standardTeaserB p {
	color: #000000;
	font-size: 0.6875em;
	margin-left: 206px;
	margin-right: 8px;
	line-height: 1.5em; 	
}

.standardTeaserB .teaserlink {
	font-weight: bold;
	margin-top: 3px;
	white-space:nowrap;	
}

.standardTeaserB .teaserlink a {
	color: #000000;
}

/***   Teaserbaustein C ***/
.standardTeaserC {
	float: left;
	height: 144px;
	margin-left: 8px;
	width: 256px;
}


/***************************************************************************************/
/***   Allround-Templates															 ***/
/***************************************************************************************/
#textArea {
	float: left;
	margin: 11px 0 0px 16px;
	padding-bottom: 16px;
	width: 512px; 
}

#textArea .subheadline {
	margin: 10px 0 17px 0;
	font-size: 0.8125em;
}

#textArea h2 {
	margin: 16px 0 16px 0;
	font-size: 0.9em;
}

#textArea p {
	font-size: 0.8125em;
	padding-bottom: 8px;
	width: 504px;
}

#textArea .liste ul li {
	font-size: 0.8125em;
	font-weight: bold;
	list-style-type: disc;
	margin-left: 16px;
}

#textArea .picWithSubline {
	float: left;
	margin: 0 10px 8px 0;
	width: 256px; 
}

#textArea .darstellerpic {
	width: 190px;
}

#textArea .picWithSubline .subline {
	font-size: 0.75em;
}

#textArea .picWithSubline .lupe {
	float: right;
}

#linkArea {
	float: left;
	margin-top: 76px;
	margin-left: 8px;
	width: 256px;
}

#linkArea .linkBox {
	margin-bottom: 16px;
}

#linkArea .blaettern {
	background-color: #ffffff;	
}


#linkArea .linkBox .headlinelinks,
#linkArea .linkBox .headline {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.6875em;
	padding: 4px 8px 4px 8px;
	width: 240px;
}

#linkArea .linkBox .meta {
	clear: both;
	font-size: 1px;
	height: 4px;
	line-height: 0px;
	margin-bottom: -1px;
}

#linkArea .linkBox li {
	float: left;
	background-color: #ffffff;
	padding-bottom: 3px;
	width: 100%;
}

#linkArea .linkBox li.metazurueck{
	background-color: #ffffff;
	margin-top: 1px;
	float: left;
	width: 128px;
}

#linkArea .linkBox li.metaweiter{
	background-color: #ffffff;
	margin-top: 1px;
	float: right;
	text-align: right;
	width: 128px;
}

#linkArea .linkBox li.metaweiter a {
	margin-top: 4px;
}

#linkArea .linkBox li.metaweiter img {
	float: right;
	margin-right: 4px;
}

#linkArea .linkBox img {
	float: left; 
	margin-top: 1px;
	margin-left: 2px;
	margin-right: 4px;
}

#linkArea .linkBox li a{
	color: #000000;
	font-size: 0.6875em;
	line-height: 1em;
	font-weight: bold;
}

#linkArea .linkBox .teaserimg  img {
	margin: 0;
}

#linkArea .linkBox  .bildergal img {
	margin-top: -12px; /*144 - 96 / 2 ... bild vertical zentrieren + 12px*/
}

#linkArea .linkBox .teaserimg {
	height: 96px; 
	overflow: hidden;
	margin: 1px 0 -1px 0;
}

#bildergalArea {
	padding-bottom: 16px;
}

#bildergalArea h1 {
	float: left;
	font-weight: bold;
	margin-top: 11px;
	margin-right: 0pt;
	margin-bottom: 8pt;
	margin-left: 16px;
}

#bildergalArea h2 {
	float: left;
	margin-top: 15px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 20px;
}

#bildergalArea .contentblaettern {
	float: right;
	margin-top: 16px;
	font-weight: bold;
}

#bildergalArea .contentblaettern .zurueck, 
#bildergalArea .contentblaettern .weiter {
	float: left;
	margin-right: 8px;
	text-align: right;
	width: 35px;
}

#bildergalArea .contentblaettern .posStrecke {
	float: left;
	margin-top: 2px;
	text-align: center;
	width: 52px;
}

#bildergalArea .bigPic {
	margin-left: 8px;
	margin-bottom: -2px;
}

#bildergalArea .bigPicSub {
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
}


#bildergalArea .bigPicSub .zurueck {
	float: left;
	padding: 1px 8px 8px 8px;
	width: 190px; 
}

#bildergalArea .bigPicSub .zurueckSpacer {
	float: left;
	width: 207px;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
}

#bildergalArea .bigPicSub .weiterSpacer {
	float: right;
	width: 207px;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
}

#bildergalArea .bigPicSub .weiter a,
#bildergalArea .bigPicSub .zurueck a {
	font-weight: bold;
	font-size: 0.6875em;
	margin-top: -5px;
}

#bildergalArea .bigPicSub .zurueck a {
	float: left;
	margin-top: 5px;
}

#bildergalArea .bigPicSub .weiter .thumbnail {
	float: right;
	margin-top: 5px;
}

#bildergalArea .bigPicSub .weiter a {
	margin-top: 4px;
}

#bildergalArea .bigPicSub .weiter a.textlink {
	float: right;
}
#bildergalArea .bigPicSub .weiter a .icon {
	float: right;
}	

#bildergalArea .bigPicSub .thumbs a img {
	margin-top: -2px;
}

#bildergalArea .bigPicSub .imgsubtext {
	float: left;
	width: 370px;
}

#bildergalArea .bigPicSub .imgsubtext p {
	font-size: 0.8125em;
	color: #FFFFFF;
	margin: 0px 30px 0px 30px;	
}

#bildergalArea .bigPicSub .imgsubtext h3 {
	font-weight: bold;
	margin: 5px 30px 8px 30px;
	font-size: 0.75em;
	color: #FFFFFF;
}

#bildergalArea .bigPicSub .weiter {
	float: right;
	padding: 2px 8px 8px 8px;
}

#bildergalArea .pageFunctions {
	margin-left: 8px;
}

/***************************************************************************************/
/***   Darsteller Übersichtseite													 ***/
/***************************************************************************************/

h1.darstellerheadlline {
	margin-bottom: 42px;
}

h3.darstellerheadlline {
	font-size: 0.75em;
	margin-bottom: 20px;
}

#darstellerArea {
	padding-bottom: 16px;
}

.alternativeContentBox {
	padding-top: 11px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#darstellerArea h2.uebersicht {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 42px;
	margin-left: 0.9em;
	margin-top: 8px;
	color: #000000;
}

#darstellerArea .darstellerTeaser {
	float: left;	
	margin-left: 8px;
	height: 9.8em;
}

#darsteller .darstellerTeaser .darstellerImg img {
	margin-bottom: 8px;
}

#darstellerArea .darstellerText a{
	color: #000000;
}

#darstellerArea .darstellerText {
	color: #000000;
	font-size: 0.70em;
	font-weight: normal;
	width: 120px;
}

#darstellerArea .pageFunctions {
	margin-left: 8px;
}

#darstellerArea .trenner {
	margin-left: 8px;
	widtH: 784px;
}

.darstellertabelle {
	font-size: 0.75em;
	margin-bottom: 8px;
}

.darstellertabelle .block1 {
	float: left;
	width: 133px;
}

.darstellertabelle .block2 {
	display: block;
	margin-left: 133px;
}
/***************************************************************************************/
/***   Folge Seiten 																 ***/
/***************************************************************************************/

h1.folgeseite {
	margin-bottom: 48px; 
}

.pageFunctions .folgeseitezurueck {
	width: 120px;
}

.pageFunctions .folgeseiteweiter {
	width: 120px;
}

.pageFunctions .springen {
	font-size: 0.7em;
	width: 262px;
}

.springzu {
	margin-top: 3px;
}

#linkArea .springen div,
.pageFunctions .springen input,
.pageFunctions .springen div{
	float: left;
	margin-right: 4px;
}

#linkArea .springen input {
	float: left;
	margin-left: 4px;
}

#linkArea .springen div,
.pageFunctions .springen div {
	margin-top: 3px;
	margin-left: 12px;
}

#linkArea .springen .sprung,
.pageFunctions .springen .sprung {
	width: 108px;
}

#linkArea .springen {
	font-size: 0.7em;
}

#linkArea .springen div {
	float: left;
	margin-left: 8px;
}

#linkArea li.springen {
	padding: 10px 0 10px 0;
}


/***************************************************************************************/
/***   Footer		 																 ***/
/***************************************************************************************/

/*	----{footer} ---- */
#ardFussText {
display: none;
}

/* hier die Logos etc. */
#ardFussText {
display: none;
}

/* hier die Logos etc. */
#footer {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background: #001a4b;
}

#footer #logos {
	width: 62.38em !important; 
	padding: 0.5em 0 0.25em 0;
	margin: 0 auto 0 auto !important;
	float: none;
	overflow: hidden;
}


#footer #logos img {
	margin: 0;
	border: 0;
	display: inline;
}

#footer #logos a { border: 0; }