
html, body {	background-image: url(../images/hg.jpg);	color: rgb(82,82,82);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table {		font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;}
html {	height:100%;}
body {	min-height:101%;}

img {	border: none;	text-decoration: none;	}

.none{ width: 0.1em; height: 0.1em; display: block; overflow: hidden;}


body {
	min-width: 960px;
	height: 100%;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

div.dokument {
	width: 960px;
	margin: 0 auto 0; 
	text-align: left;
	}

#kopf {
	width: 960px;
	height: 190px;
	clear:left;
	margin:0;	padding:0;
	font-size: 0px;
	background:url(../images/hg-kopf.gif) top no-repeat;
}

#kopf span.bilder {
	float:left;
	margin: 19px 0px 0px 16px;
	padding:0;
}

#kopf span.logo {
	float:right;
	margin: 0px 13px 0px 0px;
	padding:0;
	}

/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  -------------------------------------- content*/

table.content {	width: 960px;	height: 350px;	vertical-align: top; 	border: 0px; margin: 0px;	padding: 0px; text-align:left; background-image:url(../images/hg-content.gif);}

td.c-nav {	width: 200px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:0;}
#content-nav {  	text-align:justify;}

td.c-mi {		width: 520px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:0px 0px 50px 0px;}
#content-mi {	   	text-align:left; line-height:16px;}

td.c-re {		width: 173px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding: 52px 0px 50px 0px;}
#content-re {	   	text-align:left; line-height:16px;} 

td.a-1 {	width: 19px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-1 { width: 19px;	height: 400px;}
td.a-2 {	width: 29px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-2 { width: 29px;	height: 400px;}
td.a-3 {	width: 19px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-3 { width: 19px;	height: 400px;}



img.menue { margin: 80px 0px 0px 3px;}
div.hg-nav {  width: 200px; 	margin:0; padding:0; 	display:table;}
/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  -------------------------------------- menue 1*/

#nav {
position:relative;
width:200px;
margin:0px;
padding:0px;
text-align:left;
}

/* nav list */
#nav ul {
list-style:none;
width:200px;
margin:0px;
padding:0px;
}
#nav li {
display: block;
line-height:18px;
width:200px;
margin:5px 0px 5px 0px;
}

/*  links */
#nav ul li a {
color:rgb(102,51,0);
margin:0px;
padding: 0px 2px 0px 35px;
display: block;
height:1em;
background-image:url(../images/hg-menue.gif);
}
html>body #nav a:link, #nav a:visited {
height:auto;
}

#nav ul li a:hover {
background-image:url(../images/hg-menue-marked.gif);
display: block;
}

#nav ul.u {
list-style:none;
width:168px;
padding: 0px 4px 0px 20px;
}

#nav li.u {
line-height:15px;
width:168px;
margin:0px 0px 4px 0px;
}

/* you are here */

body#home li#homea a, 
body#news li#newsa a, 
body#saunalandschaft li#saunalandschafta a,
body#geraetetraining li#geraetetraininga a,
body#kursbereich li#kursbereicha a,
body#ausdauertraining li#ausdauertraininga a,
body#massagen li#massagena a,
body#kursplan li#kursplana a,
body#miniclub li#minicluba a,
body#team li#teama a,
body#bistro li#bistroa a,
body#kontakt li#kontakta a,
body#formular li#kontakta a,
body#formular li#formulara a,
body#impressum li#kontakta a,
body#impressum li#impressuma a,
body#datenschutz li#kontakta a,
body#datenschutz li#datenschutza a,
body#Archives li#Archivesa a
 {
color:rgb(153,51,0);
font-weight:bold;
background-image:url(../images/hg-menue-marked.gif);
cursor: default;

}

/*--  navigation gästebuch und news  */

img.gb-beitraege { margin: 10px 0px 10px 0px; padding:0;}

#gb-nav { 	width: 520px; 	height: 10px; 	text-align: center;	float:left; margin: 10px 0px 10px 0px; padding:0;}

#gb-nav a {			color: rgb(82,82,82); }
#gb-nav a:hover {	color: rgb(153,0,0);}

#gb-nav a.marked {				color: rgb(153,0,0);  font-weight:bold;}
#gb-nav a.marked:hover {	color: rgb(82,82,82); font-weight:bold;}


/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  --------------------------------------  */
h1 {
	clear:both; 
	margin: 6px 0px 30px 0px;
	padding: 0px 0px 0px 2px;
	color: rgb(153,51,0);
	font-size: 13px;
	font-weight: bolder;
	border-bottom:1px solid rgb(253,206,128);
}
span.ueber{	color: rgb(82,82,82); font-size:11px;	font-weight:500;}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(102,51,0);
	font-size: 11px;
	font-weight: bold;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(82,82,82);
	font-size: 11px;
	font-weight: bold;
}
h4 {						
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(102,102,102);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}
span.xs  {						
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(112,112,112);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}

h5 {
    clear:both;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: dashed #cccccc 1px;
}
h6 {
    clear:both;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid #dddddd 1px;
}

.a-leer  {	height:10px; width:520px;clear:both; }

a:link {		color: rgb(102,51,0);		text-decoration: none;}
a:visited {	color: rgb(102,51,0);		text-decoration: none;}
a:hover {	color: rgb(153,51,0);		text-decoration: none;}
a:active {	color: rgb(102,51,0);		text-decoration: none;}


/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  --------------------------------------txt link*/

a.txt {				color: rgb(102,51,0);		font-weight: bold;	text-decoration: none;}
a.txt:hover {	color: rgb(153,51,0);	font-weight: bold;	text-decoration: none;}

/*--  hoch   */

#hoch {					width: 100%; 	line-height: 18px;				margin: 20px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: none;	text-align: right;	position:relative;	float:left;	clear:both;}
#hoch a {				color: rgb(160,160,160);	font-size:10px; 	margin: 0px 0px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration:underline;}
#hoch a:hover {		color: rgb(153,0,0); background: none;}


/*--     */
#info {				width: 100%; 	line-height: 18px;				margin: 20px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-info.gif) no-repeat right;	text-align: right;	position:relative;	float:left;	clear:both;}
#info a {				color: rgb(102,51,0);	font-size:10px; 	margin: 0px 13px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration:none; }
#info a:hover {	color: rgb(153,51,0); background: none;}


/*--  weiter, zurueck, zur uebersicht
--------------------------------------  */
#weiter {					width: 125px; 	line-height: 20px;			margin: 10px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-weiter.gif) no-repeat right;	text-align: right;	position:relative;	float:right;}
#weiter a {					color: rgb(102,51,0);	font-size:11px; 	margin: 0px 13px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration:none;}
#weiter a:hover {		color: rgb(153,51,0); background: none;}

/*--     */
#zurueck {					width: 125px; 	line-height: 20px;			margin: 10px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-zurueck.gif) no-repeat left;	text-align: left;	position:relative;	float:left;}
#zurueck a {				color: rgb(102,51,0);	font-size:11px; 	margin: 0px 0px 0px 13px;	padding:0px 0px 0px 0px;	text-decoration:none;}
#zurueck a:hover {	color: rgb(153,51,0); background: none;}

/*--     */
#uebersicht {					width: 250px; 	line-height: 20px;	margin:10px 0px 0px 0px;	padding:0; 		text-align: center;	float:left;}
#uebersicht a {				color: rgb(102,51,0);	font-size:11px; 	margin: 0px 0px 0px 13px;	padding:0px 0px 0px 0px;	text-decoration:none;}
#uebersicht a:hover {	color: rgb(153,51,0); background: none;}




/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  ---------------------------------#content  mi + re ----   inhalt */
ul.image {		list-style-image: url(../images/listenpunkt.gif); line-height:15px;}
ul.image1 {		list-style-image: url(../images/listenpunkt-pfeil.gif); line-height:15px;}
ul {					list-style-type: decimal; line-height:15px;}


.a5 { height:5px; width:100px;clear:both;}
.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 {	height:30px; width:100px;clear:both;}
.a40 {	height:40px; width:100px;clear:both;}
.a50 {	height:50px; width:100px;clear:both;}
.a60 {	height:60px; width:100px;clear:both;}
.a70 {	height:70px; width:100px;clear:both;}
.a80 {	height:80px; width:100px;clear:both;}
.a90 {	height:90px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}
.a200 {	height:200px; width:100px;clear:both;}
.a300 {	height:300px; width:100px;clear:both;}
.a400 {	height:400px; width:100px;clear:both;}
.a500 {	height:500px; width:100px;clear:both;}
.a1000 {	height:1000px; width:100px;clear:both;}

.ce {text-align:center;}
.li {	text-align:left;}
.re {	text-align:right;}

.cb { 	clear:both; margin:0px; padding:0px;}
.cl { 	clear:left; margin:0px; padding:0px;}
.cr { 	clear:right; margin:0px; padding:0px;}



img.gallery {	border:3px double rgb(255,153,0);}


/*--  floats */

div.bi-fl {	position:relative; float:left;    clear:left; 	width:250px; margin:0px 10px 10px 0px; padding:0; text-align:center;}
div.bi-fr {	position:relative; float:right; clear:right;	width:250px; margin:0px 0px 10px 10px; padding:0; text-align:center;}

div.bi-fl-team {	position:relative; float:left;    clear:left; 	width:150px; margin:0px 10px 10px 0px; padding:0; text-align:center;}
div.bi-fr-team {	position:relative; float:right; clear:right;	width:150px; margin:0px 0px 10px 10px; padding:0; text-align:center;}

div#bi-fl {	position:relative; float:left;    	clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr {	position:relative; float:right; 	clear:right;	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}

div.fl {			position:relative; float:left;		 clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div.fr {		position:relative; float:right; 	clear:right; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}

div#fl {		position:relative; float:left;		clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fr {		position:relative; float:right; 	clear:right; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}

span.fl {	position:relative; float:left; clear:left; 		width:250px; margin:0px 10px 0px 0px; padding:0;}
span.fr {	position:relative; float:right; clear:right; 	width:250px; margin:0px 0px 0px 10px; padding:0;}

.fl {	float:left; margin:0px 10px 0px 0px; padding:0;}
.fr {	float:right; margin:0px 0px 0px 10px; padding:0;}

/*--  kontakt   */
span.li-200 {		position:relative; float:left; clear:left;		width: 200px; 	margin: 20px 0px 20px 0px; 	text-align: right;}
span.re-300 {		position:relative; float:right; clear:right;	width: 300px; 	margin: 20px 0px 20px 0px; 	text-align: left;}






/*--  tabelle */
#hg {	position:relative; float:left; clear:left; 	width:520px; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;}
.hg1 {	background-image: url(../images/hg1.gif);}
.hg2 {	background-image: url(../images/hg2.gif);}

#hg span.start {				float:left;	width:150px; margin:0; padding:0px 10px 0px 10px; text-align:left;	font-weight:bold;}
#hg span.mitte {			float:left;	width:110px; margin:0; padding:0px 10px 0px 0px; 	text-align:left;}
#hg span.mitte-lang {	float:left;	width:230px; margin:0; padding:0px 10px 0px 0px; 	text-align: justify;}

#hg span.start-bi {		float:left;		width:120px; margin:0;  padding:10px 10px 10px 10px; 	text-align:center;		clear:both;}
#hg span.mitte-bi {	float:right;	width:380px; margin:0;  padding:10px 0px 10px 0px; 		text-align:left;}
#hg p {						float:left;		width:280px; margin:0;  padding:0px 0px 10px 0px; 			text-align: justify;}


#hg span.preis {		float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;}
#hg span.preis-b {	float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;	font-weight:bold;}
#hg span.preis-r {	float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;	font-weight:bold;	color: rgb(153,0,0);}
#hg span.eu{			float:right;	width:20px;	margin:0; padding:0px; text-align:left;}


#hg a.hg {				color: rgb(82,82,82);	font-weight: bold;	text-decoration: underline;}
#hg a.hg:hover {	color: rgb(153,0,0);}














/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  -------------------------------------- inhalt rechts */

/*--  tabelle rechts */
#hg-re {	position:relative; float:left; clear:both; width:180px; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;}
.hg1-re {	background-image: url(../images/hg1.gif);}
.hg2-re {	background-image: url(../images/hg2.gif);}

#hg-re span.start {		float:left; width:160px; margin:0; padding:10px 10px 10px 10px;	text-align:left;		font-weight:bold;}
#hg-re span.mitte {		float:left; width:160px; margin:0; padding:10px 0px 10px 10px;	text-align:left;}
#hg-re p {						float:left; width:160px; margin:0; padding:10px 10px 10px 10px; float:left;}

#hg-re span.start-bi {	float:left;	width:160px; margin:0;  padding:10px 10px 10px 10px; 	text-align:center;		clear:both;}

#hg-re span.preis {		float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;}
#hg-re span.preis-b {	float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;	font-weight:bold;}
#hg-re span.preis-r {		float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;	font-weight:bold;		color: rgb(153,0,0);}
#hg-re span.eu{				float:right;	width:10px;	margin:0; padding:0px; text-align:left;}


#hg-re a.hg {				color: rgb(82,82,82);	font-weight: bold;	text-decoration: underline;}
#hg-re a.hg:hover {	color: rgb(153,0,0);}

/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  -------------------------------------- kontaktformular */

span.zeile  {		width:520px; height:20px;	margin:0px; padding:0px;}
span.li200 {		position:relative; float:left; clear:left;		width: 200px; height:20px; 	margin:5px 0px 5px 0px; 	text-align: right;}
span.re300 {		position:relative; float:right; clear:right;	width: 300px; height:20px; 	margin:5px 0px 5px 0px; 	text-align: left;}
span.zeile-mitteilung  {			width:520px; height:150px;	margin:0px; padding:0px;}
span.re300-mitteilung {		position:relative; float:right; clear:right;	width: 300px; height:150px; 	margin:5px 0px 5px 0px; 	text-align: left;}

.box-gr {	width: 240px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255);
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(253,101,0) rgb(200,200,200);}
			
.box-m {	width: 174px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255);
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(253,101,0) rgb(200,200,200);}
			
.box-kl {	width: 60px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255);
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(253,101,0) rgb(200,200,200);}
			
.box-txt {	width: 240px; height: 150px; vertical-align: bottom; background-color: rgb(255,255,255); overflow: hidden;
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(253,101,0) rgb(200,200,200);}
			
.checkbox {	width: 15px; height: 14px; vertical-align: bottom; font-size: 10px;}


.button  {  font-size: 10px; color: rgb(102,51,0); font-weight: bold; width: 90px; height: 18px; vertical-align: bottom; background-color: rgb(240,240,240); 
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(253,101,0) rgb(253,101,0) rgb(253,101,0) rgb(253,101,0);}




/*-- sitemap
_________________________  piperweb.de    */
#sitemap-u ul { 		width:500px; display: block;  margin:0px 0px 0px 10px; padding:0; }
#sitemap-u li { 			list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;  margin:0px 0px 0px 0px; padding:0;	display: block;	background: none; }

#sitemap-u1 ul { 	width:450px; display: block; margin:7px 0px 0px 60px; padding:0; }
#sitemap-u1 li { 		list-style:none;	line-height:20px;  font-weight: bold;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u2 ul { 	width:400px; display: block; margin:0px 0px 0px 110px; padding:0; }
#sitemap-u2 li { 		list-style:none;	line-height:20px;  font-weight: normal;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u3 ul { 	width:350px; display: block; margin:0px 0px 7px 160px; padding:0; }
#sitemap-u3 li { 		list-style:none;	line-height:20px;  font-weight: normal;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }




/*-- GeTourVital - Fitness- und Wellnesspark, Bad Münder  -------------------------------------- abschluss */


#abschluss {	    position:relative;	width: 960px;	height:49;	background-image:url(../images/hg-abschluss.gif);	background-color:rgb(245,245,245); background-repeat:no-repeat;	float:left; 	text-align:justify;	vertical-align: top; 	margin: 0px; padding:0px;}

#abschluss .a-abschluss { height:10px; width:210px;}
#abschluss a.mail {		font-weight:bold; color:rgb(153,51,0);	font-size: 10px;}
#abschluss p {				float:right; margin: 9px 0px 0px 0px;	padding: 0px;	font-size: 10px; line-height:19px;}
#abschluss span.logo {	float:left; 	  margin: 11px 0px 0px 23px;	padding: 0px;}
#abschluss span.bull  { color:rgb(102,51,0);}


/*--  abschluss

_________________________  piperweb.de   */



#piperweb { 				width: 960px; height: 104px; margin: 0px 0px 0px 0px; padding:0;		background:none;}

#piperweb span {	width: auto; text-align: right;	position:relative; float:right; 	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS"; }
#piperweb span a {	width: auto; color: rgb(103,51,0);	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS";	text-decoration: none;	 border:none; background:none; }
#piperweb span a:hover {			color: rgb(103,51,0); 	text-decoration: none;	 border:none; background:none;}
#piperweb span a.piperweb {		padding: 10px 20px 10px 10px; }
#piperweb span a.sitemap {		padding: 10px 10px 10px 10px; }

#piperweb span.bull {	 			padding: 2px 3px 10px 3px;		color: rgb(103,51,0); 	font-size: 7px;}

#piperweb span.related {				color: rgb(103,51,0);	padding: 20px 20px 10px 0px; }
#piperweb span.related a {			color: rgb(103,51,0);}
#piperweb span.related a:hover {	color: rgb(103,51,0);	text-decoration: none;	 border:none; background:none;}



/*-- impressum  -------------------------------------- webdesign*/

body#webdesign a { color: rgb(82,82,82); text-decoration: none;}
a.webdesign:link { color: rgb(102,102,102);	    font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}
a.webdesign:visited { color: rgb(102,102,102);	font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}
a.webdesign:hover { color: rgb(102,102,102);	font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}
a.webdesign:active { color: rgb(102,102,102);	font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}


/*-- empfehlung
--------------------------------------  piperweb.de    */

body#empfehlung a.h1 {	  		 color: rgb(112,112,112); text-decoration: none;}
body#empfehlung a.h1:hover { color: rgb(112,112,112);	 text-decoration: none;	background: none; }
body#empfehlung a.h4 {	  		 color: rgb(153,153,153); text-decoration: none;	font-size: 9px;}
body#empfehlung a.h4:hover { color: rgb(153,153,153); text-decoration: none;	background: none;}
body#empfehlung h4 {	  		 	 margin:0px 0px 12px 0px;}

body#empfehlung  #content-mi img {	float: right; clear:both; margin:0px 10px 10px 10px;}
body#empfehlung  #content-mi p {	   width:280px;  margin:0px 0px 10px 0px;}

body#empfehlung #content-mi ul { 					list-style:none;	width:190px; display: block;	float:right; clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
body#empfehlung #content-mi li { 					background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}
body#empfehlung #content-mi ul li a { 			color: rgb(112,112,112); text-decoration: none;	background: none; }
body#empfehlung #content-mi ul li a:hover { color: rgb(0,0,0); 				text-decoration: none;	background: none; }

