/* ************************************************************************** */
/* Stylesheet für www.rehaplus-bottrop.de                                     */
/*                                                                            */
/* Version 1.0 - 16.02.2010                                                   */
/*                                                                            */
/* (c) Copyright 2010 by Impression Media Dorsten - www.impressionmedia.de    */
/* ========================================================================== */
/* Versionshistorie                                                           */
/* (N = Neu; F = Fix; V = Verbesserung)                                       */
/* -------------------------------------------------------------------------- */
/* 1.0 - 16.02.2010: erste Fassung                                            */
/* ========================================================================== */
/* Outline                                                                    */
/* -------------------------------------------------------------------------- */
/* 01 | Reset                                                                 */
/* 02 | Layout                                                                */
/* ************************************************************************** */



/* ************************************************************************** */
/* 01 | Reset & Basisstyles                                                   */
/* ************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

html * {
	font-size: 100.01%; /* alle Schriftgrößen auf Standard (16 Pixel) zurücksetzen */
	}

a {
	color: #333;
	text-decoration: none;
	}

/* ************************************************************************** */
/* 02 | Layout                                                                */
/* ************************************************************************** */

body {
	background: #981B1E;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 81.25%;
	line-height: 125%;
	}

#page-wrapper {
	background: #fff url(../img/bg-rot-rechts.gif) top right repeat-y;
	/*height: 814px;*/
	min-height: 814px;
	height: auto !important;
	height: 814px;
	position: relative;
	left: 0;
	top: 10px;
	width: 820px;
	}

#header,
#page-header,
#page-container,
#footer {
	width: 800px;
	}

#header {
	background: #981B1F url(../img/bg-rot-top.gif) bottom left no-repeat;
	/*height: 30px;*/
	min-height: 30px;
	height: auto !important;
	height: 30px;
	overflow: hidden;
	width: 820px;
	}

#header-adress {
	
	}

p.header-adress {
	color: #fff;
	float: left;
	padding-left: 28px;
	}

p.header-imprint {
	color: #fff;
	float: right;
	padding-right: 42px;
	}

p.header-imprint a {
	color: #fff;
	}

p.header-imprint a:hover {
	border-bottom: #fff 1px solid;
	}

#page-container {
	background: #fff url(../img/bg-page-container.gif) bottom right no-repeat;
	/*height: 764px;*/
	min-height: 764px;
	height: auto !important;
	height: 764px;
	}

#startseite #page-container {
	background: #fff;
	}

#footer {
	background: transparent url(../img/bg-rot-unten.gif) top left no-repeat;
	height: 20px;
	width: 820px;
	}

#categorie-menu {
	clear: both;
	height: 30px;
	overflow: hidden;
	}

#categorie-menu ul {
	float: left;
	}

#categorie-menu ul li {
	height: 30px;
	float: left;
	}

#categorie-menu ul li a {
	display: block;
	height: 30px;
	}

#categorie-menu ul li#tab-rehabilitationssport a {
	background: url(../img/tab-rehabilitationssport.jpg) top left no-repeat;
	width: 280px;
	}

#categorie-menu ul li#tab-rehabilitationssport a:hover,
#rehasport #categorie-menu ul li#tab-rehabilitationssport a {
	background: url(../img/tab-rehabilitationssport-active.jpg) top left no-repeat;
	}

#categorie-menu ul li#tab-gesundheitssport a {
	background: url(../img/tab-gesundheitssport.jpg) top left no-repeat;
	margin: 0 1px;
	width: 323px;
	}

#categorie-menu ul li#tab-gesundheitssport a:hover,
#gesundheitssport #categorie-menu ul li#tab-gesundheitssport a {
	background: url(../img/tab-gesundheitssport-active.jpg) top left no-repeat;
	}

#categorie-menu ul li#tab-fitness-kooperationen a {
	background: url(../img/tab-fitness-kooperationen.jpg) top left no-repeat;
	width: 195px;
	}

#categorie-menu ul li#tab-fitness-kooperationen a:hover,
#fitness-kooperationen #categorie-menu ul li#tab-fitness-kooperationen a {
	background: url(../img/tab-fitness-kooperationen-active.jpg) top left no-repeat;
	}

#start-menu {
	overflow: hidden;
	position: relative;
	}

#start-menu-left,
#start-menu-right {
	height: 734px;
	}

#start-menu-left {
	background: transparent url(../img/bg-startseite-rehasport.jpg) bottom left no-repeat;
	border-right: #999 1px solid;
	float: left;
	width: 280px;
	}

#start-menu-right {
	background: transparent url(../img/bg-startseite-gesundheitssport.jpg) bottom right no-repeat;
	float: right;
	width: 519px;
	}

img.start-menu-rehasport,
img.start-menu-gesundheitssport {
	margin: 19px 0 23px 0;
	}

img.start-menu-rehasport {
	margin-left: 20px;
	}

img.start-menu-gesundheitssport {
	margin-left: 18px;
	}

a.img {
	border: none;
	}

#start-menu-rehasport-button {
	background: transparent url(../img/bg-button-rehabilitationssport.gif) top left repeat-y;
	padding: 8px 0 8px 18px;
	text-align: center;
	}

#start-menu-rehasport-button a {
	background: transparent url(../img/button-rehabilitationssport.gif) top left no-repeat;
	display: block;
	height: 57px;
	width: 245px;
	}

#start-menu-rehasport-button a:hover {
	background: transparent url(../img/button-rehabilitationssport-active.gif) top left no-repeat;
	}

#start-menu-gesundheitssport-button {
	background: transparent url(../img/bg-button-gesundheitssport.gif) top left repeat-y;
	padding: 9px 0 9px 95px;
	text-align: center;
	}

#start-menu-gesundheitssport-button a {
	background: transparent url(../img/button-gesundheitssport.gif) top left no-repeat;
	display: block;
	height: 55px;
	width: 330px;
	}

#start-menu-gesundheitssport-button a:hover {
	background: transparent url(../img/button-gesundheitssport-active.gif) top left no-repeat;
	}

img.start-menu-logo {
	clear: both;
	left: 240px;
	position: absolute;
	top: 338px;
	}

#sub-header-rehabilitationssport,
#sub-header-gesundheitssport,
#sub-header-fitness-kooperationen {
	height: 240px;
	position: relative;
	}

#sub-header-rehabilitationssport h1,
#sub-header-gesundheitssport h1,
#sub-header-fitness-kooperationen h1 {
	position: absolute;
	text-indent: -999em;
	}

#sub-header-rehabilitationssport {
	background: #fff url(../img/header-rehabilitationssport.jpg) top right no-repeat;
	}

#sub-header-rehabilitationssport h1 {
	background: transparent url(../img/heading-rehabilitationssport.jpg) top left no-repeat;
	height: 49px;
	left: 187px;
	top: 55px;
	width: 231px;
	}

#sub-header-gesundheitssport {
	background: #fff url(../img/header-gesundheitssport.jpg) top right no-repeat;
	}

#sub-header-gesundheitssport h1 {
	background: transparent url(../img/heading-gesundheitssport.jpg) top left no-repeat;
	height: 25px;
	left: 187px;
	top: 55px;
	width: 295px;
	}

#sub-header-fitness-kooperationen {
	background: #fff url(../img/header-gesundheitssport.jpg) top right no-repeat;
	}

#sub-header-fitness-kooperationen h1 {
	background: transparent url(../img/heading-fitness-kooperationen.gif) top left no-repeat;
	height: 19px;
	left: 187px;
	top: 61px;
	width: 373px;
	}

img.logo {
	left: 0;
	position: absolute;
	top: 12px;
	}


/* ----------------------------------------------------------------------------------- */
#main-menu {
	background: transparent;
	height: 75px;
	left: 0;
	overflow: hidden;
	position: relative;
	top: 144px;
	}

#menu-tabs {
	background: transparent;
	height: 35px;
	overflow: hidden;
	width: 800px;
	}

#menu-panel {
	background: transparent url(../img/tab_grau_verlauf.jpg) bottom left repeat-x;
	height: 40px;
	line-height: 40px;
	position: relative;
	width: 800px;
	}

#sba #menu-panel {
	background: transparent url(../img/tab_rot_verlauf.jpg) bottom left repeat-x;
	}

#tep #menu-panel {
	background: transparent url(../img/tab_cyan_verlauf.gif) bottom left repeat-x;
	}

#fitness-kooperationen #menu-panel {
	background: transparent url(../img/tab_kooperationen_verlauf.gif) bottom left repeat-x;
	}

#gesundheitssport #menu-panel {
	background: transparent url(../img/tab_gesundheitssport_verlauf.gif) top left repeat-x;
	}

#kontakt-impressum #menu-panel {
	background: transparent url(../img/tab_kontakt-impressum_verlauf.gif) top left repeat-x;
	}

ul.tabs {
	background: transparent;
	float: left;
	list-style: none;
	width: 800px;
	}

ul.tabs li {
	float: left;
	margin-right: 1px;
	width: auto;
	}

ul.tabs li a {
	display: block;
	height: 70px;
	text-decoration: none;
	}

ul.tabs li a:hover {
	text-decoration: underline;
	}

ul.tabs li.rehasport a,
ul.tabs li.kontakt-impressum a {
	color: #000;
	}

ul.tabs li.rehasport a {
	background: transparent url(../img/tab-rehabilitationssport.gif) 0 0 no-repeat;
	width: 120px;
	}

ul.tabs li.rehasport a:hover,
#rehasport ul.tabs li.rehasport a {
	background: transparent url(../img/tab-rehabilitationssport.gif) 0 -35px no-repeat;
	}

ul.tabs li.sba a {
	background: transparent url(../img/tab-sba.gif) 0 0 no-repeat;
	width: 270px;
	}

ul.tabs li.sba a:hover,
#sba ul.tabs li.sba a {
	background: transparent url(../img/tab-sba.gif) 0 -35px no-repeat;
	}

ul.tabs li.tep a {
	background: transparent url(../img/tab-tep.gif) 0 0 no-repeat;
	width: 254px;
	}

ul.tabs li.tep a:hover,
#tep ul.tabs li.tep a {
	background: transparent url(../img/tab-tep.gif) 0 -35px no-repeat;
	}

ul.tabs li.kooperationen a {
	background: transparent url(../img/tab-kooperationen.gif) top left no-repeat;
	height: 35px;
	width: 216px;
	}

ul.tabs li.gesundheitssport a {
	background: transparent url(../img/tab-gesundheitssport.gif) top left no-repeat;
	height: 35px;
	width: 184px;
	}

ul.tabs li.kontakt-impressum a {
	background: transparent url(../img/tab-kontakt-impressum.gif) top left no-repeat;
	height: 35px;
	width: 198px;
	}

p.sub-navi {
	color: #fff;
	padding: 10px 0 0 20px;
	}

p.sub-navi a {
	font-size: 88.461%;
	height: 28px;
	text-decoration: none;
	color: #000;
	}

#sba p.sub-navi {
	padding-left: 130px;
	}

#sba p.sub-navi a {
	color: #fff;
	}

p.sub-navi a:hover {
	text-decoration: underline;
	}

#fitness-kooperationen p.sub-navi {
	padding-left: 20px;
	}

#gesundheitssport p.sub-navi {
	color: #fff;
	padding-left: 20px;
	}

#gesundheitssport p.sub-navi a {
	color: #fff;
	}

#content {
	background: #fff;
	position: relative;
	width: 550px;
	}

#content p {
	margin-bottom: 0.5em;
	}

#content h2, h3, p {
	line-height: 1.5em;
	}

#content h2 {
	font-size: 138.461%;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	}

#content h3 {
	font-size: 123.076%;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	margin-top: 1em;
	}

#content .gutter {
	padding: 10px 0 0.5em 20px;
	}

#reha-sport-logos {
	overflow: hidden;
	position: absolute;
	left: 620px;
	top: 52px;
	width: 160px;
	}

.teptab {
	margin: 4em 0 0 0;
	position: absolute;
	}

#gesundheitssport .teptab {
	margin-top: 1em;
	}

.tephead-left {
	background: #00B1CD;
	color: #fff;
	height: 2em;
	font-weight: bold;
	left: 0;
	line-height: 2em;
	padding: 0 6px 0 6px;
	position: absolute;
	top: 0;
	width: 362px;
	}


.tepcell-left {
	border: #00B1CD 1px solid;
	border-top: none;
	left: 0;
	padding: 4px 6px 4px 6px;
	position: absolute;
	top: 2em;
	width: 360px;
	}

.sportsnwellness {
	color: #E50017;
	}

#sports-n-wellnes {
	overflow: hidden;
	position: absolute;
	left: 505px;
	top: 52px;
	width: 194px;
	}

#sports-n-wellnes a {
	background: transparent url(../img/button-sports-n-wellness.gif) top left no-repeat;
	display: block;
	height: 87px;
	width: 194px;
	}

#sports-n-wellnes a:hover {
	background: transparent url(../img/button-sports-n-wellness-active.gif) top left no-repeat;
	}

#gesundheitssport .gutter {
	padding-bottom: 2em;
	}

#calendar-zirkeltraining {
	left: 470px;
	position: absolute;
	top: 110px;
	width: 240px;
	}

#content #calendar-zirkeltraining p {
	border-left: #90AD1F 1px solid;
	border-right: #90AD1F 1px solid;
	font-size: 88.461%;
	margin: 0;
	}

p.zirkeltraining-heading {
	background: #90AD1F;
	color: #fff;
	font-weight: bold;
	padding: 4px 6px;
	}

p.zirkeltraining-day {
	background: #90AD1F;
	border-top: #fff 1px solid;
	color: #fff;
	font-weight: bold;
	padding: 2px 6px;
	}

p.zirkeltraining-day-data {
	border-bottom: #90AD1F 1px solid;
	overflow: hidden;
	width: 238px;
	}

p.zirkeltraining-day-data span {
	display: block;
	float: left;
	padding: 2px 6px;
	width: 105px;
	}

p.zirkeltraining-day-data span.left {
	border-right: #90AD1F 1px solid;
	width: 104px;
	}

a.vereins-mitglied-werden {
	background: transparent url(../img/button-vereins-mitglied-werden.gif) top left no-repeat;
	height: 30px;
	position: absolute;
	width: 167px;
	top: 5px;
	left: 617px;
	}

a.vereins-mitglied-werden:hover {
	background: transparent url(../img/button-vereins-mitglied-werden-active.gif) top left no-repeat;
	}

a.flyer-download {
	background: transparent url(../img/button-flyer-download.gif) top left no-repeat;
	height: 30px;
	position: absolute;
	width: 279px;
	top: 5px;
	left: 505px;
	}

a.flyer-download:hover {
	background: transparent url(../img/button-flyer-download-active.gif) top left no-repeat;
	}

#kontakt-impressum form {
	border: #981B1E 1px solid;
	overflov: hidden;
	width: 450px;
	}

#kontakt-impressum #content form p {
	line-height: normal;
	margin-bottom: 0.5em;
	}

#kontakt-impressum form fieldset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 14px;
	}

#kontakt-impressum form label {
	cursor: pointer;
	float: left;
	width: 28%;
	padding-top: 2px;
	color: #000;
	}

#kontakt-impressum form label.nachricht {
	float: none;
	}

#kontakt-impressum form input,
#kontakt-impressum form select,
#kontakt-impressum form input[type="submit"] {
	border: #981B1E 1px solid;
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 0;
	margin-right: 0;
	padding: 4px 4px 4px;
	width: 60%;
	}

#kontakt-impressum form textarea {
	background: #fff;
	border: #981B1E 1px solid;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	padding: 3px 3px 3px;
	width: 98%;
	}

#kontakt-impressum form input:hover,
#kontakt-impressum form input:focus,
#kontakt-impressum form select:hover,
#kontakt-impressum form select:focus,
#kontakt-impressum form textarea:hover,
#kontakt-impressum form textarea:focus {
	background: #981B1E;
	border: #000 1px solid;
	color: #fff;
	}

#kontakt-impressum form select {
	padding: 3px 3px 3px;
	width: 24%;
	}

#kontakt-impressum form input[type="submit"],
#kontakt-impressum form input[type="submit"]:hover,
#kontakt-impressum form input[type="submit"]:focus {
	background: #fff;
	color: #000;
	float: right;
	margin-right: 0;
	margin-top: 1.5em;
	width: auto;
	}

#kontakt-impressum form input[type="submit"]:hover,
#kontakt-impressum form input[type="submit"]:focus {
	background: #981B1E;
	border: #000 1px solid;
	color: #fff;
	}

#kontakt-impressum p.error {
	color: red;
	margin-top: 0.5em;
	}

#gesundheitssport form,
#gesundheitssport div#success {
	left: 470px;
	position: absolute;
	top: 56px;
	width: 300px;
	}

#gesundheitssport form input {
	width: 290px;
	}

#gesundheitssport form input[type="submit"] {
	background: transparent url(../img/button-terminanfrage.gif) top left no-repeat;
	border: none;
	cursor: pointer;
	height: 29px;
	width: 166px;
	}


#calendar {
	margin: 1em 0 20px 20px;
	overflow: hidden;
	width: 656px;
	}

#calendar ul li {
	background: #666;
	border: #666 1px solid;
	float: left;
	margin-right: 14px;
	width: 118px;
	}

#calendar ul li.last {
	margin-right: 0;
	}

#content #calendar p {
	line-height: normal;
	margin: 0;
	}

#calendar p.day {
	background: transparent;
	color: #fff;
	font-weight: bold;
	padding: 2px 6px 4px 6px;
	}

#calendar p.entry,
#calendar p.entry-curse,
#calendar p.empty,
#calendar p.empty-curse {
	background: #fff;
	font-size: 88.461%;
	margin: 0 1px;
	padding: 0 1px 0 4px;
	}

#calendar p.empty,
#calendar p.empty-curse {
	background: #666;
	}

#calendar p.entry-curse,
#calendar p.empty-curse {
	border-bottom: #666 1px solid;
	font-weight: bold;
	}

#calendar p.last {
	border-bottom: none;
	}

#content p.haftung-gestaltung {
	font-size: 83.333%;
	}

p.error {
	color: #981B1E;
	}