/* CSS Document */


* { 
padding: 0; 
margin: 0; }

body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	overflow-y:scroll;
}


h2, p, ul, ol { margin-bottom: 0; }
p {
padding-bottom: 10px;
line-height: 150%;
font-size: 110%;
}


h1 {
	font-size: 200%;
	font-weight: normal;
	padding-top: 108px;
	padding-bottom: 8px;
	
}

h2 {
	font-size: 150%;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 14px;
}
#wrapper {
width: 879px;
height: 100%;
margin: 0 auto;
position: relative;
margin-top: 0px;


}
#kopfbereich {
position: relative;
top: 8px;
height: 180px;
background-color: #ffffff;

}

#navigationsbereich {
position: relative;
float:left;
background-color: #f0eeea;

width: 535px;
height: 180px;
padding: 0;}

#navi1 {
	position: relative;
	float: left;
	top: 17px;
	width: 226px;
	margin-left: 10px;

}

#navi1 ul {list-style-type: none;
display: inline;
}
#navi1 li {
display: inline;}

#navi2 {
	position: relative;
	float: left;
	top: 17px;
	left: 0px;
	width: 280px;
	text-align: right;
}
#navi2 ul {
list-style-type: none;}
#navi2 li {
padding-bottom: 2px;}
#navi1 a:link, #navi1 a:visited {
color: #666666;}
#navi1 a:hover, #navi1 a:active {
color: #000000;}
#navi2 a:link, #navi2 a:visited {
color: #666666;}
#navi2 a:hover, #navi2 a:active {
color: #000000;}
#navi2 #aktiv {
color: #000000;}
#navi2 #aktiv-thema a {
color: #000000;}

#navi1 #aktiv {
color: #000000;}

#navi1 #aktiv-thema a {
color: #000000;}

#logo {
position: relative;
float:right;
text-align: right;
width: 332px;
height: 180px;
padding-right: 10px;
color: #FFFFFF;
padding-bottom: 0;

}

#inhalt
{
margin-top: 0; 
padding-top: 31px;
margin-bottom: 10px;
width: 750px;
/*height: 238px;*/
height:auto !important;
min-height:238px;
margin-left: 3px;}



#inhalt-thema{
margin-top: 0; 
padding-top: 31px;
margin-bottom: 10px;
width: 750px;

margin-left: 3px;

}
#inhalt-thema ul {
	list-style-position: inside;
	list-style-type: disc;
}

#inhalt-thema li {
padding-bottom: 5px;}


#weitere-info {
position: relative;
margin-left: 535px;
width: 333px;
height: 30px;
font-weight: bold;
font-size: 90%;
padding-bottom: 7px;
color: #000000;

text-align: right;}

#weitere-info a, 
#weitere-info a:link, 
#weitere-info a:visited {
font-weight: bold;
color: #000000;}
#weitere-info a:hover, #weitere-info a:active {
color: #666666;
font-weight: bold;}

#unten {
height: 180px;
	background-color: #ffffff;

}
#unten-schrift {
position: relative;
float: right;
width: 342px;
padding-top: 25px;
text-align: center;
height: 155px;}

#index #unten-schrift {
background-color: #990033;}
#bachblueten #unten-schrift {
background-color: #006600;}
#reiki #unten-schrift {
background-color: #ff6600;}
#mentaltraining #unten-schrift {
background-color: #330099;}
#hypnose #unten-schrift {
background-color: #9999ff;}
#herzarbeit #unten-schrift {
background-color: #cc0099;}
#meditation #unten-schrift {
background-color: #990066;}
#portrait #unten-schrift {
background-color: #990033;}
#kontakt #unten-schrift {
background-color: #990033;}
#news #unten-schrift {
background-color: #990033;}
#andere #unten-schrift {
background-color: #990033;}
#aufstellung #unten-schrift {
background-color: #009933;}


#index #logo {
background-color: #990033;}
#bachblueten #logo {
background-color: #006600;}
#reiki #logo {
background-color: #ff6600;}
#mentaltraining #logo {
background-color: #330099;}
#hypnose #logo {
background-color: #9999ff;}
#herzarbeit #logo {
background-color: #cc0099;}
#meditation #logo {
background-color: #990066;}
#portrait #logo {
background-color: #990033;}
#kontakt #logo {
background-color: #990033;}
#news #logo {
background-color: #990033;}
#andere #logo {
background-color: #990033;}
#aufstellung #logo {
background-color: #009933;}

#foto {
	position: relative;
	float: left;

	height: 180px;

}
#fussbereich {position: relative;
clear: both;
top: 10px;
height: 50px;
font-size: 90%;
text-align:center;
background-color:#ffffff;
padding-right: 0;
padding-left: 0;
font-size: 11px;}

#fussbereich-thema {
position: relative;
clear: both;
top: 10px;
height: 50px;
font-size: 90%;
text-align:center;
background-color:#ffffff;
padding-right: 0;
padding-left: 0;
padding-top: 10px;
border-top: 2px solid;
font-size: 11px;}


#index #fussbereich-thema {
border-top-color: #990033;}
#bachblueten #fussbereich-thema {
border-top-color: #006600;}
#reiki #fussbereich-thema {
border-top-color: #ff6600;}
#mentaltraining #fussbereich-thema {
border-top-color: #330099;}
#hypnose #fussbereich-thema {
border-top-color: #9999ff;}
#herzarbeit #fussbereich-thema {
border-top-color: #cc0099;}
#meditation #fussbereich-thema {
border-top-color: #990066;}
#portrait #fussbereich-thema {
border-top-color: #990033;}
#kontakt #fussbereich-thema {
border-top-color: #990033;}
#aufstellung #fussbereich-thema {
border-top-color: #009933;}


#navi1, #navi2, #fussbereich, #fussbereich-thema {
color: #666666;}
#navi1, #navi2 {
font-size: 90%;}






a:link {
	color: #666666;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
	outline: none;	
}


a:hover {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}


.black {
color: #000000;}



.bildrechts {
	float: right;
	margin-right:25px;
	margin-bottom: 10px;
	padding-top: 5px;
	
}
.bildlinks{
	float: left;
	padding-right:35px;
	margin-bottom: 10px;
	padding-top: 3px;
	
}

.clearing { clear: both; }
.groesser {
font-size: 150%;}

.zitat {
line-height: 110%;
padding-top: 6px;
padding-bottom: 5px;}
.autor {
font-size: 90%;}

#tabelle {
position: relative;

}
.spalten tr, .spalten td {
padding-left: 0;
padding-bottom: 10px;
padding-top: 5px;
border: 0;
text-align: left;
line-height: 120%;
vertical-align: top;
}

#links {
position: relative;
float: left;
left:0;
top:0;}
#einruecken {
position: relative;
float:left;
width: 500px;
margin-left: 80px;
top: 0;

}

.unterstrichen, .unterstrichen a, .unterstrichen a:link, .unterstrichen a:visited, .unterstrichen a:hover, .unterstrichen a:active {
text-decoration: underline;}



#teilnahmebedingungen {margin-left: 30px; margin-top: 10px; width: 600px; }
#teilnahmebedingungen p {line-height: 100%;}



/*formular*/
label {
  float:left;
  clear:both;
  display:block;
  width:130px;
  margin-bottom:10px;
  padding-left:0px;
  height: 19px;
}
label.lang {width: 450px; padding: 0; clear: both; margin-left: 0px;}
label.kurswahl {display: inline; clear: both; float: left; width: 500px; margin-left: 0px; padding-left: 0;}


input, textarea, select {
  float:right;
  
  width:288px;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;

}
select.kurswahl { clear: both; 
width: 540px; float: left; }

input.hide {
display: none;}
input.rechts {float: right; width: 20px; height: 18px; margin-right: 50px;margin-top: 0px; padding: 0;}
div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
} 
 

form {float: left; 
  width:540px;
  margin-top: 20px;
 
}

.form-button {float: right; margin-top: 0px; margin-bottom: 30px;


  width:150px;

}


.option {
  border:none;
  background:none;
  
}
fieldset {
  border:none;
  padding-left:100px;
  padding-bottom:10px;
  display:block;
  clear:both;
}
fieldset input {
  width:auto;
  border:none;
  background:none;
  float:left;
  display:block;
  margin-right:10px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}
fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}


p.rechtskl {float: right; font-size: 0.8em; margin-right: 20px;}
p.linkskl {font-size: 0.8em; line-height: 80%;}
span.klein {font-size: 0.8em; }

#impressum {
	position: relative;
	float: right;
	top: 17px;
	left: 0px;
	width: 100px;
	text-align: right;
	font-weight: normal;
}
#impressum a:link {font-weight: normal;
	color: #666666;
	text-decoration: none;
	outline: none;
}

#impressum a:visited {font-weight: normal;
	color: #666666;
	text-decoration: none;
	outline: none;	
}


#impressum a:hover {font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#impressum a:active {font-weight: normal;
	color: #000000;
	text-decoration: none;
}
