/* --- Basic Settings --- */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body {
	height: 100%;
}

body { 
	min-height:100%;
	background-color: white;
	text-align: center;
}

img {
	border: none;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	color: #af0623;
	margin-top: 4px;
	margin-bottom: 10px; 
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #af0623;
	margin-bottom: 16px; 
}

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #5c5c5c;
	margin-bottom: 15px; 
}

b {
	color: #af0623;
}

#body-content {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 860px;
	margin-left: -430px;
	border: 0px solid #ff00ff;
}

ul {
	list-style-position:outside;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #5c5c5c;
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: 15px;
	line-height: 20px;
}


/* --- Container Settings --- */

/* -- Header --*/

#head {
	width: 860px;
	height: 220px;
	text-align: left;
	background: url(../images/header_filippo.jpg) no-repeat;
}

#logo {
	position: absolute;
	width: 93px;
	height: 90px;
	margin: 35px 0 0 39px;
	text-indent: -2000px;
	background: url(../images/logo_filippotraining.gif) no-repeat;
}

#logo a {
	position: absolute;
	width: 93px;
	height: 90px;
	display: block;
}

/* - Navigation -*/

ul#navigation {
	position: absolute;
	top: 175px;
	left:  0px;
	width: 837px;
	height: 33px;
	padding: 13px 0 0 23px;
	text-align: left;
	background: url(../images/navi_bg.gif) no-repeat;
	margin-left: 0px;
}

ul#navigation li {
	float: left;
	display: inline;
	list-style-type: none;
}

a.navibutton-news {
	display: block;
	width: 60px;
	height: 21px;
	background: url(../images/navi_news.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-news-activ {
	display: block;
	width: 60px;
	height: 21px;
	background: url(../images/navi_news_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-news:hover {
	background: url(../images/navi_news_hover.gif) no-repeat;
}

a.navibutton-angebot {
	display: block;
	width: 91px;
	height: 21px;
	background: url(../images/navi_angebot.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-angebot-activ {
	display: block;
	width: 91px;
	height: 21px;
	background: url(../images/navi_angebot_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-angebot:hover {
	background: url(../images/navi_angebot_hover.gif) no-repeat;
}

a.navibutton-team {
	display: block;
	width: 68px;
	height: 21px;
	background: url(../images/navi_team.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-team-activ {
	display: block;
	width: 68px;
	height: 21px;
	background: url(../images/navi_team_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-team:hover {
	background: url(../images/navi_team_hover.gif) no-repeat;
}

a.navibutton-preise {
	display: block;
	width: 76px;
	height: 21px;
	background: url(../images/navi_preise.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-preise-activ {
	display: block;
	width: 76px;
	height: 21px;
	background: url(../images/navi_preise_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-preise:hover {
	background: url(../images/navi_preise_hover.gif) no-repeat;
}

a.navibutton-medien {
	display: block;
	width: 83px;
	height: 21px;
	background: url(../images/navi_medien.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-medien-activ {
	display: block;
	width: 83px;
	height: 21px;
	background: url(../images/navi_medien_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-medien:hover {
	background: url(../images/navi_medien_hover.gif) no-repeat;
}

a.navibutton-referenzen {
	display: block;
	width: 117px;
	height: 21px;
	background: url(../images/navi_referenzen.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-referenzen-activ {
	display: block;
	width: 117px;
	height: 21px;
	background: url(../images/navi_referenzen_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-referenzen:hover {
	background: url(../images/navi_referenzen_hover.gif) no-repeat;
}

a.navibutton-partner {
	display: block;
	width: 87px;
	height: 21px;
	background: url(../images/navi_partner.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-partner-activ {
	display: block;
	width: 87px;
	height: 21px;
	background: url(../images/navi_partner_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-partner:hover {
	background: url(../images/navi_partner_hover.gif) no-repeat;
}

a.navibutton-galerie {
	display: block;
	width: 82px;
	height: 21px;
	background: url(../images/navi_galerie.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-galerie-activ {
	display: block;
	width: 82px;
	height: 21px;
	background: url(../images/navi_galerie_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-galerie:hover {
	background: url(../images/navi_galerie_hover.gif) no-repeat;
}

a.navibutton-kontakt {
	display: block;
	width: 72px;
	height: 21px;
	background: url(../images/navi_kontakt.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-kontakt-activ {
	display: block;
	width: 72px;
	height: 21px;
	background: url(../images/navi_kontakt_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.navibutton-kontakt:hover {
	background: url(../images/navi_kontakt_hover.gif) no-repeat;
}

/* -- Navibar --*/

ul#navibar {
	width: 470px;
	height: 147px;
	margin: 50px auto 100px;
	text-align: left;
}

ul#navibar li {
	float: left;
	display: inline;
	list-style-type: none;
}

a.navibar-infos {
	display: block;
	width: 159px;
	height: 147px;
	background: url(../images/button_infos.gif) no-repeat;
	text-indent: -2000px;
}

a.navibar-infos:hover {
	background: url(../images/button_infos_hover.gif) no-repeat;
}

a.navibar-seminar {
	display: block;
	width: 152px;
	height: 147px;
	background: url(../images/button_seminar.gif) no-repeat;
	text-indent: -2000px;
}

a.navibar-seminar:hover {
	background: url(../images/button_seminar_hover.gif) no-repeat;
}

a.navibar-tipp {
	display: block;
	width: 159px;
	height: 147px;
	background: url(../images/button_tipp.gif) no-repeat;
	text-indent: -2000px;
}

a.navibar-tipp:hover {
	background: url(../images/button_tipp_hover.gif) no-repeat;
}

/* -- Content --*/

div#content {
	clear: left;
	margin-top: 40px;
	text-align: left
}

div.content-left {
	float: left;
	width: 175px;
	margin-right: 20px;
	text-align: left;
}

div.content-middle {
	float: left;
	width: 470px;
	text-align: left;
	margin-left: 15px;
}

div.content-right {
	float: right;
	width: 175px;
	text-align: left;
}

/* -- Subnavi --*/

ul#subnavi {
	float: left;
	display: inline;
	text-align: left;
	font: 12px Verdana, Arial, sans-serif;
	line-height: 20px;
	color: #5c5c5c;
}

ul#subnavi li {
	list-style-type: none;
}

ul.subnavimenu {
	padding: 5px 0 13px 0;
	background-color: #efefef;
}

li.submenu {
	margin: 2px 0 2px 24px;
	font: 12px Verdana, Arial, sans-serif;
	line-height: 20px;
	color: #5c5c5c;
	list-style-type: none;
}

a.subnavibutton-training {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_training.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-training-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_training_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-training:hover {
	background: url(../images/subnavi_training_hover.gif) no-repeat;
}

a.subnavibutton-medizentrum {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_medizentrum.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-medizentrum-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_medizentrum_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-medizentrum:hover {
	background: url(../images/subnavi_medizentrum_hover.gif) no-repeat;
}

a.subnavibutton-ausbildung {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_ausbildung.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-ausbildung-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_ausbildung_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-ausbildung:hover {
	background: url(../images/subnavi_ausbildung_hover.gif) no-repeat;
}

a.subnavibutton-ernaehrung {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_ernaehrung.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-ernaehrung-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_ernaehrung_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-ernaehrung:hover {
	background: url(../images/subnavi_ernaehrung_hover.gif) no-repeat;
}

a.subnavibutton-leistung {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_leistung.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-leistung-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_leistung_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-leistung:hover {
	background: url(../images/subnavi_leistung_hover.gif) no-repeat;
}

a.subnavibutton-gesundheit {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_gesundheit.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-gesundheit-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_gesundheit_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-gesundheit:hover {
	background: url(../images/subnavi_gesundheit_hover.gif) no-repeat;
}

a.subnavibutton-coaching {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_coaching.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-coaching-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_coaching_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-coaching:hover {
	background: url(../images/subnavi_coaching_hover.gif) no-repeat;
}

a.subnavibutton-mentaltraining {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_mentaltraining.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-mentaltraining-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_mentaltraining_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-mentaltraining:hover {
	background: url(../images/subnavi_mentaltraining_hover.gif) no-repeat;
}

a.subnavibutton-firmen {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_firmen.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-firmen-activ {
	display: block;
	width: 175px;
	height: 26px;
	background: url(../images/subnavi_firmen_hover.gif) no-repeat;
	text-indent: -2000px;
}

a.subnavibutton-firmen:hover {
	background: url(../images/subnavi_firmen_hover.gif) no-repeat;
}

/* -- Search --*/

div#search {
	clear: left;
	width: 155px;
	height: 85px;
	margin-top: 6px;
	padding: 15px 0 0 23px;
	background: url(../images/search_field.gif) no-repeat;
}

p.suche {
	width: 37px;
	height: 11px;
	margin-bottom: 14px;
	background: url(../images/search_text.gif) no-repeat;
	text-indent: -2000px;
}

input.button-ok {
	width: 51px;
	height: 18px;
	background: url(../images/button_ok.gif) no-repeat;
	cursor: auto;
}

input.text-search {
	width: 127px;
	height: 17px;
	margin-left: 1px;
}

/* -- Sponsoren --*/

div#sponsor {
	clear: left;
	width: 130px;
	height: 147px;
	margin-top: 20px;
	padding: 15px 23px 0 23px;
	background: url(../images/sponsoren_bg.gif) no-repeat;
	text-align: center;
}

p.sponsoren {
	width: 66px;
	height: 13px;
	margin-bottom: 25px;
	background: url(../images/sponsoren_text.gif) no-repeat;
	text-indent: -2000px;
}

/* -- News --*/

div.news {
	clear: left;
	width: 161px;
	height: 25px;
	margin-top: 6px;
	padding: 15px 0 0 14px;
	background: url(../images/news_bg.gif) no-repeat;
}

a.newsletter {
	display: block;
	width: 149px;
	height: 12px;
	background: url(../images/newsletter_text.gif) no-repeat;
	text-indent: -2000px;
}

a.text-news {
	display: block;
	width: 38px;
	height: 12px;
	background: url(../images/news_text.gif) no-repeat;
	text-indent: -2000px;
}

/* -- Select --*/

div#select {
	clear: left;
	width: 161px;
	height: 106px;
	margin-top: 111px;
	padding: 15px 0 0 14px;
	background: url(../images/select_bg.gif) no-repeat;
}

div#select p {
	margin: 0 0 12px 0;
}

p.sportarten {
	width: 71px;
	height: 13px;
	background: url(../images/select_sport_text.gif) no-repeat;
	text-indent: -2000px;
}

p.region {
	width: 46px;
	height: 13px;
	background: url(../images/select_region_text.gif) no-repeat;
	text-indent: -2000px;
}

/* -- Hier finden --*/

div#hier-finden {
	clear: left;
	width: 161px;
	height: 72px;
	margin-top: 20px;
	padding: 15px 0 0 14px;
	background: url(../images/hier_finden_bg.gif) no-repeat;
}

a.hier-finden {
	display: block;
	width: 149px;
	height: 60px;
	background: url(../images/hier_finden_text.gif) no-repeat;
	text-indent: -2000px;
}

/* -- melde --*/

div#melde {
	clear: left;
	width: 161px;
	height: 49px;
	margin-top: 111px;
	padding: 15px 0 0 14px;
	background: url(../images/melde_bg.gif) no-repeat;
}

a.text-melde {
	display: block;
	width: 146px;
	height: 36px;
	background: url(../images/melde_text.gif) no-repeat;
	text-indent: -2000px;
}

div#meldeorg {
	clear: left;
	width: 175px;
	height: 103px;
	margin-top: 15px;
	padding: 15px 0 0 14px;
	background: url(../images/melde_org_bg.gif) no-repeat;
}

a.text-meldeorg {
	display: block;
	width: 129px;
	height: 60px;
	background: url(../images/melde_org_text.gif) no-repeat;
	text-indent: -2000px;
}

/* -- Contact --*/

#contact {
	width: 470px;
	height: 647px;
	margin-top: 6px;
	background: url(../images/kontakt_bg.gif) no-repeat; ;
}

p.text-contact {
	width: 48px;
	height: 11px;
	margin: 15px 0 14px 23px;
	background: url(../images/kontakt_text.gif) no-repeat;
	text-indent: -2000px;
}

p.text-firma {
	width: 83px;
	height: 19px;
	margin: 0 0 13px 23px;
	background: url(../images/text_firma.gif) no-repeat;
	text-indent: -2000px;
}

p.text-funktion {
	width: 83px;
	height: 19px;
	margin: 0 0 49px 23px;
	background: url(../images/text_funktion.gif) no-repeat;
	text-indent: -2000px;
}

p.text-anrede {
	width: 83px;
	height: 19px;
	margin: 0 0 13px 23px;
	background: url(../images/text_anrede.gif) no-repeat;
	text-indent: -2000px;
}

p.text-name {
	width: 83px;
	height: 19px;
	margin: 0 0 8px 23px;
	background: url(../images/text_name.gif) no-repeat;
	text-indent: -2000px;
}

p.text-vorname {
	width: 83px;
	height: 19px;
	margin: 0 0 8px 23px;
	background: url(../images/text_vorname.gif) no-repeat;
	text-indent: -2000px;
}

p.text-adresse {
	width: 83px;
	height: 19px;
	margin: 0 0 8px 23px;
	background: url(../images/text_adresse.gif) no-repeat;
	text-indent: -2000px;
}

p.text-plz {
	width: 83px;
	height: 19px;
	margin: 0 0 13px 23px;
	background: url(../images/text_plz.gif) no-repeat;
	text-indent: -2000px;
}

p.text-telefon {
	width: 83px;
	height: 19px;
	margin: 0 0 8px 23px;
	background: url(../images/text_telefon.gif) no-repeat;
	text-indent: -2000px;
}

p.text-mobile {
	width: 83px;
	height: 19px;
	margin: 0 0 8px 23px;
	background: url(../images/text_mobile.gif) no-repeat;
	text-indent: -2000px;
}

p.text-email {
	width: 83px;
	height: 19px;
	margin: 0 0 48px 23px;
	background: url(../images/text_email.gif) no-repeat;
	text-indent: -2000px;
}

p.text-betreff {
	width: 83px;
	height: 19px;
	margin: 0 0 8px 23px;
	background: url(../images/text_betreff.gif) no-repeat;
	text-indent: -2000px;
}

p.text-nachricht {
	width: 90px;
	height: 19px;
	margin: 0 0 0 23px;
	background: url(../images/text_nachricht.gif) no-repeat;
	text-indent: -2000px;
}

p.text-newsletter {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #5c5c5c;
	margin: 0 0 0 46px;

}

p.text-kopie {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #5c5c5c;
	margin: 0 0 13px 0;

}

table.contact-form {
	border-spacing: 0px;
}

table.contact-form tr td {
	vertical-align: top;
}

input.contact-field {
	width: 223px;
	height: 17px;
	margin-left: 1px;
}

input.contact-field-plz {
	width: 61px;
	height: 17px;
	margin-left: 1px;
}

input.contact-field-ort {
	width: 119px;
	height: 17px;
	margin-left: 43px;
}

textarea.contact-textarea {
	width: 223px;
	height: 103px;
	margin: 0 0 13px 1px;
}


.csc-textpic {
	border-top: 1px solid #af0623;
	padding-top: 10px;
}

.csc-textpic-single-image {
	margin-top: 8px;
}

.csc-textpic-text {
	margin-left: 10px;
}


/* - Table - */

table td {
	vertical-align: top;
}

table.tables, table.tables-preise {
	margin: 20px 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #5c5c5c;
	border-spacing: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.tables tr td {
	padding: 5px 0 15px 0;
	vertical-align: top;
	border-top: 1px solid #af0623;
}

table.tables tr td p {
	margin: 0 0 5px 0;
	vertical-align: top;
}

table.tables tr td img {
	margin: 4px 0 15px 4px;
	vertical-align: top;
}

table.tables-preise tr td {
	padding: 5px 0 5px 0;
	vertical-align: top;
	border-top: 1px solid #af0623;
}

table.tables-list tr td {
	border: 0px; 
	padding: 0px;
}

/* -- Footer -- */

#footer {
	margin: 20px 0 25px 210px;
	text-align: left;
	font: 10px Verdana, Arial, sans-serif;
	color: #5c5c5c;
}

/* --- Text --- */

blockquote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #dd003f;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 15px;
	border-left: 1px solid #dd003f; 
}

ul.listing {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #5c5c5c;
	list-style-type: disc;
	list-style-position: outside;
}

ul.listing li {
	margin-bottom: 7px;
}



/* --- Link Setting --- */

a:link { 
  color: #5c5c5c;
}

a:visited { 
  color: #5c5c5c;
}

a.activ, a:hover { 
  color: #dd003f; 
}

a:active { 
  color: #dd003f; 
}

a:link,a:visited,a:hover,a:active { 
   text-decoration: none;
}


/* --- Hacks --- */




/* - Clearfix - */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
