@import url(reset.css);

#header, #navi, #content{
	position:absolute;
}

img.marker{
	width:0.75em;
	height:0.75em;
	margin-right:1em;
}

p.back {
background:#ddd none repeat scroll 0 0;
margin-top:0.5em;
padding:0.2em;
text-align:right;
}

body {
    font-size:100%;
    line-height:1.125em;
	font-family:"Book Antiqua", Georgia, "Times New Roman", Serif;
	background-color:white;
	/*background:#BBFFFF url(../images/v_white2trans2000.png) repeat-x;*/
}

h1, h2, h3, h4, h5, h6, p{

	line-height:1.125em;
}


span.imgholder,div{
	margin:0;
	padding:0;
}

#navi span{
	display:block;
}

img#logo{
	height:9em;
}

#navi{
	top:9em;
	padding-top:1.5em;
	padding-left:2em;
	z-index:0;
	width:17.5em;
	left:0em;
	overflow:hidden;
	z-index:2;
	background:white;
}

#content{
	position:absolute;
	top:9em;
	margin-top:0.5em;
	left:16.5em;
	width:41.5em;
	padding:2em;
	z-index:2;
	border-left:0.25em dotted blue;
	background:transparent url(../images/butterfly.jpg) no-repeat left bottom;
}

#BaseContent{
	width:62.25em;
	position:absolute;
}
/*header*/


#header{
	position:absolute;
	width:62.25em;
	height:9em;
	background-color:#FFCC66;
	background-image:url(../images/h_white2trans.png);
	background-repeat:repeat-y;
	
}




/*Navigation*/


#navi div{
	text-align:center;
	font-weight:bold;
	font-size:1.25em; /*20px*/
	line-height:1em;/*20px*/
}

#navi div{
	width:10em;
}
#navi img{
	width:12.5em;
	height:3.75em;
}

div.zwei_zeilen{
	margin-top:-2.5em;
	margin-bottom:0.8em;
}
div.eine_zeile{
	margin-top:-2em;
	margin-bottom:1.3em;
}

a{
	text-decoration:none;
	color:#6633FF;
}

#navi a{
	text-decoration:none;
	color:#6633FF;
}

a:hover{
	color:#66FF00;
}

#navi a:hover{
	color:#fff;
}

#navi a:hover{
	color:white;
}

/*Inhalt*/


#content p, address, td{
	font-size:120%;
	line-height:1.125em;
}

address{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0.5em;
}

/*Tabelle (in preise.html)*/


/*table{
	font-size:150%;
	line-height:1.125em;
}*/

th {
background-color:#DDDDDD;
padding:0.5em;
line-height:1.125em;
}
td{
	padding:0.5em;
}

/*Fließtext mit Überschriften und Unter-Überschr. (selbsterfahrungsgruppen.html)*/
.hauptueberschrift {
	color:#fff;
	background-color:#3333FF;
	font-size:160%;
	font-weight:bold;
	margin-bottom:2em;
	padding:0.5em;
}

h2 {
	color:#ff0000;
	background-color:white;
	padding:0.25em;
	margin-bottom:0.5em;
	font-size:120%;
}

h3 {
color:#FF0000;
font-size:150%;
margin-bottom:0.5em;
}
	
/*Angebote*/
ul#angebote{
	font-size:1.4em;
	line-height:1.75em;
	background: transparent url(../images/h-trans2white.png) repeat-y);
}

ul li {
	list-style-type:none;
}

/*Schwerpunkte*/
div.erlaeuterung {
margin:0;
width:90%;

}

ol li {
	list-style-type:none;
	margin-top:1em;
	margin-bottom:1em;
}

em{
	font-size:100%;
	line-height:1.25em;
}

/*runde Ecken*/
*.bg { #D5F9F9; margin-top:20px; }
*.bg_2 { background:url(../images/h_trans2white500.png) bottom left repeat-y #D5F9F9; margin-top:20px; }
*.bg_3 { background-color:#FFDFEF}


*.tl { background:url("../images/eckenrundung/rc.gif") top left     no-repeat;  }
*.br { background:url("../images/eckenrundung/rc.gif") bottom right no-repeat;  }
*.tr { background:url("../images/eckenrundung/rc.gif") top right    no-repeat;  }
*.bl { background:url("../images/eckenrundung/rc.gif") bottom left  no-repeat;  }

*.trc { background:url("../images/eckenrundung/rc-trc.gif") top right   no-repeat; }
*.blc { background:url("../images/eckenrundung/rc-blc.gif") bottom left no-repeat; }

*.pad { padding:1em; }

#header_right {
	float:right;
	height:9em;
	width:30em;
	background-color:#FFCC66;
	background-position:right top;
	background-image:url(../images/h_trans2white.png);
	background-repeat:repeat-y 
 }