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

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

#header {
	height: 132px;
	position: relative;
	width: 920px;
	z-index: 100;
}

#rb #header {
	background: url(../grafik/rb/bg_header.png) no-repeat;
	background-position: 0 28px;
	background-repeat: repeat-x;
}

#mb #header {
	background: url(../grafik/mb/bg_header.png) no-repeat;
	background-position: 0 28px;
	background-repeat: repeat-x;
}

#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: 10px;
   top: -4px;
   width: 83px;
   z-index: 55;
}

#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: 260px;
}

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

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

#channel li {
	float: left;
}

#channel a {
	display: block;
	text-indent: -999em;
	height: 28px;
	background: url(../grafik/channel-icons.png) 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-kle a {
	width: 45px;
	background-position: -215px 0;
}

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

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

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

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

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

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

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

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

#channel #ch-snow a:hover,#psnow #ch-snow a {
	background-position: -432px -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;
}

/*  mountainbike */
#mb #mainnavi A.mainnavi {
	background: url(../grafik/mb/bg_mainnavi.gif) no-repeat;
}

#mb #nav1 A.mainnavi {
	width: 69px;
	background-position: 0 -27px;
}

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

#mb #nav2 A.mainnavi {
	width: 59px;
	background-position: -69px -27px;
}

#mb #nav2 :hover A.mainnavi,#mb #nav2.current A.mainnavi {
	background-position: -69px 0px;
}

#mb #nav3 A.mainnavi {
	width: 83px;
	background-position: -128px -27px;
}

#mb #nav3 :hover A.mainnavi,#mb #nav3.current A.mainnavi {
	background-position: -128px 0px;
}

#mb #nav4 A.mainnavi {
	width: 112px;
	background-position: -211px -27px;
}

#mb #nav4 :hover A.mainnavi,#mb #nav4.current A.mainnavi {
	background-position: -211px 0px;
}

#mb #nav5 A.mainnavi {
	width: 117px;
	background-position: -323px -27px;
}

#mb #nav5 :hover A.mainnavi,#mb #nav5.current A.mainnavi {
	background-position: -323px 0px;
}

#mb #nav6 A.mainnavi {
	width: 77px;
	background-position: -440px -27px;
}

#mb #nav6 :hover A.mainnavi,#mb #nav6.current A.mainnavi {
	background-position: -440px 0px;
}

#mb #nav7 A.mainnavi {
	width: 80px;
	background-position: -517px -27px;
}

#mb #nav7 :hover A.mainnavi,#mb #nav7.current A.mainnavi {
	background-position: -517px 0px;
}

#mb #nav8 A.mainnavi {
	width: 74px;
	background-position: -597px -27px;
}

#mb #nav8 :hover A.mainnavi,#mb #nav8.current A.mainnavi {
	background-position: -597px 0px;
}

/*  roadbike */
#rb #mainnavi A.mainnavi {
	background: url(../grafik/rb/bg_mainnavi.gif) no-repeat;
}

#rb #nav1 A.mainnavi {
	width: 69px;
	background-position: 0 -27px;
}

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

#rb #nav2 A.mainnavi {
	width: 59px;
	background-position: -69px -27px;
}

#rb #nav2 :hover A.mainnavi,#rb #nav2.current A.mainnavi {
	background-position: -69px 0px;
}

#rb #nav3 A.mainnavi {
	width: 83px;
	background-position: -128px -27px;
}

#rb #nav3 :hover A.mainnavi,#rb #nav3.current A.mainnavi {
	background-position: -128px 0px;
}

#rb #nav4 A.mainnavi {
	width: 112px;
	background-position: -211px -27px;
}

#rb #nav4 :hover A.mainnavi,#rb #nav4.current A.mainnavi {
	background-position: -211px 0px;
}

#rb #nav5 A.mainnavi {
	width: 117px;
	background-position: -323px -27px;
}

#rb #nav5 :hover A.mainnavi,#rb #nav5.current A.mainnavi {
	background-position: -323px 0px;
}

#rb #nav6 A.mainnavi {
	width: 77px;
	background-position: -440px -27px;
}

#rb #nav6 :hover A.mainnavi,#rb #nav6.current A.mainnavi {
	background-position: -440px 0px;
}

#rb #nav7 A.mainnavi {
	width: 80px;
	background-position: -517px -27px;
}

#rb #nav7 :hover A.mainnavi,#rb #nav7.current A.mainnavi {
	background-position: -517px 0px;
}

#rb #nav8 A.mainnavi {
	width: 74px;
	background-position: -597px -27px;
}

#rb #nav8 :hover A.mainnavi,#rb #nav8.current A.mainnavi {
	background-position: -597px 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;
}

/* footer */
#basicFooter {
	width: auto;
	padding: 0;
	border-top: 3px solid #000;
	background: #7B7B7B url("../grafik/bg_footer.gif?v=20120119") 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;
	height: 145px;
	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;
}
