@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator     YAML Builder V1.0 (http://builder.yaml.de)
 * @file        content.css
 * @date		16.05.2008		
 * @description Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
 *
 *
 * Link:						FF3399
 * Text:						CCC
 * Menü Top
 * Link :  				666
 * Link activ/hover:	CCC
 * Menü Bottom:
 * Link :  				999
 * Link activ/hover:	FFF
 * Textbox Background:	292522 altern. 181715
 * 
 * Z-Index: background: 0, content: 100, 
 */

  /*-------------------------------------------------------------------------*/
  
  	a:focus, object:focus { outline: none !important; }
  	a:active { outline: none; }
  
  
	/* Globals */
	a {color: #FF0088; text-decoration: none;}
	a:hover {color: #FF0088; text-decoration: underline;}
	a:active {color: #FF0088;}
	a:visited {color: #FF0088;}
	a {color: #FF0088;}
	a.pdf {padding: 0px 4px 4px 26px; background: url('../../images/link_icon_pdf.gif') top left no-repeat;}
	a.download {padding: 0px 4px 4px 26px; background: url('../../images/link_icon_download.gif') top left no-repeat;}
	a.language {padding: 0 0 0 10px;}
	a.highlight {color: #FF0088 !important;}
	p {margin-bottom: 15px; line-height: 17px;}
	ul { margin: 0 0 10px 0;}
	ul li{ margin: 0 0 10px 20px; line-height: 16px;}
  	
  	::-moz-selection { background: #fff; color: #333; text-shadow: none; }
	::selection { background: #fff; color: #333; text-shadow: none; }
  
	/* Helpers */
	.camouflage, .displaynone, .accessibilityElement {display: none;}
	.submit_noscript { border: 1px solid #999; margin: 0 0 0 5px; }
	
	.hr_content {width: 244px; height: 1px; display: block;}
	.hr_add_col {width: 250px; height: 1px; display: block;}
	.hr_footer {width: 730px; height: 1px; display: block;}
	
	/* Satellite Startseite */

	#main .teaser {position: relative;}

	#main .item_link {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none;}
	#main .rsContent .label {opacity: 0; padding: 0 20px; width: 288px; height: 100%; background-color: rgba(0, 0, 0, 0.8); text-shadow: rgba(0, 0, 0, 0.8); position: absolute; top: 0px; left: 0px; }
	#main .rsContent:hover .label {opacity: 1}
	#main .rsContent .label span.numero {font-size: 14px; font-weight: normal; color: #999;}
	#main .rsContent .label h1 { margin: 0 0 2px; font-size: 14px; font-weight: normal; color: #FFF;}
	#main .rsContent .label h2 {margin: 0 0 2px; font-size: 12px; font-weight: normal; color: #FFF; }
	#main .rsContent .rsImg {color: transparent;}
	#main .rsContent .label .text { margin: 16px 20px 0 0; line-height: 19px; font-size: 14px; font-weight: normal; color: #888; }
	#main .rsContent .label .text p {margin: 0;}
	#main .rsContent .label .button {padding: 4px 0 0;}
	#main .rsContent .label .button span {padding: 0 34px 0 0; text-transform: lowercase; font-size: 33px; font-weight: normal; color: #FFF; background: url('../../images/bt_play_satellite.png') right center no-repeat;}
	#main .rsContent .label_content {min-height: 202px; position: absolute; bottom: 0;}

	/* Mobile Ansicht */
	@media only screen and (max-width: 654px) and (min-height: 501px) {
		#main .rsContent .label span.numero,
		#main .rsContent .label h1,
		#main .rsContent .label .text {display: none; }

		#main .rsContent .label {opacity: 1; width: 90px; height: 55px; bottom: 20px; top: auto; }
		#main .rsContent .label .label_content { top: 5px; bottom: auto;}
		#main .rsContent .label_content {min-height: 0;}
		.rsArrowRight:after,
		.rsArrowLeft:after {display: none !important;}
	}

	/* Das gleiche bei Touch-Geräten */
		.touch #main .rsContent .label span.numero,
		.touch #main .rsContent .label h1,
		.touch #main .rsContent .label .text {display: none; }

		.touch #main .rsContent .label {opacity: 1; width: 90px; height: 55px; bottom: 20px; top: auto; }
		.touch #main .rsContent .label .label_content { top: 5px; bottom: auto;}
		.touch #main .rsContent .label_content {min-height: 0;}
		.touch .rsArrowRight:after,
		.touch .rsArrowLeft:after {display: none !important;}

	/* Teaser Thumbnails */	
	#main .teaser_thumbs {width: 100%; position: relative; top: 0px; left: 0px; overflow: hidden;}
	.icon {padding: 0 0 0 8px; width: 53px; height: 61px; line-height: 61px; color: #888; position: absolute; top: 0px; left: 0px; background: url('../../images/bg_bonus.png') 0px 0px no-repeat; z-index: 300; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);}
	#main .teaser_thumbs .item {position: relative; width: 33.3332%; float: left; opacity: 0.5; height: auto; overflow: hidden; z-index:1;}
	#main .teaser_thumbs .item a {display:block; position: relative; padding-top: 66.3%; overflow: hidden;}
	#main .teaser_thumbs .item img {width:100%; height: auto; position: absolute; top: 0;}
	#main .teaser_thumbs .item.current,
	#main .teaser_thumbs .item:hover {opacity: 1;}

	/* Bei Touch-Geräten keine Hover-Effekte */
	.touch #main .teaser_thumbs .item,
	.touch #main .teaser_thumbs .item .label,
	.touch #info .chapter_thumbs .thumb,
	.touch #info .chapter_thumbs .thumb .label {opacity: 1 !important;}

	/* Media Query: 2er Spalten */
	@media only screen and (max-width: 654px) and (min-height: 501px) {
		#main .teaser_thumbs .item {width: 50%;}
	}

	/* Media Query: 2er Spalten für Smartphone */
	@media only screen and (max-width: 500px) {
		.icon {display: none;}
		#main .teaser_thumbs .item {width: 50%;}
		#main .teaser_thumbs .item .label {display: none;}
		#main .teaser_thumbs .item.current {opacity: 0.5 !important;}
	}


	#main .teaser_thumbs .item,
	#main .teaser_thumbs .item .label,
	#main .teaser_thumbs .item:hover .label,
	#main .rsContent .label,
	#main .rsContent:hover .label,
	#info .chapter_thumbs .thumb,
	#info .chapter_thumbs .thumb .label,
	#info .chapter_thumbs .thumb:hover .label {
		-webkit-transition: 0.2s opacity ease;
		-moz-transition: 0.2s opacity ease;
		-o-transition: 0.2s opacity ease;
		-ms-transition: 0.2s opacity ease;
		transition: 0.2s opacity ease;
	}

	#main .teaser_thumbs .item .label {
		width: 92%;
		height: 45px;
		padding: 8px 4.5%;
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.8);
		text-shadow: rgba(0, 0, 0, 0.8);
		line-height: 17px;
		z-index: 2;
		opacity: 0;
	}

	#main .teaser_thumbs .item.current .label,
	#main .teaser_thumbs .item:hover .label {
		opacity: 1;
	}
	#main .teaser_thumbs .item .label h2 {font-size: 14px; font-weight: normal; color: #FFF;}
	#main .teaser_thumbs .item .label span.numero {font-size: 12px; font-weight: normal; color: #999;}

	/* NoJS-Fixes */
	.no-js .rsArrow,
	.no-js .rsImg {display: none;}
	
	/* RoyalSlider-Pfeile */
	.rsArrow {width: 42px; height: 0; color: #999 !important; font-size: 12px; line-height: 12px; margin: 0; position: absolute; top: 50%; margin-top: -50px; cursor: pointer;z-index: 300;} 
	.rsArrow:hover {text-decoration: none; color: #FFF !important;}
	.rsArrow.disabled {visibility: hidden !important;}
	.rsArrowLeft {padding: 65px 18px 0; left: -60px; background: url('../../images/bt_skip.png') 0px 0px no-repeat; }
	.rsArrowLeft:after {content: "prev story";}
	.rsArrowLeft:hover {background: url('../../images/bt_skip.png') 0px -60px no-repeat;}
	.rsArrowRight {padding: 65px 18px 0; right: -77px; background: url('../../images/bt_skip.png') -60px 0px no-repeat; }
	.rsArrowRight:hover {background: url('../../images/bt_skip.png') -60px -60px no-repeat; }
	.rsArrowRight:after {content: "next story";}
	

	/* Pfeil bei zu kleinem Screen einrücken */
	@media only screen and (max-width: 1100px) {
		.rsArrow {background-color: #000 !important; opacity: 0.4; width: 24px;}
		.rsArrow:after {display: none;}
		.rsArrow:hover {opacity: 0.8;}
		.rsArrow:hover:after {display: block;}
		.rsArrowLeft {left: 0;}
		.rsArrowRight {right: 0;} 

		/* Auf touch-devices gar nicht zeigen */
		.rsArrow {display: none;}
	}


	/* Header */
	#header .logo {margin: 20px 0 0 0; position: absolute; top: 0px; left: 0px;}
	#header .nav-top {margin: 20px 0 0 0; position: absolute; top: 0px; left: 0px;}	
	
	
	
	/* Before Content */
	#beforeContent {width: auto; position: relative; overflow: hidden;}
	
	/* Social Media */
	#social_media {float: right; height: 29px; position: relative; right: 0px; top: 0px; z-index: 600;}
	#social_media .addthis {background-color: #171717; padding: 0px 5px 5px; border-radius: 2px; }
	#social_media .addthis a.button {padding: 3px 3px 3px 22px; color: #777777; background: #171717 url('../../images/bt_social_media.gif') 5px 4px no-repeat; white-space: nowrap; display: block; position: absolute; top: 0px; right: 0px; border-radius: 2px; }
	#social_media .addthis a.button:hover {text-decoration: none;}
	
	#social_media .addthis_toolbox {display: none; margin: 0; padding: 35px 10px 10px; width: 310px;} 
	.addthis_toolbox.addthis_default_style a {float: left;}
	.addthis_button_compact .at15t_compact { margin-right: 4px; float: left;}
	.addthis_button_facebook_like {margin-right: 10px;}
	.fb_iframe_widget iframe {width: 105px !important;}
	
	/* Sharing-Links auf Smartphones verstecken */
	@media only screen and (max-width: 790px) {
		#social_media {
			display: none;
		}
	}

	/*
	#social_media a.mailto {width: 29px; height: 30px; display: block; background: url('../../images/bt_tellafriend.jpg') 0px 0px no-repeat;}
	#social_media a.facebook {width: 29px; height: 30px; display: block; background: url('../../images/bt_facebook.jpg') 0px 0px no-repeat;}
	#social_media a.twitter {width: 29px; height: 30px; display: block; background: url('../../images/bt_twitter.jpg') 0px 0px no-repeat;} 
	#social_media a:hover {opacity: 0.7; } 
	*/
	
	
	/* Content */
	#main .media { 
		margin: 0;
		padding: 0 0 56.25% 0; /* 16:9 */
		max-width: 980px;
		height: 0;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 10;
	} 

	#main .media iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#info {overflow: hidden; font-size: 13px; background: url('../../images/satellite/bg_info.gif') top right repeat-y; background-color: #34302d; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
	#info .col1 {min-height: 420px;  background-color: #35302d; margin-right: 250px; }
	#info .col2 {float: right; padding: 10px 15px; margin: 0; width: 220px; min-height: 400px; background-color: #433e3b; }

	#satellitestart #info {background-image: none;}
	#satellitestart #info .col1 {background-color: transparent;}
	#satellitestart #info .col2 {background-color: transparent;}
	
	#satellitestart #info .col1  { max-width: 654px; margin: 37px 40px 35px; position: relative; top: 0px; left: 0px;}
	#satellitestart #info .col1 h3 { margin: 0; padding: 0 0 5px; font-size: 13px; font-weight: normal; color: #666; }
	#satellitestart #info .col1 h1 { margin: 0; padding: 0 0 10px; line-height: 25px; font-size: 18px; font-weight: normal; color: #666; }
	#satellitestart #info .col1 h2 { margin: 12px 0 0px; font-size: 11px; font-weight: normal; color: #666; }
	#satellitestart #info .col1 span.trennlinie {background: url('../../images/trenner_grau_horizontal_satellite.gif') 0px 0px repeat-x;}
	#satellitestart #info .col1 .teaser {padding: 0 0 0 42px; font-size: 12px; font-weight: bold; color: #ccc; }
	#satellitestart #info .col1 .text {color: #ccc; line-height: 17px; }
	#satellitestart #info .col1 .cite {width: 225px; margin: 77px 0 0 496px; position: absolute; top: 0px; left: 0px;}
	#satellitestart #info .col1 .cite cite {font-size: 18px; font-weight: normal; font-style: normal; color: #666;}
	
	/* COL 1 */
	/* Content Description */
	#info .col1 .description {display: block;}
	#info .col1 .description_border {margin: 40px 40px; }
	#info .col1 .description  cite { color: #777777; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; 
										font-style: normal; font-weight: 300; line-height: 20px; padding: 0 0 10px;}
	#info .col1 h1 { margin: 0; padding: 0 0 15px 0; line-height: 25px; font-size: 17px; font-weight: normal; color: #FFF; }
	#info .col1 h2 { margin: 0; padding: 12px 0 10px; font-size: 13px; font-weight: bold; color: #FFF; }
	
	/* Chapter Thumbs */
	#info .col1 .chapter_thumbs {position: relative; background-color: #000; overflow: hidden;}
	#info .col1 .chapter_thumbs .thumb {width: 50%; height: auto; float: left; opacity: 0.5; position: relative; }
	#info .col1 .chapter_thumbs .thumb a {float: left;}
	#info .col1 .chapter_thumbs .thumb img {width: 100% !important; height: auto !important;}
	#info .chapter_thumbs .thumb .label {display: block !important; width: 95%; height: 45px; padding: 8px 3%; position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 -1px 0 #000; line-height: 17px; opacity: 0;}
	#info .chapter_thumbs .thumb:hover,
	#info .chapter_thumbs .thumb:hover .label {opacity: 1;} 
	#info .chapter_thumbs .thumb .label h2 {font-size: 14px; font-weight: normal; color: #FFF; padding: 0;}
	#info .chapter_thumbs .thumb .label span.numero {font-size: 12px; font-weight: normal; color: #999;}

	@media only screen and (max-width: 780px) {
		#info .col1 .chapter_thumbs .thumb,
		#info .col1 .chapter_thumbs .thumb a {clear: both; width: 100%;}
		#info .col1 .subcol1,
		#info .col1 .subcol1 {
			clear: both;
		}
		#satellitestart #info .col1 .text,
		#satellitestart #info .col1 h1,
		#satellitestart #info .col1 h2 {
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	@media only screen and (max-width: 580px) {
		#info .col2 {display: none; }
		#info .col1 {margin-right: 0;}
		#info .col1 .description {display: block !important; }
		#info .col1 .description_border {margin: 20px 10px;}
		#info {background-image: none;}

		#info .col1 .description .subcol1 {display: none;}
		#info .col1 .description .subcol2 {width: 100% !important; margin-left: 0 !important;}
	}

	/* Auf dem iPad soll der Episoden-Text initial angezeigt werden  */
	.touch #info .col1 .description {display: block; }

	/* SUBCOL 1 > Info-Bereich Spalte 1 */
	#info .col1 .subcol1 {width: 320px; margin: 0 40px 0 0; float: left;}
	/* - Author */ 
	#info .col1 .addinfo {overflow: hidden; padding: 40px 40px;}
	#info .col1 .addinfo .author {margin-bottom: 20px; position: relative; overflow: hidden;}
	#info .col1 .addinfo .author img.papayaImage {float: left; margin: 0 12px 12px 0;}
	#info .col1 .addinfo .author span.name {margin: 0; padding: 0; font-size: 13px; color: #FF0088; line-height: 17px; float: left;}
	
	/* SUBCOL 2 > Info-Bereich Spalte 2*/
	#info .col1 .subcol2 {width: auto; margin-left: 350px;}
	
	/* Credits, Persons*/
	#info .col1 .credits,
	#info .col1 .persons {margin: 0 0 35px;}
	#info .col1 .persons ul {list-style-type: none;}
	#info .col1 .persons ul li {margin: 0 0 10px 0;}
	
	
	/* Template Text - startnext iframe */
	#info .col1 .description .subcol1 {width: 35%; margin: 0 20px 0 0; float: left;}
	#info .col1 .description .subcol2 {width: 56%; margin-left: 40%;} 
	#info .col1 .description .subcol2 #startnext { background-color: #111111; width: 368px; height: 610px; margin: 0 0 20px 0px; overflow: hidden; position: relative; }
	
	/* Team */
	.dasteam, 
	.dasteam .row {overflow: hidden; margin-bottom: 20px;}
	.dasteam .person {width: 310px; float: left; overflow: hidden}
	.dasteam .person p {margin-left: 132px;}
	.dasteam .person .image {width: 120px; height: 150px; margin: 0 12px 10px 0;  float: left;}
	.dasteam .person .name {color: #FFF; display: block; font-size: 14px; padding-bottom: 3px;}
	.dasteam .even {margin-left: 30px;}

	@media only screen and (max-width: 979px) {
		.dasteam,
		.dasteam .row {margin-bottom: 0;}
		.dasteam .person {width: 100%; clear: both;}
		.dasteam .even {margin-left: 0;}
	}

	
	
	/* COL 2 > rechte Spalte */
	#info .col2 h2.media_title {padding: 10px 0 0; margin: 0; font-size: 15px; font-weight: normal;}
	#info .col2 .nav_right { overflow: hidden;}
	#info .col2 .nav_right a {width: 110px; height: 34px; padding: 52px 0 0 0; color: #999; font-size: 15px; text-align: center; float: left; }

	#info .col2 .nav_right a:hover {color: #FFF;}
	#info .col2 .nav_right a.text {background: url('../../images/satellite/bt_text.gif') center 19px no-repeat;}
	#info .col2 .nav_right a.text:hover {text-decoration: none;}
	
	#info .col2 .partner, #info .col2 .links {padding: 10px 0;}
	#info .col2 .partner {text-align: left;}
	#info .col2 span.label {margin: 0 0 10px 0; color: #999; font-size: 13px; display: block; text-align: left; background: url('../../images/trenner_grau_horizontal_satellite.gif') 0px bottom repeat-x; padding: 5px 0;}
	#satellitestart .partner {margin-top: 16px; background: none !important; }
	#satellitestart .partner span.label {background: url('../../images/trenner_grau_horizontal_satellite.gif') 0px bottom repeat-x; width: 100%; color: #666; padding-top: 1px; }

	/* Footer */
	#footer .adresse {margin: 50px 0 0 ; font-size: 11px; font-style: normal; color: #666;}
	#footer .adresse a {font-size: 11px; font-weight: bold; color: #666;}
	#footer .adresse a:hover {font-size: 11px; font-weight: bold; color: #ccc;}
	
	#additional {display: none;}


	/* Navigations */

	.nav_top { margin: 20px 0 0 0px; position: absolute; top: 0px; right: 0; text-align: right; overflow: hidden;}
	.nav_top ul { margin: 0; list-style-type: none; overflow: hidden; float: right;}
	.nav_top ul li { margin: 0; padding: 0 8px 0 10px; background: url('../../images/trenner.gif') 0px 3px no-repeat; float: left; }
	.nav_top ul li.last {padding: 0 0 0 10px; } 
	.nav_top ul li.first { background: none; padding-right: 6px;}
	.nav_top ul li.first a {width: 16px; height: 14px; display: block; background: url('../../images/bt_home.gif') 0px 0px no-repeat;}
	.nav_top ul li.first a:hover {width: 16px; height: 14px; display: block; background: url('../../images/bt_home.gif') 0px -14px no-repeat;}
	.nav_top ul li.first a span {display: none;}

	.nav_top ul li a {color: #777777; text-decoration: none; font-weight: bold;}
	.nav_top ul li a:hover, .nav_top ul li a.active {color: #fff; text-decoration: none;}
	
	/* Metanavigation für Smartphones kürzen */
	@media only screen and (max-width: 950px) {
		.nav_top { left: 240px;}
		.nav_top ul {float: left;}
		.nav_top ul li:nth-child(2),
		.nav_top ul li:nth-child(3) { display: none;	}
	}

	@media only screen and (max-width: 500px) {
		.nav_top ul li:nth-child(5),
		.nav_top ul li:nth-child(6) { display: none;	}
	}

	/* Bei kleinen Größen nur "abonnieren" anzeigen */
	@media only screen and (max-width: 360px) {
		.nav_top ul li.first { display: none; }
		.nav_top ul li { background: none; }
	}

	
	
	.nav_top_left { width: 250px; margin: 20px 0 0 180px; position: absolute; top: 0px; left: 0px; text-align: right; overflow: hidden;}
	.nav_top_left ul { margin: 0; list-style-type: none; overflow: hidden; float: right;}
	.nav_top_left ul li { margin: 0; padding: 0 8px 0 10px; background: url('../../images/trenner.gif') 0px 3px no-repeat; float: left; }
	.nav_top_left ul li.first { background: none;}
	.nav_top_left ul li a {color: #666; text-decoration: none; font-weight: bold;}
	.nav_top_left ul li a:hover, .nav_top_left ul li a.active {color: #ccc; text-decoration: none;}
	
	.nav_lang { width: 250px; margin: 20px 0 0 759px; position: absolute; top: 0px; left: 0px; text-align: right; overflow: hidden;}
	.nav_lang ul { margin: 0; list-style-type: none; overflow: hidden; float: right;}
	.nav_lang ul li { margin: 0; padding: 0 8px 0 10px; background: url('../../images/trenner.gif') 0px 3px no-repeat; float: left; }
	.nav_lang ul li.first { background: none;}
	.nav_lang ul li a {color: #666; text-decoration: none; font-weight: normal;}
	.nav_lang ul li a:hover, .nav_lang ul li a.active {color: #ccc; text-decoration: none;}
	

	.nav_main { margin: 0; height: 34px; position: relative; top: 0px; left: 0px;}
	.nav_main ul { margin: 0; list-style-type: none; overflow: hidden; }
	.nav_main ul li {margin: 0; padding: 0 1px 0 0; float: left; }
	.nav_main ul li a {width: 145px; height: 33px; color: #757573; background-color: #181715; text-decoration: none; text-align: center; font-size: 16px; line-height: 35px; display: block; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); border-bottom: 1px solid #000; }
	.nav_main ul li a:hover {background-color: #292522; color: #CCC;} 
	.nav_main ul li a.active {color: #fff; background-color: #35302D; text-decoration: none; height: 34px; border-bottom: none; }
	.nav_main ul li a.first { background-color: #181715; border-radius: 2px 0 0 0;}
	.nav_main ul li a.first:hover, .nav_main ul li a.last:hover { background-color: #292522;}
	.nav_main ul li a.first.active, .nav_main ul li a.last.active { background-color: #35302D; }
	
	/* Hauptnavigation für Smartphones optimieren */
	@media only screen and (max-width: 650px) {
		.nav_main ul li {
			width: 23%;
		}
		.nav_main ul li.last {
			width: 29.5%;
		}
		.nav_main ul li.last a.last {
			width: auto;
			background: #881A26;
		}
		.nav_main ul li a {
			width: 100%;
		}
	}



	.nav_bottom_left { max-width: 450px; margin: 10px 0 0 42px; position: absolute; top: 0px; left: 0px; text-align: right;}
	.nav_bottom_left ul { margin: 0 0 0 -10px; list-style-type: none; overflow: hidden; }
	.nav_bottom_left ul li {margin: 0; padding: 0 8px 0 10px; background: url('../../images/trenner.gif') 0px 3px no-repeat; float: left; }
	.nav_bottom_left ul li.first { background: none;}
	.nav_bottom_left ul li a {color: #777777; text-decoration: none; font-weight: bold; }
	.nav_bottom_left ul li a:hover, .nav_bottom_left ul li a.active {color: #fff; text-decoration: none;}
	
	.nav_bottom_right { width: 300px; margin: 10px 0 0 0; position: absolute; top: 0px; right: 0px; overflow: hidden;}
	.nav_bottom_right ul {margin: 0; list-style-type: none; overflow: hidden; float: right;}
	.nav_bottom_right ul li {margin: 0;  padding: 0 8px 0 10px; background: url('../../images/trenner.gif') 0px 3px no-repeat; float: left; }
	.nav_bottom_right ul li.first { background: none;}
	.nav_bottom_right ul li a {color: #777777; text-decoration: none; }
	.nav_bottom_right ul li a:hover, .nav_bottom_right ul li a.active {color: #fff; text-decoration: none;}


	@media only screen and (max-width: 500px) {
		.nav_bottom_left {display: none;}
		.nav_bottom_right li.last {display: block; background: none;}
	}

	
	/* Modal Box */
	.modal { 
	    background-color:#fff; 
	    display:none; 
	    width:350px; 
	    padding:15px; 
	    text-align:left; 
	    border:2px solid #333; 
	 
	    opacity:0.8; 
	    -moz-border-radius:6px; 
	    -webkit-border-radius:6px; 
	    -moz-box-shadow: 0 0 50px #ccc; 
	    -webkit-box-shadow: 0 0 50px #ccc; 
	} 
	
	
	#sb-player.html {position: relative; top: 0px; left: 0px;}
	#sb-player.html h1 {padding: 15px 0 30px 44px; font-size: 33px; font-weight: normal; color: #666;}
	#sb-player.html h2 {padding: 0; font-size: 12px; font-weight: normal; color: #666;}
	#sb-player.html h3 {padding: 5px 0 4px 15px; font-size: 12px; font-weight: bold; color: #666;}
	#sb-player.html p {padding: 0 20px 10px 44px; }
	#sb-player.html ul { margin: 0 0 10px 0;}
	#sb-player.html ul li{ margin: 0 0 0 20px; line-height: normal;}
	
	#sb-player.html .hr_content {width: 244px; height: 1px;}
	
	#sb-player.html .text_margins {max-width: 465px; margin: 0 auto !important; padding: 35px 0 20px; overflow: auto; position: relative; top: 0px; left: 0px;}
	#sb-player.html div.text {padding: 0 0 40px 44px;}
	#sb-player.html form {padding: 0 0 40px 44px;}
	#sb-player.html .formCaption {display: none;}
	#sb-player.html input {width: 315px; border: 1px solid #c0c0c0; background-color: #fff; padding: 2px; font-size: 12px; }
	#sb-player.html .fieldEmail,#sb-player.html .fieldPassword { margin: 0 0 15px 0;}
	#sb-player.html label { margin: 0 20px 2px 0; font-size: 13px; font-weight: bold; color: #d5d5d5; display: block;}
	#sb-player.html .button button { margin: 0px 0 0; padding: 0 25px 0 0; font-size: 16px; font-weight: bold; color: #FF0088; background: transparent; border: none; background: url(../../images/bg_send_button.jpg) no-repeat right 3px; height: 24px; cursor: pointer; }
	#sb-player.html .link {display: none;} 
	#sb-player.html .privacyText {padding: 0 0 0 0; color: #666666; font-size: 11px; font-weight: normal;}