/* ---------------------------------------------------------------
   Allgemeine Einstellungen
   --------------------------------------------------------------- */

.crearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Hides from IE-max \*/
* html .clearfix { height:1%; }
/* End Hide from IE-mac */

body {
	font-size:13px;
	margin-top:4px;
	margin-left:3px;
	font-family: Verdana, Tahoma, sans-serif;
	background:#ffffff;
	color:black;
}

h1 {
	font-size:17px;
	font-weight:normal;
	margin:5px 0px 10px 0px;
	color:#666666;
}

.space{
    margin-top: 50px;
}

h2 {
	font-size:16px;
	font-weight:normal;
	margin:10px 0px 10px 0px;
	color:#666666;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#000000;
}

li {
	color:black;
	padding-bottom:5px;
}

nav ul{list-style:none;}

ul {list-style: url(../img/punkt.gif); padding-left: 20px; line-height: 20px;}


.main {
	margin:auto;
	width:880px;
	text-align:left;
	border:2px solid #666666;
	background:#D9DADC;
    overflow:hidden;
}

/* ---------------------------------------------------------------
   Der Kopf-Bereich:
   --------------------------------------------------------------- */

.bereich_kopf {
	/*margin-top:18px;*/
	text-align:left;
	width:880px;
	/*height:185px;*/
	height:160px;
	border-bottom:20px solid #666666;
	background:#ffffff;
}

.bereich_kopf_links {
	padding-right:5px;
	float:left;
	width:190px;
	height:160px;
	background-image:url(../img/jk_dom.gif);
	background-repeat:no-repeat;
         background-position:right;
}

.bereich_kopf_rechts {
	padding-left:5px;
	float:right;
	width:209px;
	height:160px;
	background-image:url(../img/jk_foto_home.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

.bereich_kopf_mitte {

         border:0px;
	height:160px;
         position:relative;
         top:40px;
         left:35px;
         align:left;
         width:auto;
}

.bereich_oben {
 	background:#666666;
	color:white;
 	font-size:12px;
 	padding-top:5px;
 	padding-bottom:5px;
 	text-align:left;
	width:880px;
	height:10px;
}

.bereich_oben a {
	color:white;
}

.bereich_oben a:hover {
	color:red;
}

.bereich_oben_links {
	padding-right:5px;
	float:left;
	width:154px;
}

.bereich_oben_mitte {
	padding-left:159px;
	padding-right:214px;
}

.bereich_oben_rechts {
	padding-left:5px;
	float:right;
	width:209px;
}

/* ---------------------------------------------------------------
   Die Bereiche, in denen der Inhalt liegt:
   --------------------------------------------------------------- */

.bereich_mitte {
	text-align:left;
	width:880px;
	/*height:340px;*/
	height:380px;
	background:#D9DADC;
}

.bereich_mitte_links {
	padding-right:5px;
	float:left;
	width:190px;
	height:380px;
	background:#ff9900;
}

.bereich_mitte_rechts {
padding-left:5px;
	padding-right:5px;
	float:right;
width:30px;
         height:380px;
	background-image:url(../img/jk_logo.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.bereich_mitte_mitte {
	padding-left:30px;
	padding-right:20px;
	height:380px;
	overflow:auto;
}

/* ---------------------------------------------------------------
   Der Fuss-Bereich:
   --------------------------------------------------------------- */

.bereich_fuss {
	/*border-top:1px solid #00044b;
	padding-top:5px;*/
	width:880px;
	color:white;
	/*clear:both;*/
	height:0px;
	/*height:12px;*/
	/*background:#666666;*/

}

.bereich_fuss_rechts {
	float:right;
         padding-right:20px;
	position:relative;
	top:-55px;
	padding-right:20px;
	height:0px;
}

.bereich_fuss_links {
	float:left;
}

.bereich_fuss_mitte {
}

/* ---------------------------------------------------------------
   Die allgemeinen einstellungen eines Inhaltselementes
   --------------------------------------------------------------- */

.content {
    height: 370px;
    overflow:auto;
	padding-left:20px;
	padding-top:6px;
	padding-right:30px;
    font-size:13px;
    
}

.content_element {
    
}

.content a {
	color:black;
	text-decoration:underline;
}

.content h1 a {
	color:black;
}

.content a:hover {
	color:#ff9900;
	text-decoration:none;
}

/* ---------------------------------------------------------------
   Das vertikale Menü:
   --------------------------------------------------------------- */

nav ul li {
	color:white;
	margin-left:0px;
	background:#ff9900;
    font-size:14px;
}

nav ul li a {
	color:white;
	text-decoration:none;
}

nav ul li a:active {
	color:white;
	font-weight:bold;
}

nav ul li a:hover {
	color:white;
	font-weight:bold;
}

/* Hervorhebung der aktuellen Seite, die letzte Stell ohne Koma! */
#home #navhome a, #Leistungen #navLeistungen a, #Arbeit #navArbeit a, #Profil #navProfil a, #Koop #navKoop a, #Kontakt #navKontakt a, #Daten #navDaten a, #Imp #navImp a, #Datenschutz #navDatenschutz a, #Imp #navImp a
{background-image: url(../img/pfeil.gif); background-repeat:no-repeat; background-position: 0px 5px; padding-left: 15px}

/* Submenue */
#Beratung #navBeratung a, #Supervision #navSupervision a, #Psychotherapie #navPsychotherapie a, #Veröffentlichungen #navVeröffentlichungen a, #Referenzen #navReferenzen a
{background-image: url(../img/pfeil.gif); background-repeat:no-repeat; background-position: 0px 5px; font-size: 13px; padding-left: 15px}

.submenu {font-size: 13px; padding-left: 15px;}