@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, 
 */



@media all
{
  /*-------------------------------------------------------------------------*/
  
  	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;}
  
	/* 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 { margin: 0; padding: 0; width: 981px; height: 552px; position: relative; top: 0px; left: 0px;} 
	#main .teaser .items { overflow: hidden; height: 552px;}
	#main .teaser .slide {float: left;}
	#main .teaser .item {cursor: pointer; float: left;}
	#main .teaser .item.first {}
	#main .teaser .item.last {}
	#main .teaser .item .item_inner {position: relative; }
	#main .teaser .item, 
	#main .teaser .item_inner {background: none;}
	#main .teaser .item_inner:hover {background: none;}
	#main .teaser .item.inactive {cursor: default !important;}
	#main .teaser .item.inactive .item_inner:hover {background: url('./images/bg_video_teaser.jpg') top left no-repeat;}
	#main .teaser .item .image {width: 980px; height: 552px; }
	
	#main .teaser .item .label {padding: 350px 45px 0 11px; width: 271px; height: 202px; background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 -1px 0 #000; position: absolute; top: 0px; left: 0px;}
	#main .teaser .item .label.hidden {display: none;} 
	#main .teaser .item .label span.numero {font-size: 14px; font-weight: normal; color: #999;}
	#main .teaser .item .label h1 { margin: 0 0 2px; font-size: 14px; font-weight: normal; color: #FFF;}
	#main .teaser .item .label h2 {margin: 0 0 2px; font-size: 12px; font-weight: normal; color: #FFF; }
	#main .teaser .item .label .text { margin: 16px 0 0; line-height: 19px; font-size: 14px; font-weight: normal; color: #888;}
	#main .teaser .item .label .text p {margin: 0;}
	#main .teaser .item .label .button {padding: 4px 0 0;}
	#main .teaser .item .label .button a {padding: 0 34px 0 0; font-size: 33px; font-weight: normal; color: #FFF; background: url('./images/bt_play_satellite.png') right 6px no-repeat;}
	#main .teaser .item .label .button a:hover {text-decoration: none;}
	
	
	/* obsolete ? */
	#main .teaser .item .rubrik { height: 14px; margin: 0 0 0 8px; font-size: 11px; font-weight: bold; color: #fff; text-shadow: 0px -1px 0 #666; float: none;}
	#main .teaser .item .series { height: 14px; margin: 0 0 6px 8px; font-size: 11px; font-weight: bold; color: #ccc; text-shadow: 0 -1px 0 #666; float: none;}
	

	
	/* 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;}
	#main .teaser_thumbs .item {float: left; position: relative; top: 0px; left: 0px; opacity: 0.5;}
	#main .teaser_thumbs .item a {float: left; overflow: hidden;}
	#main .teaser_thumbs .item.current {opacity: 1;}
	#main .teaser_thumbs .item.over {opacity: 1;}
	
	#main .teaser_thumbs .item .label {width: 100%; height: 45px; padding: 8px 10px; position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 -1px 0 #000; line-height: 17px;}
	#main .teaser_thumbs .item .label.hidden {display: none;} 
	#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;}
	
	/* Scrollable */
	#main .teaser .scrollable {width: 980px; height: 552px; margin: 0; overflow: hidden; position: relative; top: 0px; left: 0px;} 
	.scrollable div.items {width:20000em; position:absolute;}
	a.browse {width: 42px; height: 0; color: #999 !important; font-size: 12px; line-height: 12px; margin: 0;  position: absolute; top: 0px; left: 0px; cursor: pointer;z-index: 300;} 
	a.browse:hover {text-decoration: none; color: #FFF !important;}
	a.browse.disabled {visibility: hidden !important;}
	a.left {padding: 65px 18px 0; left: -60px; top: 245px; background: url('./images/bt_skip.png') 0px 0px no-repeat; }
	a.left:hover {background: url('./images/bt_skip.png') 0px -60px no-repeat; }
	a.right {padding: 65px 18px 0; left: 980px; top: 245px; background: url('./images/bt_skip.png') -60px 0px no-repeat; }
	a.right:hover {background: url('./images/bt_skip.png') -60px -60px no-repeat; }
	a.slim, a.slim:hover {background-color: #000; opacity: 0.4; width: 24px;}
	a.left.slim {left: 0px;}
	a.right.slim {left: 920px;} 
	
	
	/* 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;}
	
	/*
	#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; width: 981px; height: 552px; position: relative; top: 0px; left: 0px; z-index: 10;} 
	
	#info {overflow: hidden; font-size: 13px; background: url('images/satellite/bg_info.gif') 0px 0px repeat-y; text-shadow: 0 -1px 0 #222; }
	#info .col1 {width: 730px; min-height: 420px;  background-color: #35302d; float: left;}
	#info .col2 {padding: 10px 15px; margin: 0 0 0 730px; width: auto; 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  { width: 654px; margin: 37px 0 0 0; position: relative; top: 0px; left: 0px;}
	#satellitestart #info .col1 h3 { margin: 0; padding: 0 0 5px 8px; font-size: 13px; font-weight: normal; color: #666; }
	#satellitestart #info .col1 h1 { margin: 0; padding: 0 0 10px 42px; line-height: 25px; font-size: 18px; font-weight: normal; color: #666; }
	#satellitestart #info .col1 h2 { margin: 12px 0 0px; padding: 0 0 0 42px; 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 {padding: 0 0 35px 42px; 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: none;}
	#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; top: 0px; left: 0px; background-color: #000; overflow: hidden;}
	#info .col1 .chapter_thumbs div.thumb{float: left; opacity: 0.5; position: relative; top: 0px; left: 0px;}
	#info .col1 .chapter_thumbs div.thumb a {float: left;}
	#info .chapter_thumbs .thumb .label {width: 345px; height: 45px; padding: 8px 10px; position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 -1px 0 #000; line-height: 17px;}
	#info .chapter_thumbs .thumb .label.hidden {display: none;} 
	#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;}
	
	/* 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: 260px; margin: 0 20px 0 0; float: left;}
	#info .col1 .description .subcol2 {width: auto; margin-left: 280px;} 
	#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 .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;}
	
	
	
	/* 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: 0px; 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;}
	.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;}

	.nav_top ul li.home {padding-right: 6px;}
	.nav_top ul li.home a {width: 16px; height: 14px; display: block; background: url('./images/bt_home.gif') 0px 0px no-repeat;}
	.nav_top ul li.home a:hover {width: 16px; height: 14px; display: block; background: url('./images/bt_home.gif') 0px -14px no-repeat;}
	.nav_top ul li.home a span {display: 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: -1px -1px 0 #000; 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; }
	
	.nav_bottom_left { 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; text-shadow: 0 -1px 0 #000; }
	.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; text-shadow: 0 -1px 0px #000; }
	.nav_bottom_right ul li a:hover, .nav_bottom_right ul li a.active {color: #fff; text-decoration: 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 {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;}
	
	
}