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

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

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

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #5d5d5d;
	font-weight : normal; 
	font-style : normal;
	margin : 0;
	padding : 0;
	background: #fff url(img/background.gif) repeat-x;
}
table {
	font-size : 12px;
}
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;
}

.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;
}

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 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;
	position: fixed;
}

/* ---------- 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;
}


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

#horn-group {
	background: #ededed url('bg-horn-group.gif') top repeat-x;
	height: 52px;
	padding-top: 25px;
	border-bottom: 1px solid #b6b6b6;
	position: relative;
}
#horn-group ul {
	list-style: none;
	height: 40px;
	padding-left: 0;
	margin: 0 0 0 16px;
}
#horn-group ul li {
	float: left;
	margin-right: 20px;
}
#horn-group ul li.last {
	margin-right: 0;
}
#horn-group ul li a {
	display: block;
	font-size: 1px;
	text-indent: -9999px;
}

/* ---------- 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;
}