/* <style type="text/css"> */


/* ---------------------
| Rahmenformatierungen |
--------------------- */

body {
margin : 0;
padding : 0;
background-color: #A5A2A5;
scrollbar-arrow-color: #7C508B;
scrollbar-darkshadow-color: #F5EDFC;
scrollbar-face-color: #F5EDFC;
scrollbar-highlight-color: #F5EDFC;
scrollbar-track-color: #F5EDFC;
visibility: hidden
}

#container {
padding: 0;
margin: auto;
width: 900px;
height: 700px;
position: relative;
background-image: url(../_gfx/bg_container.jpg);
}

#head {
width: 900px;
height: 146px;
}

#middle {
position: relative;
width: 900px;
margin: 0 0 0 0px;
padding: 0;
}

#content {
width: 506px;
height: 244px;
margin: 0px 0 0px 0px;
padding: 0 0 0 0px;
float: left;
}

div#scroll {
height: 246px;width: 516px;
overflow: auto;
margin: 0;
padding: 0;
}

div#subnavi {
width: 150px;
float: left;
margin: 140px 0 0px 0px;
padding: 0;
display: block;
}

div#news {
	width: 700px;
	margin: 0px 0px 0px 30px; 
	float: left;
}
	
#yoga-goes-business {
	position: absolute;
	top: 638px;
	left: 16px;
	border: 0px none #000;
	}

#links {
	position: absolute;
	top: 570px;
	left: 16px;
	border: 0px none #000;
	}
	
#drucken {
	position: absolute;
	top: 594px;
	left: 18px;
	border: 0px none #000;
	}
	
#pic {
width: 475px;
height: 175px;
float: left;
margin-top: 0px;
margin-left: 7px;
}

#navi {


position: absolute;
top: 0px;
left: 0px;
}

#noscroll {
background-color: #009966;
}


#footer {
	position: absolute;
	bottom: 10px;
	right: 0px;
	width: 900px;
	height: 22px;
	padding-top: 0px;}


div.text {
float: left;
display: block;
width: 340px;
margin-left: 5px;
}

div.textpics {
float: left;
display: block;
clear: both;
margin-left: 18px;
margin-top: 15px;
}


/* -----------
| Navigation |
-------------- */

#navi ul {
	margin: 4px 0 0 17px;
	padding: 0;
	list-style-type: none;
}

#snavi ul li{
	font-size: 11px;
	margin: 0 0 5px 0;
}

#navi ul li a{
	text-decoration: none;
	color: #727272;
}

#navi ul li a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#navi ul li a.active2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#navi ul li#eingeben {
	width: 131px;
}

#navi ul li#aendern {
	width: 119px;
}

#navi ul li#loeschen {
	width: 121px;
}

ul#kontakt_sub{
	width: 130px;	
}
ul#rund_ums_wohnen_sub {
	width: 120px;
}

ul#reiseservice_sub {
	width: 95px;	
}

ul#betreuung_sub {
	width: 115px;	
}

ul#fahrdienst_sub {
	width: 112px;	
}

ul#verkaufs_infomobil_sub {
	width: 70px;	
}

ul#kursreihe {
	width: 80px;
}

ul#freizeitbotschafter {
	width: 80px;
}

#navi ul li a{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #727272;
}

#navi ul li a:hover{
font-weight: bold;
color:#903C2D;
}

#navi ul li a.active{
color:#903C2D;
font-weight: bold;
}

#navi ul :hover > a{
font-weight: bold;
color:#727272;
}

#navi ul li ul li a:hover{
font-weight: bold;
color: #727272;
font-weight: normal;
background-color: #C9D5E1;
}

#navi ul li ul :hover > a{
font-weight:bold;
color: #727272;
font-weight: normal;
background-color: #AFC7E3;
}

#navi ul li:hover ul,
#navi ul a:hover ul,
#navi ul a.active:hover ul{
visibility:visible; 
}

#navi ul li ul li {
float: none;
background-color:#AFC7E3;
width: auto;

padding: 0;
margin: 0;height: 17px;
}

#navi ul li ul li a{
color: #7f7f7f;
font-size: 9px;
display: block;
padding-left: 3px;
height: 17px;
margin: 0;
}


#subnavi ul {
	margin: 100px 0 0 17px;
	padding: 0;
	list-style-type: none;
}

#subnavi ul li{
	font-size: 11px;
	margin: 0 0 5px 0;
}

#subnavi ul li a{
	text-decoration: none;
	color: #727272;
}

#subnavi ul li a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#subnavi ul li a.active2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* ------------------
| Textformatierungen |
-------------------- */

#content h1 {
color: #903C2D;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 10px 0px 0px 10px;
padding-bottom: 20px;
} 

#content h2 {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0 0 8px 10px;
color: #555555;
}

#content h3 {
font-size: 12px;
font-weight: normal;
text-align:center;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #727272;
}

#content #scroll p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #727272;
margin-top: 0px;
margin-left: 10px;
line-height: 1.5em;
padding: 0;
}


#content ul {
margin: 0;
padding: 0 0 5px 25px;
color: #727272;
}

#scroll ol {
	padding: 3px 0 3px 40px;
	margin: 0;
}

#scroll ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ce618c;
font-size: 10px;
margin: 0;
padding: 0;
font-weight: bold;
}

#scroll ol li p{
margin: 3px 0 0 3px;
padding: 0;
}

#content ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #727272;
font-size: 12px;
margin: 4px 0 4px 0;
padding: 0;
}

#content ul li p {
margin: 0;
padding: 0;
}

#footer-left p {
margin: 8px 0 32px 133px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666666;
}

p.aktionen {
margin: 2px 3px 2px 3px;
}

td.formerror {
color:#ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
padding: 8px 5px 8px 0;
}

td.formtext{
color:#777;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
padding: 8px 5px 8px 0;
}

marquee {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #903C2D;
}

div#content div#scroll p#goethe_signatur {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #727272;
margin: 20px 0 0 300px;
}

div#content div#scroll p#weisheit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #727272;
margin: 30px 0 0 10px;
font-style:italic;
}

p.abstand_schnuppertermine {
	padding: 0;
	margin: 0 0 7px 0;
}

/* ------------------
| Bildformatierungen |
-------------------- */

img#logo {
position: absolute;
top: 29px;
right: 40px;
border: 0px none #000;
}

img#strom {
position:absolute;
left:0;
top:61px;
}

img#news_pic {
position: absolute;
top: 115px;
left: 670px;
border: 0px none #000;
}

.title {
position: absolute;
top: 48px;
left: 17px;
margin: 0;
padding: 0;
}

#pic img {
margin-top: 1px;
border: 0px none #000;
}

#mediworkx {
position: absolute;
top: 570px;
left: 900px;
border: 0px none #000;
}


img#email {
	float: right;
	margin: 3px 90px 0 0px;
}

img#impressum {
	float: right;
	margin: 3px 80px 0px 0px;
}

/* ------------------
| Linkformatierungen |
-------------------- */

.link {
color: #333;
font-weight: bold;
}

a.verlinkung {
color:#2F2F2F;
font-size: 10px;
}

a {
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#a {
margin-left:20px;
}


a img {
	border: 0px none #000;
}


div#footer a {
	text-decoration: none;
}

#footer-left p a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666666;
text-decoration: none;
}

#scroll p a {
color: #7f7f7f;
}


div#content a.abc {
	font-size: 11px;
}

/* --------------
| Form-Elemente |
----------------- */

input {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainpage-suchbutton {
margin: 14px 0 0 2px;
}

#submit2 {
margin-left: 10px;
}


hr {
	color: #777777;
}

hr.trennung_anhang {
	border: 1px solid #eeeeee;
	margin: 0 0 15px 10px;
}

hr.trennung_kurse {
	border: 1px solid #dddddd;
	margin: 0 0 15px 10px;
}


/* --------------
| Tabellen-Elemente |
----------------- */

#admin {
margin: 20px 0 0 15px; 
}

#admin td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0px 7px 0;
}

#admin td h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 15px 0;
}

table#vita td{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px 0px 0px 20px;
color: #727272;
}

td {
background-color:#ffffff;
}

th {
background-color: #F4DFE6;
}

table#table_kinder_yoga {
margin: 10px 0 10px 8px;
}

table#table_kinder_yoga tr td{
padding: 9px 10px 9px 10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
}

table#table_kinder_yoga tr.tr_kinder_yoga_a td {
	background-color:#fffde3;
}

table#table_kinder_yoga tr.tr_kinder_yoga_b td {
	background-color:#f4f4f4;
}

/* --------------
| Tabellen-Adminbereich |
----------------- */

table#daten_eingeben {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: auto;
margin: 0;
padding: 0;
}

table#daten_eingeben tr td table tr td iframe#meldung {
width: 313px;
border: 1px solid #999;
}

table#daten_eingeben tr td#td_vom {
padding: 16px 0 0 0;
margin: 0;
}

table#daten_eingeben tr td#td_bis_zum{
padding: 3px 0 6px 0;
margin: 0;
}

table#daten_eingeben tr td#td_freischalten {
padding: 5px 0 0 0;
margin: 0;
}

table#daten_eingeben tr td#td_freischalten input{
padding: 0;
margin: 3px 0 0 0;
}

table#daten_eingeben tr td input#input_headline {
width: 240px;	
}

table#table_aktuelles_eingeben tr{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: auto;
margin: 0;
padding: 0;
}

textarea {
width: 298px;
}

form fieldset {
width: 320px;
border: 1px solid #aaa;
background-color: #f3cf39;
margin: 0 0 20px 0;
}

form legend {
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #888;
}

form table.daten_eingeben tr td iframe#meldung{
width: 313px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
border: 1px solid #888;
}

form table.daten_eingeben tr td {
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
}

form table.daten_eingeben tr td.vom_bis input {
border: 1px solid #888;
}

form table.daten_eingeben tr td iframe#meldung2{
width: 313px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
border: 1px solid #888;
}

form table.daten_eingeben tr td input.input_headline {
	border: 1px solid #888;
	width: 245px;
}

table.daten_lesen tr td input.input_headline_diabled {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
background-color: #ffffff;
border: 1px solid #888;
width: 245px;
}

table.daten_lesen tr td textarea.text_lesen {
border: 1px solid #888;
width: 245px;
height: 175px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
}

form table.daten_eingeben tr td input.input_file {
	border: 1px solid #888;
	float: none;
}

form table.daten_eingeben tr td input.input_checkbox {
	margin: 0;
	padding: 0;
}

div#content table.table_input_id_now {
	
}

div#content fieldset {
	margin: 10px 0 15px 0;
	border: 1px solid #aaa;
	width: 300px;
	background-color: #fffcc7;
}

div#content fieldset legend{
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
}

div#content fieldset.fieldset_lesen {
	margin: 10px 0 15px 0;
	border: 1px solid #888;
	width: 250px;
}

div#content fieldset.fieldset_lesen legend{
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
}

div#content table.table_input_id_now tr td{
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
padding-right: 5px;
background-color: transparent;
}

div#content table.table_input_id_now tr td{
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
}

div#content table.daten_lesen tr td {
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
background-color: transparent;
}

div#content table.daten_eingeben tr td {
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #555;
background-color: transparent;
}

/* ---------
| Lightbox |
---------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../_gfx/galerie/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../_gfx/galerie/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../_gfx/galerie/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; float: left; margin: 0 110px 0 0;   }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

a#numberDisplay2 {
color:#333;
font-weight: bold;
display: block; 
float: left;
margin: 0 7px 0 0;
}

a#numberDisplay3 {
color:#333;
font-weight: bold;
float: left;
}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}