﻿/*Linkfarbe footer*/
.footerv2 a.HeaderDesign {}

/*topmenu oben*/
ul.topmenu li a.level1 span {color:#fff;}
/*midmenu mitte */
div#midmenu a.level1, div#midmenu span.active {color: #fff;}


/*thumbs für vorschaubilder der startseite*/

/*treeview v3*/
.accordion_top {background:url(tree_top.png) no-repeat;height:15px;width:205px;}
.accordion_bottom {background:url(tree_bottom.png);height:20px;width:205px;}
.accordion_main {background:url(tree_border.png) repeat-y;width:205px;}

/*schriftfarbe treeview*/
.accordion span, .accordion a {color:#000;}

dl.accordion dt, .accordion dd dl dt, .accordion_main .search {border-bottom:solid 1px #b0b0b0;}  /* Farben der Trennlinien im Tree   */

/*Ausrichten des Startseiten Videos*/
#player1 {margin-left:-4px;}

/*videobox links*/
/*schriftfarbe treeview v3*/
.video5vframe, .video5vframe li a, .video5vframe p a, #carousel1 a {color:#fff;}

/*schriftfarbe videobox unterhalb video*/
 #carousel li a {color:#000;}

/*schriftfarbe videobox rechts*/
.containercontent_v3:hover {background-color:#01267E;} /* Move-Over Farbe der Videolistenboxen auf der Startseite  */


/*v3 sender */
.VideoCaption {color:#fff;} /* Überschrift des Videos im Videodetail + wird auch bei den Maps verwendet */
.VideoCaption div a {color:#fff;} /* Farbe des HyperlinksÜberschrift des Videos im Videodetail */

/* Videolist Pager basis */
table.Pager td.navigation_disabled, table.Pager td.navigation_enabled, table.Pager {
	border:0;
	background-color:transparent;
	color:#fff;
}
table.Pager {}	
/* ausgewählte seite */
table.Pager td.navigation_disabled .Selected {font-weight:bold;color:#C7BE47;}	

/* verfügbare schaltfläche vor/zurück */
table.Pager td.navigation_enabled {color:#fff;}
/*inaktive schaltfläche vor/zurück */
table.Pager td.navigation_disabled {color:#999999;}
/* vor/zurückbutton */
table.Pager td.nextbutton {padding-left:5px;}
table.Pager td.backbutton {padding-right:5px;}

/*zeilenwiederholung listen richard*/
td.listeneintrag2n {background-color:transparent;}
td.listeneintrag2a {background-color:transparent;}

/* marquee (laufschrift oben im banner) */
#announcements_v3 marquee,#announcements_v3 marquee a {color:#fff;}

#menuebox {background: transparent url();} /*  Hintergrund der Menüleiste des SENDERS = Mittlere Menüleiste    */

/* Hintergrund für Dropdown der Sender-Menüleiste ist im Sender mit dem Namen: menu_dropdown_bg.png oder gif für IE6   */
/* "Fancy" - Slidebalken der mitscrollt - im Sender mit Namen: menu_fancy_m.png oder gif.. _M = mitte , _l = left, _r = right   */
/*Seperator/Trennlinie für mittlere Menü zwischen den Menueinträgen: Datei im Sender: menu_level1_item.gif  */
/*Seperator für ausklappbare Menü ---> können in der Hintergrundgrafik eingebaut werden */

.header {
	background: url("midtop.jpg"); /* Hintergrundgrafik für den oberen Bereich - wird soundso hochgeladen */
}

.container 
{

	background: transparent url("midmain.jpg") repeat-y; /* Hintergrundgrafik in der Mitte, die sich wiederholt */
}

.container_wrapper,.wrap_c11_breadcrump {		/*mittlere Bereich des hauptlayouts */
	background: url("midwrapper.jpg") top center no-repeat;
}

.wrap_c00 {background: url("midwrapper.jpg") top center no-repeat;}
.wrap_c10 {background: url("midwrapper.jpg") top center no-repeat;}
.wrap_c01 {background: url("midwrapper.jpg") top center no-repeat;}
.wrap_c11 {background: url("midwrapper.jpg") 0 16px no-repeat;}

.footer {background: #000 url("midfooter.jpg") no-repeat;} /* footer */


table.contentlist {background:transparent;z-index:0;border:0;}		/* Hauptvideoliste, Standardhintergrundfarbe */
table.contentlist:hover {background-color:#B8BAC0;border:0;}		/* Hover Effekt bei Hauptvideoliste */


/*######################################################################*/
/*HINTERGRUND*/
body		/* Hauptlayout, Hauptdefinitionen, Schriften (ohne Hyperlinks),Schriftfaree,...*/
{
    /*Schrift*/
    /*font: normal 62.5% "Trebuchet MS",sans-serif;*/
    font-family:Verdana;
    font-size: 11px;
    color: Black;
    
    /*Background*/
	background-color:#000;
    
    /*Sonstiges*/
    margin: 0px;
}
/*######################################################################*/
/*Header*/
.HeaderDesign		/* definiert bereiche (tabellen) mit standards in sachen schrift, bild, größe, farbe */
{   
    font-family:Verdana;
    font-size: 11px;
    margin:0px;     
    
    color:#CFCFCF;
	text-decoration:none;
}

a.HeaderDesign {color:#fff;}		/* link, oben (topmenü, midmenu, footer, also ausserhalb des eigentlichen Inhaltes) */
a.HeaderDesign:hover {text-decoration:none;}	/* hover effekt */

div#topmenu li.level1:hover
{
	background-color:#173D6A;
}

/*.containercontentbigbox {background-color:#000;}*/
/*a.Menu_Header {color:#fff;}*/
/*a.breadcrump {color:#fff;background-color:transparent;}  gibts nicht mehr in v3! */


a.Link, .Link {color:#000;text-decoration:none;}	/* Links in der Beitragsplanung, Videoedit, UND Link in der Hauptvideoliste zum Broadcaster */
a {color:#000;text-decoration:none;}		/* Grundlayout von Hyperlinks */
.videodetailtabcaption a, #tabn2 a.Link, #tabn1 a.Link {color:#000;text-decoration:none;} /* Videodetailseite: Überschriftenfarbe des Tabs Beschreibung und Einbinden */
.videodetaildescription_n {} /*Beschreibungstext des Videodetail und des Embed Codes */
.vdnsel a, .vdsel a {color:#000;text-decoration:none;}	/*tabs selectiert und nicht selektiert*/

.contentlist {color:#000;}

a.LinkDesign {	/* links in videolisten, Seitenmenü */
    font-family:Verdana;
    font-size: 11px;
    color: #000;
}
.videothumbdescription {color:#000;}		/*beschreibung in der hauptvideoliste */

/*##########################################################*/
/*Menu*/
/*######################################################################*/
/*BUTTONS*/
.ButtonDesign		/*grundlayout von Schaltflächen, Buttons */
{
    background-color: #fff;
    border: solid 1px #5B85B3;

    color: #555;
    font-size: 11px;
    font-family:Verdana;

    height: 1.45em;
    padding-top: 1px;
    padding-bottom:1px;
    padding-left: 10px;
    padding-right:10px;
    
    background-image: url(../../images/theme1/search_bg.png);
    background-repeat: repeat-x;
    cursor:pointer;
    
}
/*######################################################################*/
/*Link DESIGN*/

/*######################################################################*/
/*LISTEN TABELLEN DESIGN*/
.TableDesign		/* map, adminbereich, seitenmenüs, einschaltung admin, */
{
    font-family:Verdana;
    font-size: 12px;
    color: #555;

    padding: 0px;
    padding-bottom:4px;
    /*background-color:#FFFFFF;*/
    
    margin-left:3px;
    margin-right:3px;
}

.TableHeader
{    
    border-bottom-color:White;
    border-bottom-style:groove;
    border-bottom-width:medium;
    color: #000;
    font-size: 11px;
    font-family:Verdana;
    font-weight:bolder;

    height: 20px;
    padding-top:4px;
    padding-left:5px;
    
}
/*######################################################################*/
/*LISTEN DESIGN*/
.ListSelect
{  
    font-weight:bold;
    
    color:#0066FF;
    font-family:Verdana;
    font-size: 11px;
    height: 1.45em;
    padding-left: 5px;      
}
.ListSelect2
{  
    font-weight:bold;
    
    color:#fff;
    font-family:Verdana;
    font-size: 11px;
    height: 1.35em;
    padding-left: 10px;      
}
.List1
{  
    font-weight:bold;
    font-family:Verdana;
    font-size: 11px;
    
    height: 1.45em;
    padding-left: 5px;      
	color:#000;
}
.List1a
{  
    font-weight:bold;
    font-family:Verdana;
    font-size: 11px;
    
    background-color:#F5F5F5;
    
    height: 1.45em;
    padding-left: 5px;      
}
.List2
{  
    font-family:Verdana;
    font-size: 11px;
    height: 1.35em;
    padding-left: 10px;      
	color:#000;
}

/* definition black.css */

.top {
	padding: 0px 0 0 0;
}

.navigation {	
	padding: 0 20px 0px;
}

.navigation a
 {
	border-right: 0px solid #AFBEC7;
	display: block;
	float: left;
	font: normal 0.9em "Trebuchet MS",sans-serif;
	line-height: 33px;
	text-decoration: none;
	width:75px;
	text-align:center;
}

.List2 a, .List1 a, .TableDesign a { color:#000}

.videothumbheader a {color:#464646}
.videothumbsortheader a.LinkSpecial {color:#000}

.dropdown a.HeaderDesign {color:#000;}
body
{
	/*background-image: url(mainbg.jpg);*/
    /*Schrift*/
    /*font: normal 62.5% "Trebuchet MS",sans-serif;*/
	background: url(mainbg.jpg) top center repeat-x;
	background-color:#000;
}
/*######################################################################*/

.main {
	border-top: 4px solid #FFF;
	padding: 0 20px 20px;
}

td.List1 {color: #000000;}


.header_breadcrump, .header_breadcrump a
{
    min-height:10px;
	padding: 0px 0px 0px 17px;
	margin-left:3px;
	width:964px;
	color:#fff;
}

/*videoserien hintergrundbild*/
.contentthumb {background-color:transparent;}

/*Inhalte innerhalb der Video Detail ansicht*/
/*.videodetailtable, .videodetailtable a {color:#000;}*/

/*######################################################################*/

/* ---------------------------------------------------------------------- */
div.content_block0{
	float: left;

	margin-top: 2%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	color:#000;
	width:95%;
}


div.content_block1{
	float: left;

	margin-top: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	width:45%;
}

div.content_block2{
	float: right;

	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;

	width:45%;
}

div.content_0{
	padding-left: 10px;
	padding-right: 10px;

	padding-top: 5px;
	padding-bottom: 20px;

	text-align:left;
	
	border-color: #969696;
	border-style: solid;
	border-width: 1px;
	/* border-bottom: thin black solid; */
	
	background-color: #EBEDEF;
}


div.content_1{
	padding-left: 10px;
	padding-right: 10px;

	padding-top: 5px;
	padding-bottom: 20px;

	text-align:left;
	
	border-top-color: #007DD2;
	border-top-style: solid;
	border-top-width: 3px;
	
	border-left-color: #969696;
	border-left-style: solid;
	border-left-width: 1px;
	
	border-right-color: #969696;
	border-right-style: solid;
	border-right-width: 1px;

	/* border-bottom: thin black solid; */
	
	background-color: #EBEDEF;
}

div.content_2{
	clear:left;
	padding-left: 10px;
	padding-right: 10px;
	
	padding-bottom: 20px;
		
	background-color: #EBEDEF;
	
	border-left-color: #969696;
	border-left-style: solid;
	border-left-width: 1px;
	
	border-right-color: #969696;
	border-right-style: solid;
	border-right-width: 1px;

	border-bottom-color: #969696;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color:#000;

}

/* ---------------------------------------------------------------------- */
div.content_head{
	background-color: #AABBD7;
	/* color: #4D4D4D; */
	font-size: 14px;
	text-align: left;
	width:98%;
	
	height:25px;
	
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 4px;
	
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 3px;
	color:#000;
}

div.content_foot{
	clear:left;
	background-color: #AABBD7;
	/* color: #4D4D4D; */
	font-size: 25px;
	text-align: left;
	
	height:15px;
	padding-left: 4px;
	
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
/* ---------------------------------------------------------------------- */
hr.line{
	margin-left: 10px;
	margin-right: 10px;
	border-color: #969696;
}

p.content_text{
	margin-top: 15px;
	padding-left: 50px;
	font-weight: bold;
	color:#000;
}
/* ---------------------------------------------------------------------- */
/* Seitliche Navigation */

ul.nav_menu
{
    background-color: #EBEDEF;
    color: #4D4D4D;
    
    margin-left: 8px;
    margin-right: 0px;
    margin-top: 15px;
    padding:0px;
    padding-top: 7px;
    /* padding-right: 10px; */
    
    border: solid 1px #969696;
}

ul.nav_menu li
{
    padding-bottom: 5px;
    list-style: none;
}

ul.nav_menu li.menu1
{
    /*
    background-color: #AABBD7;
    border-top: solid 3px #000000;
    border-bottom: solid 1px #969696;
    */
    
    font-size:14px;
    font-weight:bold;
    
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 3px;
    /*
    margin-top: 7px;
    margin-left: 5px;
    margin-bottom: 3px;
    */
    
    /*
    list-style-image: url(list.png);
    list-style-position:inside;
    */
}

ul.nav_menu li.menu2
{
    padding-left:35px;
    
    margin-left: 10px;
    padding-left: 6px;
    
    list-style-type:circle;
    list-style-position:inside;
}

ul.nav_menu li.menu3
{
    padding-bottom: 5px;
    padding-left:15px;
    list-style: none;
}

ul.nav_menu li.menu_enabled
{
    padding-bottom: 5px;
    padding-left:15px;
    list-style-type: none;
    list-style-image: url(http://www.yoovis.tv/images/icons/list/gruen.gif);
    list-style-position:inside;
}

ul.nav_menu li.menu_disabled
{
    padding-bottom: 5px;
    padding-left:15px;
    list-style-type: none;
    list-style-image: url(http://www.yoovis.tv/images/icons/list/rot.gif);
    list-style-position:inside;
}

ul.nav_menu hr
{
    height: 1px;
    
    border: none;
    background-color: #969696; /* FF using*/
    color: #969696; /* IE using*/
    
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    
    padding: 0px;
}
/* ---------------------------------------------------------------------- */
/* Tabelle */
table.TableDesign th
{
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 4px;
    margin-bottom: 2px;
    
    border-bottom-style: solid;
    border-bottom-color: #969696;
    border-bottom-width: 2px;
    
    font-weight: bold;
    text-align: left;
}

table.TableDesign td
{
    padding-top: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
}

table.TableDesign tr:hover
{
    background-color: #D7D7D7;
    padding-left: 4px;
    margin-bottom: 2px;
}

table.TableDesign tr.noHover:hover
{
	background-color: transparent;
}
/* ---------------------------------------------------------------------- */
/* Eingabefelder */
input.default{
	border-width: 1px;
	border-color: #969696;
	border-style: solid;
	
	padding-left:2px;
	
	width: 160px;
}

select.default{
	border-width: 1px;
	border-color: #969696;
	border-style: solid;
	
	height: 20px;
	width: 162px;
	
	padding-left:2px;
}

textarea.default{
	border-width: 1px;
	border-color: #969696;
	border-style: solid;
	
	width: 160px;
	
	padding-left:2px;
}

input.readonly{
	background-color: #C2C2C2;
}
textarea.readonly{
	background-color: #C2C2C2;
}
/* ---------------------------------------------------------------------- */
/* Buttons */
a.defaultButton
{
    border: 1px solid #969696;	
	-webkit-border-radius: 10px; /* runde Ecken am Safari */
    -moz-border-radius: 10px; /* runde Ecken am Firefox & Co. */
    -o-border-radius: 10px; /* runde Ecken am Opera */
    border-radius: 10px;    /* Anmerkung: IE kann keine runden eken */
	
	background-color: #2670EB; /*Für alle Browser */
	background-image: url(../../cms/1574/button.jpg);

	padding-left: 12px;
	padding-right: 12px;
	
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	vertical-align:bottom;
	
	color: #DDF3FE;
	font-weight:bold;
}
a.defaultButton:hover{
	cursor:pointer;
	text-decoration:none;
	
	background-image: url(../../cms/1574/button-hover.jpg);
	color:White;
	background-color: #1859E3;
}

input.defaultButton
{
	border: 1px solid #969696;	
	-webkit-border-radius: 10px; /* runde Ecken am Safari */
    -moz-border-radius: 10px; /* runde Ecken am Firefox & Co. */
    -o-border-radius: 10px; /* runde Ecken am Opera */
    border-radius: 10px;    /* Anmerkung: IE kann keine runden eken */
	
	background-color: #2670EB; /*Für alle Browser */
	background-image: url(../../cms/1574/button.jpg);

	padding-left: 10px;
	padding-right: 10px;
	
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	vertical-align:bottom;
	
	color: #DDF3FE;
	font-weight:bold;
}

input.defaultButton:hover{
	cursor:pointer;
	
	background-image: url(../../cms/1574/button-hover.jpg);
	color:White;
	background-color: #1859E3;
}

input.tinyButton
{
	border: 1px solid #969696;	
	-webkit-border-radius: 10px; /* runde Ecken am Safari */
    -moz-border-radius: 10px; /* runde Ecken am Firefox & Co. */
    -o-border-radius: 10px; /* runde Ecken am Opera */
    border-radius: 10px;    /* Anmerkung: IE kann keine runden eken */
	
	background-color: #D0CFD4; /*Für alle Browser */

	padding-left: 10px;
	padding-right: 10px;
	
	padding-top: 0px;
	padding-bottom: 1px;
	margin: 0px;
	vertical-align:bottom;
	
	color:Black;
}

input.tinyButton:hover{
	cursor:pointer;
	
	color:Black;
	background-color: #C1C1C1;
}

/* ---------------------------------------------------------------------- */
/* Buttons: Größenanpassung */
.small
{
    font-size:11px;
}
.tiny
{
    font-size:9px;
}


a.HeaderDesign {
color:black;
}

/* ############################################################ */
/* Administrator Hintergrund */
/* ------------------------------------------------------------ */
.container_wrapper, .wrap_c11_breadcrump {
	background: none;
}

.header, .container, .footer {
	background:none;
}

body{
	background:url("images/background_mid.jpg") repeat-y center top #003A79;
}
div.background_top
{
	background:url("images/background_top.jpg") repeat-x center top transparent;
	width:100%;
}

/* ############################################################ */
/* v4 Changes */
/* ######################################################### */
/*v4 New Button Design */
a.yoovis_button
{
    height:36px;
    display:inline;
    clear:both;
    position:absolute;
    
    color:White;
    text-decoration:none;
}

a.yoovis_button span
{
    display:block;
    float:left;
    padding-top:5px;
    
}
a.yoovis_button span.center
{
    height:36px;
    background:url('http://www.yoovis.tv/channeltemplate/v4/images/yoovis_button_center.png') repeat-x top center transparent;
    padding-top:6px;
    padding-left:3px;
    padding-right:3px;
}
a.yoovis_button span.left
{
    background:url('http://www.yoovis.tv/channeltemplate/v4/images/yoovis_button_left.png') no-repeat top left transparent;
    height:36px;
    padding-left:10px;
}
a.yoovis_button span.right
{
    background:url('http://www.yoovis.tv/channeltemplate/v4/images/yoovis_button_right.png') no-repeat top right transparent;
    height:36px;
    width:10px;
}
/* ######################################################### */
/* v4 elements*/
div.box
{
    margin-bottom:20px;
    border:1px solid gray;
    -moz-border-radius:10px;
    width:96%;
}
div.box div.top
{
    background-color:#EBEDEF;
    background:url('http://www.yoovis.tv/channeltemplate/v4/images/box_top.png') repeat-x top center;
    font-weight:bold;
    font-size:16px;
    padding:5px;
    padding-left:10px;
    color:White;
    height:25px;
    
    border-bottom:1px solid gray;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
}
div.box div.content
{
    background-color:#FEFEFE;
    padding:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    width:auto;
    float:none;
}

div.box table
{
    border-collapse:collapse;
    border:1px solid gray;
    /*background:url('http://www.yoovis.tv/channeltemplate/v4/images/box_top.png') repeat-x top center;*/
    background:#2B598D;
}

div.box table th
{
    padding:3px;
    padding-left:5px;
    padding-right:5px;
    color:white;
}

div.box table td
{
    background-color:White;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
    vertical-align:middle;
}

h1.title
{
    text-align:center;
    font-size:18px;
    margin-bottom:10px;
}
