/* browser reset */
* { padding: 0px; margin: 0px; border: 0px; }
ul, ol { list-style-type: none; }
:focus { outline: 0; }

/* basic template styles */

html, body {
	height: 100%;
}

body {
	position: relative;
	min-width: 980px;
	min-height: 647px;
	background-color: #FFF;
}

body, td, th {
	font-size: 12px;
	line-height: 20px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}

#wrapper {
	width: 962px;
	height: 629px;
	margin-top: 10px;
	margin-left: 10px;
	margin-top: -324px;
	margin-left: -490px;
	top: 50%;
	left: 50%;
	border: 9px solid #FED300;
	position: absolute;
	background-repeat: no-repeat;
}

/* home */
.home #wrapper {
	background-image: url(media/home.jpg);
}

.swingvibeBtn {
	width: 300px;
	height: 205px;
	display: block;
	position: absolute;
	top: 255px;
	right: 0;
}

.swingvibeBtn a {
	width: 300px;
	height: 205px;
	display: block;
	text-indent: -9999px;
}

#orthopaedicum {
	width: 170px;
	height: 60px;
	display: block;
	position: absolute;
	left: 40px;
	bottom: 98px;
}

#orthopaedicum a {
	width: 170px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(media/orthopaedicum.gif) no-repeat;
}

/* leistungsangebot */
.leistungsangebot #wrapper {
	background-image: url(media/leistungsangebot.jpg);
}

/* swingvibe */
.swingvibe #wrapper {
	background-image: url(media/swingvibe.jpg);
}

/* team */
.team #wrapper {
	background-image: url(media/team.jpg);
}

/* impressum */
.impressum #wrapper {
	background-image: url(media/impressum.jpg);
}

/* kontakt */
.kontakt #wrapper {
	background-image: url(media/kontakt.jpg);
}

.mailtoBtn {
	width: 173px;
	height: 20px;
	display: block;
	position: absolute;
	top: 400px;
	left: 221px;
}

.mailtoBtn a {
	width: 173px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}

.mailtoBtn a:hover {
	border-bottom: 2px solid #015B92;
}

/* partner */
.partner #wrapper {
	background-image: url(media/partner.jpg);
}

#partnerList {
	position: absolute;
	top: 111px;
	left: 610px;
}

#partnerList li {
	position: absolute;
	left: 0px;
}

#partnerList li a {
	display: block;
	line-height: 1px;
	font-size: 1px;
	text-indent: -9999px;
}

#partnerList li a:hover {
	border-bottom: 1px solid #000;
}

#partnerList .btn1 { top: 0px; }
#partnerList .btn2 { top: 44px; }
#partnerList .btn3 { top: 85px; }
#partnerList .btn4 { top: 147px; }
#partnerList .btn5 { top: 209px; }

#partnerList .btn1 a { width: 239px; height: 30px; }
#partnerList .btn2 a { width: 137px; height: 30px; }
#partnerList .btn3 a { width: 105px; height: 49px; }
#partnerList .btn4 a { width: 173px; height: 30px; }
#partnerList .btn5 a { width: 125px; height: 31px; }

/* screenreader */

.screenreader {
	width: 1px;
	height: 1px;
	padding: 0px;
	overflow: hidden;
	font-size: 1px;
	visibility: hidden;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}

/* navigation */

h1 {
	width: 290px;
	height: 90px;
	display: block;
	position: absolute;
	right: 25px;
	bottom: 30px;
}

h1 a {
	width: 290px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	background: url(media/wital.gif) no-repeat;
}

#mainNav {
	position: absolute;
	bottom: 30px;
	left: 39px;
}

#mainNav li {
	height: 25px;
	float: left;
}

#mainNav li a {
	height: 25px;
	display: block;
	text-indent: -9999px;
	background: url(media/mainNav.gif) no-repeat;
}

#mainNav .leistungsangebot { width: 127px; background-position: 0 0 }
#mainNav .swingvibe { width: 100px; background-position: -127px 0 }
#mainNav .team { width: 67px; background-position: -227px 0 }
#mainNav .kontakt { width: 82px; background-position: -294px 0 }
#mainNav .partner { width: 80px; background-position: -376px 0 }
#mainNav .impressum { width: 100px; background-position: -456px 0 }

#mainNav .leistungsangebot:hover, .leistungsangebot #mainNav .leistungsangebot { width: 127px; background-position: 0 -25px }
#mainNav .swingvibe:hover, .swingvibe #mainNav .swingvibe { width: 100px; background-position: -127px -25px }
#mainNav .team:hover, .team #mainNav .team { width: 67px; background-position: -227px -25px }
#mainNav .kontakt:hover, .kontakt #mainNav .kontakt { width: 82px; background-position: -294px -25px }
#mainNav .partner:hover, .partner #mainNav .partner { width: 80px; background-position: -376px -25px }
#mainNav .impressum:hover, .impressum #mainNav .impressum { width: 100px; background-position: -456px -25px }

/* cleaner */

.cleaner {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	border: 0px none;
	margin: 0px; 
	padding: 0px;
	margin-bottom: -1px;
	background: transparent;
}

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

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */