/* 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:10px; 	left:0px; 	width:100%; height:auto;
}
#banner { position:relative; top:0px; 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;}
.minimenu {	position: absolute;	height: 25px; width: 200px;	top:300px; left: 50px;}
 
.titel {
	position:absolute;
	top:0px;
	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;*/

	}
.trenner_1, .trenner_2, .trenner_3, .trenner_4 {position:absolute; text-align:left; 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; }

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