/* Das Seelenhaus - CSS Document */

* {	
  margin: 0;	
  padding: 0;
}


html{ 
  height:100.1%;
}


body { 
	height:100.1%; 
	background-color: #ffffcc; 
	font:  normal 12px/1.4em "Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#000066; 	
	margin: 0;	
	padding:0;
}


#container {
	position: relative;
	top: 0px;
	left:50%;
	margin-left: -410px;
	width: 820px;
	height:98%; /*border:1px solid #00FFCC;*/
}


#inhalt {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
}


#banner { 
	position:relative; 
	top:10px; 
	left:0px; 
	text-align:center;
}


h1 {	
	color: #000;	
	margin: 0 10px 10px 0;	
	padding: 5px 0 0 0;
}


h2 {	
	color: #993300;	
	font:  bold 16px Verdana, Arial, Helvetica, sans-serif;
}			 


h3 {	
	font-size: 14px;
}


h5 {	
	color: #993300;	
	text-decoration: blink;	
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}	


h6 {	
	color: #ffffff;	
	font-size: 14px;
}


a {	
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:	#000099; 	
	font-style: normal;	
	font-weight: normal;	
	text-decoration: none;
}


a:link { 
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-style: normal;	
	font-weight: normal;	
	color: #0066FF;
}


a:hover, a:focus {	
	color:	#990000;	
	font-weight: bold; 
	outline: none;
}


#hauptmenu {
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	width: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}


#submenu { 
	position:relative; 
	top: 0px; 
	left: 0px; 
	width: 250px;; 
	height:250px;
	margin-top: 10px;
}


.minimenu {	
	position: absolute;	
	height: 25px; 
	width: 200px;	
	top:300px; 
	left: 50px;
}

 
.titel {
	position: absolute;
	top: 1px;
	left: 260px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	letter-spacing: 2px;
	width: 500px;
}


.text_1, .text_2, .text_3, .text_4, .text_5, .text_6, .text_7, .text_8, .text_9, .text_10, .text_11, .text_12 {
	position: absolute;
	font:  normal 12px "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	cursor: default;
	left: auto;
	top: auto;
	/*border:#0000ff 1px solid;*/
}


.bild_1, .bild_2, .bild_3, .bild_4, .bild_5, .bild_6, .bild_7, .bild_8, .bild_9, .bild_10, .bild_11, .bild_12 {
	position:absolute; /* left: 10px; top: 696px;
	text-align:left;
	left: 276px;
	top: 131px;
	width: 200px;
	height: 200px;
	border:#ff0000 1px solid;*/
	left: -171px;
	top: 2504px;
}


.trenner_1, .trenner_2, .trenner_3, .trenner_4 {
	position: absolute; 
	text-align:l eft; 
	width: auto; 
	height:auto; 
}


.zurueck {	
	position: absolute;	
	top: 18px; 
	left: 0px;	
	height: auto;	
	width: auto;
}


.linie {	
	position: absolute;	
	height: 12px;	
	width: auto;	
	top: 20px;	
	left: 260px;
}


.linie_2 {
	position: absolute;	
	height: 12px;	
	width: 800px;	
	top: 8px;	
	left:0px;	
	text-align:right;
}


#menu { 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: auto; 
	height: auto; 
	text-align: center; 
	margin-top:10px;
}


.button {  
	margin: 0px; 
	padding: 0px; 
	display: inline; 
	width: 110px; 
	height:30px; 
}


.button a img { 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;  
	border: 0;
}


.button a:hover img{ 
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1; 
	border: 0; 
}


/* ++++++    Neue CSS-Regeln:   ++++++ */


/* Submenue (Kreis oben links) */

#submenu {
	background: url(../images/seelenhaus_submenue_higru_250.jpg) center center no-repeat;
	top: 0px;
	left: 0px;
	height: 250px;
	width: 250px;
}


#submenu a {
	color: #200c6B;
	font-size: 1em;
	text-align: center;
	align: center;
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2; 
	opacity: 0.2;
	transition: opacity;
	transition-duration: 1s;
	transition-timing-function: linear;
	-webkit-transition: opacity;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-moz-transition: opacity;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: linear;
	-o-transition: opacity;
	-o-transition-duration: 1s;
	-o-transition-timing-function: linear;
}


#submenu a:hover {
	font-size: 1.15em;
	text-align: center;
	align: center;
	font-weight: bold;
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}


a.hypnose {
	position: absolute;
	top: 36px;
	left: 102px;
}

a.hypnose:hover {
	top: 36px;
	left: 100px;
}


a.kinder {
	position: absolute;
	text-align: center;
	line-height: 1.2em;
	top: 74px;
	left: 34px;
}

a.kinder:hover {
	text-align: center;
	top: 72px;
	left: 32px;
}


a.lachtherapie {
	position: absolute;
	text-align: center;
	line-height: 1.2em;
	top: 149px;
	left: 38px;
}

a.lachtherapie:hover {
	text-align: center;
	top: 147px;
	left: 33px;
}


a.seelenhaus {
	position: absolute;
	text-align: center;
	line-height: 1.3em;
	top: 104px;
	left: 102px;
}

a.seelenhaus:hover {
	text-align: center;
	top: 101px;
	left: 97px;
}


a.a2012 {
	position: absolute;
	text-align: center;
	top: 77px;
	left: 179px;
}

a.a2012:hover {
	text-align: center;
	top: 77px;
	left: 174px;
}


a.meditat {
	position: absolute;
	top: 154px;
	left: 159px;
	letter-spacing: -0.04em;
}

a.meditat:hover {
	top: 153px;
	left: 158px;
	letter-spacing: -0.075em;
}


a.reiki {
	position: absolute;
	text-align: center;
	line-height: 1.1em;
	top: 174px;
	left: 97px;
}

a.reiki:hover {
	text-align: center;
	top: 173px;
	left: 91px;
}



.miniz {
	font-size: 0.8em;
}






/* Listen */ 

ul {
	margin: 0.5em 1em 1em 2.3em;
}


ol {
	margin: 0.5em 1em 1em 2.3em;
}


/* Sitemap */ 

#sitemap {
	position: relative;
	top:0px;
	left:0px;
	height:auto;
	width:auto;
	margin: 2em 1em 2em 270px;
}

#sitemap h1 {
	font-size: 2em;
	margin: 1em 1em 1em 0.8em;
}

#sitemap ul {
	margin: 2.5em 1em 1em 7em;
}
 
#sitemap ul li {
	line-height: 1.9em;
}

#sitemap ul li ul {
	margin: 0.1em 1em 0.4em 2em;
}



/* Footer */

#footer {
	text-align: center;
	margin: 2em 0.8em 2em 1em;
	padding: 0.6em 0 0.2em 0;
	border: 2px dotted #FFFFCC;
	background-color: #FEFABF;
}

#footer ul li {
  display: inline;
	list-style-type: none;
	padding: 0.5em 3em 0.3em 3em;
}

#footer ul li a {
	color: #200C6B;
}

#footer ul li a:hover {
	color:	#990000;
}

/* *************************************************************** */