@charset "utf-8";
/* CSS Document */

* {margin:0px;padding:0px;}
form, input, ul, li {margin:0px;padding:0px;}
form, input {color:#333;}
.noborder {
	margin:0;
}

.nopadding {
	padding-bottom:0em;
}

a.external-link,
a.external-link:link,
a.external-link:visited {
    color: #333;
    padding: 0 0 0 0;
	text-decoration:underline;
	position:relative;
}

a.external-link:hover, 
a.external-link:active, 
a.external-link:focus {
    color: #000;
		text-decoration:none;
}

span.link-span {
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

div.ivw {
	position:absolute;
	left:-9999px;
	top:-9999px;
	height:1%;
}

span.ext-icon {
    background: url(../img/ext-link-icon.gif) no-repeat 0px 0px;
		position:relative;
		left:0px;
		top:2px;
		padding-right:20px;
		padding-bottom:11px;
} 

* html a.external-link:link,
* html a.external-link:visited {
    padding: 0 0 0 20px;
}

* html span.ext-icon {
		position:absolute;
}

.img-small-icon {
 width:0.875em;
 height:0.625em;
}

.img-big-icon {
	width:1.875em;
 height:0.625em;
}

.img-huge-icon {
	width:3.25em;
 height:0.625em;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

body {
	text-align: center; /* center all elemnts inside body*/
	margin: 0px; /* setting top and bottom margin */
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background: #97989C url(../img/hinter_k.jpg) repeat-x left top;
	color: #333;
	}

optgroup {
	background-color:#EEE;
	font-style: normal;
}
option {background-color:#FFF;padding-left:1em;font-style: normal;}
.no-margin {margin:0px;}

img{border:0px;}
ul,li,dl,dt,dd {list-style-type:none;margin:0px;padding:0px;}

.f07 {font-size:0.4375em;}
.f07b {font-size:0.4375em;font-weight:bold;}
.f08 {font-size:0.5em;}
.f08b {font-size:0.5em;font-weight:bold;}
.f09 {font-size:0.5625em;}
.f09b {font-size:0.5625em;font-weight:bold;}
.f10 {font-size:0.625em;}
.f10b {font-size:0.625em;font-weight:bold;}
.f11 {font-size:0.6875em;}
.f11b {font-size:0.6875em;font-weight:bold;}
.f12 {font-size:0.75em;}
.f12b {font-size:0.75em;font-weight:bold;}
.f12yellow {
	font-size:0.75em;
	color:#e9c622;
}
.f12yellowb {font-size:0.75em;color:#e9c622;font-weight:bold;}
.f13 {font-size:0.8125em;}
.f13b {font-size:0.8125em;font-weight:bold;}
.f14 {font-size:0.875em;}
.f14b {font-size:0.875em;font-weight:bold;}
.f15 {font-size:0.9375em;}
.f15b {font-size:0.9375em;font-weight:bold;}
.f16 {font-size:1em;}
.f16b {font-size:1em;font-weight:bold;}
.f17 {font-size:1.0625em;}
.f17b {font-size:1.0625em;font-weight:bold;}
.f18 {font-size:1.125em;}
.f18b {font-size:1.125em;font-weight:bold;}
.f19 {font-size:1.1875em;}
.f19b {font-size:1.1875em;font-weight:bold;}
.f20 {font-size:1.25em;}
.f20b {font-size:1.25em;font-weight:bold;}
.yellow {color:#e9c622;}
.link-label {color:#e9c622;}
.grey {color:#888;}
.gray {color:#888;}

.clear{clear:both;}
.clear1{clear:both;height:1px;font-size:1px;display:block;line-height:1px;}
.clear2{clear:both;height:1px;font-size:1px;background:#FFF;}
.clear4{clear:both;height:0.25em;font-size:4px;}
.clear5{clear:both;height:0.35em;font-size:4px;}
.clear10{clear:both;height:8px;font-size:8px;}

.hidden, .invisible {display:none;}
.jumpfix {position:fixed;}

.image-right{float:right;padding-left:0.3125em;padding-bottom:0.3125em;}
.image-left{float:left;padding-right:0.3125em;padding-bottom:0.3125em;}

a {text-decoration:none;color:#333;}
a:hover, a:active, a:focus{text-decoration:underline;color:#333;}

.img-topraklogo-top {
	width:150px;
	height:55px;
}

.img-tipp {
	width:1.875em;
	height:0.625em;
	font-size:100%;
}

#epg-full-week td img.img-tipp {
	width:1.875em;
	height:0.625em;
	font-size:145%;
}

#master-back {
	background: url(../img/hinter_o.jpg) repeat-x left top;
	text-align: center;
/*	width:956px;*/
}

#master-center{
	width:956px;
	margin:0px auto;
}

.header-image {
	position:absolute;
	left: 394px;
	top: 7px;
}

#header-top {height:4.625em;position:relative;}
#header-top .topnav {font-size:0.6875em;float:right;margin-top:0.9375em;}
#header-top .topnav li {display:inline;margin-right:1.1em;}
#header-top .topnav li a{color:#FFF;}

#header-nav .mainnav {float:left;width:956px;}

#header-nav .mainnav li {list-style-type:none;float:left;padding-right:0.0625em;}
#header-nav .mainnav li a{
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:0.125em 0.75em 0.0625em 0.75em;
	display:block;
	float:left;
	height:1.0625em;
}

#header-nav .rightnav {
	float:right;
	height:1.25em;
}
#header-nav .rightnav li{
	list-style-type:none;
	float:left;
	padding-right:0.0625em;
}

#header-nav .rightnav li a{
	background: url(../img/butt_top_white_l.gif) no-repeat left top;
	color:#333;
	height:1em;
	padding-bottom:0.0625em;
	padding-top:0.1875em;
	display:block;
	text-align:center;
	padding-left:0.75em;
	padding-right:0.75em;
	float:left;
}

#header-nav a.mediathek,#header-nav a.mediathek:visited,#header-nav a.mediathek:active,#header-nav a.mediathek:link,#header-nav a.mediathek:hover{
	background: url(../img/butt_top_white_l.gif) no-repeat left top;
	color:#333;
	height:1em;
	padding-bottom:0.0625em;
	padding-top:0.1875em;
	display:block;
	text-align:center;
	padding-left:0.75em;
	padding-right:0.75em;
	float:left;
	font-weight:normal;
}

/*#header-nav a.mediatheksecili,#header-nav a.mediatheksecili:visited,#header-nav a.mediatheksecili:active,#header-nav a.mediatheksecili:link,#header-nav a.mediatheksecili:hover{
	background:url(../img/butt_top_white_r-lo.gif) no-repeat left top;
	color:#333;
	height:1em;
	padding-bottom:0.0625em;
	padding-top:0.1875em;
	display:block;
	text-align:center;
	padding-left:0.75em;
	padding-right:0.75em;
	float:left;
	font-weight:normal;
}*/

#mediatheksecili{
	background:url(../img/butt_top_white_r-lo.gif) no-repeat left top;
	color:#333;
	height:1em;
	padding-bottom:0.0625em;
	padding-top:0.1875em;
	display:block;
	text-align:center;
	padding-left:0.75em;
	padding-right:0.75em;
	float:left;
	font-weight:normal;
}

a.mediatheksecili{
	background:url(../img/butt_top_white_r-lo.gif) no-repeat left top;
	color:#333;
	height:1em;
	padding-bottom:0.0625em;
	padding-top:0.1875em;
	display:block;
	text-align:center;
	padding-left:0.75em;
	padding-right:0.75em;
	float:left;
	font-weight:normal;
}

#header-nav a.inhalt,#header-nav a.inhalt:visited,#header-nav a.inhalt:active,#header-nav a.inhalt:link,#header-nav a.inhalt:hover {
	background: url(../img/butt_top_white_h.gif) repeat-x left top;
	color:#333;
	height:1em;
	padding-bottom:0.0625em;
	padding-top:0.1875em;
	display:block;
	text-align:center;
	padding-left:0.75em;
	padding-right:0.75em;
	float:left;
	font-weight:normal;
}

#header-nav .header-search {
	background: url(../img/butt_top_white_r.gif) no-repeat right top;
	width:11.375em;
	color:#333333;
	height:1.1em;
	text-align:center;
	margin:0;
	padding:0;
	height:1.0625em;
	padding-top:0.1875em;
}

#header-nav .header-search label {
	font-size:0.6875em;
	display:block;
	float:left;
	padding-right:0.325em;
	padding-left:1em;
}

#header-nav .header-search .input-search {
	border:0.0625em solid #7E7E7E;
	font-size:0.6em;
	display:block;
	float:left;
	width:11em;
	padding-left:0.25em;
}

#header-nav .header-search .input-button {
	width:0.4375em;
	height:0.5625em;
	padding-left:0.8em;
	padding-top:0.2em;
	font-size:100%;
	display:block;
	float:left;
}

#header-breadcrumb{
	clear:both;
	background:#e9c622;
	height:1.0625em;
	text-align:left;
	padding-top:0.1875em;
	padding-left:0.8125em;
}

#header-breadcrumb li{
	float:left;
	color:#FFF;
	font-size: 0.7em;
}

#header-breadcrumb li a{
	color:#FFF;
	height:1.0625em;
}

#header-breadcrumb li a:hover{
	text-decoration:underline;
}

#header-breadcrumb .date{
	float:right;
	font-size:0.6875em;
	color:#FFF;
	padding-right:1em;
}

#header-breadcrumb2{
	clear:both;
	background:#adadad;
	height:1.0625em;
	text-align:left;
	padding-top:0.1875em;
	padding-left:0.8125em;
}

#header-breadcrumb2 li{
	float:left;
	color:#FFF;
	font-size: 0.7em;
}

#header-breadcrumb2 li a{
	color:#FFF;
	height:1.0625em;
}

#header-breadcrumb2 li a:hover{
	text-decoration:underline;
}

#header-breadcrumb2 .date{
	float:right;
	font-size:0.6875em;
	color:#FFF;
	padding-right:1em;
}

.meta {
	padding-right:0.5em;
	padding-left:0.5em;
}

.clear24 {
	clear:both;
	height:1.5em;
}

.navi-column-content .navigation {
    list-style:none;
    padding-bottom:0.9375em;
}
 
.navi-column-content .navigation ul {
	background-color: #E8E8E8;
	border-bottom:none;
}

.navi-column-content .navigation li {
    padding:0 0.70em 0 0.55em;
}
 
.navi-column-content .navigation li li {
    padding:0 0 0 0.75em;
}
 
.navi-column-content .navigation li li li{
     padding:0 0 0 0.75em;
 }

.navi-column-content .navigation li a,
.navi-column-content .navigation li a:hover {
 	border:none;
    border-bottom:0.0625em solid #666666;
    background-image:url(../img/arrow_black_right.gif);
    background-repeat:no-repeat;
    background-position:0.1625em 0.4125em;
    padding:0.225em 0 0.2225em 0.75em;
    display:block;
    height:1%;
    color:#333;
    font-weight:bold;
}
 
.navi-column-content .navigation li.selected a,
.navi-column-content .navigation li.selected a:hover {
	border-top:0.0625em solid #666666;
	border-bottom:0.0625em solid #666666;
  background-color:#E8E8E8;
	background-image:url(../img/arrow_yellow_right.gif);
  background-repeat:no-repeat;
  background-position:0.6975em 0.4125em;
  padding:0.26875em 0 0.1875em 1.3125em;
	color:#e9c622;
	display:block;
	height:1%;
	font-weight:bold;
	margin-top:-0.0625em;
	margin-right:-0.70em;
	margin-left:-0.55em;
	width:100%;
 }
 
.navi-column-content .navigation li.selected-subnav {
	border-top:0.0625em solid #666666;
	border-bottom:0.0625em solid #666666;
  background-color:#E8E8E8;
	display:block;
	height:1%;
 }
 
.navi-column-content .navigation li.selected-subnav a,
.navi-column-content .navigation li.selected-subnav a:hover {
  background-color:#E8E8E8;
	background-image:url(../img/arrow_yellow_right_down.gif);
  background-repeat:no-repeat;
  background-position:0.0625em 0.5125em;
	padding:0.2125em 0 0.1875em 0.75em;
	color:#e9c622;
	display:block;
	height:1%;
	font-weight:bold;
	border:none;
	margin-left:0em;
 }
 
 
.navi-column-content .navigation li.second-level a,
.navi-column-content .navigation li.second-level a:hover {
		border:none;
    border-top:0.0625em solid #666666;
    background-image:url(../img/arrow_black_right.gif);
    background-repeat:no-repeat;
    background-position:0.125em 0.4125em;
    display:block;
    height:1%;
    color:#333;
    font-weight:bold;
		margin-bottom:0em;
		margin-right:0em;
		margin-left:0em;
		padding:0.16875em 0 0.1875em 0.75em;
 }
 
.navi-column-content .navigation li.first {
 	border-top:0.0625em solid #666;
 }
 
.navi-column-content .navigation li.first a,
.navi-column-content .navigation li.first a:hover {
 	border-top:none;
 }
 
 .navi-column-content .navigation li.second-level-selected a,
.navi-column-content .navigation li.second-level-selected a:hover {
		border:none;
    background-image:url(../img/arrow_yellow_right_down.gif);
    background-repeat:no-repeat;
    background-position:0em 0.5125em;
    display:block;
    height:1%;
    color:#e9c622;
    font-weight:bold;
		margin-bottom:0em;
		margin-right:0em;
		margin-left:0em;
		padding:0.16875em 0 0.1875em 0.75em;
 }
 
.navi-column-content .navigation li.third-level a,
.navi-column-content .navigation li.third-level a:hover {
		border:none;
    border-top:0.0625em solid #666666;
    background-image:url(../img/arrow_black_right.gif);
    background-repeat:no-repeat;
    background-position:0.125em 0.4125em;
    display:block;
    height:1%;
    color:#333;
    font-weight:bold;
		margin-bottom:0em;
		margin-right:0em;
		margin-left:0em;
		padding:0.16875em 0 0.1875em 0.75em;
 }
 
.navi-column-content .navigation li.third {
 	border-top:0.0625em solid #666;
 }
 
.navi-column-content .navigation li.third  a,
.navi-column-content .navigation li.third  a:hover {
 	border-top:none;
 }
 
 
.navi-column-content .navigation li.active a,
.navi-column-content .navigation li.active a:hover {
    background-image:url(../img/arrow_yellow_right.gif);
    color:#e9c622;
 }
 
.navi-column-content .navigation li.last a,
.navi-column-content .navigation li.last a:hover {
  border:none;
	padding-bottom:0.2875em;
}  

.navi-column-content .smallspacer {
   margin-bottom:0.25em;
}

.navi-column-content .bigspacer {
   margin-bottom:0.5em;
 }
 
 .flash-zs {
	position:absolute;
	right:0em;
	top:0em;
	width:10em;
	height:5.75em;
}

#header-sb-event .flash-zs  {
	position:absolute;
	right:0em;
	top:2.1875em;
	width:10em;
	height:7.1875em;
}

* html #header-sb-event .flash-zs  {
	top:2.3875em;
}

.flash-ticker {
	position:absolute;
	right:0px;
	bottom:0px;
	width:47.5em;
	height:1.625em;
}

* html .flash-ticker {
	bottom:2px;
}

.zs_ticker_1 {
	width:47.5em;
	height:1.625em;
}

.zs_torwand_event_1 {
	width:10em;
	height:7.1875em;
}

.zs_torwand_1 {
	width:10em;
	height:5.75em;
}
.zs_torwand_event_1_full {
	width:10em;
	height:8.75em;
}

.zs_torwand_1_full {
	width:10em;
	height:7.375em;
}

#gundem {
	width:235px;
	height:75px;
	background-image:url(/img/gundem.jpg);
	background-repeat:no-repeat;
	float:right;
}

.newsticker {
	list-style-type: none;
	border: 1px dashed #fff;
	background: #ffffff;
	padding: 3px;
	margin: 0;
	width:200px;
	float:right;
}

#img-shadow {
	background: url(../img/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 0px 10px 10px 5px;
}