@charset "UTF-8";
@import url(reset.css);


/* * * * * START: GLOBAL * * * * */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	margin: 13px 0 0 0;
	padding: 0;
	background: #000;
	text-align: center;
}
#wrapper {
	width: 970px; /* 5px zu gross für Win IE 6 */
	margin: 0 auto;
	text-align: left;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #FFF;
}
/* * * * * END: GLOBAL * * * * */


/* * * * * START: HEADER * * * * */
#header {
	padding: 0 0 13px 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x bottom;
}
div.hdivider {
	height: 1px;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x;
}
#logo {
	padding: 5px 0 14px 0;
	float: left;
	outline: none;
}
#logo a {
	outline: none;
}

#logo .print{
	display:none;
}
#tvstations {
	width: 516px;
	padding: 3px 0 0 0;
	float: left;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top;
}
#tvstations .StationTitle {
	height: 24px;
	float: left;
}
#tvstations .PrintViewBtn {
	float: right;
}
/* * * * * END: HEADER * * * * */


/* * * * * START: MAIN NAVIGATION * * * * */
#mainnav {
	height: 21px;
	padding: 9px 0;
}
#mainnav td {
	vertical-align: middle;
}
#searchbox {
	border-top: 4px solid #666;
	border-bottom: 4px solid #666;
	border-right:0;
	border-left:0;
	width: 100px;
	margin: 0 5px 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #666;
	color: #FFF;
}
/* * * * * END: MAIN NAVIGATION * * * * */


/* * * * * START: HOMEPAGE SPECIALS * * * * */
#wideCwrap {
	width: 820px;
	float: left;
}
/* Nächste Sendung */
#NS {
	width: 490px;
	height: 276px;
	padding: 0 0 0 9px;
	margin: 0 5px 0 0;
	background: url(/fileadmin/images/bg_broadcast.gif) no-repeat;
	float: left;
}
#NStext {
	font-size: 12px;
	width: 160px;
	height: 276px;
	padding: 0 5px 0 0 !important;
	float: left;
}
#NStext td {
	vertical-align: bottom;
}
/* Weitere Sendungen */
#WeitereSendungenWrap {
	width: 820px;
	padding: 15px 0;
}
.WS {
	width: 249px;
	margin: 0 10px 0 0;
	float: left;
}
.WS .imgContainer {
	padding: 0 0 0 9px;
	margin: 0 0 8px 0;
	background: url(/fileadmin/images/bg_broadcast_small.gif) no-repeat;
}
.WS h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.WS p {
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 14px;
}
/* weitere Elemente */
.Sendezeit {
	width: 142px;
	padding: 5px 0 0 0;
	margin: 0 5px 0 0;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;
	float: left;
}
.Sendezeit h1 {
	font-size: 14px;
	font-weight: bold;
}
.Sendezeit div.hdivider {
	height: 1px;
	padding: 4px 0 0 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x bottom;
}
/* * * * * END: HOMEPAGE SPECIALS * * * * */


/* * * * * START: CONTENT * * * * */
/* Navigationsspalte */
#contentNavi {
	width: 142px;
	padding: 8px 0 0 0;
	margin: 0 5px 0 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;
	float: left;
}
#contentNaviContainer td {
	height: 295px;
	vertical-align: bottom;
}
/* Hauptspalte */
#contentMain {
	width: 499px;
	padding: 0 13px 0 0;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#contentMain p {
	margin: 0 0 10px 0;
}
#contentMain .linkTitle {
	padding: 0 15px 0 0;
	background: url(/fileadmin/images/arrow_links.gif) no-repeat right;
	font-weight: bold;
	color: #FFF;
}
.contentMainPadding {
	padding: 5px 0 0 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;
}
img.title {
	margin: 0 0 40px 0;
}
table#AehnlSendungen td {
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}
#contentMain a.arrowlink {
	color: #666;
	padding: 0 15px 0 0;
	background: url(/fileadmin/images/arrow_links.gif) no-repeat right;
}
#contentMain a:hover {
	color: #FFF;
}
#videoplayer {
	padding: 0 0 0 9px;
	margin: 0 0 5px 0;
	background: url(/fileadmin/images/bg_broadcast_video.gif) no-repeat;
}
#sendungZeit {
	margin: 8px 0 10px 0;
}
#sendungZeit td {
	vertical-align: middle;
}
td.stationLogo {
	padding: 0 20px 0 0;
}
td.sfzwei {
	width: 90px;
}
td.hdsuisse {
	width: 35px;

}
td.hdsuisse {
	width: 79px;
}
td.switchdivider {
	border-left: 1px solid #818181;
}
/* Zusatzspalte (DVD-Shop / Bildergalerie) */
#contentZusatz {
	width: 152px;
	padding: 0 5px 0 0;
	margin: 0 4px 0 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;
	float: left;
}
#DVDShop {
	padding: 8px 0 0 0;
	height: 295px;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;
}
#DVDShop h1.download_link {
	padding-top: 8px;
}
#DVDShop h1, #BilderGalerie h1 { /* Obertitel */
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	margin: 0 0 10px 0;
}
#DVDShop img, #DVDShop p {
	margin: 0 0 10px 0;
}
#BilderGalerie {
	padding: 8px 0 0 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;
}
#BilderGalerie img {
	margin: 0 0 5px 0;
}
/* Wecker */
#form_wecker input {
	margin: 0 10px 0 0;
	padding: 0;
}
#form_wecker input.box {
	width: 240px;
	color: #000;
	background: #666;
	border-top:4px solid #666;
	border-bottom: 4px solid #666;
	border-right:0;
	border-left:0;
}
#form_wecker td {
	padding: 5px;
	vertical-align: middle;
}
/* Druckansicht - Button */
.printBtn {
	font-size: 11px;
	margin: 0 0 15px 0;
}
.printBtnHome {
	font-size: 11px;
	padding: 5px 0 0 147px;
}
.printBtn a, .printBtnHome a {
	background: url(/fileadmin/images/border_dotted.gif) repeat-x bottom;
	padding: 0 0 3px 0;
}
/* Jetzt Bestellen - Button */
a.bestellenBtn {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	padding: 0 18px 0 24px;
	background: url(/fileadmin/images/dvd_18x18.gif) no-repeat left;
}
a.bestellenBtn:hover {
	color: #666 !important;
}

/* Movie Download Link */
a.downloadBtn {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	padding: 0 0 0 24px;
	background: url(/fileadmin/images/download_18x18.gif) no-repeat left;
}
a.downloadBtn:hover {
	color: #666 !important;
}


/*** Added by Michael Diener (mdiener@futurelab.ch) ***/
#column_right {
	width: 145px;
	float: left;
}
#column_right h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}
#column_right h1 a {
	color: #FFFFFF;
}
#column_right div.csc-default {
	background: url("/fileadmin/images/border_dotted.gif") repeat-x scroll 0 0 transparent;
	margin-bottom: 50px;
	padding-top: 10px;
	padding-left: 5px;
}
#column_right div.csc-default .csc-textpic-intext-right .csc-textpic-imagewrap {
	float: none;
	margin-left: 0 !important;
}
#column_right img {
	width: 145px;
}
/*** END added by Michael Diener ***/

/* Archiv-Specials */
#contentArchive {
	width: 669px;
	padding: 0 4px 10px 0;
	float: left;
	background: url(/fileadmin/images/border_contentarchivedotted.gif) no-repeat top left;

}
#contentNaviArchive {
	width: 142px;
	margin: 0 5px 0 0;
	padding: 103px 0 0 0;
	float: left;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x top left;

}
#ArchiveCategories {
	padding: 50px 0 0 0;
	float: left;
	width: 200px;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}
#ArchiveCategories ul {
	/* background: #CC6600; */
}
#ArchiveCategories ul li a {
	color: #FFF;
	text-decoration: none;
}
#ArchiveCategories ul.chrono li a#active {
	padding: 0 20px 0 0;
	background: url(/fileadmin/images/arrow_category.gif) right center no-repeat;
}
#ArchiveCategories ul.chrono {
	padding: 0 0 0 30px;
}
#ArchiveCategories ul li a:hover {
	color: #666;
}
#ArchiveCategories ul li ul {
	padding: 0 0 0 30px;
	display: none;
}
#ArchiveCategories ul li ul.open {
	display: block;
}
#ArchiveCategories ul li ul li a {
	padding: 0 30px 0 0;

}
#ArchiveCategories ul li ul li a:hover, #ArchiveCategories ul li ul li a#active {
	padding: 0 20px 0 0;
	background: url(/fileadmin/images/arrow_category.gif) right center no-repeat;
}
table#ViewSwitcher {
	margin: 0 0 36px 0;
}
table#ViewSwitcher td {
	vertical-align: bottom;
}
#ArchiveDisplay {
	width: 469px;
	float: left;
}
#ArchiveDisplay ul#ListView {
	margin: 0 0 10px 0;
}
table#ImageView td {
	vertical-align: top;
	width: 136px;
	height: 133px;
	padding: 0 20px 10px 0;
}
table#ImageView td img {
	margin: 0 0 5px 0;
}
table#ImageView a {
	color: #FFF;
}
table#ImageView a:hover {
	color: #666;
}
p#PageSwitcher {
	font-size: 14px;
}
p#PageSwitcher span.activePage {
	color: #FFF;
	font-weight: bold;
}
/* * * * * END: CONTENT * * * * */


/* * * * * START: TIMELINE * * * * */
#timeline {
	width: 673px;
	height: 84px;
	margin: 0 0 15px 147px;

}
.timelineBar {
	width: 673px;
	margin: 6px 0 15px 147px;
}
/* * * * * END: TIMELINE * * * * */


/* * * * * START: FOOTER * * * * */
#footer {
	width:669px;
	margin: 20px 0 0 147px;
	padding: 4px 0;
	line-height: 18px;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x bottom;
}
#footer span.vdivider {
	padding: 0 12px;
}
#copyright {
	width:669px;
	margin: 0 0 0 147px;
	padding: 4px 0;
	line-height: 18px;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x bottom;
}
#partner {
	width:669px;
	margin: 0 0 15px 147px;
	padding: 10px 0 20px 0;
}
#partner a {
	margin-right: 40px;
}

/* * * * * END: FOOTER * * * * */



/* * * * * OWN Definitions * * * * */
#contentMain h1, #contentArchive h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 8px 0;
}
#contentMain h2, #contentArchive h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 40px 0;
	line-height: 25px;
}

#contentNaviArchive td{
	vertical-align:top;
}

div.cdivider {
	height:1px;
	margin:10px 0;
	background: url(/fileadmin/images/border_dotted.gif) repeat-x;
}

.submit {
	border:1px solid white;
	background-color:black;
	color:white;
	margin-top: 10px;
	margin-right:10px;
}
.sword {
	border:0;
	margin-right:10px;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; }
.tx-indexedsearch-searchbox{
	display:none;
}
.tx-indexedsearch-info {
	display:none;
}


#notabeneSection {
	display:none;
}
#notabeneTicker {
	padding:0px;
	margin-top:-10px;
	height:100px;
	width:145;
}
#notabeneTicker p{
	padding:0px;
	margin:0px;
}
#notabeneTicker a {
color: #999;
}

/* * * * * RTE Formatierungen * * * * */
#contentMain .bodytext strong{
	font-weight:bold;
}
#contentMain .bodytext em{
	font-style:italic;
}
#contentMain h3{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
#contentMain h3 strong{
	font-weight:bold;
}
#contentMain h4{
	font-weight:bold;
	font-size:12px;
}

/* Lines added by Michael Diener (diener@futurelab.ch) */

#logo a:active {
	outline: none;
}

#form_search .search-text {
	margin-top: 10px;
	float: left;
}

#form_search .search-inputfield {
	margin-top: 8px;
	float: left;
}

#form_search .search-image {
	margin-top: 10px;
	float: left;
}

.header-top {
	height: 65px;
}

.header-bottom {
	height: 39px;
	position: relative;
}

.search-box-container {
	position: absolute;
}

#nav_bottom {
	position: absolute;
	left: 255px;
	top: 7px;
}

#nav_bottom ul {
	list-style-type: none;
	float: left;
}

#nav_bottom ul li {
	float: left;
	border-left: 1px solid #666666;
}

#nav_bottom ul li.last {
	border-right: 1px solid #666666;
}

#nav_bottom ul li a {
	display: block;
	font-size: 13px;
	color: #FFFFFF;
	outline: none;
}

#nav_bottom ul li a:active {
	outline: none;
}

#nav_bottom ul li.active a,
#nav_bottom ul li a:hover {
	color: #666666;
}

#nav_bottom ul.nav-bottom-stations li a{
	padding: 0px 14px 0px 14px;
}

#nav_bottom ul.nav-bottom-pages li a {
	padding: 4px 17px 4px 17px;
}

#nav_bottom ul.nav-bottom-pages li.last a {
	padding-right: 13px;
}


/* CSS for the drop down menu */
#nav_top {
	margin-top: 33px;
	float: left;
}

ul.nav-top {
	float: left;
	margin-left: 14px;
}

ul.nav-top, ul.nav-top ul.nav-top-sub {
	list-style-type: none;
}

ul.nav-top li {
        padding:0;
        margin:0;
        background-image: none;
        background-color: #000000;
        float:left;
        border-left: 1px solid #666666;
}

ul.nav-top li a {
	display: block;
	padding: 3px 54px 3px 53px;
	font-weight:bold;
	font-size: 18px;
	outline: none;
}

ul.nav-top li.last {
	border-right: 1px solid #666666;
}

ul.nav-top li.last a {
	padding-left: 54px;
}

ul.nav-top li.active a {
	color: #FFFFFF;
}

ul.nav-top li a:active {
	outline: none;
}

ul.nav-top li ul.nav-top-sub {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #000000;
    border:none;
    display:none;
    min-width:200px;
    z-index: 5;
}

ul.nav-top li ul.nav-top-sub li a {
	font-size: 12px;
	background: url(/fileadmin/images/arrow_subnav.png) no-repeat scroll 50px 7px transparent;
	padding-left: 70px;
	padding-top: 10px;
}

ul.nav-top li ul.nav-top-sub a:hover {
	background: url(/fileadmin/images/arrow_subnav_act.png) no-repeat scroll 50px 7px transparent;
	outline: none;
}

ul.nav-top li ul.nav-top-sub a:active {
	outline: none;
}

ul.nav-top li ul.nav-topnav-top ul a {
	padding: 0 10px;
}


ul.nav-top li ul.nav-top-sub li {
	border-left: none;
}

ul.nav-top li ul.nav-top-sub li img {
	padding-right: 10px;
}

/* IE-Hack für die Breite */
html ul.nav-top ul {
    width:125px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.nav-top ul.hover, ul.nav-top li.hover ul, ul.nav-top li:hover ul  {
    display:block;
}

ul.nav-top ul li {
    float:none;
    background-color: transparent;
}