body {

   
	font: normal 62.5% Tahoma,sans-serif;
	padding-top: 25px;
	padding-left: 15px;
	
	}
p,code,ul {padding-bottom: 1.2em;
		   padding-left: 0.8em;	
	}
	
h1 {font: normal 2.0em Andale, sans-serif;}
h2 {font: bold 1.8em sans-serif;}
h3 {font: bold 1.4em Tahoma,sans-serif;}
h1,h2,h3 {padding-top: 6px; color: gray ; margin-bottom: 4px;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1.2em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
	}

blockquote {
	background:  no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
	}
	
	
/*-------------------------------------------------------------------------------*/
/* structure */

.outer-container {
    padding-bottom: 12px;
    max-width: 1050px;
    position:absolute;	
   
  
   
}
.inner-container {
	
	font-size: 1.2em;
	margin: 0 auto;
	padding-right: 25px;
	padding-left: 25px;
	
	height: auto;
	min-height : 400px;
	
		
}


/* header element definition*/
.header {
			
		
			padding: 0px;
			height: 105px;
			width: 1024px;
			margin-bottom: 0px;
			text-align: center;
}
.header .outer{
	
		
			background: rgb(35, 35, 213) ;
	 		background:  url('pix/Logo2.gif') no-repeat;
			filter:alpha(opacity=50);
			opacity: 0.5;
			
			padding-top: 5px;
			height: 150px;
			margin-bottom: 0px;
			text-align: right;
}
.header .impressum{
			text-align: right;
			padding-right: 10px;
}
.header .impressum a{
	display: block;
	text-decoration: none;
	color: white;
	}


.header .title {
	
	padding-top: 50px;

}		
	
/* navigation */
.navigation {
	float: left;
	min-width: 155px;
	max-width: 190px;
	margin-top:7px;
	position:inherit;

	filter:alpha(opacity=60);
	opacity: 0.5;	

}	
.navigation .inner{	
	position:absolute;
	float: left;
	min-width: 150px;
	width: 305px;
	
	min-height: 400px;
	/*height: 480px;*/
	height: 480px;
	margin-top: 0px;
	margin-left: 9px;
	
	
	filter:alpha(opacity=60);
	opacity: 0.9;	
}			
 .navigation .color{
 background: rgb(169, 172, 213) ;
 width: 155px;
 height: 480px;
 margin-left: 9px;
 }



/* content */

.content {
	
	min-height: 440px;
	
	width: 80%;
	
	float: right;
	padding-top: 25px;
	padding-bottom: 12px;

	
}

a:hover{
	color:  rgb(204, 204, 204) ;
	
	}
.content h1{
	padding-left: 1.0em;	
	
	}
	.content h3{
	padding-left: 2.5em;	
	text-shadow: gray;
	}
.content p{
	padding-left: 2.5em;	
	}
	
.content .text{
	
	float:right;
	width: 600px;
	margin-right:25px;
	min-height:350px;
	background: url('pix/text_background.png') no-repeat;
	background-position:bottom;
	color: gray;
	
	}
.content .text td{
	 color:gray;
	 font:  Tahoma,sans-serif;
	 font-size: 0.8em;
	 text-align: left;
	}
.content .text td a{
	text-decoration: none;
	color:  rgb(71, 71, 213) ;
	}
	
.content .startpage{	
		float:right;
		width: 800px;
		height: 400px;
		background: url('pix/index_back.png') no-repeat;
		
	}
.content .text_top{

	float:right;
	width: 600px;
	margin-right:25px;
		}
.content .text_top .pix{
		width: 290px;
		height: 230px;
		padding-top:30px;
		text-align:right;
		background: url('pix/pix270x220.gif') no-repeat;
		
}

.clearer {clear: both; font-size: 0; }
.left {float: left;}
.right {float: right;}
	
/*Main Page Positioning*/	
#text{
	position:relative;
	left: 15%;
 	bottom:0px;
 	 background:  url('pix/meditation-back.png') no-repeat;
}

#meditation{
 	
  position:relative;
  width:225px;	
  height:272px;
  left: 30%;
   background:  url('pix/meditation-back.png') no-repeat;
  bottom: 0px;
}
#team{
    position:relative;
	left: 9%;
 	bottom:-25px;
 	color:gray;
 	
}
#team h1 {font: normal 1.4em Andale, sans-serif;}

#team td{
		padding-left: 40px;
		padding-right:35px;  
		}
		
#team a{
	text-decoration: none;
	color: gray;
	}
#team a:hover{
	color:  rgb(71, 71, 213) ;
}

#contact{
	display:inline;
    position:relative;
	left: 75%;
 	bottom:220px;
}	
#contact a{
	text-decoration: none;
	color: gray;
	
	}
#contact a:hover{
	color:  rgb(71, 71, 213) ;
}


/* footer */
.footer {
	float:left;
	color: black;
	color: red;
	font:  1em sans-serif;
	margin-top: 5px;
	margin-bottom: 15px;
	min-height: 45px;
	/*height: 45px;*/
	width:78%;
	max-width: 1050px;
	padding: 10px 12px;
	
		
}
.footer .decoration{
	position: left;
	background:  url('pix/footpic2.gif') no-repeat;
	color:gray;
	text-align: left;
	min-height: 75px;
	/*height: 75px;*/
}

.footer a {
	color: gray;
	text-decoration: none;
}
.footer a:hover {color: #FFC;}
ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	list-style: none;
	width: 150px;
	}

ul li {
	position: relative;
	display: block;
	text-decoration: none;
	color: white;
	background:  rgb(71, 71, 213) ;
	
	}

li ul {
	position: absolute;
	
	left: 149px;
	top: 0;
	display: none;
	}
	
ul li a {
	display: block;
	text-decoration: none;
	color: white;
	background:  rgb(71, 71, 213) ;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%;}
/* End */

li:hover ul, li.over ul { 
	display: block; 
	color:gray;
	width:155px;
	}
li.over{
	background:gray;
	}
	

/* Fix IE. Hide from IE Mac \*/
* html .content { 
					width: 80%;
				  	height:450px;	
				 
				}
* html .inner-container{
					height: 300px;		
				}				
* html .navigation  { width: 155px;
						margin-top:0px;
					}
* html .navigation .inner { height: 480px;
							margin-left: 0px;
						
							}
* html .navigation .color{
	background: rgb(171, 172, 213) ;
	
	}							
							
* html .outer-container { width: 1050px; }

* html .content {
				height: 480px;
		
				}
* html .footer { height: 45px;
				width: 80%;}
* html .footer .decoration { height: 75px; }
* html .header .outer { height: 115px; }
* html #contact {bottom:463px;  }

* html #team {left: 14%;}
* html #team COLGROUP{width: 150px;}
* html #team td{padding: 25px;}

/* End */