<!--

/* erzwingt den Scrollbalken bei Mozilla-basierenden Browsern */
html { height:101%;  margin-bottom:1px; }


body 
{
	border:dashed 0px #000000;
	background-image: url(../images/hg_haupt.gif);
	background-repeat: repeat;
	background-position: top;
 	background-color:#FFFEEA;
	margin-top: 0px;
}

a:link { 
		text-decoration: none;
		color: gray;
}
	
a:visited { 
		text-decoration: none;
		color: gray;
}
	
a:hover, a:active { 
		text-decoration: none;
		color: #A40035;
}

/* Inhalte normal */
#container{
	margin: 0px auto;
	background-image: url(../images/verlauf.gif);
	background-repeat: repeat-y;
	padding: 0;
	width: 780px;
	text-align: left;
	background-color: transparent;
}


#topleiste2{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 35px;
	background-image: url(../images/leiste2_wasser.gif);
	background-repeat: repeat-x;
}

#inhalt{
	margin: 0px auto;
	width: 766px;
	background-color: transparent;
}

</* Entspannung - Kinder  */>
#container_kinder{
	margin: 0px auto;
	background-image: url(../images/verlauf.gif);
	background-repeat: repeat-y;
	padding: 0;
	width: 780px;
	text-align: left;
	background-color: transparent;
}


#topleiste2_kinder{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 23px;
	background-image: url(../images/leiste2_kinder.gif);
	background-repeat: repeat-x;
}

#inhalt_kinder{
	margin: 0px auto;
	width: 766px;
	background-color: #FFEDC1;
}

#topleiste_start{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/01start.jpg);
	background-repeat: no-repeat;
}
#topleiste_kinder{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/02kinder.jpg);
	background-repeat: no-repeat;
}
#topleiste_meditation{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/03meditation.jpg);
	background-repeat: no-repeat;
}
#topleiste_extras{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/04extras.jpg);
	background-repeat: no-repeat;
}
#topleiste_kontakt{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/05kontakt.jpg);
	background-repeat: no-repeat;
}
#topleiste_links{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/06links.jpg);
	background-repeat: no-repeat;
}
#topleiste_angebote{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/07angebote.jpg);
	background-repeat: no-repeat;
}
#topleiste_autogen{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/08autogen.jpg);
	background-repeat: no-repeat;
}
#topleiste_entspannung{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/09entspann_einfuehr.jpg);
	background-repeat: no-repeat;
}
#topleiste_stress{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/10stress_einfuehr.jpg);
	background-repeat: no-repeat;
}
#topleiste_mb{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/11mbsr.jpg);
	background-repeat: no-repeat;
}
#topleiste_jugend{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/12jugend.jpg);
	background-repeat: no-repeat;
}
#topleiste_profil{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/13profil.jpg);
	background-repeat: no-repeat;
}
#topleiste_impress{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/14impr.jpg);
	background-repeat: no-repeat;
}
#topleiste_gesund{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 152px;
	background-image: url(../images/03meditation.jpg);
	background-repeat: no-repeat;
}

/*------------------------------------------*/
/* ---------- mittleres Menu ---------- */
/*------------------------------------------*/
#navcontainer { height: 30px; width: 750px; margin: 0px; float: left; border: 1px solid red; font-family: tahoma; font-size: 12px; color: #000; }
#navcontainer ul { text-align: left; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin-top: 0; margin-left: 0; background: transparent; color: red; width: 100%; }
#navcontainer ul li { display: inline; padding-left: 0; padding-right: 0; padding-bottom: 0px; /* matches link padding except for left and right  */ padding-top: 0px; }
#navcontainer ul li a { padding-left: 3px; padding-right: 3px; border-left: 2px solid #FFF; border-right: 0px solid #FFF; padding-bottom: 0px; padding-top: 0px; text-decoration: none;  color: red}
#navcontainer ul li a:hover { border-left: 2px solid #FFF; background-color: #5666C2; color: white; }
#navcontainer ul li.active a {  /*------hält die erste Ebene aktiv -------- */ background-color: #5666C2; }
.breite {
	width: 100px;
	height: 30px;
	border: 1px green dashed;
}
/*------------------------------------------*/
/* ---------- mittleres Menu ---------- */
/*------------------------------------------*/


</* Entspannung  */>
#container_entspannung{
	margin: 0px auto;
	background-image: url(../images/verlauf.gif);
	background-repeat: repeat-y;
	padding: 0;
	width: 780px;
	text-align: left;
	background-color: transparent;
}


#topleiste2_entspannung{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 35px;
	background-image: url(../images/leiste2_lilastein.gif);
	background-repeat: repeat-x;
}

#inhalt_entspannung{
	margin: 0px auto;
	width: 766px;
	background-color: #FEF9E7;
}

</* Entspannung - Muskelentspannung */>
#container_muskel{
	margin: 0px auto;
	background-image: url(../images/verlauf.gif);
	background-repeat: repeat-y;
	padding: 0;
	width: 780px;
	text-align: left;
	background-color: transparent;
}


#topleiste2_muskel{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 35px;
	background-image: url(../images/leiste2_steinemeer.gif);
	background-repeat: repeat-x;
}

#inhalt_muskel{
	margin: 0px auto;
	width: 766px;
	background-color: #F7F8FF;
}

</* Entspannung - Autogenes Training */>
#container_autogen{
	margin: 0px auto;
	background-image: url(../images/verlauf.gif);
	background-repeat: repeat-y;
	padding: 0;
	width: 780px;
	text-align: left;
	background-color: transparent;
}


#topleiste2_autogen{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 23px;
	background-image: url(../images/leiste2_wasser.gif);
	background-repeat: repeat-x;
}

#inhalt_autogen{
	margin: 0px auto;
	width: 766px;
	background-color: #F6FCFF;
}

</* Stressbewältigung */>
#container_stress{
	margin: 0px auto;
	background-image: url(../images/verlauf.gif);
	background-repeat: repeat-y;
	padding: 0;
	width: 780px;
	text-align: left;
	background-color: transparent;
}


#topleiste2_stress{
	border: 0px solid #C0C0C2;
	margin-left: 7px;
	width: 766px;
	height: 35px;	
	background-image: url(../images/leiste2_steine.gif);
	background-repeat: repeat-x;
}

#inhalt_stress{
	margin: 0px auto;
	width: 766px;
	background-color: #F8F8F8;
}
#inhalt_stress_start{
	margin: 0px auto;
	padding-left:66px;
	width: 700px;
	height: auto;
	background-color: #F8F8F8;on:
}

#button {
	position:relative;
top: -1080px;
*top: -1140px;
left:690px;
width:120px;
height:120px;
	background-image: url(../images/abrecht_teaser.png);
}
.headline{
	font-family:Verdana;
	font-size:19px;
	font-weight: bold;
}

.subhead{
	font-family:Verdana;
	font-size:13px;
	font-weight: bold;
}
.subhead_t{
	font-family:Verdana;
	font-size:13px;
	font-weight: bold;
	color: #FFFFFF;
}
.subhead2{
	font-family:Verdana;
	font-size:15px;
	font-weight: bold;
	color: #000000;
}
.subhead3{
	font-family:Verdana;
	font-size:18px;
	font-weight: bold;
	color: #000000;
}
.subhead4{
	font-family:Verdana;
	font-size:11px;
	font-weight: bold;
}
.text{
	font-family:Verdana;
	font-size:11px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
}
.text_t{
	font-family:Verdana;
	font-size:11px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}
#footer{
	border: 0px solid #C0C0C2;
	margin: 0px auto;
	width: 780px;
	height: 17px;
	font-family:Verdana;
	font-size:9px;
	color: #000000;
	text-align: center;
	font-weight: normal;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position: top;
}

	/* Kontaktformular */
.unsichtbar { display:none; }	
	
.formular{
 	width:500px;
 	border:0px solid #ccc;
	margin-left: 50px;
	margin-top: 50px;
	font-family:Verdana;
	font-size: 11px;
	color: #000000;
}

.ebene{
 	clear: both;
 	padding: 2px 0;
}

.submit{
 	clear: both;
 	margin:1em 0 0 10em
}

.feldbreite1{
	background:#eeeeee;
	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #000000;
	overflow:auto;
	width:60px;
}
.feldbreite2{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #000000;
	overflow:auto;
	width:214px;
}
.feldbreite3{
	background:#eeeeee;
	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #000000;
	overflow:auto;
	width:436px;
}
.feldbreite4{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #000000;
 	overflow:auto;
 	width:368px;
}
.feldbreite5{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #000000;
 	overflow:auto;
 	width:213px;
}
.feldbreite6{
 	background:#eeeeee;
 	border:1px solid #C0C0C2;
	font-family:Verdana;
	font-size:11px;
	color: #000000;
 	overflow:auto;
 	width:217px;
}