@charset "utf-8";
body {margin:0; padding:0; font-size:1em;}
p, ul, ol, li, h1, h2, h3, h4, div {margin:0; padding:0;}
#kopfstart, #kopfjugendhilfe, #kopforgberatung, #kopfueberuns {
	background-image: url(../00_layout/klicker.png);
	background-repeat: no-repeat;
	background-position: -20px -70px ;
	height:207px; width: 100%;
	background-color:#fff;
	margin:0; padding:0;}
#kopfjugendhilfe, #kopforgberatung {	background-position: -235px -70px ;}
#kopfueberuns {background-position: 180px -70px ;}
	
h1 {font-family:'Times New Roman', Times, serif; font-style:italic; font-size:2em; font-weight:normal;
	color: #CCCCCC; 
	text-align:right; 
	padding-right:5px; 
	position:absolute;
	top:150px;
	left:0px;
	width:960px;}
img {border:none;}
abbr {text-decoration:none;}
	
#navi01 {
	width:920px;
	padding-left:40px;
	position:absolute;
	left:2px;
	top:207px;
	white-space:nowrap;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#25C406;
	font-size:0.8em;
	font-weight:bold;
}
#navi01 a {color:#999; text-decoration:none;}
#navi01 a:hover {color:#25C406;}

#jugendhilfe {position:absolute;
	left:0px;
	top:225px;
	width:15em;
	height:auto;
	z-index:1;
	padding-left:40px;
	background-color:transparent;
	visibility:hidden;
	font-weight:normal;}
	
#orgberatung {position:absolute;
	left:6.1em;
	top:225px;
	width:15em;
	height:auto;
	z-index:1;
	padding-left:40px;
	background-color:transparent;
	visibility:hidden;
	}
#therapie {position:absolute;
	left:23.9em;
	top:225px;
	width:15em;
	height:auto;
	z-index:1;
	padding-left:40px;
	background-color:transparent;
	visibility:hidden;
	}
#jugendhilfe ul, #orgberatung ul, #therapie ul {list-style-type:none;}	
#jugendhilfe ul li, #orgberatung ul li, #therapie ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#87CD1F; font-weight:bold; margin-bottom:3px;line-height:0.7em;}	
#jugendhilfe ul li a, #orgberatung ul li a, #therapie ul li a {color:#999; text-decoration:none; font-size:0.7em; font-weight:normal;}
#jugendhilfe ul li a:hover, #orgberatung ul li a:hover, #therapie ul li a:hover {color:#25C406;}
span.position {color:#25C406; font-weight:bold;}

#leitbild {position:absolute; top:24em; left:20px; padding:0; width:auto; height:auto; }
#leitbild h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.8em;
	font-weight:bold;
		margin:0 0 0 1.2em;}
#leitbild h2 a {color:#999; text-decoration:none;}
#leitbild h2 a:hover {color:#25C406;}
#logo {position:absolute; top:27em; left:20px; padding:0; width:auto; height:auto; }
#adresse {padding:0 0 0 20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em;}
#adresse a {text-decoration:none; color:#333333; }
#adresse a:hover {color:#25C406;}

#inhalt {position: absolute; top:18.5em ; left:18em ; width:38em; height:50%; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:2em; padding-right:1em; scrollbar-track-color:#EFF3F2;scrollbar-base-color:#fff; scrollbar-arrow-color:#ccc;scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#c0c0c0;scrollbar-highlight-color:#E3EFEB;scrollbar-3d-light-color:##E3EFEB; }
#inhalt h2 {font-family: 'Times New Roman', Times, serif; font-size:2em; color:#333; font-weight:normal; margin-bottom:0.5em;}
#inhalt h3 {font-size:0.94em; margin:2em 0 1em 0;}
#inhalt p {font-size:0.84em; color:#666666; line-height:1.2em; text-align:justify; margin-bottom:1em; line-height:1.3em}
#inhalt a {color:#666666;}
#inhalt a:hover {color:#25C406;}
#inhalt ul {margin:0em 0 0.5em 1em; padding:0;}
#inhalt ul li {margin-bottom:0.5em; font-size:0.84em; color:#666666;}
#inhalt p.top {text-align:right; font-size:0.8em;}

#inhalt img.floatleft {float:left; margin-right:10px;}
.clearleft {clear:left;}
#inhalt p.person {font-weight:bold; font-size:0.84em; margin:0 0 0.5em 0;}