﻿/* CSS Document Beate Aufderstroth */

body, html {
	color:				#1E3552;
	font-family:	    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:		    18px;
}
* html body {
    font-size:		    13px;
}


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:			18px;
	font-weight:		bold;
	padding-bottom:		28px;
}

h2 {
	color:	            #1E3552;
	font-size:		    16px;
	font-weight:		bold;
	padding-bottom:		20px;
}
h3 {
	color:	            #1E3552;
	font-size:		    15px;
	font-weight:		bold;
    padding-bottom:		8px;
}
h5 {
	color:	            #1E3552;
	font-size:		    14px;
	font-weight:		normal;
}
.clear {
  clear:                both;
}


#alles {
	width:			    990px;
}

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


#logo {
	float:		left;
	z-index:	20;
	position:	absolute;
	top:		0px;
    left:       -30px;
	width:		254px;
    /*width:      150px;*/
}

* html #logo { width:       200px;     }
* html #logo img { width:      200px;     }
/* ------------ navigation -------------- */
/*Ebene 1*/
#topnavi{
	display:    none;
}
li.abstandlinie {
	display:    none;
}
/* ---- oberer Bereich ---- */
#content {
	position:	        relative;
    font-family:	    Arial, Helvetica, sans-serif;
    margin-left:		    -35px;
}
#oben {
	min-height:			190px;
	background-color:	#FFF;
    background-image:	none;
    border-bottom:		1px solid #fff;
	width:				1000px;
	z-index:			10;
	overflow:			auto;
	clear:				both;
    letter-spacing:     0.04em;
}
#oben .oben-links {
	display:    none;
}
#oben h1 {
    padding-bottom:       18px;
}


#oben .oben-rechts {
    margin-top:         180px;
    width:				900px;
    margin-top:         180px;
    background-image:	none;
	padding:			32px 40px 28px 40px;
	float:				left;
    height:             130px;
}
#oben .oben-aktuell {
    display:            none;
}
#oben .oben-beratung {
    background-image:	none;
    margin-top:         180px;
	width:				900px;
	padding:			32px 40px 28px 40px;
	float:				left;
    height:             130px;
}
#oben .oben-supervision {
    background-image:	none;
    margin-top:         180px;
	width:				900px;
	padding:			32px 40px 28px 40px;
	float:				left;
    height:             160px;
}
#oben .oben-fortbildung {
    background-image:	none;
    margin-top:         180px;
	width:				900px;
	padding:			32px 40px 28px 40px;
	float:				left;
    height:             160px;
}
#oben .oben-mediation {
	width:				900px;
    margin-top:         180px;
    background-image:	none;
	padding:			32px 40px 28px 40px;
	float:				left;
    height:             220px;
}

#oben .oben-profil {
    margin-top:         180px;
    background-image:	none;
	width:				900px;
	padding:			32px 40px 28px 40px;
	float:				left;
    height:             160px;
}
#oben .oben-profil  ul  {
  list-style-type:      square;
  list-style-position:  outside;
  margin:               0 0 10px 14px;
}

* html #oben .oben-rechts,
* html #oben .oben-aktuell,
* html #oben .oben-supervision,
* html #oben .oben-fortbildung,
* html #oben .oben-mediation,
* html #oben .oben-profil {
    width:				600px;
}


 /* ----- unterer Bereich ---- */
#unten {
    position:           relative;
    background-image:	none;
	clear:				both;
	min-height:			286px;
	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 {
	display:    none;
}
.unten-links .currentnavi {
	display:    none;
}

.unten-rechts {
	float:				left;
	width:				900px;
	padding:			28px 28px 0px 40px;
	min-height:			150px;
	margin-left:		0px;
	font-family:	    Arial, Helvetica, sans-serif;
    letter-spacing:     0.04em;
}
* html .unten-rechts {
    display:            block;
    width:				600px;
}

.unten-rechts h1 {
	color:				#1E3552;
	font-size:			18px;
	font-weight:		bold;
	padding-bottom:		22px;
}

.unten-rechts .newsbild {
	float:				right;
	padding:			0 0 10px 28px;
	/*width:				318px;*/
	font-size:			14px;
	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;
}

#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;
}


/* Spalten des Inhaltsbereiches */
.box-links {
	float:				left;
	width:				420px;
	padding:			0px 24px 0 0;
}
.box-rechts {
	float:				left;
	width:				420px;
	padding:			0px 0 0 0;
	/*text-align:			justify;  */
}
.box-schmal {
	float:				left;
	width:				145px;
	padding:			0px 24px 0 0;
}
.box-breit {
	float:				left;
	width:				595px;
	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 {
	display:			none;
}
.mail {
	display:			none;
}
/* Adminnavigation */
#fuss {
	display:    none;
}
#print-fuss {
    display:    block;
    font-size:  16px;
    position:   absolute;
    left:       200px;
    top:        65px;
    width:      1000px;
    letter-spacing: 0.08em;
    line-height:    20px;
}
* html #print-fuss {
    font-size:  13px;
    left:       150px;
    letter-spacing: 00em;
    font-size:  13px;
}


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

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

/* ausnahemen */
img.img-startseite {
  position: absolute;
  left:     550px;
  top:      55px;
}

