@charset "utf-8";


/* ---------------------------------------------
	|				basic formatting					  	  |
 	---------------------------------------------*/

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

html {
	background:#f6d4a4 url(../images/bg-html.jpg) top center;
}


body {
	background:url(../images/bg-body.jpg) top center no-repeat;
	color:#3e1d09;
	font:85%/1.5em Georgia, "Times New Roman", Times, serif;
}


h1#branding {
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}

.clear {
	clear:both;
	float:none;
	font-size:1px;
	height:0;
	line-height:1px;
	overflow:hidden;
}



/* ---------------------------------------------
	|				Container + header					  |
 	---------------------------------------------*/

div#container {
	margin:0 auto;
	width:960px;
}


div#header {
	background:url(../images/bg-header.jpg) no-repeat;
	height:495px;
	position:relative;
}



/* ---------------------------------------------
	|						navigation						  |
 	---------------------------------------------*/
ul#navigation {
	height:103px;
	left:621px;
	list-style:none;
	position:absolute;
	top:287px;
	width:317px;
}

ul#navigation li {

}

ul#navigation a {
	background:url(../images/navigation.jpg) no-repeat;
	display:block;
	height:28px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:153px;
}

ul#navigation a:hover, ul#navigation li.current a {
	background:none;
}


/* ----- Über uns ----- */
li#ueberuns a {

}

/* ----- Fitness ----- */
li#fitness a {
	background-position:0 -28px;
}

/* ----- Krankengymnastik ----- */
li#krankengymnastik a {
	background-position:0 -56px;
}

/* ----- Angebote ----- */
li#angebote {
	float:left;
	width:106px;
}
li#angebote a {
	background-position:0 -84px;
	width:106px;
}

/* ----- Anmeldung ----- */
li#anmeldung {
	float:left;
	width:211px;
}
li#anmeldung a {
	background-position:-106px -84px;
	width:211px;
}




/* ---------------------------------------------
	|				  additional navigation				  |
 	---------------------------------------------*/
ul#navigationAdditional {
	height:73px;
	left:95px;
	list-style:none;
	position:absolute;
	top:422px;
	width:487px;
}

ul#navigationAdditional li {
	float:left;
	height:73px;
}

ul#navigationAdditional a {
	background:url(../images/navigationAdditional.jpg) no-repeat;
	display:block;
	height:73px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navigationAdditional a:hover, ul#navigationAdditional li.current a {
	background:none;
}


/* ----- Willkommen ----- */
li#willkommen a {
	width:119px;
}

/* ----- Gästebuch ----- */
li#gaestebuch a {
	background-position:-119px 0;
	width:107px;
}

/* ----- Kontakt ----- */
li#kontakt a {
	background-position:-226px 0;
	width:81px;
}

/* ----- Anfahrt ----- */
li#anfahrt a {
	background-position:-307px 0;
	width:80px;
}

/* ----- Impressum ----- */
li#impressum a {
	background-position:-387px 0;
	width:100px;
}






/* ---------------------------------------------
	|				  		content							  |
 	---------------------------------------------*/

div#contentContainer {
	background:url(../images/bg-contentContainer.png) 94px 0 repeat-y;
}

div#contentContainer.large {
	background:url(../images/bg-contentContainer_large.jpg) 95px 0 repeat-y;
}



div#contentContainer p {
	margin:0 0 1.2em 0;
}


/* ------------- Heading -------------- */
div#headingContainer {
	background:url(../images/bg-contentInner.jpg) no-repeat;
	height:89px;
	padding:0 0 0 95px;
}

div#headingContainer.large {
	background:url(../images/bg-contentInner_large.jpg) no-repeat;
	height:89px;
	padding:0 0 0 95px;
}



h2 {
	height:68px;
	overflow:hidden;
	text-indent:-9999px;
}

h2.willkommen {
	background:url(../images/headings/h2-willkommen.jpg) no-repeat;
}
h2.ueberuns {
	background:url(../images/headings/h2-ueberuns.jpg) no-repeat;
}
h2.fitness {
	background:url(../images/headings/h2-fitness.jpg) no-repeat;
}
h2.krankengymnastik {
	background:url(../images/headings/h2-krankengymnastik.jpg) no-repeat;
}
h2.angebote {
	background:url(../images/headings/h2-angebote.jpg) no-repeat;
}
h2.anmeldung {
	background:url(../images/headings/h2-anmeldung.jpg) no-repeat;
}
h2.gaestebuch {
	background:url(../images/headings/h2-gaestebuch.jpg) no-repeat;
}
h2.kontakt {
	background:url(../images/headings/h2-kontakt.jpg) no-repeat;
}
h2.anfahrt {
	background:url(../images/headings/h2-anfahrt.jpg) no-repeat;
}
h2.impressum {
	background:url(../images/headings/h2-impressum.jpg) no-repeat;
}







/* ------------- Content boxes -------------- */
div#contentBoxContainer {
	background:url(../images/bg-contentBox.jpg) bottom left no-repeat;
	margin:0 0 0 95px;
	width:753px;
}

div#contentBoxContainer.large {
	background:url(../images/bg-contentBox_large.jpg) bottom left no-repeat;
}

div#contentBox01 {
	float:left;
	margin:0 19px 0 0;
	padding:0 25px 10px 25px;
	width:317px;
}

div#contentBox02 {
	float:left;
	padding:0 25px 10px 25px;
	width:317px;
}

div#contentBox {
	padding:0 25px 10px 25px;
}



div#contentBoxContainer h3 {
	color:#191BA5;
	font-size:1.25em;
	font-weight:normal;
	margin:0 0 5px 0;
}

div#contentBoxContainer ul {
	list-style:none;
	margin:0 0 1.5em 0;
}

div#contentBoxContainer ul li {
	background:url(../images/li-unordered.png) 0 0.2em no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
}




/* ---------- Anchors ---------- */
a:link {
	color:#822006;
}
a:visited {
	color:#822006;
}
a:focus,a:hover {
	color:#e4420b;
}
a:active {
	color:#191BA5;
}








/* ---------------------------------------------
	|				  		footer							  |
 	---------------------------------------------*/

div#footerContainer {
	background:url(../images/bg-footer.png) top center no-repeat;
	min-height:135px;
	margin:0 auto;
	padding:25px 15px 30px 15px;
	width:723px;
}

div#footerContainer h3 {
	color:#e4420b;
	font-size:1.8em;
	font-weight:normal;
	margin:0 0 5px 0;
}

div#footerContainer h3 span {
	display:block;
	font-size:0.65em;
}

div#footerContainer h3.alternative {
	color:#191ba5;
}

div.footerBox {
	float:left;
}

div.footerBox.alternative {
	margin:0 40px;
}






/* ---------------------------------------------
	|				  			tables						 |
 	---------------------------------------------*/
table {
	border-collapse:collapse;
	margin:0 0 1.5em 0;
	width:100%;
}

th {
	border-bottom:1px solid #E9B965;
	color:#1C22A1;
	font-size:1.2em;
	font-weight:normal;
	padding:8px 10px 8px 0;
	text-align:left;
	vertical-align:top;
}

th#kursangebot {
	width:50%;
}

td {
	border-bottom:1px dashed #E6CF83;
	padding:8px 10px 8px 0;
	vertical-align:top;
}





/* ---------------------------------------------
	|				  	misc. formatting					 |
 	---------------------------------------------*/
.image {
	background:#fff;
	border:1px solid #E6CF83;
	padding:2px;
}

#panorama_formatierung {
	margin:0 0 1.5em 0;	
}





/*  ------------------------------------------------------------
	|					guestbook													|
	 -----------------------------------------------------------*/
#guestbook_template {
	padding:0 0 20px 0;
}


/* ----------- guestbook entries ---------- */

.guestbook_entry_output {
	width:70%;
}

.guestbook_entry_footer {
	border-bottom:1px dashed #C1A384;
	margin:0 0 2em 0;
	padding:0 0 20px 0;
}

.tca, .tc {
	width:25px;
}




/* ----------- guestbook form ---------- */

div#guestbook_template form {
	margin:0 0 60px 0;
}

div#guestbook_template label, div#guestbook_template input, div#guestbook_template textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#3e1d09;
	width:280px;
	margin:10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

div#guestbook_template input, div#guestbook_template textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #E6CF83;
	background:#FFFBEE;
}


div#guestbook_template textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:153px;
}

div#guestbook_template input:focus, div#guestbook_template textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #ECB550;	
	background:#fff;
}


div#guestbook_template label {							/* Feldbeschriftungen */
	width:130px;						
	padding:1px 15px 1px 0;			
}


div#guestbook_template input#submit {				/* Gestaltung des Submit-Buttons */
	background:#6262A5;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:5px;
	width:130px;
}

div#guestbook_template input#submit:hover {
	background:#1B2093;
}

div#guestbook_template br {
	clear:left;
}


div#guestbook_template p.entry_icons input {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
	width:10px;
	margin:5px 0 0 0;
	border:none;
	background:transparent;
	float:none;
	display:inline;
}


div#guestbook_template input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

div#guestbook_template .clicksmilies a {
	background:none;
	padding:0;
}

ol {
	margin:0 0 1.5em 20px;
}






/* ---------- Float clearing ---------- */
div#contentBoxContainer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}