/*  ======================================================

CSS : Stylesheet für www.humanitas.de 
Erstellt von mediaclou gmbh 
Agentur für Werbung und Medienintegration
Mai 2009

========================================================== */

/* ------------------------------------
   Allgemeine Styles
   ------------------------------------ */
/* Allgemeine Klassen und IDs */
.versteckmich { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}


/* ------------------------------------
   Styles für die Container
   ------------------------------------ */
   
#wrapper {
   width: 1000px;
   height: 100%;
   /* background-color: #fff; raus wg. neuem Hintergrund */
   margin: 0 auto;
   }
   
#navi_hintergrund {
	background-color: #009C96;
	}
#navigationsspalte {
	/*width: 22%;*/
	width: 16em;
	float: left;
	color: #fff;
	/* background: #fff url(/fileadmin/grafik/verlauf_links.png) 0 220px repeat-x ; raus wg. neuem Hintergrund! 
	min-height: 600px;*/
	position: relative;
	} 	

#navigationsspalte img {
	/*margin: 10px auto 70px 50px;*/
	}

#navigationsspalte #logo {
	margin: 0;
	padding: 10px 20px;
	background-color: #fff;
	}
	
#navigationsspalte #logo a {
	text-decoration: none;
	}	
	
* html #navigationsspalte {
	width: 16em;
	float: left;
	height: auto;
		}

* html #inhalt {
	width: 77.8%;
	/* width: auto;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0.8em;
	float: right;
	height: 600px;
	}
		
		
#service {
	position: absolute;
	top: 430px;
	bottom: 0;
	left: 20px;
	width: 14em;
}

#service h2 {
	color: #fff;
	margin: 0;
	padding: 0;
}	

#service p {
    	color: #fff;
	margin: 0 0 30px 0;
	font-size: 0.8em;
}
#links {
	margin: 0 0 30px 0;
	color: #fff;
}
#service  #links a {
	color: #fff;
	font-weight: normal;
	padding: 0;
}
#infos {
}
#inhalt {
	/*width: 77%;*/
	width: auto;
	margin: 0 0 0 16em;
	padding: 0 0 0 12px;
	background-color: #fff;
     /*background: #fff url(/fileadmin/grafik/logo_hintergrund.png) no-repeat 300px 300px fixed;*/
}	

#humanitas_hintergrund {
	position: absolute;
	top: 450px;
	left: 400px;
	/*background: #fff url(../rathaus_100px.jpg) no-repeat left bottom;*/
}	

#wrapper_inhalt {
	width: 100%;
	padding: 40px 0 10px 0; /*Abstand zur Navigation und zur linken Spalte*/
	margin: 0 0 10px 0;
	min-height: 500px; 
	background: #fff url(/fileadmin/grafik/logo_hintergrund.png) no-repeat left 270px;  

}	

#wrapper_inhalt_ganzeseite {
	width: 100%;
	padding: 40px 0 0 0; /*Abstand zur Navigation und zur linken Spalte*/
	margin: 0 0 0 0;
	background: #fff url(/fileadmin/grafik/logo_hintergrund.png) no-repeat left 270px; 
}	

* html #wrapper_inhalt {
	height: 500px; 
	}
	
#text_schmal {
	float: left;
	width: 23em /*300px*/;
	padding: 0; /*linker Abstand zur Navispalte */
	}

* html #text_schmal {
	width: 22em;
	}	
	
#text_breit {
	float: left;
	width: 39em /*300px*/;
	padding: 0; /*linker Abstand zur Navispalte */
	}

* html #text_breit {
	width: 38em; /*300px*/
	}	

#text_ganzeseite {
	width: 98%;
	}

/* ****** Rechte Spalte ******************** */			
#bild {
	/*height: 300px;*/
	/* background: #fff url(/fileadmin/grafik/bild_startseite.jpg) no-repeat left top;
	margin: 0 0 0 23.5em;*/
	float: right; 
	margin: 1.8em 0 0 0;
	/*margin: 0;*/
	}	

*+ html #bild {
	padding: 0 0 0 0;
	}	

#bild img { 
	margin: 0 0 4em 0;
	}

#bild p { 
	margin: -4em 0 0 0;
	font-size: 0.8em;
	}		


/* ******** Bildcontainer *********** */

/* galt für Bild rechts und ganzer Text 
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	clear: none;
	} */
	
div.csc-textpic-right {
	float: right;
	}	
div.csc-textpic-left {
	float: left;
	}

div.csc-textpic-center {
        text-align: left; 
        }
div.csc-textpic-center img {
        text-align: center; 
        }
div.csc-textpic img {
	margin: 2.5em 0 0 -22px;
	}
div#text_breit div.csc-textpic img, div#text_schmal div.csc-textpic img {	
	margin: 1em 0 0 0;
	}

div#text_ganzeseite div.csc-textpic-left img {	
	margin: 1.5em 0 0 -0.95em;
	}	
div.csc-textpic-intext-left {
	clear: both;
	}		
div.csc-textpic-intext-left img {
	float: left;
	margin: 0;
	}	
	
div.csc-textpic-intext-left h3{
	float: left;
	margin: 2em 0 0 2em;
	}		
/* ------------------------------------
   Ansprechpartner
   ------------------------------------ */

#ansprechpartner {
	margin-top: 0;
}
#ansprechpartner div {
	width: 165px;
	float: left;
	margin: 0 1.5em 0 0;
	}
	
#ansprechpartner #spalte4 {
	width: 192px;
	height: 504px;
	float: right;
	background: #fff url(/fileadmin/grafik/Mitarbeiter_Rahmen_180px.jpg) no-repeat left;  
	margin: 1em 0 0 0;
	}	
	
#ansprechpartner #spalte4 .portrait {	
	margin: 1em 18px;
	width: 180px; /* Breite 180px weil der Kasten 180px ist (Rest Schatten!) */
	float: none;
	}	
	
#ansprechpartner #spalte4 .hide {
	display: none;
	}

#ansprechpartner #spalte4 .portrait img.logo {
   	margin: 0.5em 0; 
}

#ansprechpartner #spalte4 h3 {
	font-size: 1.1em;
	margin: 0; 
	padding: 0.5em 0;
	font-weight: bold;
	} 
	
#ansprechpartner h3 {
	font-size: 1.1em;
	margin: 0; 
	padding: 1em 0;
	font-weight: bold;
	} 
	
#ansprechpartner h4 {
	font-size: 0.85em;
	margin: 0; 
	padding: 0 0 1em 0;
	font-weight: bold;
	} 	

#ansprechpartner p {
	font-size: 0.8em;
	width: 165px;
	text-align: left;
	} 

#ansprechpartner b {
	padding: 0;
	line-height: 110%;
	text-align: left;
	}	
	
#ansprechpartner a {
	width: 165px;
	color: #333; 
	text-decoration: none;
	padding: 0;
	}
	
#ansprechpartner span {
    display: block;
    width: 165px;
    color: #333; 
    text-decoration: none;
    padding: 0;
    } 
	
#ansprechpartner div.text {
	/*height: 60px;*/
	margin: 0 0 0 0;	
	padding: 0 0 0 0;
	width: 165px;
	}

	
#ansprechpartner div.text p { 
	margin: 9px 0 0 0;
	width: 165px;
	/*background-color: #009C96;*/
}

#ansprechpartner div.text span {
    display: block;
    width: 165px;
    padding: 0 0 8px 0;
    margin: -2px 0 0 0;
}
	
	
#ansprechpartner div.box {
	/*height: 60px;*/
	background: url(../grafik/gruener_kasten_oben_165px.jpg) no-repeat top;
	margin: 0 5px 0 -5px;
	padding: 0 0 0 0;
	width: 165px;
	}
		
#ansprechpartner div.box p {
	background: #009C96 url(../grafik/gruener_kasten_unten_165px.jpg) no-repeat bottom; 
	margin: 9px 0 0 0;
	width: 165px;
}

#ansprechpartner div.box b {
	color: #fff;
	/*line-height: 110%;*/
	}
	
#ansprechpartner div.box a {
	width: 140px;
	color: #fff;
	padding: 0 0 8px 5px;
	margin: -2px 0 0 0;
}

#ansprechpartner div.box span {
    display: block;
    width: 165px;
    color: #fff;
    padding: 0 0 8px 5px;
    margin: -2px 0 0 0;
}

	
/* ------------------------------------
   SUCHE
   ------------------------------------ */
   
div.tx-macinasearchbox-pi1 {
	width: 14em;
	}
	
div.tx-macinasearchbox-pi1 input.suchen {
	border: none;
	background: none;
	color: #fff;
	text-decoration: underline;
	margin: 0 0 1em -0.2em;
	padding: 0;
	}	

*+ html div.tx-macinasearchbox-pi1 input.suchen {
 	margin: 0 0 1em -0.5em;
 	}	

.tx-indexedsearch input, div.tx-indexedsearch select {
	margin: 0.3em 0;
	} 
.tx-indexedsearch .tx-indexedsearch-noresults {
	font-weight:bold;
	text-align:left;
	}
#wrapper_inhalt .tx-indexedsearch-browsebox li {
	display:inline;
	margin: 0 0.3em 0 0;
	}
/* ------------------------------------
   LISTEN
   ------------------------------------ */

#wrapper_inhalt ul {
        margin: 1em 0;
        }
        
#wrapper_inhalt li {
	background: url(/fileadmin/grafik/aufzaehlung.jpg) left 0.55em no-repeat;
	list-style-type: none;
	padding: 0 0 0.2em 1em;
	margin: 0;
	line-height: 140%;
	}

#wrapper_inhalt ol li {
    background: none;	
    list-style-type: decimal;
    line-height: 140%;
    margin: 0 0 0 0;
    padding: 0.5em 0;
    }

#wrapper_inhalt ul.csc-menu { 
    /* clear: both;*/ 
    }  
         
#wrapper_inhalt li.csc-section {  
    /*background: none; 
    float: left;*/
    margin: 0;
    padding: 0 1em 0.5em 1em /*0*/;
    }  
#wrapper_inhalt li.csc-section a {     
    display: inline;
    white-space: nowrap;
        }

/* ------------------------------------
   Kontaktformular
   ------------------------------------ */
   
#kontaktfomular div {
	padding: 1em 0;
}

#kontaktfomular label { float:left; width: 8em; }
#kontaktfomular input { float:left; width: 17.3em;}
#kontaktfomular b { margin: 0.5em 0 0 0; }
#kontaktfomular #niederlassung p { line-height: 100%; padding: 0.5em 0; }
#kontaktfomular #niederlassung input { float:left; width: 2em; }
#kontaktfomular textarea { width: 25.7em; height: 15em;}

/* ------------------------------------
   Sonstige Styles 
   ------------------------------------ */

    
/* Breadcrumbs */
#brotkrumen {
	margin: 0 0 1em 0;
}

/* ======================================= 
   E N D E  styles.css 
   ======================================= */