@charset "utf-8";
/* CSS Document */
* { /* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
}

{border: 1px solid black;}
p, ul, li, h1, h2, h3, h4 {font-family: verdana, sans-serif; font-size: 12px; text-align: justify; color: #000000;}

ul { list-style-type: disc; text-align: justify;font-size: 13px;}
li { margin-top: 10px; margin-bottom: 10px; margin-left: 5px; text-align: justify; list-style-position:inside;}
h1 { font-size: 24px; text-align: left; color: #990000; margin-bottom: 20px; font-weight:bold;}
h2 { font-size: 18px; text-align: left; color: #990000; margin-bottom: 40px;}
h3 { font-size: 16px; text-align: justify; color: #990000; margin-bottom: 20px;}
h4 { font-size: 14px; text-align: justify; font-weight:bold; color: #990000;}

p {font-family: verdana, sans-serif; font-size: 12px; font-weight: normal; color: #000; margin-bottom:10px;}

hr{margin-bottom: 15px; width: auto;}

.bold {color: #56b7bf; font-weight: bold; margin-bottom: 10px; font-family: verdana, sans-serif; font-size: 12px;}
.bold a{color: #56b7bf; font-weight: bold; margin-bottom: 10px;} 
.italic {font-style:italic;}
a {color: #b21700; text-decoration: none; padding: 2px; font-family: verdana, sans-serif; font-size: 12px;}
a:hover {color: #f18e00;}

body {
background-color: #fcedd0;
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

.container
{
background-color: #ffe990;
width: 1050px;
height: 700px;
margin-left: auto;	
margin-right: auto;
margin-top: 20px;
visibility: visible;
border: 1px solid white;
}

div#wrapper {
width: 1050px;
height: 700px;
margin-left: auto;
margin-right: auto;
border: 0px solid #9f0000;

}

div#leftCol {
float: left; 
width: 219px;
height: 700px;
background: url(../img/welle-left.jpg) no-repeat;
float:left;
border: 0px solid white;
}

div#rightCol {
float: right;
width: 104px;
height: 700px;
background: url(../img/right-back.gif);
border: 0px solid white;
}

div#centerCol {
	background: #ffe990;
	height: 700px;
margin: 0 146px;
border: 0px solid white;

}

/* clearfix zum Aufheben der Floatumgebung */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.welle-right
{
width: 87px;
height: 700px;
background: url(../img/right-back2.gif) no-repeat;
float:right;
}

.arrowlistmenu{
width: 160px; /*width of accordion menu*/
margin-top: 145px;
margin-left: 5px;
float: left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Tahoma, Geneva, sans-serif;
color: white;
background: #800001;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#800001;

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFF;
background: #b82d19;
display: block;
padding: 2px 0;
padding-left: 6px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #ffbd4b;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ffe990;
}


.logo
{
width: 130px;
height: 231px; 
background: url(../img/logo.gif)no-repeat;
margin-top:15px;
margin-left: 0px;
float: left;
}

.headline-index
{width: 500px;
height: 94px;
margin-left: 15px;
margin-top: 40px;
float: right;
} 
.titel
{
width: 500px;
height: 94px;
background:url(../img/titel.gif) no-repeat;
margin-left: 5px;
margin-top: 40px;
float: right;}


#title { font-size: 14px; text-align: justify; font-weight:bold; color: #000; }

#box
{
	width:500px;
	height: 300px;
	float: right;
	margin-right: 25px;
	margin-top: 60px;
	border:0px solid black;
}

#main-adresse
{
margin-left: 10px;
margin-top: 120px;
width: 650px;
height: 30px;
border: 0px solid white;	
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
color: #900;
}
#main-adresse a
{font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;}
/*Angebot - Yoga*/

.ueberschrift_yoga
{width: 213px;
height: 43px;
background:url(../img/ueberschrift_yoga.gif) no-repeat;
margin-right: 303px;
margin-top: 30px;
float: right;
}

.yoga-foto
{width: 221px;
height: 173px;
background:url(../img/yoga.jpg)no-repeat;
float: right;
margin-right: 50px;}


.ueberschrift_links
{width: 213px;
height: 43px;
background:url(../img/ueberschrift_links.gif) no-repeat;
margin-right: 303px;
margin-top: 30px;
float: right;
}

.content
{
width: 540px;
height: 570px;
margin-right: 2px;
margin-top: 10px;
float: right;
overflow: none;
border: 0px solid black;
}

.content-wald
{
width: 540px;
height: 570px;
margin-right: 2px;
margin-top: 5px;
float: right;
overflow: none;
border: 0px solid black;
}


#text
{
width: 520px;
height: 560px;
padding: 10px;
}



#sitemap
{
width: 520px;
height: 400px;
margin-top: 50px;
padding: 10px;
text-align: left;
}

.content-tabelle
{
width: 540px;
height: 570px;
margin-right: 2px;
margin-top: 5px;
float: right;
overflow: none;
border: 0px solid black;
}


#tabelle
{
width: 560px;
height: 560px;
padding: 10px;
overflow: auto;

}

.ueberschrift_kontaktformular
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_kontaktformular.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

#kontaktformular
{
width: 505px;
height: 550px;
padding: 10px;
overflow: hidden;
}

.ueberschrift_anmeldeformular
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_anmeldeformular.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

/* Angebot Meditation */

.ueberschrift_meditation
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_meditation.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.meditieren-foto
{width: 174px;
height: 219px;
background:url(../img/meditieren.jpg)no-repeat;
float: right;
margin-right: 10px;
margin-left: 15px;}


.ueberschrift_supervision
{width: 310px;
height: 43px;
background:url(../img/ueberschrift_supervision.gif) no-repeat;
margin-right: 209px;
margin-top: 30px;
float: right;
}

.supervision-foto
{width: 500px;
height: 199px;
background:url(../img/supervision.jpg)no-repeat;
float: left;
margin-top: 30px;
border: 0px solid white;
}

.ueberschrift_tanztherapie
{width: 317px;
height: 43px;
background:url(../img/ueberschrift_tanz.gif) no-repeat;
margin-right: 202px;
margin-top: 30px;
float: right;
}

.tanztherapie-foto
{width: 171px;
height: 221px;
background:url(../img/tanztherapie.jpg)no-repeat;
float: right;
margin-right: 0px;
}

#tanz
{width: 177px;
height: 233px;
float: right;
margin-right: 0px;
}


.ueberschrift_gesundheit
{width: 440px;
height: 43px;
background:url(../img/ueberschrift_gesundheit.gif) no-repeat;
margin-right: 79px;
margin-top: 30px;
float: right;
}

.gesundheit-foto
{width: 180px;
height: 230px;
background:url(../img/gesundheit.jpg)no-repeat;
float: right;
margin-right: 50px;
}

.ueberschrift_agnes
{
width: 350px;
height: 43px;
background:url(../img/ueberschrift_agnes.gif) no-repeat;
margin-right: 169px;
margin-top: 30px;
float: right;
}

.agnes-foto
{width: 175px;
height: 225px;
background:url(../img/agnes.jpg)no-repeat;
float: right;
margin-right: 50px;
}

.ueberschrift_kursleiter
{
width: 284px;

height: 43px;
background:url(../img/ueberschrift_kursleiter.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}


.ueberschrift_wegbeschreibung
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_wegbeschreibung.gif) no-repeat;
margin-right: 235px;
margin-top: 40px;
float: right;
}

.ueberschrift_vermietung
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_vermietung.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.ueberschrift_fotos
{width: 320px;
height: 43px;
background:url(../img/ueberschrift_fotos.gif) no-repeat;
margin-right: 205px;
margin-top: 30px;
float: right;
}

.ueberschrift_waldhuette
{width: 310px;
height: 43px;
background:url(../img/ueberschrift_waldhuette.gif) no-repeat;
margin-right: 209px;
margin-top: 30px;
float: right;
}

.waldhuette
{
width: 510px;
height: 300px;
padding: 10px;
}

.huetten-foto
{width: 219px;
height: 174px;
background:url(../img/huette.jpg)no-repeat;
float: right;
margin-right: 50px;}


.ueberschrift_selbstverstaendnis
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_selbstverstaendnis.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.ueberschrift_gopalan
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_gopalan.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.ueberschrift_links
{width: 284px;
height: 43px;
background:url(../img/ueberschrift_links.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.ueberschrift_impressum
{
width: 284px;
height: 43px;
background:url(../img/ueberschrift_impressum.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.ueberschrift_sitemap
{
width: 284px;
height: 43px;
background:url(../img/ueberschrift_sitemap.gif) no-repeat;
margin-right: 235px;
margin-top: 30px;
float: right;
}

.raum1
{
width: 510px;
height: 150px;
padding: 10px;
}

.raum2
{
width: 510px;
height: 150px;
padding: 10px;
}

.raum3
{
width: 480px;
height: 150px;
padding: 10px;
}

.thumb1
{width: 133px;
height: 100px;
background-color: #fee990;
float: left;
display: inline;
margin-bottom: 1px;
}

.thumb2
{width: 133px;
height: 100px;
background-color: #1b1b1b;
margin-right: 0px;
float: left;
display: inline;
margin-bottom: 1px;
}

.meta
{
margin-top: 5px;
width: 1050px;
height: 30px;
border: 0px solid white;
text-align:right;
}

.meta a
{color:#900;
font-size: 9px;
text-align:right;}


table.mytable { width: 100%; padding: 0px; border: none; margin-top: 0px; margin-left: 0px;}

table.mytable td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; border: 1px solid #fffae8; background: #fbdb5b; vertical-align: top; padding: 5px; font-weight: normal; text-align: left;}

table.mytable th { font-size: 12px; color: #FFF; border: none; background: #000; 
vertical-align: middle; text-align: left; padding: 5px; font-weight: bold; }

table.mytable1 { width: 80%; padding: 0px; border: none; margin-top: 0px; margin-left: 0px;}

table.mytable1 td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; border: none; background: transparent; vertical-align: top; padding: 2px; font-weight: normal; text-align: left;}

table.mytable1 th { font-size: 12px; color: #FFF; border: none; background: #990000; 
vertical-align: middle; text-align: left; padding: 5px; font-weight: bold; }


table.mytable2 { width: 100%; padding: 0px; border: none; margin-top: 0px; margin-left: 0px;}

table.mytable2 td { font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #000; border: 0px solid #fffae8; background: #fbdb5b; vertical-align: top; padding: 1px; font-weight: normal; text-align: left;}

table.mytable2 th { font-size: 9px; color: #FFF; border: none; background: #000; 
vertical-align: middle; text-align: left; padding: 1px; font-weight: bold; }




/*Kontaktformular*/