/* html elements: START */
* {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
body {
	background-color:#FFFFFF;
	text-align:center;
	margin:0px auto;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
body.popup {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	background-color:#D4E3F3;
	text-align:left;
	margin:0px;
	padding:8px;
	border:0px;
}

h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	border:0px;
	text-transform:uppercase;
}
ul,ol {
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}
/* html elements: END */

#thecenter {
	background-color:#58585A;
	width:1px;
	height:1px;
	position:absolute;
	top:50%;
	left:50%;
	overflow:visible; 
	z-index:1;
}
/* wrap around the whole page: START */
#wrap {
	position:absolute;
	text-align:center;
	margin:0px auto;
	width:1000px;
	background-color:#FFFFFF;
	display:block;
	height:560px;
	max-height:560px;
	overflow:hidden;	
	top:-280px;
	left:-500px;	
}
#navi {
	display:block;
	height:85px;
	max-height:85px;
	overflow:hidden;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
}
/* wrap around the whole page: END */

/* wrap around the navigation and content divs / iframes: START */
#content {
	float:left;
	display:inline;
	width:900px;
	height:560px;
	max-height:560px;
/*	overflow:hidden;*/
	vertical-align:top;	
}
#content .layer_left {
	float:left;
	display:inline;
	width: 443px;
	height: 420px;
	overflow:hidden;
}

#content .layer_right {
	float:right;
	display:inline;
	overflow:hidden;
	width: 425px;
	padding-left: 8px;
}

#content .layer_right_graphic {
	float:right;
	display:inline;
	width:425px;
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	right:0px;
}
#content .layer_right_graphic img {
	position:relative;
	margin:-15px 0 0 -15px;
	width:450px;
	height:448px;
}
#content_yoga {
	float:left;
	display:inline;
	width:450px;
	height:475px;
	overflow:hidden;
	background-color:#D4E3F3;
}
#content_art {
	float:left;
	display:inline;		
	width:450px;
	height:475px;
	overflow:hidden;
	background-color:#FFFFFF;
}

#content_kontakt,#content_impressum, #content_anmelden {
	float:left;
	display:none;
	width:900px;
	height:475px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
#content_feedback {
	position:absolute;
	top:270px;
	left:auto; /*	set by javascript	*/
	z-index:99;
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:12px;
	background-color:#FFF;

	border:1px solid #000;	
}
	#content_feedback p {
		/*
		float:left;
		clear:both;
		*/
		padding:10px;
	}
#content_feedback a {
	color:#000;
	text-decoration:underline;
}
div.content {
	background:#CCCCCC url(../gfx/contents_bg.gif) left top no-repeat;
}
.content .inner {
	margin:6px 8px 8px 8px;
	width:98%; /* needed for right freespace */
	text-align:left;
}
.content .inner #contents_anmelden,
.content .inner #contents {
	clear:both;
	float:left;
	width:100%;
	overflow:visible;
}
.content .inner #contents_anmelden h2,
.content .inner #contents h2 {
	font-size:11px;
	margin:0px 0px 13px 0px;
	padding:0px;
}
.content .inner #contents_anmelden p,
.content .inner #contents p {
	font-size:11px;
	line-height:1.6em;
}
div.content h1 {
	font-size:14px;
	padding:0px;
	margin:0px 0px 20px 0px;
	float:left;
	display:inline;
}
/* wrap around the navigation and content iframes: END */

/* columns with meta contents: START */
#metacontents {
	float:left;
	display:inline;
	width:100px;
	height:560px;	
	text-align:left;
	background-color:#FFFFFF;
	overflow:hidden;
}
#metacontents #y8_sign {
	width:74px;
	height:47px;
	border:0px;
	margin:10px 0px 0px 10px;
}
#metacontents ul {
	margin:400px 0px 0px 10px;
	/*margin:430px 0px 0px 10px;*/
	width:90px;
	max-width:90px;
}
#metacontents ul li {
	width:90px;
	max-width:90px;
}
#metacontents ul li a {
	display:block;
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	/*height:14px; ---> Aktuelle Termine */
	line-height:14px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	width:100%;
	max-width:100%;
	text-transform:uppercase;
}
#metacontents ul li a:hover,
#metacontents ul li a:active,
#metacontents ul li a.act {
	text-decoration:underline;
}
/* columns with meta contents: END */

/* layer styles: START */
#div_deck {
	position:absolute;
	top:0px;
	left:0px;
	/* z-index:98; */
	display:none;
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	-khtml-opacity: 0.5;
}

#div_deck iframe {
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	background-color:transparent;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	-khtml-opacity: 0.5;
}
.metalayer {
	display:none;
	width:900px;
	height:475px;
	z-index:99;
	background-color:red;
	position:relative;
	top:0px;
	left:0px;
}
#closeLayer {
	float:right;
	margin:0px 0px 0px 0px;
	display:inline;
}
#closeLayer a {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
}
#closeLayer a:hover {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#CCCCCC;
}

/* layer styles: END */

/* form styles: START */
.input_text {
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:200px;
	height:30px;
}
.input_text .multirow {
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:200px;
	height:200px;
}
/* form styles: END */

/* special styles: START */
.italics {
	font-style:italic;
}
#imageloader { /* 	container for images */
	background-color:#FFFFFF;
	width:750px;
	height:400px;
	z-index:100;
	display:none;
	position:absolute;
	top:20px;
}
#imageloader iframe {
	width:730px;
	height:380px;
	margin:10px;
	border:1px solid #CCCCCC;
}
/* special styles: END */