.left h1, div.left h2, div.news h2, div.search h2 {
	background:url(p/bg_header.gif) repeat-x 0 0;
}

div.offer h3 {
	background-color: #011693;
}

ul#toplinks li a#active-toplink, ul#toplinks li a:hover {
	color: #f39800;
}

ul#navigation li a:hover,ul#navigation  a.active {
	background-color:#004da0;
}

div.tab .line {margin:0;padding:0;background:url(p/abstand.gif) no-repeat #f39800;}

div.tab .highlight {background:url(p/abstand.gif) no-repeat #f39800;}


/* END*/


html {
	margin:0;
	padding:0;
}

td,th {
	font: normal 12px Arial,Helvetica,sans-serif;
	color: #101162;
}

body {
	margin:0;
	padding:0;
	background:url(p/bg.gif) repeat-y 0 0 #d7ebf0;
}

div#container { 
	float:left;
	width:100%;
	padding:0;
	margin:0 0 10px 0;
}

div#site { 
	width:980px;
}

div#header {
	float:left;
	width:980px;
	margin:0;
	padding:0;
	height:190px;
	background:url(p/header.jpg) no-repeat 0 0;
}

div#logo{
	position:absolute;
	float:left;
	left:0px;
	width:300px;
	height:100px;
}

img {
	border:0;
}

div#headermenu1 {
	position:relative;
	margin:0;
	padding:0 0 0 30px;
	left:588px;
	width:362px;
	height:163px;
}

div#headermenu2 {
	width:965px;
	height:24px;
	margin-left:15px;
}

#searchbox{
	position:absolute;
	margin:82px 0 0 115px;
}

#mod_search_searchword {
	float:left;
	background-color:#fff;
	border:0px solid #fff;
	width:200px;
	font: normal 11px Arial,Helvetica,sans-serif;
	padding-left: 5px;
	margin:0;
}

form {
	margin:0;
	padding:0;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Content */
div#content {
	clear:both;
	position:relative;
	float:left;
	width: 772px;
	left:15px;
	padding:0;
	margin:0;
	font: normal normal 12px/1.5em Arial,Helvetica,sans-serif;
	color:#fff;
}

div#rotator {
	float:left;
	padding:0;
	margin-top:18px;
	margin-bottom:18px;
	width:752px
}

div#flashi {
	float:left;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	width:380px;
}

div.details {
	clear:none;
	float:right;
	padding:0;
	margin-top:0px;
	width:364px;
}

#rotator a {
	color:#fff;
}

/* Allgemein */
.left {
	position:relative;
	float:left;
	font: normal normal 12px/1.8em Arial,Helvetica,sans-serif;
	width: 744px;
	overflow: hidden;
	padding:8px 0 0 8px;
	margin-bottom:0;
	color:#000;
	background-color:#81afc2;
	border-bottom: 5px #b1ceda solid;
	border-top: 5px #b1ceda solid;
}

/* Galerie */
div#contentgal {
	clear:both;
	position:relative;
	float:left;
	width: 830px;
	left:0px;
	padding:0;
	margin:0;
	font: normal normal 12px/1.5em Arial,Helvetica,sans-serif;
	color:#fff;
}

div.gallery {
	position:relative;
	float:left;
	font: normal normal 12px/1.8em Arial,Helvetica,sans-serif;
	width: 820px;
	overflow: hidden;
	padding:0 0 0 8px;
	margin-bottom:0;
	color:#000;
	background-color:#81afc2;
	border-bottom: 5px #b1ceda solid;
	border-top: 5px #b1ceda solid;
}

div.gallery .big {
	float:left;
	margin:0 12px 9px 0;
}

div.gallery .thumb {
	float:left;
	margin:0 12px 9px 0;
}

.article { /*vorher news*/
	font: normal 12px/1.5em Arial,Helvetica,sans-serif;
	color:#000;
	background-color:#eee;
	overflow: hidden;
	padding-right:8px;
	padding-bottom:8px;
}

.left h1, .left h2 {
	position:relative;
	left:0;
	font: bold 14px/1.5em Arial,Helvetica,sans-serif;
	color:#fff;
	padding:8px;
	margin:0;
}

div.search h2 {
	position:relative;
	left:-8px;
	font: bold 12px/1.5em Arial,Helvetica,sans-serif;
	color:#fff;
	padding-left:8px;
	margin-left:8px;
	width: 728px;
	margin-top:0;
}

.left h4, div.article h3 {
	font: bold 12px/1.5em Arial,Helvetica,sans-serif;
	color:#000;
	padding-bottom:0;
	margin-bottom:8px;
}

.left h3 { /*vorher streams h2*/
	position:relative;
	left:-8px;
	font: bold 14px/1.5em Arial,Helvetica,sans-serif;
	color:#fff;
	padding-left:8px;
	width: 744px;
	margin:0 0 15px 0;
}

.left p {
	margin-left:12px;
}

.left .banner { /* zb. für Abos*/
	position:relative;
	left:-8px;
	width: 752px;
	margin:0 0 15px 0;
}

.left ol {
	float: none;
	clear: none;
}
.left ol li {
	margin: 15px 0px;
	padding: 0px;
}

.left .input {
	font: normal bold 11px Arial,Helvetica,sans-serif;
	margin: 3px 0;
	border:1px #666 solid;
	width:176px;
}

.left .article a {
	color:#000;
}

.left .streams a {
	color:#fff;
}

.article .streams a {
	color:#fff;
}

.left img, div#news img {
	border-width: 0px;
	float: left;
	margin: 5px 8px 0 0;
}

.error {
	color:#c00;
	font-weight:bold;
}

.left hr {
	height:1px;
}

/* Tabellen */

table {position:relative;margin:0;padding:0 8px 0 0;border:0px #0f0 solid;}
div.left th,div.left td {padding:0;margin:0;}

div.tab table {border:1px #000 solid;border-collapse:collapse;width:100%;}

div.tab th, div.tab td, div.tab p {
	padding:5px;
	font: normal 12px Arial,Helvetica,sans-serif;
	background:url(p/tab_dunkel.gif) repeat-y #e6e6e6;
	height:12px;
}

div.tab th{
	color:#fff;
	text-align:left;
	font-weight:bold;
	background:url(p/tabhead.gif) repeat-y;
}

div.tab th a{
	color:#fff;
}

div.tab .bright {
	background:url(p/tab_hell.gif) repeat-y;
}

div.tab img {
	float:none;
	margin:0;
	padding:0;
}

.left .marker {
	background-color:#ccc;
	padding:0 10px 0 10px;
}

/* stream-angebot */

div.offer {
	position:relative;
	float:left;
	font: normal 11px/1.0em Arial,Helvetica,sans-serif;
	width: 178px;
	color:#999;
	background-color:#81afc2;
	overflow: hidden;
	padding:0;
	margin:0 8px 15px 0;
	text-align:center;
}

div.offer h4 {
	position:relative;
	float:left;
	font: bold 13px Arial,Helvetica,sans-serif;
	color:#fff;
	width: 178px;
	height:20px;
	margin:0 0 3px 0;
	padding:3px 0 0 0;
	overflow:hidden;
}

div.pic {
	float:left;
	width:178px;
	height:120px;
	padding:8px 0;
	z-index:1;
}

div.status {
	position:absolute; 
	top:91px; 
	left:100px; 
	z-index:2;
}

div.offer p, div.pic img {
	margin:0 0 0px 0;
	padding:0;
}

div.streaminfos {
	clear:both;
}

div.streaminfos .time {
	width:178px;
	height:17px;
	overflow:hidden;
	font: bold 13px Arial,Helvetica,sans-serif;
	color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
}

div.streaminfos .title {
	width:178px;
	height:34px;
	overflow:hidden;
	margin-bottom:5px;
}

div.streaminfos .price {
	font: bold 15px Arial,Helvetica,sans-serif;
	color:#fff;
}

div.offer a.abo {
	color:#f20121;
	text-decoration:none;
}

.button {
	margin:0;
	padding:0;
	border:0;
	background:url(p/bg_offer.gif) repeat-x;
	width:178px;
	height:34px;
}

div.offer .button img {
	margin:0 2px;
	padding:0;
	border:0;
}
/*  END streams */

/* Blätter Styles*/
div#pager { 
	position:relative;
	float:left;
	padding: 0;
	margin: 0;
	text-align:center;
	left:-8px;
	width:752px;
	height:22px;
	background:url(p/bg_page.gif) repeat-x;
}

div#pager .pages {
	float:left;
	padding: 2px 0 0 0;
	margin: 0;
	width:522px;
}

div#pager .pages a{
	padding: 0 3px;
}

div#pager .buttons {
	float:left;
	padding: 0;
	margin: 0;
}

div#pager img {
	padding:0;
	margin:0;
}
/* END Blätter Styles*/

/* Right Column */
div#rightgal {
	clear:both;
	position:absolute;
	float:left;
	top:190px;
	left:835px;
	margin-top:0;
	margin-bottom:18px;
	left:834px;
	padding: 0px;
	font: normal 11px/1.5em Arial,Helvetica,sans-serif;
	width: 140px;
	color:#adacac;
	overflow: hidden;
}

div#right {
	position:relative;
	float:left;
	margin-top:18px;
	margin-bottom:18px;
	left:10px;
	padding: 0px;
	font: normal 11px/1.5em Arial,Helvetica,sans-serif;
	width: 190px;
	color:#adacac;
	overflow: hidden;
}

div#right a,div#pager a {
	color: #fff;
	text-decoration: none;
}

div#right a:hover,div#pager a:hover {
	text-decoration: underline;
}

div#right h2 {
	padding:0 0 0 5px;
	margin:0;
	font: bold 11px/1.5em Arial,Helvetica,sans-serif;
	width: 190px;
	color:#fff;
	background-color:#000;
	overflow: hidden;
	height:15px;
}

div#right h3 {
	padding:0 0 0 5px;
	margin:0;
	font: bold 11px/1.5em Arial,Helvetica,sans-serif;
	width: 190px;
	color:#000;
	overflow: hidden;
	height:15px;
}

div#right .input {
	float:left;
	padding:0;
	margin-top:2px;
	width: 100px;
	font: normal 11px Arial,Helvetica,sans-serif;
	color:#000;
	background-color:#fff;
	border:0px #fff solid;

}

div#right p {
	padding:0 5px 0 5px;
	margin:5px 0 5px 0;
	width: 180px;
}

div.box .spalte {
	clear:both;
	float:left;
	width:60px;
}

div.banner { /* Banner rechte Spalte */
	padding: 0;
	margin: 0 0 15px 0;
}

/* Footer */

div#end {
	clear:both;
	float:left;
	width:100%;
	height:100%;
}

div#footer {
	clear:both;
	margin-top:0;
}

#footermenu{
	float:left;
	top: 0;
	width:980px;
	height:20px;
	background-color:#0091a6;
}

/* Navigation oben & unten*/
ul.toplinks {
	position:absolute;
	float: left;
	list-style: none inside none;
	margin:0;
	padding: 2px 0 15px 0;
}
ul.toplinks li, ul#footermenu li {
	display: inline;
	font: normal 12px "Eurostyle",Arial,Helvetica,sans-serif;
	margin: 0 15px 0 15px;
	padding:0;
}
ul.toplinks li a {
	color: #fff;
	text-decoration: none;
}

ul.toplinks li a:hover {
	text-decoration: underline;
}

/* Hauptnavigation - Bereiche */

ul#navigation {
	position:relative;
	float: left;
	padding:0;
	margin:0;
	text-align: center;
}

ul#navigation li {
	list-style:none;
	display: inline;
	margin: 0;
	padding: 0;
	font: bold 12px "Eurostyle",Arial,Helvetica,sans-serif;
}

ul#navigation li a {
	float: left;
	width: 140px;
	height:21px;
	margin-top:1px;
	color: white;
	text-decoration: none;
	padding: 5px 0 0 0;
	background:url(../navig2/p/menu_trenner.gif) no-repeat;
}

ul#navigation a.home {
	float:left;
	width:44px;
	margin-top:1px;
	padding: 5px 0 0 0;
}

/* Y-Navigation */

ul.ynav {
	margin: 0;
	padding:0;
	border-top:5px solid #b1ceda;
	font: bold 12px arial,helvtica,sans-serif;
	width: 140px;
}

ul.ynav li {
	float:left;
	width: 140px;
	list-style: none;
	margin: 0 0 15px 0;
	text-transform:uppercase;
	background-color: #0091a6;
}

ul.ynav a.ynavactive {
	color: #fff;
	width: 130px;
	background-color: #81afc2;
	text-transform:uppercase;
	padding:2px 0 0 10px;
}

ul.ynav a{
	display:block;
	color: #fff;
	padding:2px 0 0 5px;
	line-height: 14px;
	height:16px;
	text-decoration:none;
}

ul.ynav a:hover {
	color: #fff;
	background-color: #0091a6;
	display: block;
	
}

a.ynavactive:hover {
	color: #fff;
	background: url(navig/p/bg_ynav-o.gif);
	text-decoration:none;
}

ul.ynav li ul,ul.ynav .unav { /* 2 Ebene */
	width: 140px;
	background-color: #b1ceda;
	text-indent:10px;
	margin:0;
	padding:1px 0 0 0;
	font: bold 12px arial,helvtica,sans-serif;
	text-transform:none;
}

ul.ynav li ul li{
	padding:0;
	margin:0;
	color: #0091a6;
	width: 140px;
}

ul.ynav a.unav,ul.ynav a:active {
	margin:0;
	display: block;
	text-decoration: none;
}

ul.ynav li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #81afc2;
}

ul.ynav li ul li.unavactive {
	color: #FFF;
	width: 140px;
	display: block;
	background-color: #86110E;
	text-indent:10px;
}