@charset 'utf-8';

/* Header - Navigation
/* Main Navigation
/* Tab Navigation
/* Middle Col Navigation
/*
=================================================================== */
/* Header - Navigation */
#header-wrap .header-right-col .head-navigation {

}
#header-wrap .header-right-col .head-navigation ul {
	position: absolute;
	right: 200px;
	margin-top: 5px;
}
#header-wrap .header-right-col .head-navigation ul li {
	float: left;
	padding: 0 9px 0 0;
	margin: 0 8px 0 0;
}
#header-wrap .header-right-col .head-navigation ul li.last {
	background-image: none;
	padding: 0 4px 0 0;
	margin: 0;
}

#header-wrap .header-right-col .head-navigation ul li a,
#header-wrap .header-right-col .head-navigation ul li a.link {
	text-decoration: none;
}
#header-wrap .header-right-col .head-navigation ul li a:hover {

}

/*
=================================================================== */
/* Main Navigation */
#icontainer .main-navigation {
	display: block;
min-height:43px;
  height:auto !important;
  height:43px;
  background-image: url(/css/img/background-main-nav-top.png);
  background-repeat:no-repeat;
  background-color: #fff;
  
}

#icontainer .main-navigation ul {
  float:left;
  font-size:13px;
min-height:43px;
  height:auto !important;
  height:43px;
  width:850px;
}

* html #icontainer .main-navigation ul {
  overflow: hidden;
}


#icontainer .main-navigation ul li {
	float: left;
	height: 43px;
}
#icontainer .main-navigation ul li span {
	display: inline-block;
	padding-left:16px;
  padding-right:16px;
	height: 43px;
	line-height: 43px;
  border-right:1px solid #EBEBEB;
}
#icontainer .main-navigation ul li a.last span {
	/*background: transparent url(/css/img/nav_tab_wide.png) no-repeat left top;
	width: 190px;*/
}
#icontainer .main-navigation ul li a,
#icontainer .main-navigation ul li a.link {
	text-decoration: none;
	display: inline-block;
	height: 43px;
	text-align: center;
	color: #666;
}
#icontainer .main-navigation ul li a.last {
	margin: 0;
}
#icontainer .main-navigation ul li a:hover {
	color: #B20000;
}
/* übersicht */

#icontainer .main-navigation ul li a.nav-black:hover,
#icontainer .main-navigation ul li a.nav-black-current {
/*	background-color: #333;*/
	background-image: none;
	color: #333;
}
#icontainer .main-navigation ul li a.nav-black:hover {
	/*border-bottom: 1px solid #717171;
	height: 33px;
	line-height: 33px;*/
}
/* Sport */
#icontainer .main-navigation ul li a.nav-green:hover,
#icontainer .main-navigation ul li a.nav-green-current {
	/*background-color: #3C7F29;*/
	background-image: none;
	color: #3C7F29;
}
#icontainer .main-navigation ul li a.nav-green:hover {
	/*border-bottom: 1px solid #77A66A;
	height: 33px;
	line-height: 33px;*/
}
/* Region */
#icontainer .main-navigation ul li a.nav-brown:hover,
#icontainer .main-navigation ul li a.nav-brown-current {
	/*background-color: #7E614B;*/
	background-image: none;
	color: #7E614B;
}
#icontainer .main-navigation ul li a.nav-brown:hover {
	/*border-bottom: 1px solid #A59181;
	height: 33px;
	line-height: 33px;*/
}
/* Lifestyle */
#icontainer .main-navigation ul li a.nav-purple:hover,
#icontainer .main-navigation ul li a.nav-purple-current {
	/*background-color: #84214C;*/
	background-image: none;
	color: #84214C;
}
#icontainer .main-navigation ul li a.nav-purple:hover {
	/*border-bottom: 1px solid #A96482;
	height: 33px;
	line-height: 33px;*/
}
/* Politik */
#icontainer .main-navigation ul li a.nav-blue:hover,
#icontainer .main-navigation ul li a.nav-blue-current {
	/*background-color: #135B83;*/
	/*background-image: #135B83;*/
	color: #fff;
}
#icontainer .main-navigation ul li a.nav-blue:hover {
	/*border-bottom: 1px solid #5A8DA8;
	height: 33px;
	line-height: 33px;*/
}
/* rot */
#icontainer .main-navigation ul li a.nav-red:hover,
#icontainer .main-navigation ul li a.nav-red-current {
	/*background-color: #B60000;*/
	background-image: none;
	color: #B60000;
}
#icontainer .main-navigation ul li a.nav-red:hover {
	/*border-bottom: 1px solid #CC4D4D;
	height: 33px;
	line-height: 33px;*/
}

#icontainer .main-navigation .subscribe-chan ul  {
  position:absolute;
  right:0px;
  padding-right:13px;
  width:100px;
  
}

#icontainer .main-navigation .subscribe-chan ul li {
	float: right;
  border:none;
}
#icontainer .main-navigation .subscribe-chan ul li a:hover {
  color:#B20000;
}
#icontainer .main-navigation .subscribe-chan ul li span {
  border:none;
  padding-right:5px;
  padding-left:5px;
}

#icontainer .main-navigation .subscribe-chan ul li img {
  position:relative;
  top:6px;
}

/*
=================================================================== */
/* Tab Navigation */
.tab-navigation {
	margin-bottom: 20px;
}
.tab-navigation li {
	float: left;
}
.tab-navigation li.first {

}
.tab-navigation li a {
	display: inline-block;
	text-align: center;
	width: 136px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	text-decoration: none;
}
.tab-navigation li a:hover {
	background-image: none;
}
.tab-navigation li.first a {
	width: 135px;
}
.tab-navigation li .current {

}
.tab-navigation li .mrow {
	line-height: 1.3em;
	padding-top: 4px;
	height: 32px;
}
.tab-navigation li .more {
	padding-right:13px;
	background: url(/css/img/background-more-nav.gif) no-repeat right center;
}

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* The menu styling */

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.tab-navigation table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */
.tab-navigation a:hover {visibility:visible;} /* for IE6 */
.tab-navigation li:hover { position:relative; z-index:200;} /* for IE7 */

/* keep the 'next' level invisible by placing it off screen. */
.tab-navigation ul,
.tab-navigation :hover ul ul,
.tab-navigation :hover ul :hover ul ul,
.tab-navigation :hover ul :hover ul :hover ul ul,
.tab-navigation :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.tab-navigation :hover ul.sub {left:-1px; top:37px; background: #fff; padding:3px 0; border:1px solid #ccc; white-space:nowrap; width:136px; height:auto;}

.tab-navigation :hover ul.sub li {display:block; min-height:20px; height:auto !important; height:20px; position:relative; float:left; width:136px;}
.tab-navigation :hover ul.sub li a {white-space:normal !important; padding-left:5px; display:block; font-size:11px; min-height:20px; height:auto !important; height:20px; width:120px; line-height:15px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;text-align: left; background: #fff; background-image: none; padding-right:5px; }
.tab-navigation :hover ul.sub li a:hover {background:#EFEFEF;}

/* set up the flyout levels when hovering */
.tab-navigation :hover ul :hover ul,
.tab-navigation :hover ul :hover ul :hover ul,
.tab-navigation :hover ul :hover ul :hover ul :hover ul,
.tab-navigation :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}


/*
=================================================================== */
/* Middle Col Navigation */
.channel-navigation {
	margin-bottom:20px;
}
.channel-navigation li {
	position: relative;
	padding-top:0px; padding-bottom:0px; margin:0px;
}
.channel-navigation li a {
	display: block;
	padding: 7px 0 7px 9px;
	text-decoration: none;
	line-height: 1.3em;
	position: relative;
}
.channel-navigation li a:hover {

}
.channel-navigation li.current a {

}
.channel-navigation li a span.pf01 {
	display: none;
}
.channel-navigation li a:hover span.pf01 {display:none;}
.channel-navigation li.current a span.pf01 {
	display: block;
	position: absolute;
	width: 8px;
	height: 26px;
	top: 0;
	left: -8px;
	background-image: url(/css/img/subnav_active_pfeil.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.channel-navigation li a.rss {
	display: none;
}
.channel-navigation li.current a.rss {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
}
.channel-navigation li.current a.rss em {
	display: none;
}