/* Screenstylesheet kama-yoga.de
	Stand 2009.08.27 */
	

html { text-align: center; background-color: #bb6658; padding-top: 19px; } /* wegen Opera */

body {
margin: 0 auto;
padding:0;
width:992px;
border-bottom: 30px solid #bb6658; /* border: 30px solid red; */
text-align: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;

background-color: #fff;
background-image:url(../fotos/bg_body.gif);
background-repeat:repeat-y;
	
}


p {
	font-size: 12px;
	font-weight:normal;
	margin: 0;
	padding: 0 0 14px 0;
	color: #ba5140;
	text-align: left;
}

h1 {
	font-size: 14px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	color: #ba5140;
	text-align: left;
}

h2 {
	font-size: 13px;
	font-weight:bold;
	margin: 0px;
	color: #ba5140;
	text-align: left;
	padding: 14px 0 0 0;
}

h3 {
	font-size: 12px;
	color: #ba5140;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	border: 0px solid #000;
}

h3.zahlungsmodalitaet { font-weight: bold; padding-bottom: 0px; border: 0px solid red; }

h4 { 
	font-size: 12px;  
}

a {
	text-decoration: none;
	color: #521515;
	border: none;
}
a:link, a:visited {
	color: #521515;
	text-decoration: underline;
}
a:hover, a:active { color: #CC3333; }

.clear { clear: both; }


#formatrahmen { /* wird hauptsaechlich wegen darstellungsproblemen beim IE 5.5 und 6.0 gebraucht */
	position: relative;
	top: 0px; left: 0;
	width: 992px;
	text-align: left;
	border: 1px solid #bb6658; 
	background-color: #fff;
	background-image:url(../fotos/bg_body.gif);
	background-repeat:repeat-y;
	}


#logolinks {
	width: 200px; width: 250px;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 0px; top: 42px;
	z-index: 2;
	background-color: #fff;
}
#logolinks img { padding-top: 20px;}

#newsspalte {
	width: 190px;
	height: auto;
	margin-top: 139px; margin-top: 154px; 
	border: 0px solid #000;
	padding: 104px 30px 30px 30px;
	background-image:url(../fotos/bg_newsspalte.gif);
	background-repeat:no-repeat;
	float: left;
	color: #b25b12;
	
}
#newsspalte h2, #newsspalte h2 strong, #newsspalte p strong, #newsspalte a { color:#d65037; font-size: 12px; }
#newsspalte p {
	font-size: 12px;
	padding: 0 0 14px 0;
	border: 0px solid #333333;
	border-bottom: 0px solid #999;
}

#metanavi {
border: 0px solid red; 
	width: 992px;
	height: 42px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #bb6658;
}

#metanavi  ul {
list-style-type: none;
margin:3px 50px 0 0 ;
padding:0;
border:0px solid red;
float: right;
}
#metanavi li {
margin:0em;
border:0px dotted black;
display: inline;
}
/* \*/
#metanavi li { float:left; display: block; }
/* */
#metanavi li a {
color: #fff;
padding:2px 12px ;
text-decoration:none;
border-right: 1px solid #CC3333; border: none;
}
/* \*/
#metanavi li a { display: block; }
/* */
#metanavi li a.ganzrechts {
padding:2px 0px 2px 12px;
text-decoration:none;
border-right: none;
}
/* \*/
#metanavi li a.ganzrechts { display: block; }
/* */
#metanavi li a:hover{
color: #FF9933;
text-decoration:none;
}
#metanavi li a.selected  {
color: #2e0b06;
text-decoration:none;
}


#top_menue {
	clear: both;
	position: absolute;
	left: 250px;
	top: 232px;
	height: 35px;
	width: 692px;
	border: 0px solid #000;
	padding: 0;
	text-align: center;
	background-color: #fff;
	z-index: 1000;
	-moz-opacity:0.80;
	opacity: 0.80;
	font-size: 14px;
	font-weight:bold;
}

#top_menue ul { 
position:relative; left:0px; top:0; 
list-style-type: none;
margin:0 0 0 164px;
padding:0;
border:0px solid red;
} 

#top_menue ul li {
float:left;
margin:0;
border:0px dotted green;
}
#top_menue ul li a, #top_menue ul li a:visited {
color: #521515;
padding:9px 12px;
display:block;
text-decoration:none;
border-bottom: 4px solid #fff;
}
#top_menue ul li a.selected, #top_menue ul li a.selected:hover {
margin:0;
padding:9px 12px;
text-decoration:none;
color: #CC3333;
border-bottom: 4px solid #CC3333;
}

#top_menue ul li a:hover {
text-decoration:none;
color: #FF9933; color: #333;
background-color: #ddd;
border-bottom: 4px solid #999;
}

#top_menue ul li a.selected:hover {
background-color: #fff;
}


#mittelfeld {
	width: 542px;
	background-color: #fff;
	margin: 304px 0 0 300px;
	padding:0 0 30px 0;
}
#mittelfeld h1 { padding: 0 0 7px 0; }
#mittelfeld h3 { padding: 7px 0 21px 0; }
#mittelfeld h4 {
	font-size: 12px;
	color: #ba5140;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	padding: 14px 0 0 0;
}
#mittelfeld p {
	font-size: 12px;
	color: #ba5140;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	line-height: 18px;
	padding: 7px 0;
}
#mittelfeld img.mitarbeiterfoto { float:left; margin: 18px 33px 0 0; padding: 0 0 20px 0; border: 0px solid #ccc; }
#mittelfeld div.mitarbeitertext { float:left; width: 275px; padding: 0 0 20px 0; }

#mittelfeld ul {  
margin:14px 0 14px 20px ;
padding:0;
border:0px solid red;
font-size: 12px;
color: #ba5140;
}

#mittelfeld ul.zahlungsmodaliteaten {  
margin:-14px 0 14px 20px ;
padding:0;
border:0px solid red;
font-size: 11px;
color: #ba5140;
}

#mittelfeld ul.listekursangebote {  
list-style-type: none;
margin:0 0 0 150px ;
padding:0;
border:0px solid red;
}
#mittelfeld ul.listekursangebote li, #mittelfeld ul.zahlungsmodaliteaten li  {
padding: 5px 0 ;
}
#mittelfeld ul.listekursangebote li a {
text-decoration: underline;
font-weight: bold;
font-size: 14px;
}

#mittelfeld #kurstabelle, #mittelfeld #kursanmeldung {
	margin-top: 14px;
	width: 500px;
	color: #333;
	border:1px solid #333; border:1px solid #e89687;
	border-collapse:collapse;
}
#kurstabelle col.spalte1 { /* width: 107px;  */}
#kurstabelle col.spalte2 { /* width: 89px; */}
#kurstabelle col.spalte3 { /* width: 73px; */}
#kurstabelle col.spalte4 { /* width: 112px; */}
#kurstabelle col.spalte5 { /* width: 57px; */}

#mittelfeld #kurstabelle th {
	text-align: left;
	color: #333; color: #b25b12;
	border:1px solid #333; border:1px solid #e89687;
	border-collapse:collapse;
	background-color:#f7d086;
	padding: 6px;
	font-size: 11px;
	vertical-align: top;
	white-space:nowrap;
}
#mittelfeld #kurstabelle td  {
	text-align: left;
	color: #333;
	border:1px solid #333; border:1px solid #e89687;
	border-collapse:collapse;
	padding: 6px;
	font-size: 12px;
	vertical-align: top;
}
#mittelfeld #kurstabelle td  em {
	font-style: normal;
	font-weight:bold;
	color: #CC3333;
}
#mittelfeld #kursanmeldung {
	margin-top: 14px;
	width: 500px;
	border:1px solid #e89687; 
	border-collapse:collapse;
	font-size: 12px;
}
#kursanmeldung col.spalte1 { width: 119px;  }
#kursanmeldung col.spalte2 { width: 381px; }
#mittelfeld #kursanmeldung th {
	text-align: left;
	vertical-align: top;
	color: #FF9933; color: #333;
	border:1px solid #e89687; 
	border-collapse:collapse;
	padding: 6px 6px 6px 6px;
	font-weight:normal;
}
#mittelfeld #kursanmeldung td  {
	text-align: left;
	vertical-align: top;
	border:1px solid #e89687; 
	border-collapse:collapse;
	padding: 6px 6px 6px 6px;
}
#kursanmeldung input, #kursanmeldung textarea { border: 1px solid #666; }
#kursanmeldung input.radio { border: 0px solid #666; }
#kursanmeldung td.fehler, #kursanmeldung th.fehler {
	background-color: #FF9F9F;
	color: #333;
}
h1.fehler {  
	font-size: 18px;
	font-weight:bold;
	margin: 14px 0 -7px 0;
	padding: 0;
	color: #D98787;
	text-align: left;
 }
#mittelfeld #buttonsenden { position: relative; left: 131px; top: 6px; }
#bannerfoto {
	position: absolute;
	top: 42px;
	left: 250px;
	width: 742px;
	height: 225px;
	color: #000000;
	background-color: #fff;
	overflow:hidden;
	/*
	background-image:url(../fotos/bg_fotoleiste.gif);
	background-position:top right;
	background-repeat: no-repeat;
	*/
	
}
/*
div.startseite, div.yoga, div.massage, div.specials, div.daszentrum {
	background-image:url(../fotos/banner_startseite/img1.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	
}
div.yoga {
	background-image:url(../fotos/banner_yoga/img1.jpg);
	
}
div.massage {
	background-image:url(../fotos/banner_massage/img1.jpg);
	
}
div.specials {
	background-image:url(../fotos/banner_specials/img1.jpg);
	
}
div.daszentrum {
	background-image:url(../fotos/banner_daszentrum/img1.jpg);
	
}
*/

#bannerfoto img {
	display:none;
	position:absolute;
	top:0; left:0;
	width: 692px;
	height: 225px;
}

#wellenueberfotos {
	position: absolute;
	top: 42px; top: 92px;
	left: 250px;
	display: none;
}