/**
 * CSS-STYLESHEET FUER cavallo
 */
#logo-odc {
	position: absolute;
	left: 0;
	top: 5px;
	width: 174px;
	height: 23px;
}

#topBanner {
	margin: 11px auto;
	width: 1117px;
}

#header {
	background: url(../grafik/bg_header.png) no-repeat;
	background-position: 0 28px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	height: 135px;
	position: relative;
	width: 920px;
	z-index: 100;
}

#header ul, #header ol, #header li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header #logo {
	position: absolute;
	left: 0;
	top: 28px;
	width: 156px;
	height: 77px;
}

#aktuell {
	height: 87px;
	position: absolute;
	right: 0px;
	top: -4px;
	width: 83px;
	z-index: 55;
}

#aktuell .app {
  border-radius: 3px 3px 3px 3px;
  height: 73px;
  left: -10px;
  position: absolute;
  top: 36px;
  width: 56px;
}

#aktuell .app img {
  left: 5px;
  position: absolute;
  top: 6px;
}

#heftlayer {
	background-color: #7B7B7B;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #4C4C4C;
	border-right: 1px solid #4C4C4C;
	color: #FFFFFF;
	display: none;
	font-size: 14px;
	padding: 10px;
	position: relative;
	right: 519px;
	top: 2px;
	width: 580px;
	z-index: 50;
}

#heftlayer .hl {
	font-size: 23px;
	font-weight: 700;
}

#heftlayer .linklist a {
	color: #FFFFFF;
}

#jak {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	height: 30px;
	line-height: 15px;
	position: absolute;
	right: 103px;
	text-align: right;
	top: 38px;
	width: 300px; 
}

#jak a {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

#jak a:after {
	margin: 0 2px 0 5px;
	content: "|";
}

#jak a:last-child:after {
	margin: 0;
	content: "";
}

#channel { 
	position : absolute;
	right: 90px;
	top: 0;
	height: 28px;
}

#channel li {
	float: left;
}

#channel a {
	display: block;
	text-indent: -999em;
	height: 28px;
	background: url(../grafik/channel-icons.png?20130417) no-repeat;
}

#channel #ch-mtb a {
	width: 51px;
	background-position: 0 0;
}

#channel #ch-mtb a:hover,#mb #ch-mtb a {
	background-position: 0 -28px;
}

#channel #ch-rb a {
	width: 55px;
	background-position: -51px 0;
}

#channel #ch-rb a:hover,#rb #ch-rb a {
	background-position: -51px -28px;
}

#channel #ch-ub a {
	width: 63px;
	background-position: -106px 0;
}

#channel #ch-ub a:hover,#ub #ch-ub a {
	background-position: -106px -28px;
}

#channel #ch-out a {
	width: 46px;
	background-position: -169px 0;
}

#channel #ch-out a:hover,#od #ch-out a {
	background-position: -169px -28px;
}

#channel #ch-al a {
  background-position: -215px 0;
  width: 45px;
}

#channel #ch-al a:hover, #al #ch-al a {
  background-position: -215px -28px;
}

#channel #ch-kle a {
	width: 45px;
	background-position: -264px 0;
}

#channel #ch-kle a:hover,#kle #ch-kle a {
	background-position: -264px -28px;
}

#channel #ch-cav a {
	width: 55px;
	background-position: -312px 0;
}

#channel #ch-cav a:hover,#ca #ch-cav a {
	background-position: -312px -28px;
}

#channel #ch-ang a {
	width: 60px;
	background-position: -370px 0;
}

#channel #ch-ang a:hover,#ang #ch-ang a {
	background-position: -370px -28px;
}

#channel #ch-tau a {
	width: 57px;
	background-position: -433px 0;
}

#channel #ch-tau a:hover,#tau #ch-tau a {
	background-position: -433px -28px;
}

#channel #ch-snow a {
	width: 41px;
	background-position: -492px 0;
}

#channel #ch-snow a:hover,#psnow #ch-snow a {
	background-position: -492px -28px;
}

#channel #ch-emb a {
	width: 41px;
	background-position: -535px 0;
}

#channel #ch-emb a:hover {
	width: 41px;
	background-position: -535px -28px;
}

#channel #ch-odca {
	width: 41px;
	background-position: -432px 0;
}

#channel #ch-odc a:hover,#odc #ch-odca {
	background-position: -432px 0px;
}

/* Hauptnavigation */
#mainnavi {
	height: 27px;
	left: 156px;
	position: absolute;
	top: 78px;
	width: 764px;
	z-index: 50;
}

#mainnavi ul {
	list-style: none;
}

#mainnavi li {
	position: relative;
	float: left;
}

#mainnavi a.mainnavi {
	display: block;
	text-indent: -999em;
	height: 27px;
}

/*  cavallo */

#ca #nav1 a.mainnavi {
	width: 68px;
	background-position: 0 -27px;
}

#ca #nav1 :hover a.mainnavi,#ca #nav1.current a.mainnavi {
	background-position: 0 0px;
}

#ca #nav2 a.mainnavi {
	width: 56px;
	background-position: -68px -27px;
}

#ca #nav2 :hover a.mainnavi,#ca #nav2.current a.mainnavi {
	background-position: -68px 0px;
}

#ca #nav3 a.mainnavi {
	width: 85px;
	background-position: -124px -27px;
}

#ca #nav3 :hover a.mainnavi,#ca #nav3.current a.mainnavi {
	background-position: -124px 0px;
}

#ca #nav4 a.mainnavi {
	width: 91px;
	background-position: -209px -27px;
}

#ca #nav4 :hover a.mainnavi,#ca #nav4.current a.mainnavi {
	background-position: -209px 0px;
}

#ca #nav5 a.mainnavi {
	width: 112px;
	background-position: -300px -27px;
}

#ca #nav5 :hover a.mainnavi,#ca #nav5.current a.mainnavi {
	background-position: -300px 0px;
}

#ca #nav6 a.mainnavi {
	width: 113px;
	background-position: -412px -27px;
}

#ca #nav6 :hover a.mainnavi,#ca #nav6.current a.mainnavi {
	background-position: -412px 0px;
}

#ca #nav7 a.mainnavi {
	width: 76px;
	background-position: -525px -27px;
}

#ca #nav7 :hover a.mainnavi,#ca #nav7.current a.mainnavi {
	background-position: -525px 0px;
}

#ca #nav8 a.mainnavi {
	width: 70px;
	background-position: -601px -27px;
}

#ca #nav8 :hover a.mainnavi,#ca #nav8.current a.mainnavi {
	background-position: -601px 0px;
}

/* layer navigation */
#mainnavi .layernavi {
	position: absolute;
	left: -999em;
	background-color: #7b7b7b;
	border: 1px solid #4c4c4c;
	border-top: 0;
	border-bottom: 0;
	color: #fff;
	width: 326px;
}

#mainnavi li:hover .layernavi,#mainnavi li.sfhover .layernavi {
	left: 0;
	top: 27px;
}

#mainnavi .layernavi li {
	border-bottom: 1px solid #686868;
	width: 326px;
}

#mainnavi .layernavi li a {
	display: block;
	color: #fff;
	padding: 7px 5px 7px 27px;
	background: url(../grafik/layer_arrow.gif) 13px 12px no-repeat;
	text-decoratioN: none;
}

#mainnavi .layernavi li a:hover {
	text-decoration: underline;
}

/* sub navigation */
#subnavi {
	bottom: 0;
	color: #FFFFFF;
	height: 27px;
	left: 0;
	line-height: 27px;
	position: absolute;
	text-shadow: 1px 1px black;
	z-index: 25;
}

#subnavi ul {
	list-style: none;
}

#subnavi li {
	float: left;
}

#subnavi li a {
	display: block;
	color: #ffffff;
	padding: 0 11px 0 11px;
	text-decoration: none;
}

#subnavi li.current a,#subnavi li a:hover {
	background-color: #4C4C4C;
}

.second-navi {
	position: absolute;
	left: 10px;
	top: 115px;
	color: #750000;
	text-transform: uppercase;
}


#header .second-navi ul li {
	display: inline;
	margin-right: 10px;
	height: 23px;
}

#header .second-navi > ul > li::after, #header .second-navi > ul > li.active::after {
	padding-left: 10px;
	content: "|";
	font-size: 18px;
	position: relative;
	top: -1px;
	text-decoration: none;
}

#header .second-navi > ul > li:last-child::after {
	content: "";
}

#header .second-navi ul li a {
	font-weight: bold;
	font-size: 18px;	
	color: #750000;
	text-decoration: none;
}

#header .second-navi > ul > li.active > a {
	border-bottom: 2px solid #750000;
}


#header .second-navi ul li a:hover {
	border-bottom: 2px solid #750000;
}


#header .second-navi ul li ul {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 21px;
	left: 0;
	background: #fff;
	padding: 10px 0;
	width: 280px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}

#header .second-navi ul li ul li {
	display: block
}

#header .second-navi ul li ul li a {
	color: #333333;
	text-transform:none;
	font-weight:400;
	font-size: 14px;
	padding:7px 10px;
	height:auto;
 	line-height:normal;
	border:none;
	white-space:nowrap;
	border-bottomW: none;
}

#header .second-navi ul li ul li a:hover {
	border: none;
	color: #000000;
	font-weight: 600;
}

#header .second-navi ul>li:hover ul {
	display:block
}

#header .second-navi ul>li:hover ul a:hover ul {
	display:block
}

/* footer */
#basicFooter {
	width: auto;
	padding: 0;
	border-top: 3px solid #000;
	background: #7B7B7B url(../grafik/bg_footer.gif) left bottom repeat-x;
}

#basicFooter a {
	color: #555555;
	text-decoration: underline;
}

#basicFooter .inside {
	margin: 0 auto;
	width: 920px;
	padding-right: 197px;
}

#basicFooter .inside img {
	margin-bottom: 10px;
}

#basicFooter .inside p.topthema-hl {
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 12px;
}

#basicFooter .inside div.top-thema {
	position: relative;
	height: 45px;
	float: none;
	margin: 0;
}

#basicFooter .inside div.top-thema p {
	position: absolute;
	left: 0;
	bottom: 0px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #5a5a5a;
}

#basicFooter .inside p.hl {
	font-size: 12px;
	font-weight: 700;
	color: #000;
	padding-bottom: 5px;
}

#footerClose {
	width: auto;
	margin: 0;
	padding: 0;
}

#metafooter-left {
	width: 920px;
	float: left;
}

.metafooter-right {
	float: right;
}

#the-end {
	background-color: #C9C9C9;
	font-size: 11px;
	height: 50px;
	line-height: 20px;
	padding-top: 10px;
	width: 920px;
}

#the-end span {
	padding: 0 5px;
}