body {
	background-color:#111; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 16px; 
	color: #111; 
	font-weight: normal; 
	padding: 0px;
	margin: 0px;
}

td  {background-color:#111; font-size: 12px; color: #ccc; font-weight: normal; }
.header	{background-color:#111;}
.header_background	{background-color:#6f3; }
.field	{background-color:#111; line-height: 16px;}
.breaker	{background-color:#ccc;}
.menue-bg	{background-color:#111;}
.video_embed { 
	clear: both;
	margin-top: 15px; 
}
.logo {
	border: 0;
	margin: 0;
	padding: 0;
	width: 180px;
}

.logo img {
	border: 0;
	margin: 0;
	padding: 0;

}

.requiredNote {
	font-size: 11px;
	color: red;
}

.errorLabel {
	font-size: 12px;
	color: red;
}

A:link		{text-decoration: none; color: #6f3; font-weight: bold;}
A:active	{text-decoration: underline; color: #fff; font-weight: bold; }
A:visited	{text-decoration: none; color: #6f3; font-weight: bold;}
A:hover		{text-decoration: underline; color: #fff; font-weight: bold; }
A:focus		{text-decoration: underline; color: #fff; font-weight: bold; }


.header_logo:link, .header_logo:visited {
	width: 200px;
	height: 74px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	border: 0;
	background-image: url(grafik/kanalB_de_web.gif);
}

.header_logo:hover {
	background-image : url(grafik/kanalB_de_web_hover.gif);	
}


.menue { font-size: 12px; letter-spacing:0.1mm; color: #6f3; font-weight: bold;}
.title {color: #6f3; font-weight: bold; font-size: 14px;}
.titlebold { color: #6f3; font-weight: bold ; font-size: 14px;}
.title2 {color: #fff; font-weight: bold; font-size: 14px; letter-spacing:0.2mm;}
.title2bold { color: #fff; font-weight: bold; font-size: 14px;}
.title2medium {font-size: 12px; color: #fff; font-weight: bold; }
.title3 { color: #aaa; font-weight: bold; font-size: 14px;}
.title4 { 
	color: #6f3; 
	font-weight: bold; 
	font-size: 14px; 
	padding-left: 0;
	padding-right: 5px;
	line-height: 30px;
}

.title5 { color: #FFFF00; font-weight: bold; font-size: 14px; letter-spacing:0.2mm;}

.title6 { 
	color: #6f3; 
	font-weight: bold; 
	font-size: 14px; 
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16px;
	display: block;
}
.title7 {color: #fff; font-weight: bold; font-size: 15px; letter-spacing:0.2mm;}
.title8 { color: #aaa; font-weight: bold; font-size: 12px;}

.link { font-size: 12px; line-height: 16px; color: #6f3; font-weight: bold; text-decoration: none;}
.linkxsmall {  font-size: 12px; line-height: 16px; color: #6f3; font-weight: bold; }
.linkxxsmall { font-size: 10px; line-height: 12px; color: #6f3; font-weight: normal;}
.linkxxsmallwhite { font-size: 10px; color: #ccc; font-weight: bold; text-decoration: underline;}
.link2 {font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; text-decoration: none;}

.link3 { 
	font-size: 14px; 
	line-height: 16px; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
	display: block;
}

.link4 {  font-size: 12px; line-height: 16px; color: #6f3; font-weight: bold; text-decoration: none;}
.link5 {  font-size: 12px; line-height: 16px; color: #6f3; font-weight: bold; text-decoration: underline;}

.link6 { 
	font-size: 14px; 
	line-height: 16px; 
	color: #6f3; 
	font-weight: bold; 
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.link7 { 
	font-size: 14px; 
	line-height: 30px; 
	color: #6f3; 
	font-weight: bold; 
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.link8 { 
	padding: 0; margin: 0;
	font-size: 12px; 
	line-height: 16px; 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

.link_bar a:link, .link_bar a:visited { 
	font-size: 11px; 
	line-height: 18px; 
	color: #111; 
	font-weight: normal; 
	text-decoration: none;
	padding-left: 10px; 
	padding-right: 10px; 	
}

.link_bar a:hover { 
	color: #ccc; 
	display: block; 
	background-color: #333; 
	font-weight: normal; 
	text-decoration: none;
	padding-left: 10px; 
	padding-right: 10px; 	
}


.text { margin: 0; font-size: 12px; line-height: 18px; color: #ccc; font-weight: normal; }
.text2 { margin: 0; font-size: 11px; line-height: 18px; color: #111; font-weight: normal; text-decoration: none;}

.text p,
.text2 p { 
	margin: 0; 
}

.text_news { 
	font-size: 12px; 
	line-height: 16px; 
	color: #ccc; 
	font-weight: normal;
}

.news_item {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;	
	border-bottom: 1px solid #777;
}

.textbold { color: #fff; font-weight: bold; font-size: 12px; }
.textxxsmall { font-size: 10px; color: #ccc; font-weight: bold; }
.text2xsmall { font-size: 12px; font-weight: bold; color: #ccc; }
.text2xxsmall { font-size: 10px; font-weight: normal; color: #ccc; }
.text2xxsmallbold { font-size: 10px; font-weight: bold; color: #ccc; }
.text3 {  font-size: 12px; color: #6f3; font-weight: normal; }
.text3bold { font-size: 12px; color: #6f3; font-weight: bold; }
.text3medium { font-size: 12px; color: #6f3; font-weight: bold; }
.text3xxsmall {  font-size: 10px; color: #6f3; font-weight: normal; }
.text4bold {  color: #112211; font-weight: bold; font-size: 12px; }

.text_topic { 
	font-size: 12px; 
	line-height: 16px; 
	color: #fff; 
	font-weight: bold; 
	display: block;
	padding-left: 10px;
	padding-right: 10px;	
}

.decorationxsmall {  font-size: 12px; color: #6f3; font-weight: bold; }
.decoration2xsmall { font-size: 12px; color: #ddd; font-weight: bold; }
.decoration2xxsmall {  font-size: 10px; color: #ff3; font-weight: normal; }
.decoration3xsmall { font-size: 12px; color: #26BB00; font-weight: bold; }
.breadcrumb a:link, .breadcrumb a:visited { font-size: 12px; color: #ff3; font-weight: bold; }


.slogan {
	position: relative;
	font-size: 14px; 
	line-height: 16px; 
	color: #6f3; 
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 10px;
}

input,textarea,select,option,box{
	background-color:#111;
	font-weight: bold;
	color: #6f3;
	border: 1px solid #6f3;
}

input.menu, textarea.menu{
	border-color:#6f3;
	border-style:solid;
	border-width:1px;
	background-color:#111;
	color:#6f3;
	font-size:11px;
	cursor:pointer;
	padding-left: 5px;
}
.header_link{
	border-color:#6f3;
	border-style:solid;
	border-width:1px;
	background-color:#6f3;
	color:#000;
	font-size:11px;
}

st{
	font-weight:bold; 
	font-size:x-small; 
	color:#ccc; 
	text-align:left; 
	background-color:#115511; 
	border-width:0px; 
	border-color:#115511;
}

input.radio{
 background-color: #111; 
 color: #6f3;
 border: none;
}

input.button{
	border-color:#6f3;
	border-style:solid;
	border-width:1px;
	background-color:#112211;
	color:#6f3;
	font-size:12px;
	height: 17px;	
}


/* NAVI *************************** */
#navi, #navi form {
	margin: 0; 
	padding: 0;
}

* html #navi {  /* Korrektur fuer den IE */
	margin: 0; 
	padding: 0;
}

#navi a, #navi a:visited {
	font-family: Tahoma, Geneva, sans-serif; 		
	float: left;
	display: block;
	padding: 0;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0;
	margin-left: 8px;
	text-decoration: none; font-weight: bold;
	border: 1px solid #6F3;
	background-color: #111;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
}

#navi a:hover, #navi a:active, #navi a:focus  {
	color: #fff; background-color: #111;
	border: 1px solid #fff;
	
}

#navi a:link.active, #navi a:visited.active  {
	border: 1px solid #fff;
	color: #fff; 
}

#navi input.search, #navi select {
	float: left;
	font-family: Tahoma, Geneva, sans-serif; 	
	height: 17px;
}

#navi select {
	width: 105px;
	margin-left: 6px;	
	text-align: center;
	font-size: 11px;
	cursor:pointer;
}

#navi select:hover {
	border: 1px solid #fff;
	color: #fff; 
}

html:first-child>*+body #navi select {
	/* height: 18px; http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html */
}

#navi input.search {
	width: 110px;
	padding: 0;
	padding-left: 2px;
	margin: 0;
	margin-left: 10px;	
	font-size: 11px;
	border: 1px solid #6F3;
	color: #6F3;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;	
}

#navi select.active, #navi input.active {
	border: 1px solid #fff;
	color: #fff;
}

#navi input.search:hover {
	color: #fff;
	border: 1px solid #fff;
}
html:first-child>*+body input.search {

}

/* clip videoplayer with full info */

#videobox {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#flashplayer {
	padding: 0;
	margin: 0;
	width: 427px;
}

#flashplayer .placeholder a, #flashplayer .placeholder a:visited, #flashplayer .placeholder a:hover  {
	padding: 0;
	margin: 0;
	width: 427px;
	height: 355px; 
	background-color: #6f3;
	color: #111;
	text-align: center;
	line-height: 20px; 
	font-size: 14px;
	font-weight: bold;
	position: relative;
	float: left;
	display: block;
}

* html #flashplayer .placeholder a, * html #flashplayer .placeholder a:visited { /* Korrektur fuer den IE */
	height: 355px; 
	width: 420px;
	w\idth: 420px;
} 

/* flashplayer */
#videobox h4  {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-top: 15px;		
}	

#videobox .player {
	margin: 0;
	padding: 0;	
}	

#videobox .clip_box {
	padding: 0;
	margin: 0;
}


#videobox .clip_start_ut {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #111;	
	border: 1px solid #999;	
	width: 428px;	
	padding-bottom: 5px;
	padding-top: 5px;
}

#videobox .clip_start_ut.show_without_ut_only {
	border: 1px solid #999;	
}

#videobox a:link .show_without_ut_only,
#videobox a:visited .show_without_ut_only {
	color: #999;	
}


#videobox .clip_start_ut_header {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	color: #999;
	margin-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

#videobox .clip_start_ut_header img {
	margin: 0;
	padding: 0;	
	margin-left: 2px;
	margin-right: 2px;
}

#videobox .clip_start_ut a , #videobox .clip_start_ut a:visited  {
	margin: 0;
	padding: 0;	
	color: #999;	
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	padding-top: 5px;
	
}

#videobox .clip_start_ut a:hover {
	color: #fff;	
	font-weight: bold;	
}

#videobox h1 {
	font-family: Arial, Verdana, sans-serif; 	
	position: relative;
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	color: #fff;
	padding: 0;
	margin: 0;
	margin-top: 0;
	margin-left: 10px;
	display: block;
	width: 420px;
}

#videobox .extra_info {
	color: #777;
}

#videobox p {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #eee;	
} 


#videobox .text_title {
	position: relative;
	float: left;
	color: #ccc;
	font-weight: normal;
	font-size: 12px;
	position: relative;
	float: left;
	line-height: 20px;
	width: 420px;
	margin-left: 10px;		
}

#videobox .desc {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
	width: 420px;	
	color: #ccc;	
}


#videobox .text_title_normal {
	font-weight: normal;
}

#videobox a, #videobox a:visited {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

#videobox a:hover, #videobox a:focus {
	color: #fff;
	text-decoration: underline;
}

#videobox h1 a:link,
#videobox h1 a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#videobox h1 a:hover {
	text-decoration: underline;
}

#videobox .desc a:link, 
#videobox .desc a:visited {
	color: #6f3;	
}
p#clip_links {
	margin: 0;
	padding: 0;
}

.tech_box {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}


.tech_links {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 15px;		
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	width: 194px;
}

.bg_link {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 0;
	padding-top: 4px;	
	padding-bottom: 4px;	
	text-align: center;
	border-bottom: solid 1px #999;
	color: #999;
	width: 194px;
}


#videobox .bg_link a:link, 
#videobox bg_link a:visited {
	display: block;
	color: #999;
	text-align: center;
}

#videobox .bg_link a:hover {
	color: #fff;
}

.bg_link_spacer {
	position: relative;
	float: left;
	width: 6px;
}

.bg_link a:hover {
	color: #fff;
}

.tech_code {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	width: 196px;
}

.tech_code h5 {
	margin: 0;
	padding: 0;	
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
}

.tech_code input {
	margin: 0;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	margin-top: 4px;
	font-size: 8px;
	line-height: 14px;
	height: 20px;
	width: 196px;	
	color: #999;
	border: solid 1px #999;	
}

.tech_code input:hover {
	color: #fff;
	border: solid 1px #fff;	
}

.h5_lb_player .h5_lb_video {
	border: none;
}

.leanback-player-video {
	border: none;
	margin-left:10px;
	margin-top: 15px;
	margin-bottom: 1em;
}

.h5_lb_smallscreen {
	position: relative;
	text-align: center;
}

.h5_lb_controls {
	margin-left: -1px;
}

.h5_lb_player .h5_lb_subtitles .plain {
	bottom: 12% !important;
}

.leanback-video-id0_subtitle_content {
	background-color: rgba(0, 0, 0, 0.9);
}

.h5_lb_fullscreen .h5_lb_controls {
	bottom: 18px;
}	

.h5_lb_controls div.h5_lb_progress_control .progress_bar_played {
	background: #6f3;
}

.h5_lb_controls div.h5_lb_subtitle_control div.subtitle_nav {
	width: 100px;	
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div.is {
	background: #6f3;
}

.h5_lb_mute div:nth-child(1).is {
	background: #6f3;
}
.h5_lb_mute div:nth-child(2).is {
	background: #6f3;
}
.h5_lb_mute div:nth-child(3).is {
	background: #6f3;
}
.h5_lb_mute div:nth-child(4).is {
	background: #6f3;
}
.h5_lb_controls div.h5_lb_fullscreen_control div.h5_lb_fullscreen_control_fs2 {
	background: #6f3;
}