@charset "utf-8";
/* ------------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------------ */
/* sv_win benötigt sv_global.css */
/* ------------------------------------------------------------ */
/* WINDOWS-HEADER VIDEO VIDEO VIDEO */
/* ------------------------------------------------------------ */
#win_header_video{
height:26x;
width:100%;
}
#win_header_video #table_header{
margin-left:auto;
margin-right:auto;
table-layout:fixed;
}
#win_header_video #table_header td{
padding-bottom:4px;
padding-top:10px;
}
/* ------------------------------------------------------------ */
/* CONTENT VIDEO VIDEO VIDEO VIDEO VIDEO VIDEOVIDEO VIDEO VIDEO*/
/* ------------------------------------------------------------ */
#videopage{
/*background:#F9F8F0;*/
background:white;
padding-bottom:30px;
text-align:center;
}
/*
tabellen im  videopopup ++++++++++++++++++++++++++++++
*/
#videopage #video{
background-color:#C8BBA4;
margin-left:auto;
margin-right:auto;
table-layout:fixed;
}
/*#videopage #video td{
border:1px dashed #E24753;
}
*/
/*
tabellenklassen ++++++++++++++++++++++++++++++
*/
#videopage #video .format{
font:normal normal 9px Arial,Helvetica,sans-serif;
letter-spacing:1px;
padding-left:20px;
padding-top:15px;
text-align:left;
vertical-align:bottom;
}
#videopage #video .cut{
font:normal normal 9px Arial,Helvetica,sans-serif;
letter-spacing:1px;
padding-right:20px;
padding-top:15px;
text-align:right;
vertical-align:bottom;
}
#videopage #video .mov{
text-align:center;
}
#videopage #video .legend_size{
border-bottom:1px dotted #FFFFFF;
font-weight:bold;
height:30px;
padding-left:20px;
text-align:left;
vertical-align:middle;
width:70px;
}
#videopage #video .size{
border-bottom:1px dotted #FFFFFF;
text-align:left;
vertical-align:middle;
width:30px;
}
#videopage #video .icons{
border-bottom:1px dotted #FFFFFF;
padding-right:20px;
text-align:left;
vertical-align:middle;
}
#videopage #video .line{
padding-left:20px;
padding-right:20px;
}
#videopage #video .line hr{
background-color:#C8BBA4;
border-bottom:none;
border-left:none;
border-right:none;
border-top:1px dotted #FFFFFF;
color:#C8BBA4;
height:1px;/*margin-top:-7px;
display:block;*/
}
#videopage #video .legend_mov_select{
font-weight:bold;
height:30px;
padding-left:20px;
text-align:left;
vertical-align:middle;
}
#videopage #video .mov_select{
font-weight:bold;
padding-right:20px;
text-align:left;
vertical-align:middle;
}
#videopage #video .legend_chapter{
background-color:#C8BBA4;
border-top:1px dotted #FFFFFF;
font-weight:bold;
padding-bottom:10px;
padding-left:20px;
padding-top:5px;
text-align:left;
vertical-align:top;
}
#videopage #video .chapter{
background-color:#C8BBA4;
padding-bottom:10px;
padding-left:20px;
padding-right:10px;
text-align:left;
vertical-align:top;
}
#videopage #video .legend_contact{
background:#F9F8F0;
font-weight:bold;
padding:10px 10px 0px 20px;
text-align:left;
vertical-align:top;
}
#videopage #video .contact{
background:#F9F8F0;;
padding-bottom:10px;
padding-top:10px;
text-align:left;
vertical-align:top;
}
#videopage #video .legend_links{
background-color:#F9F8F0;
font-weight:bold;
padding-bottom:10px;
padding-left:20px;
padding-top:10px;
text-align:left;
vertical-align:top;
}
#videopage #video .links{
background-color:#F9F8F0;
padding-bottom:10px;
padding-top:10px;
text-align:left;
vertical-align:top;
}
#videopage #video .back_h1{
background-color:#FFFFFF;
}
/*
textformatierungen ++++++++++++++++++++++++++++++
*/
#videopage #video ul{
}
#videopage #video li{
clear:both;
list-style:none;
vertical-align:middle;
}
#videopage #video li a:link,#videopage #video li a:visited,#videopage #video li a:active{
color:#CC6600;/*color:#705300;*/
text-decoration:none;
}
#videopage #video li a:hover{
color:#CC6600;
text-decoration:underline;
}
/*#videopage #video p{ wird wohl nicht gebraucht!
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:5px;*/
}
#videopage #video .back_h1{
background-color:#F9F8F0;
}

#videopage #video h1{
color:#CC6600;
letter-spacing:0px;
margin-bottom:3px;/* überschreibt allgemeines h1 - deshalb nötig */
margin-left:auto;
margin-right:auto;
margin-top:1px;
text-align:center;
text-transform:none;
width:100%;
}
#videopage p.center{
margin-bottom:5px;
margin-left:0px;/* überschreibt allgemeines p - deshalb nötig */
margin-right:0px;/* überschreibt allgemeines p - deshalb nötig */
margin-top:5px;
text-align:center;
width:100%;
}
/* aktiver zustand im normalen textlink */
#videopage a.current{
color:#FFFFFF;
}
/* ---------------------------------------------------------------------------------------*/
/*---------------PROFILECARD ---------------  HEADER   ----------- */
/* -------------------------------------------------------------------------------------- */
.hideonscreen{ /* Steuerung Screen - Printversion */
display: none;
}
#profilecard {
background-image: url(../img/back_wcc_header.png);
background-position: top left;
background-repeat: repeat-x;
width: 354px;
height: 99%; /*  bei 100% erscheint scrollbar  */
overflow: -moz-scrollbars-vertical; /*  inaktive scrollbar für FF  */
}
#profilecard #header_logo{
height:20px;
margin:4px 0 0 10px;
}
#profilecard .buttonbox{
float: right;
height: 20px;
width: 75px;
margin-top: 17px;
padding-right: 10px;
}
#profilecard .buttonbox a{
float: right;
margin-left: 5px;
}
#profilecard h1{
font-size: 14px;
text-transform: none;
margin: 15px 0 0 10px;
}
/* ------------------------------------------------------------ */
/* PROFILECARD    TABULATOR NAVIGATION  */
/* ------------------------------------------------------------ */
#profilecard #navigation{
margin: 0 0 10px 0;
padding: 0;
}
#profilecard #navigation ul, #navigation ul li {
list-style: none;
margin: 0;
}
#navigation ul {
height: 18px;
text-align: center;
border-bottom: 2px solid #BBAD93;
padding: 0 0 0 10px;
}
#navigation ul li {
float: left;
width: 79px;
height: 15px;
display: block;
margin-right: 6px;
padding: 3px 0 2px 0;
font-weight: bold;
font-size: 11px;
background: #BBAD93;
background-image: url(../img/back_wcc_navi.gif);
background-position: top left;
background-repeat: no-repeat;
color: #FFF;
}
#navigation ul li a:hover {/*überschreibt allg. a */
color: #FFF;
}
#navigation ul li.current {
background: #FFF;
background-image: url(../img/back_wcc_navi_current.gif);
background-position: top left;
background-repeat: no-repeat;
color: #BBAD93;
}
#navigation ul li.current a:hover { /*überschreibt allg. a */
color: #BBAD93;
}
#navigation li a {
padding: 3px 12px;
cursor: pointer;
}
#profilecard #img_actor_small{
margin: 0 0 0 10px;
}
/* ------------------------------------------------------------ */
/* CONTENT PROFILECARD */
/* ------------------------------------------------------------ */

/* ----------FOTOBOX------------------------------------------- */
.newsicon{
width: 46px;
height: 45px;
position: absolute;
top: 110px;
right: 20px;
background:url(../img/icon_news.png) top left no-repeat;
z-index: 100;
}
.newsicon a{
width: 46px;
height: 45px;
display: block;
cursor: pointer;

}
#fotobox{
width: auto;
}
.img_actor_big{ /*  grosses foto 300x400px   */
margin: 0 0 0 10px;
position: relative;
width: 300px;
height: auto;
}
#fotobox .copyright{  /*copyright unter foto*/
text-align: right;
margin: -2px 20px 0 0;
color: Gray;
}
.fotobox_right{
position: relative;
float: right;
height: 402px;
width: 30px;
vertical-align: text-bottom;
margin-right: 10px;
display: inline;
}
.fotobox_bottom{
position: absolute;
bottom: 0px;
height: auto;
}
.fotobox_right img{
margin: 5px 0 0 0;
cursor: pointer;
}
/* ----------PROFILBOX------------------------------------------- */
#profilbox{
padding:  0px 10px 10px 10px;
}
#profilbox table{
width: 100%;
table-layout: fixed;
font-size: 11px;
margin: 10px 0 0 0;
}
#profilbox td{
padding: 2px 5px 2px 0px;
border-bottom: 1px dotted #999; 
}
#profilbox .label{
text-align: left;
vertical-align: top;
width: 110px;
}
/* ----------VITABOX------------------------------------------- */
#vitabox{
padding:  0px 10px 10px 10px;
}
#vitabox h3{
font-weight: bold;
font-size: 11px;
color: #CC6600;
margin: 10px 0 0 0;
}
#vitabox table{
width: 100%;
table-layout: fixed;
font-size: 11px;
margin: 0 0 5px 0;
}
#vitabox table .col1{
width: 20px;
}
#vitabox table .col2{
width: 40px;
}
#vitabox table .col3{
width: 180px;
}
#vitabox table .col4{
width: 95px;
padding-left: 5px;
}
#vitabox td{
vertical-align: top;
text-align: left;
padding: 3px 0 3px 0;
border-bottom: 1px dotted #999; 
}
#vitabox td.regie{
padding-left: 5px; 
}
#vitabox .label{
text-align: left;
vertical-align: top;
width: 80px;
}

/* ----------KONTAKTBOX------------------------------------------- */
#kontaktbox{
padding:  0px 10px 10px 10px;
font-size: 11px;
}
#kontaktbox p{
padding-bottom: 10px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 0px;	
}
#kontaktbox .videobox p{
line-height: 14px;	
}
#kontaktbox strong{
color: #777;
}
#kontaktbox .more_links{
padding-bottom: 0px;
}
#kontaktbox .bottom_box{/* Aktualiesierung */
position: absolute;
bottom: 10px;
font-size: 10px;
color: Gray;
}
/* ------------------------------------------------------------ */
/* PROFILECARD    VIDEOS  */ 
/* ------------------------------------------------------------ */
#profilecard .videobox{
width: auto;
display:inline;/* ie6-fix */
padding-bottom: 10px;	
}
#fotobox .videobox{
float: left;
margin: 0 0 0 11px;
}
#profilbox .videobox, #vitabox .videobox, #kontaktbox .videobox{
float: right;
margin: 0 0 0 0;
width: 250px;
}
/* einzelne filme */
#profilecard .videobox ul{
width: auto;
}
/* einzelne videozeile für playerelemente */
#profilecard .videobox ul li{
padding:3px 0 0 0;
float:left;
width:40px;
display: block;
display:inline;/* ie6-fix */
}
/* erste box für Videokategorieen */
#profilecard .videobox ul li.video_kateg{
padding:6px 0 0 0;
width: 120px;
margin: 0 10px 0 0;
clear: both;
}
#profilecard .videobox p{
font-size: 11px;
margin: 0px;
padding-bottom: 5px; 
}
#profilecard .videobox p b{
color: #777;
}
/* ------------------------------------------------------------ */
/*ENDE PROFILECARD  */
/* ------------------------------------------------------------ */
/*

/* ------------------------------------------------------------ */
/* WEBCASTINGCARD HEADER     WCC      */
/* ------------------------------------------------------------ */
#wcc {
background-image: url(../img/back_wcc_header.png);
background-position: top left;
background-repeat: repeat-x;
}
#wcc_left #win_header{
margin-bottom: 10px;
height:20px;
margin-top:0px;
}
/* ------------------------------------------------------------ */
/* CONTENT WEBCASTINGCARD WEBCASTINGCARD */
/* ------------------------------------------------------------ */
#wcc_left{
display:inline;
float:left;
overflow:hidden;
position:relative;
width:340px;
}
#wcc_middle{
margin-top: 25px;
margin-left:10px;
display:block;
float:left;
position:relative;
width:25px;
}
#wcc_right{
display:inline;
float:left;
position:relative;
text-align:right;
width:150px;
}
/* ------------------------------------------------------------ */
/* REITER LÖSUNG FÜR AGENTUREN UND VIDEOS */
/* ------------------------------------------------------------ */
#wcc_left .agencies_headline{
margin-left: 10px;
margin-bottom: 5px;
margin-top: 10px;
font-weight: normal;
color: #999;
text-transform: uppercase;
font-weight: bold;
}
#wcc_left #agencies{
color: #000;
width:330px;
margin-left: 10px;
margin-bottom: 5px;
}
#wcc_left #agencies img{
display: inline;
margin:0px 0px 5px 10px;
vertical-align: middle;
}
#wcc_left .tabbox_body{
margin:2px 0px 0px 10px;
color: #000000;
padding: 5px 5px 0px 5px;
background-color: #F3F1E0;
}
#wcc_left .tabbox_body p{
padding-bottom: 6px;
}
/*
speziell für videos ++++++++++++++++++++++++++++++
*/
#wcc_left .videos_headline{
margin-left: 10px;
font-weight: normal;
color: #999;
text-transform: uppercase;
margin-top: 10px;
font-weight: bold;
}
#wcc_left #videobox{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
width: 330px;
margin-top: 5px;
margin-left: 10px;
border-top: dotted 1px #CCC;
border-bottom: dotted 1px #CCC;
}
#wcc_left #videobox_1video{
padding: 5px 0px 5px 0px;
width: 330px;
margin-top: 5px;
margin-left: 10px;
border-top: dotted 1px #CCC;
border-bottom: dotted 1px #CCC;
}
#wcc_left #video_buttons{
padding: 5px 0px 0px 0px;
margin: 0px 20px 0px auto;
}
#wcc_left .videos{
border-right: dotted 1px #CCCCCC;
padding: 0px 20px 6px 20px;
margin-top: 5px;
text-align: center;
}
#wcc_left .videos_1video{
width: 120px;
padding: 0px 0px 0px 10px;
margin-top: 5px;
}
#wcc_left .videos img, 
#wcc_left .videos_1video img{
text-align: center;
vertical-align: middle; 
}
#wcc_left .videos_1video a.play, 
#wcc_left .videos a.play{
margin-right: 10px;
display: block;
float: left;
}
/* ------------------------------------------------------------ */
/* WCC RIGHT */
/* ------------------------------------------------------------ */
/*
textformatierungen ++++++++++++++++++++++++++++++
*/
#wcc_left p{
margin-left:10px;  /*  überschreibt allgemeines p - deshalb nötig */
}
#wcc_right p{
color:#C6C2AA;
float:right;
margin-bottom:0px;/* überschreibt allgemeines p - deshalb nötig */
}
#wcc_left h1{
color:#CC6600;
font:normal normal bold 1.7em/1.6em Verdana,Geneva,Helvetica,sans-serif;
margin-bottom:0px;
margin-left:10px;
margin-right:20px;
text-transform:none;
}
/*
imgformatierungen ++++++++++++++++++++++++++++++
*/
#wcc_middle a{
margin-right:5px;
margin-top:5px;
}
#wcc_right img{
display:block;
float:left;
margin-top:4px;
border: 2px solid white;
}
#wcc_left img{
display:block;
margin-bottom:2px;
margin-left:10px;
margin-right:10px;
padding-top: 4px;
}
/* ------------------------------------------------------------ */
/*ENDE   WCC  */
/* ------------------------------------------------------------ */
/*

/*
listen in den bars ????++++++++++++++++++++++++++++++
*/
#win_header_help ul{
display:inline;
float:left;
height:20px;
list-style-type:none;
width:100%;
}
#win_header_help li{
display:inline;
float:left;
height:17px;
margin-left:10px;
margin-top:3px;
position:relative;/* fix */
}
/*
rechter contentbereich im hilfefenster ++++++++++++++++++++++++++++++
*/  
#help_rightbox{
border:1px #FF0000 dotted;
float:left;
height:100%;
width:510px;
}