/* ---------- IMPORT ---------- */

@import url(horn-verlag.css);
@import url(horn_verlag_startseite.css);
@import url(unternehmen_teaser.css);
@import url(navigation.css);

/* ---------- BASE ---------- */

body {
	color : #5d5d5d;
	margin : 0;
	padding : 0;
	font: 12px/20px Arial, Tahoma, Verdana;
	background-color: #f0f0f0;
	color: #6e6e6e;
}
table {
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
banner {
	border-color :#000000;
}
form {
	display : inline;
}
input, select, textarea {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px; 
	color : #000; 
	background-color : #fff; 
	border : 1px solid #b6b6b6; 
}

input.radio {
	border: 0;
	background: none;
}

#container {
  margin: 0 auto;
  width: 1000px;
  position: relative;
}

/* Headers
--------------------------------- */

h1 {
  margin: 0 0 10px 0;
  font-size: 22px;
  color: #45809c;
}

h4 {
  font-weight: bold;
  font-size: 14px;
  color: #626262;
}

/* Paragraphs
--------------------------------- */

p {
  margin-bottom: 10px;
}

/* Lists
--------------------------------- */

ul#subnav,
#footer ul,
ul#metamenu,
.tab-bar ul,
#task-bar ul,
ul#navigation,
ul.horn-group,
#branchennews ul,
ul.horn-group li ul,
.more-werbetools ul {
	list-style: none;
}

/* Divider
--------------------------------- */

.trenner {
	background: url('images/trenner.gif') top repeat-x;
	margin: 20px 0;
	height: 1px;
}

/* Logo
--------------------------------- */

a.logo {
  background: url('images/logo.gif') no-repeat;
  margin: 23px 0 20.9px 16px;
	display: block;
	height: 53px;
	width: 196px;
}

.bestell-form fieldset {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #ccc;
}

.bestell-form legend {
	color: #000;
}

.bestell-form .ls {
	float: left;
	margin-right: 7px;
}

.bestell-form .submit {
	width: 195px;
	height: 54px;
	background: url(img/bestellen.gif) no-repeat;
	border: 0;
	cursor: pointer;
	margin-bottom: 50px;
}

/* metaMenu
--------------------------------- */

ul#metamenu {
	float: right;
	margin: -20px 0 0 0;
}

ul#metamenu li {
	float: left;
	color: #b2b2b2;
	padding-right: 20px;
	margin-left: 20px;
	background: url('images/meta-nav-divider.gif') right no-repeat;
}

ul#metamenu li.last {
	padding-right: 0;
	background: none;
}

ul#metamenu li a {
	color: #848484;
	text-decoration: none;
	border-bottom: 1px dotted;
	font-weight: bold;
}

ul#metamenu li a:hover {
	color: #000;
}

#containerLeft {
	width: 230px;
	float: left;
	margin-right: -1px;
}

#containerRight {
	width: 770px;
	float: left;
	margin-top: 30px;
}

#containerRight #content {
	background-color: #fff;
	padding: 20px;
	border-left: 1px solid #e1eaf0;
	border-right: 1px solid #e1eaf0;
}

.top {
	margin: 30px 0 20px 0;
	padding: 0 20px;
}

ul#subnav {
	width: 228px;
	margin: 0 !important;
	padding: 0;
}

ul#subnav li {
	border-bottom: 1px solid #dfeaef;
}

ul#subnav li a {
	padding: 8px 0;
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 16px;
}

ul#subnav a:hover,
ul#subnav li.act a {
	color: #8d121d;
}

ul#subnav li.menu2-no a,
ul#subnav li.menu2-act a {
	font-weight: normal;
	padding: 5px 0 5px 15px;
	color: #666;
	font-size: 14px;
}

ul#subnav li.menu2-no a:hover,
ul#subnav li.menu2-act a {
	color: #8d121d;
}

ul#subnav li.menu3-no a,
ul#subnav li.menu3-act a {
	font-weight: normal;
	padding: 4px 0 4px 25px;
	color: #666;
	background: none;
	font-size: 12px;
}

ul#subnav li.menu3-no a:hover,
ul#subnav li.menu3-act a {
	color: #8d121d;
}

ul#subnav li.menu4-no a,
ul#subnav li.menu4-act a {
	font-weight: normal;
	padding: 3px 0 3px 35px;
	color: #666;
	font-size: 11px;
}

ul#subnav li.menu4-no a:hover,
ul#subnav li.menu4-act a {
	color: #8d121d;
}

ul#subnav li.menu5-no a,
ul#subnav li.menu5-act a {
	font-weight: normal;
	padding: 2px 0 2px 45px;
	color: #666;
	font-size: 11px;
}

ul#subnav li.menu5-no a:hover,
ul#subnav li.menu5-act a {
	color: #8d121d;
}

ul#subnav li.menu6-no a,
ul#subnav li.menu6-act a {
	font-weight: normal;
	padding: 0 0 0 55px;
	color: #666;
	font-size: 10px;
}

ul#subnav li.menu6-no a:hover,
ul#subnav li.menu6-act a {
	color: #8d121d;
}

/* Search
--------------------------------- */

#search-box {
	margin: 0 0 28px 0;
}

#search-box select {
	background: url('images/bg-selector-box.gif') no-repeat;
	background-color: #fff;
	font: 13px Arial;
	width: 354px;
	height: 33px;
	border: 2px solid #e3e3e3;
	padding: 5px 3px 4px 5px;
	color: #878787;
	font-weight: bold;
	float: left;
}

#search-box select:focus {
	border-color: #f7e6c6;
}

.divider-search-box {
	background: url('images/trenner-search-box.gif') 0 4px no-repeat;
	width: 1px;
	height: 27px;
	margin: 0 11px;
	float: left;
}

#search-box .search {
	background: url('images/bg-selector-box.gif') no-repeat;
	font: 13px Arial;
	width: 310px;
	height: 20px;
	border: 2px solid #e3e3e3;
	color: #878787;
	font-weight: bold;
	padding: 6px 30px 3px 10px;
	float: right;
}

#search-box .search:focus {
	border-color: #f7e6c6;
}

#search-box .search-button {
	background: url('images/search-button.gif') no-repeat;
	width: 26px;
	height: 25px;
	border: 0;
	cursor: pointer;
	position: absolute;
	margin: 4px 0 0 329px;
	text-indent: -9999px;
	overflow: hidden;
}

#search-box .search-button:hover {
	background: url('images/search-button-hov.gif') no-repeat;
}

ul {
	margin-left : 16px;
	list-style-type : square;
	list-style-position : outside;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}
table.tx-usrjobboerse-pi1-listrow, table.tx-usrjobboerse-pi1-singleView, #jobsuche_eingeben td, #jobangebot_eingeben {
	width: 725px;
}
table.tx-usrjobboerse-pi1-listrow td.crdate {
	width: 100px;
}
table.tx-usrjobboerse-pi1-listrow td.ueberschrift {
}
table.tx-usrjobboerse-pi1-listrow td.name,
table.tx-usrjobboerse-pi1-listrow td.firma {
	width: 150px;
}
table.tx-usrjobboerse-pi1-listrow td.stadt {
	width: 150px;
}
table.tx-usrjobboerse-pi1-listrow tr,
table.tx-usrjobboerse-pi1-listrow tr.normal {
	background: #FAFAFA;
}
table.tx-usrjobboerse-pi1-listrow tr.highlight {
	background: #BAC3D5;
	background: #5788E3;
}

.tx-usrjobboerse-pi1-listrow a,
.tx-usrjobboerse-pi1-listrow a:link,
.tx-usrjobboerse-pi1-listrow a:visited {
	text-decoration: none;
}

.tx-usrjobboerse-pi1-listrow tr.highlight a,
.tx-usrjobboerse-pi1-listrow tr.highlight a:link,
.tx-usrjobboerse-pi1-listrow tr.highlight a:visited {
	color: #FFF;
}	

.tx-usrjobboerse-pi1-listrow td {
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #B6B6B6;
}
table.tx-usrjobboerse-pi1-singleView td {		
	padding: 0.2em 2em 0.5em 0.5em;
	vertical-align: top;
}
.tx-usrjobboerse-pi1-listrow tr.highlight td {
	border-bottom: 1px solid #FFF;
}
#jobsuche_eingeben td, #jobangebot_eingeben td {
	padding: 0.2em 2em 0.5em 0.5em;
	vertical-align: top;
}
#jobsuche_eingeben textarea, #jobangebot_eingeben textarea {
	width: 500px;
	height: 150px;
}

/* ---------- HELP_FIELD ---------- */

#erloese a.mehr_infos {
	cursor: help;
}
#erloese a.mehr_infos span { display: none; }
#erloese a.mehr_infos:hover {
	position: relative;
	background: transparent;
}
#erloese a.mehr_infos:hover span {
	display: block;
	position: absolute;
	top: 15px;
	left: 0px;
	width: 140px;
	padding: 1em;
	background: #FFF;
	border: 1px solid #000;
	text-align: left;
	color: #000;
	line-height: 13pt;
	font-weight: normal;
	z-index: 100;
}

/* ---------- TESTIMONIALS ---------- */

.tx-hitestimonials-pi1 div {
	width: 672px;
}

/* ---------- POPUP_LAYER ---------- */

#rgpopup {
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
}
table.pop_dialog_table {
	border-collapse: collapse;
	margin: auto;
	table-layout: fixed;
	width: 100%;
	direction: ltr;
}
td.pop_topleft,
td.pop_topright,
td.pop_bottomleft,
td.pop_bottomright {
	height:10px;
	overflow:hidden;
	padding:0!important;
	padding:5px;
	width:10px!important;
	width:0;
}
td.pop_topleft {
	background: url('images/border-popup.png') no-repeat 0 0;
}
td.pop_topright {
	background: url('images/border-popup.png') no-repeat 0 -10px;
}
td.pop_bottomleft {
	background: url('images/border-popup.png') no-repeat 0 -20px;
}
td.pop_bottomright {
	background: url('images/border-popup.png') no-repeat 0 -30px;
}
td.pop_top,
td.pop_bottom {
	background:url('images/border-popup.png') repeat-x 0 -40px;
}
td.pop_side {
	background:url('images/border-popup.png') repeat-y -10px 0;
}
td.pop_content {
	background-color:#fff;
	padding:0;
	direction:ltr;
}
.pop_dialog_rtl td.pop_content{
	direction:rtl;
}

/* ---------- HEADER_BASE ---------- */

.sommer, .fitness-safari, .slendertone {
	line-height: 20px;
	color: #959595;
}

.sommer h2, .fitness-safari h2 {
	font: 25px "Myriad Pro", Arial, Tahoma;
	font-weight: bold;
}

/* ---------- SOMMER ---------- */

.sommer {
	background: url('/images/header/sommer.jpg') bottom right no-repeat;
	height: 284px;
	line-height: 20px;
	padding: 20px 150px 20px 20px;
}

/* ---------- FITOPOLI ---------- */

.fitopoli {
	background: url('/images/header/fitopoli.jpg') bottom right no-repeat;
	height: 390px;
	line-height: 17px;
	padding: 0 20px 0 20px;
}

/* ---------- SLENDERTONE ---------- */

.slendertone {
	background: url('/images/header/slendertone.jpg') top right no-repeat;
	height: 534px;
	line-height: 17px;
	padding: 0 250px 0 0;
	margin-bottom: -7px;
}

/* ---------- TAG DER OFFENEN T�R ---------- */

.tdot {
	background: url('/images/header/tdot.jpg') top right no-repeat;
	height: 271px;
	line-height: 17px;
	padding: 0 300px 0 0;
}

/* ---------- PDF_SERVICE ---------- */
	
.pdf-service {
	background: url('/images/header/pdf.jpg') top left no-repeat;
	height: 180px;
	line-height: 20px;
	padding-left: 200px;
}

/* ---------- VERR�CKTES FITNESS-SPIEL ---------- */
	
.vfs {
	background: url('/images/header/verruecktes-fitness-spiel.jpg') bottom right no-repeat;
	padding-right: 200px;
}

#offer-of-the-week {
	margin-bottom: 20px;
}

/* ---------- CALLBACK ---------- */

#callback {
	position: fixed;
	top: 140px;
	right: 0;
}

#callback a {
	display: block;
	width: 77px;
	height: 158px;
	background: url('img/callback.jpg') center no-repeat;
	margin-top: 140px;
	font-size: 0.1px;
	text-indent: -9999px;
}

/* ---------- INFO ---------- */

.preis-info {
	background-color: #fff;
	border: 1px dashed #ccc;
	padding: 0 10px;
	font-size: 10px;
	text-align: justify;
	margin-top: 20px;
}
.preis-info img {
	float: left;
	margin-right: 3px;
	margin-top: -4px;
}
.preis-info ul {
	margin-left: -25px;
}
.also-available {
	background-color: #fff;
	border: 1px dashed #ccc;
	padding: 0 10px;
	margin: 20px 0;
	font-size: 10px;
}
.also-available p {
	margin-bottom: 0;
}
.also-available ul {
	list-style-image: url('img/haken.gif');
	margin-top: 0;
	margin-left: -5px;
}

/* Overview */
#overview-popup {
	left: 150px;
	margin-bottom: 0;
	position: absolute;
	text-align: left;
	top: 150px;
	width: 820px;
}
#overview-popup .close {
	height: 12px;
	padding: 2px 5px 10px 0;
	text-align: right;
}
#overview-popup .close a {
	background: url("img/close.gif") no-repeat scroll left center transparent;
	font-weight: bold;
	overflow: hidden;
	padding-left: 15px;
	text-decoration: none;
}
#overview {
	width: 780px;
	padding: 10px;
	height: 500px;
	overflow: auto;
}
#overview .left {
	width: 536px;
	float: left;
}
#overview .right {
	width: 204px;
	float: right;
}
#overview h2 {
	margin-top: 0;
}
#overview ul {
	margin-left: 0;
	padding-left: 25px;
}
a.overview {
	background: url('img/overview.gif') left no-repeat;
	padding-left: 21px;
	padding-top: 2px;
	height: 14px;
	color: #5D5D5D;
	margin: 10px 0;
	display: block;
	text-decoration: none;
}
a.overview:hover {
	color: #000;
}

/* ---------- JETZT BESTELLEN ---------- */

a.hv-order:link {
	color: #fafafa;
}

.hv-order {
	background: url('img/hv-order.gif') no-repeat;
	width: 205px;
	height: 37px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 1px;
}


.teaser-box-right {
	border: 1px solid #e3e3e3;
	padding: 20px;
	width: 448px;
	margin-bottom: 20px;
}

.teaser-box-right h4 {
	background: url('images/bg-h4-teaser-box.gif') no-repeat;
	height: 29px;
	width: 468px;
	margin: -20px 0 14px -20px;
	padding: 8px 0 0 20px;
}

.teaser-box-right img {
	float: left;
	margin-right: 20px;
}

.teaser-box-right p {
	margin: 0;
}

.teaser-box-right a {
	color: #424242;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}

.teaser-box-right a:hover {
	color: #3892bb;
}

.teaser-box-right a span {
	color: #3892bb;
}


/* ---------- HORN-GROUP ---------- */

ul.hornGroup {
	width: 187px;
	height: 32px;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.hornGroup li {
	float: left;
	display: none;
}

ul.hornGroup li.logo a {
	background: url('images/horn-group-logo.gif');
	height: 32px;
	width: 155px;
	display: block;
	border-right: 1px solid #ececec;
}

ul.hornGroup li.logo a:hover {
	background: url('images/horn-group-logo-hov.gif');
}

ul.hornGroup li.button a {
	background: url('images/button-horn-group.gif');
	height: 32px;
	width: 31px;
	display: block;
}

ul.hornGroup li.button a:hover {
	background: url('images/button-horn-group-hov.gif');
}

/* ---------- MEET-THE-TOP ---------- */

#horn-group ul li a.mtt {
	background: url('images/horn-group/mtt-no.gif') no-repeat;
	width: 96px;
	height: 34px;
	
}
#horn-group ul li a.mtt:hover {
	background: url('images/horn-group/mtt-hov.gif') no-repeat;
}

/* ---------- SAFS&BETA ---------- */

#horn-group ul li a.sb {
	background: url('images/horn-group/sb-no.gif') no-repeat;
	width: 100px;
	height: 30px;
	
}
#horn-group ul li a.sb:hover {
	background: url('images/horn-group/sb-hov.gif') no-repeat;
}

/* ---------- FITNESSCENTER-HORN ---------- */

#horn-group ul li a.fh {
	background: url('images/horn-group/fh-no.gif') no-repeat;
	width: 137px;
	height: 28px;
	
}
#horn-group ul li a.fh:hover {
	background: url('images/horn-group/fh-hov.gif') no-repeat;
}

/* ---------- BODYMEDIA ---------- */

#horn-group ul li a.bm {
	background: url('images/horn-group/bm-no.gif') no-repeat;
	width: 115px;
	height: 32px;
	
}
#horn-group ul li a.bm:hover {
	background: url('images/horn-group/bm-hov.gif') no-repeat;
}

/* ---------- FITNESS-BERUF ---------- */

#horn-group ul li a.fb {
	background: url('images/horn-group/fb-no.gif') no-repeat;
	width: 113px;
	height: 20px;
	margin-top: 6px;
	
}
#horn-group ul li a.fb:hover {
	background: url('images/horn-group/fb-hov.gif') no-repeat;
}

/* ---------- MARKETING-NETZWERK ---------- */

#horn-group ul li a.mn {
	background: url('images/horn-group/mn-no.gif') no-repeat;
	width: 113px;
	height: 33px;
	
}
#horn-group ul li a.mn:hover {
	background: url('images/horn-group/mn-hov.gif') no-repeat;
}

/* ---------- SLIMCOACH ---------- */

#horn-group ul li a.sc {
	background: url('images/horn-group/sc-no.gif') no-repeat;
	width: 119px;
	height: 40px;
	
}
#horn-group ul li a.sc:hover {
	background: url('images/horn-group/sc-hov.gif') no-repeat;
}

/* ---------- FITNEWS ---------- */

.fitnews {
	background: url('images/fitnews-header.jpg') right no-repeat;
	padding-right: 235px;
}

/* ---------- FITNESSAKTUELL ---------- */

.fitnessaktuell {
	background: url('images/fitnessaktuell.jpg') top right no-repeat;
	padding-right: 395px;
	height: 175px;
}

/* ---------- Happy Spring ---------- */

.happy-spring {
	background: url('images/bg-happy-spring.jpg') top right no-repeat;
	padding-right: 340px;
}

/* ---------- Fitness-Kreuzfahrt ---------- */

.kreuzfahrt {
	background: url('images/bg-kreuzfahrt.jpg') top right no-repeat;
	padding-right: 340px;
}

/* ---------- Fitness-Kreuzfahrt ---------- */

.olympia {
	background: url('images/olympia.jpg') top right no-repeat;
	padding-right: 280px;
	height: 255px;
}

/* ---------- Matterhorn ---------- */

.matterhorn {
	background: url('images/bg-matterhorn.jpg') bottom right no-repeat;
	padding-right: 200px;
}


table.priceTable .priceHeader,
table.priceTable .priceFooter {
	padding: 10px;
	background-color: #e4e4e4;
}

table.priceTable tr.price td {
	border-bottom: 1px solid #ddd;
}