/* CSS Document Beate Aufderstroth */

body, html {
	color:				#1E3552;
	font-family:	    Verdana, Arial, Helvetica, sans-serif;
	font-size:		    100.1%;
	height:				100.1%;
	margin:				0;
	padding:			0;
}
html {
	/* für den Scrollbalken ,damit er in firefox, mozilla nicht verschwindet.
	Sonst rutscht der Inhalt nach links (geht nicht in Safari)*/
	margin-bottom:	    0.1px;
    height:             auto;
}
body {
 	font-size:		    11px;
}
strong, b {
    color:              #1E3552;
}

a:link, a:visited {
	text-decoration:	none;
	color:				#335C8F;
}
a:hover, a:active {
    text-decoration:    none;
	color:		        #1E3552;
}
h1,h2,h3,h4,h5,p,ul,form,table   {  /*setzt alle vorgegeben Abstände auf 0*/
	margin: 		    0px;
	padding:		    0px;
}
h1 {
	color:				#1E3552;
	font-size:			13px;
	font-weight:		bold;
	padding-bottom:		28px;
}

h2 {
	color:	            #1E3552;
	font-size:		    12px;
	font-weight:		bold;
	padding-bottom:		10px;
}
h3 {
	color:	            #1E3552;
	font-size:		    11px;
	font-weight:		bold;
    padding-bottom:		4px;
}
h4 {
	color:	            #1E3552;
	font-size:		    11px;
	font-weight:		bold;
}
h5 {
	color:	            #1E3552;
	font-size:		    9px;
	font-weight:		normal;
}
.clear {
  clear:                both;
}


#alles {
	margin-left:	auto;
	margin-right:	auto;
	width:			990px;
}

/* ---- Inhalt ---- */


#logo {
	float:		left;
	z-index:	20;
	position:	absolute;
	top:		0px;
	width:		254px;
}
table.kosten {
    border:     1px solid #A6B7C8;
    width:      306px;
}

td {
    padding:      1px 3px;
}


/* ------------ navigation -------------- */
/*Ebene 1*/
#topnavi{
	font-family: 		arial, sans-serif; 
	width:				736px;
	position:			relative; 
	margin:				55px 0 0 254px;
	/* z-index wie --li:hover ul-- damit es im IE funktioniert!*/
	z-index:			100;
	height:				28px;
	font-size:			11px; 
	background-image:	url(../images/topnavi-hg.gif);
	background-repeat:	repeat-x;
	color:				#FFF;
}
#topnavi ul li a, 
#topnavi ul li a:visited {
	display:			block;
	text-decoration:	none; 
	color:				#FFF;
	height:				21px;
	/*line-height wichtig fuer die Ueberlappung */ 
	line-height:		19px; 
	letter-spacing:		0.05em;
}

/* mit hover balken */
#topnavi ul li a:link,
#topnavi ul li a:visited {
	color:				#FFF;
	border-top:			3px solid #FFF;
	padding-top:		4px;

}
#topnavi ul li a:hover,
#topnavi ul li a:active,
#topnavi ul li a.current,
#topnavi ul li a.current:visited {
	color:				#C0CDDA;
	border-top:			3px solid #375C8B;
}

#topnavi ul {
	padding:			0 0 0 10px; 
	margin:				0;
	list-style-type: 	none;
}
#topnavi ul li {
	float:				left;
	margin-right:		1px; 
	position:			relative;
	float:				left;
	margin:				0 15px;
}
li.abstandlinie {
	padding-top:		9px;
}


/*Subnavigation 2te Ebene*/
#topnavi ul li ul {display: none;}

/* mit !important Verebung aufgehoben! */
/* Einblenden submenue bei Hover auf den Listenpunkt incl. ul */
#topnavi ul li:hover ul {
	display:			block; 
	position:			absolute; 
	z-index:			100;
	min-width:			70px  !important;
	top:				28px;
	background:			#FFF;  
	padding:			5px;
}
#topnavi ul li:hover ul li {
	margin:				0  !important;
}
#topnavi ul li:hover ul li a {
	font-weight:		normal !important;
	color:				#375C8B !important;	
	padding:			0 2px;
	border-top:			0px solid #fff !important;
	letter-spacing:		0.01em  !important;
}
#topnavi ul li:hover ul li:hover a:link,
#topnavi ul li:hover ul li:hover a:visited {
	letter-spacing:		0.01em;
}
#topnavi ul li:hover ul li a:hover,
#topnavi ul li:hover ul li a:active {
	color:				#1E3552 !important;
	letter-spacing:		0.01em;
}


/* ---- oberer Bereich ---- */
#content {
	position:	relative;
}
#oben {
	min-height:			190px;
	background-color:	#D7DEE8;
	background-image:	url(../images/hg-oben.gif);
	background-repeat:	repeat-y;
	border-bottom:		1px solid #fff;
	width:				990px; /* notwendig fuer IE 6 */
	z-index:			10;
	overflow:			auto;
	clear:				both;
}
#oben .oben-links {
	background-color:	#6D86A3;
	padding:			94px 55px 50px 56px;
	float:				left;
	width:				142px;
	border-right:		1px solid #fff;
	font-size:			12px;
}
#oben h1 {
  padding-bottom:       18px;
}


#oben .oben-rechts {
	width:				679px;
	padding:			32px 28px 28px 28px;
	float:				left;
}
#oben .oben-aktuell {
	height:				110px;
	overflow:			auto;
	visibility: 		visible;
}
#oben .oben-beratung {
	width:				349px;
	padding:			32px 358px 28px 28px;
	float:				left;
    background-image:   url(../images/beratung.jpg);
    background-repeat:  no-repeat;
    background-position:top right;
    height:             130px;
}
#oben .oben-supervision {
	width:				400px;
	padding:			32px 308px 28px 28px;
	float:				left;
    background-image:   url(../images/supervision.jpg);
    background-repeat:  no-repeat;
    background-position:top right;
    height:             130px;
}
#oben .oben-fortbildung {
	width:				349px;
	padding:			32px 358px 28px 28px;
	float:				left;
    background-image:   url(../images/fortbildung.jpg);
    background-repeat:  no-repeat;
    background-position:top right;
    height:             130px;
}
#oben .oben-mediation {
	width:				449px;
	padding:			32px 258px 28px 28px;
	float:				left;
    background-image:   url(../images/mediation.jpg);
    background-repeat:  no-repeat;
    background-position:top right;
    height:             130px;
}
#oben .oben-profil {
	width:				349px;
	padding:			32px 358px 28px 28px;
	float:				left;
    background-image:   url(../images/profil.jpg);
    background-repeat:  no-repeat;
    background-position:top right;
    height:             130px;
}
#oben .oben-profil  ul  {
  list-style-type:      square;
  list-style-position:  outside;
  margin:               0 0 10px 14px;
}
 /* ----- unterer Bereich ---- */
#unten {
    position:           relative;
	clear:				both;
	min-height:			286px;	
	background-image:	url(../images/hg-unten.gif);
	background-repeat:	repeat-y;
	width:				990px; /* notwendig fuer IE 6 */
	padding-bottom:		35px;
	z-index:			10;
}
#unten:after  {
	clear:                both;
	content:            ".";
	display:            block;
	height:             0;
	line-height:        0;
	padding:            0;
	visibility:         hidden;
}
.unten-links {
	float:				left;
	width:				254px;
	border-right:		1px solid #fff;
	position:			relative;
}
.unten-links .currentnavi {
	position:			absolute;
	z-index:			4000;
}
.unten-links .currentnavi ul {
	margin-left:		0px;
	padding:			28px 0 0 56px;
   /*position:			absolute;
	z-index:			4000;    */
}
.unten-links .currentnavi ul li {
    list-style-type:        square;
    list-style-position:    outside;
    padding-bottom:         4px;
}


.unten-rechts {
	float:				left;
	width:				664px;
	padding:			28px 28px 0px 28px;
	min-height:			150px;
	margin-left:		255px;
	/*text-align:			justify; */
}
.unten-rechts h1 {
	color:				#1E3552;
	font-size:			13px;
	font-weight:		bold;
	padding-bottom:		20px;
}
.unten-rechts .newsbild {
	float:				right;
	padding:			0 0 10px 28px;
	/*width:				318px;*/
	font-size:			10px;
	color:				#1E3552;
}
.unten-rechts .newsbild img {
	/*width:				318px;*/
	padding-bottom:		6px;
}
/* Inhalte rechte box unten aktuell */
#unten .unten-rechts .datum {
	/*position:		absolute;
	right:			41px;
	width:			68px;*/
	display:		none;
}

#unten .unten-rechts  ol  {
   margin-left:          -22px;
}
#unten .unten-rechts  ul  {
  list-style-type:      square;
  list-style-position:  outside;
  margin:               0 0 10px 14px;
}
#unten .unten-rechts ol li,
#unten .unten-rechts ul li {
    padding-bottom:       4px;
}

.box-links-start   {
  	float:				left;
	width:				320px;
	padding:			32px 24px 0 105px;
}


/* Spalten des Inhaltsbereiches */
.box-links {
	float:				left;
	width:				320px;
	padding:			0px 24px 0 0;
	/*text-align:			justify;  */
}
.box-rechts {
	float:				left;
	width:				320px;
	padding:			0px 0 0 0;
	/*text-align:			justify;  */
}
.box-schmal {
	float:				left;
	width:				145px;
	padding:			0px 24px 0 0;
}
.box-breit {
	float:				left;
	width:				495px;
	padding:			0px 0 0 0;
	/*text-align:			justify;  */
}
/* Inhalte linke box */

.animation {
	display:none;
	width:				290px;/*294px;*/
	height:				150px;
	 /*margin-left:		19px; wenn innen */
	padding:			28px 0;
	position:			absolute;
	margin-left:		-8px;
	z-index:			400;/**/
}
.adresse {
	padding:			0px 54px;
	bottom: 			35px;
	color:				#40608A;
	display:			block;
	position:			absolute;
	z-index:			500;
	width:				145px;
}
.mail {
	font-size:			11px;
	padding:			0px 34px;
	bottom: 			-18px;
	color:				#40608A;
	display:			block;
	position:			absolute;
	z-index:			500;
	width:				190px;
}
.mail a:link,
.mail a:visited {
	color:				#40608A;
}
.mail a:hover,
.mail a:active {
	color:				#1E3552;
}
/* Adminnavigation */
#fuss {
	clear:				both;
	margin-left:		253px;
	height:				28px;
	padding:			2px 28px 0px 28px;  
	background-color:	#385D8C;
	color:				#FFF;
	background-image:	url(../images/adminnavi-hg.gif);
	background-repeat:	repeat-x;
}
#print-fuss {
    display:    none;
}
ul.adminnavi {
	list-style-type: 	none;
	list-style-position: outside;
	list-style-image: 	none;
}

ul.adminnavi li {
	float:				left;
	padding:			2px 32px 8px 0px;
	color:				#fff;
}
ul.adminnavi li a {	
	list-style-type: 	none;
	list-style-image:	none;
}
ul.adminnavi li a:link,
ul.adminnavi li a:visited { 
	color:				#FFF;		
	border-bottom:		3px solid #FFF;
	padding-bottom:		7px;
}

ul.adminnavi li a:hover,
ul.adminnavi li a:active,
ul.adminnavi li a.current,
ul.adminnavi li a.current:visited { 
	color:				#C0CDDA;
	border-bottom:		3px solid #375C8B;
	padding-bottom:		7px;
}

/* ausnahemen */
img.img-startseite {
  position:absolute;
  right:26px;
  bottom:0px;
}






/* Inhalte rechte box oben */
.datum {
	display:			none;
	/*width:				86px;
	float:				left;*/
}

.news {
	margin-left:		0;
	
}
.newsblock .news a {
	background-image:	url(../images/aktuell-pfeil.gif);
	background-position: 0 6px;
	background-repeat:	no-repeat;
	padding-left:		12px;
}
.newsblock .current a {
	background-image:	url(../images/aktuell-pfeil-current.gif);
	background-position: 0 6px;
	background-repeat:	no-repeat;
	padding-left:		12px;
}

#oben .current {
	font-weight:		bold;
}
.newsblock {
	clear:				left;
	padding-bottom:		5px;
}