* { margin: 0; padding: 0;}

body { background: #FFF url(../images/hg.gif) center top repeat; margin: 0px; padding: 0px; min-height: 100%; height: 80%;overflow:scroll;}

#pagecontainer { background: #FFF; margin: 0px auto 0px; text-align: left;  width: 960px; padding: 0;}

* {font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; font-size:12px; color: #64696e;  }

#content_gesamt, header, nav, #header_bild, #content { display: inline; float:left; margin: 0; padding: 0;}

#content_gesamt { width: 936px; background:#FFF; padding: 12px 12px 40px 12px}

header {background: #9CA0A4; width: 936px; height: 100px}

header img {margin: 63px 0 0 503px}

nav {background: #e9e9e9; width:936px; height: 22px; overflow: hidden;}

#header_bild {width:936px; height:177px}

/* Startseite */
#content_spalte01, #content_spalte02, #content_spalte03, #content_spalte04, #content_spalte05, #content_spalte_grau, #content_spalte_sonstiges { display: inline; float:left; margin: 0; padding: 0;}

#content_spalte01 {background: #e8e8e8; width:366px; height:177px;}
	
#content_spalte02 {background: #9b9b5b url(../images/pfeil_spalte2.gif) left top no-repeat; width:190px; height:177px;}
			
#content_spalte03 {background: #a45550 url(../images/pfeil_spalte3.gif) left top no-repeat; width:190px; height:177px}
			
#content_spalte04 {background: #63788b url(../images/pfeil_spalte4.gif) left top no-repeat; width:190px; height:177px}

#content_spalte05 {background: #283c5f url(../images/pfeil_spalte5.gif) left top no-repeat; width:190px; height:177px}

/* Content Middle */
#content_spalte01_bottom, #content_spalte02_bottom, #content_spalte03_bottom, #content_spalte04_bottom { display: inline; float:left; margin: 0; padding: 0;}

#content_spalte01_bottom {background: #FFF; width:366px; height:145px;}
			
#content_spalte02_bottom {background: #FFF; width:190px; }
			
#content_spalte03_bottom {background: #FFF; width:190px; }
			
#content_spalte04_bottom {background: #FFF; width:190px; }

		
#content_spalte01 p.bodytext {margin: 20px 10px 20px 20px; line-height: 160%}
			
#content_spalte02 a, #content_spalte03 a, #content_spalte04 a, #content_spalte05 a {display: inline; float:left; margin: 120px 0 0 20px; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; font-size:17px; color: #FFF; text-decoration:none; font-weight:bold}

/* Content Footer */
#content_footer_content, #content_footer_nav, #content_footer_uns_an, #content_footer_uns_an_eng, #sprache, #unter_nav { display: inline; float:left; margin: 0; padding: 0;}

#content_footer_content {width:936px; background: #FFF}

#content_footer_nav {width:366px; height: 45px; background: #FFF}

#content_footer_uns_an {width:570px; height: 35px; margin-top:20px; padding-top: 10px; background: #e7e8ea}

#content_footer_uns_an_eng {width:570px; height: 35px; margin-top:20px; padding-top: 10px; background: #e7e8ea}

#sprache {margin: 50px 20px 0 20px; width:60px; background:transparent;}

#unter_nav {margin: 50px 0 0 0px; color:#9c9fa4; background:transparent}

#unter_nav a {font-family: Arial, Helvetica, sans-serif; color:#9ca0a4; text-decoration: none; font-size: 12px; font-weight:normal; }

#content_footer_uns_an a {margin: 0px 0 0 370px; font-family: Arial, Helvetica, sans-serif; color:#9ca0a4; text-decoration: none; font-size: 18px; font-weight:bold;}

#content_footer_uns_an_eng a {margin: 0px 0 0 300px; font-family: Arial, Helvetica, sans-serif; color:#9ca0a4; text-decoration: none; font-size: 18px; font-weight:bold;}

/* Footer */
#content_footer, #footer_navigation, #footer_spalte_01, #footer_spalte_02, #footer_spalte_03, #footer_spalte_04 {display: inline; float:left; margin: 0; padding: 0;}

#content_footer  {background: #e7e8ea; padding: 0 0 30px 0; width: 958px;  margin-bottom: 30px; border: 1px solid #FFF; }
	
/* Footer Spalte 1 */
#footer_spalte_01 {background: transparent; width: 240px; }
	
#footer_spalte_02 {background: transparent; width: 240px; }

#footer_spalte_03 {background: transparent; width: 200px; }
	
#footer_spalte_01 ul.ohne_footer { margin: 20px 0 0 30px; padding: 0px 0 0 0px; list-style-type: none; text-align: left; }
	
#footer_spalte_02 ul.ohne_footer { margin: 20px 0 0 0px; padding: 0px 0 0 0px; list-style-type: none; text-align: left; }

#footer_spalte_03 ul.ohne_footer { margin: 20px 0 0 0px; padding: 0px 0 0 0px; list-style-type: none; text-align: left; }

.ohne_footer li a, .ohne_footer_ohne a  { text-align: left; font-family: Arial, Helvetica, sans-serif; color:#c2c7cc; text-decoration: none; font-size: 11px; font-weight:bold; }
	
#footer_spalte_02 ul.ohne_footer_ohne { margin: 0px 0 0 0px; padding: 0px 0 0 0px; list-style-type: none; text-align: left; }
	
ul.square_footer { margin: 5px 0 0 0px; padding: 0px 0 0 0px; list-style-type: none; text-align: left; }

.square_footer li {  margin-bottom: 5px; }

.square_footer li a  { background: transparent url(../images/listen_punkt_footer.png) left top no-repeat; padding-left: 10px;  text-align: left; 
		font-family: Arial, Helvetica, sans-serif; color:#c2c7cc; text-decoration: none; font-size: 11px; font-weight:normal; }

#footer_spalte_04 {background: transparent; width: 250px; margin: 15px 0 0 0px;}

#footer_spalte_04 h1 {font-family: Arial, Helvetica, sans-serif; color:#9ca0a4; text-decoration: none; font-size: 11px; font-weight:bold; margin:5px 0 5px 0}

#footer_spalte_04 p.bodytext {font-family: Arial, Helvetica, sans-serif; color:#9ca0a4; text-decoration: none; font-size: 11px; font-weight:normal;}
/*
#footer_spalte_04 p.bodytext {font-family: Arial, Helvetica, sans-serif; color:#c2c7cc; text-decoration: none; font-size: 11px; font-weight:normal;}
*/

/* Master */
#content_left, #content_right, #content_left_navigation {display: inline; float:left; margin: 0; padding: 0;}
			
#content_left {background: transparent; width: 366px;}
			
#content_right {background: transparent; width: 550px; }	
			
#content_spalte_grau {background: #e7e8ea url(../images/pfeil_spalte_grau.gif) right top no-repeat; width:176px; height:177px}	
			
#content_spalte_sonstiges {width:176px; height:177px}				
			
#content_left_navigation {background: #FFF; width:366px; }	

#content_right { background: #FFF; padding: 15px 0px 10px 20px}

#content_right p.bodytext { line-height: 160%}

/* Formatierungen */			
h1{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight:bold; margin: 0 0 25px 0; }

h2{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color:#000; font-weight:bold; margin: 0; padding:0 }
            
p.bodytext span {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin-left: 10px; vertical-align:top}

p.bodytext {color: #000; margin:0; padding:0}

p.bodytext-impressum {color: #000; margin: 30px 30px 0 20px; padding:0}

p.bodytext-kontakt {margin: 20px}

#content h1 {margin-left: 0px}
			
#content p.bodytext-impressum { line-height: 160%}

h1.impressum {padding-left:20px;}

p.bodytext b {color: #000}

ul.square {margin: 15px 0 0 20px; padding: 0px 0 0 0px; list-style-type: none; text-align: left; }
/*
.square li {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; color:#9999; text-decoration: none; font-size: 12px; font-weight:normal; margin-bottom: 5px; }

.square li a {background: transparent url(../images/listen_punkt_text.png) left top no-repeat; padding-left: 10px;  text-align: left; 
		font-family: Arial, Helvetica, sans-serif; color:#64696e; text-decoration: none; font-size: 12px; font-weight:bold; }
*/
ul.square-text-ohne {margin: 15px 0 0 0; padding:0; list-style-type: none; text-align: left;}
			
.square-text-ohne li { background: transparent; padding-left: 0px; margin-bottom: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-weight:normal; }

.square li a {text-align: left; font-family: Arial, Helvetica, sans-serif; color:#64696e; text-decoration: none; font-size: 12px; font-weight:bold; margin-bottom: 5px; }

.square li  {background: transparent url(../images/listen_punkt_text.png) left top no-repeat; padding-left: 10px;  text-align: left; 
		font-family: Arial, Helvetica, sans-serif; color:#64696e; text-decoration: none; font-size: 12px; font-weight:bold;  margin-bottom: 5px; }

			
ul.square-text {margin: 10px 0 0 0; padding:0; list-style-type: none; text-align: left;}
			
.square-text li { background: transparent url(../images/listen_punkt_text.png) left top no-repeat; padding-left: 10px; margin-bottom: 10px; text-align: left; 
				font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:normal; }

ul.square-text-bild {float:left; display:inline; margin: 0px 0 30px 0; padding:0; width: 270px; list-style-type: none; text-align: left;}
			
.square-text-bild li { background: transparent url(../images/listen_punkt_text.png) left top no-repeat; padding-left: 10px; margin-bottom: 10px; text-align: left; 
				font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:normal; }

ol.decimal {margin: 10px 0 0 20px; padding:0; text-align: left; width: 300px}

ol.decimal li {color:#000; margin: 0 0 10px; 0}

strong { font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:bold; }

#planungsprozess, span.left, span.right {display: inline; float:left; margin: 0; padding: 0;}
				
span.left {background: transparent; width:170px; height:20px; color: #000}
				 
span.right img {display: inline; float: left} 
				 
span.right {background: transparent; width: 300px; height:20px; color: #000}

/* Navigation */
#navlist {list-style: none; padding: 0; margin: 4px 0 0 15px;}

#navlist li { display: inline; padding: 0; margin: 0; }

#navlist li a {text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #64696e; text-decoration:none; font-weight: bold; padding: 0 7px 0 7px }

#navlist li a:hover {background: transparent; color: #64696e; }

a:visited#current {color: #000;}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/

* html #navlist li { border-left: 1px solid #64696e; padding: 0 1.0em 0 1.0em; margin: 0 1.0em 0 -1.0em; }

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li { display: block; float: left; }

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

/* Für druck aus kommentieren*/

#druck, #druck-fahlbusch {display: none}

/* Kontaktformular */

#kontakt { float: left; display: inline; margin-left: 20px; margin-top: 10px; color: #063377; width:500px; height:220px; text-decoration: none; padding: 0px;}

#kontakt span { float: left; display: inline; margin: 10px 10px 0px 0px; width: 90px; height: 10px; color: #242424; }

input { margin: 5px 0px 0px 0px; border: 0px solid gray; background-color: #e8e8e8; width: 350px; border: 1px solid gray;} 

input.plz {	width: 50px;}

input.ort { width: 295px; margin-left:4px;}

#buttonLeft { width: 165px; margin: 10px 0px 0px 100px;}
	
#buttonRight { width: 165px; margin: 10px 0px 0px 18px;}	
	
textarea { margin: 10px 0px 0px 0px; background-color: #e8e8e8; border: 1px solid gray; width: 350px }

#kontakt h1 {margin:10px 0 0 0;}
		
.bodytext-kontakt span { line-height: 150%; color: #000}
		
.bodytext-kontakt b { line-height: 220%; color: #000}
		
span.oben, span.unten {float: left; display:inline; margin:0; padding:0}
		
span.oben {margin-bottom: 10px;}


/* Content-Right-right */
#content_right_spalte_01, #content_right_spalte_02 { display: inline; float:left; margin: 0; padding: 0;}
			
#content_right_spalte_01 {background: #FFF; width:370px; padding-right:10px; line-height: 160%}
			
#content_right_spalte_02 {width:170px; float:right; margin-top: 80px} 
			
#content_right_spalte_02 img {margin-bottom:30px}
			
#content_right_spalte_01 ul.square-text-ohne  {margin-top:0}

/* Grundsätze */
#mediator, #medianten, #beteiligten { display: inline; float:left; margin: 0 0 15px 0; padding: 0;}
				
#mediator, #medianten, #beteiligten { background: #e7e8e9; width:525px; }
				
#mediator h1 {color: #FFF; font-weight:bold; font-size:14px; background:#9ca0a4; padding: 3px 0 3px 5px; margin: 0}
				
#medianten h1 {color: #FFF; font-weight:bold; font-size:14px; background:#648cbe; padding: 3px 0 3px 5px; margin: 0}
				
#beteiligten h1 {color: #FFF; font-weight:bold; font-size:14px; background:#64788c; padding: 3px 0 3px 5px; margin: 0}
				
ul.square-text-schwarz {margin: 10px 0 0 5px; padding:0; list-style-type: none; text-align: left;}
			
.square-text-schwarz li { background: transparent url(../images/listen_punkt_text_schwarz.png) left top no-repeat; padding-left: 10px; margin-bottom: 10px; text-align: left; 
				font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:normal; }

ul.square-text-grau {margin: 10px 0 0 5px; padding:0; list-style-type: none; text-align: left;}
			
.square-text-grau li { background: transparent url(../images/listen_punkt_text_grau.png) left top no-repeat; padding-left: 10px; margin-bottom: 10px; text-align: left; 
				font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:normal; }


/* Grundsätze */
#international { display: inline; float:left; margin: 0 0 15px 0; padding: 0;}
				
#international { background: #e7e8e9; width:525px; }
				
#international h1 {color: #FFF; font-weight:bold; font-size:14px; background:#9ca0a4; padding: 3px 0 3px 5px; margin: 0}

ul.square-text-schwarz-01, ul.square-text-schwarz-02, ul.square-text-schwarz-03 { display: inline; float:left; margin: 0 0 0px 0; padding: 0;}
				
ul.square-text-schwarz-01, ul.square-text-schwarz-02, ul.square-text-schwarz-03 {margin: 10px 0 0 5px; padding:0; list-style-type: none; text-align: left; width:170px}
			
.square-text-schwarz-01 li, .square-text-schwarz-02 li, .square-text-schwarz-03 li { background: transparent url(../images/listen_punkt_text_schwarz.png) left top no-repeat; padding-left: 10px; margin-bottom: 10px; text-align: left; 
				font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:normal; }

/*Kompetenzen*/
#branchen, #vereine, #qualifikation { display: inline; float:left; margin: 0 0 15px 0; padding: 0;}
				
#branchen, #vereine, #qualifikation { background: #e7e8e9; width:525px; }
				
#branchen h1 {color: #FFF; font-weight:bold; font-size:14px; background:#1e789b; padding: 3px 0 3px 5px; margin: 0}

#vereine h1 {color: #FFF; font-weight:bold; font-size:14px; background:#145a96; padding: 3px 0 3px 5px; margin: 0}

#qualifikation h1 {color: #FFF; font-weight:bold; font-size:14px; background:#283c5f; padding: 3px 0 3px 5px; margin: 0}
				
ul.square-text-schwarz {margin: 10px 0 0 5px; padding:0; list-style-type: none; text-align: left;}
			
.square-text-schwarz li { background: transparent url(../images/listen_punkt_text_schwarz.png) left top no-repeat; padding-left: 10px; margin-bottom: 10px; text-align: left; 
				font-family: Arial, Helvetica, sans-serif; color:#000; text-decoration: none; font-size: 12px; font-weight:normal; }


/*Vorgehensweise */
#vorgehensmodell { display: inline; float:left; margin: 0 3px 0 0; padding: 0;}
			   
#vorgehensmodell { background: #e7e8e9; width:88px; height: 140px}
			   
#vorgehensmodell h1 { background:#64788c url(../images/pfeil_vorgehensweise.png) center top repeat; color:#FFF; font-size:12px; padding: 5px 0 5px 10px; margin:0}
			   
#vorgehensmodell h1.ohne { background:#64788c; color:#FFF; font-size:12px; padding: 5px 0 5px 10px; margin:0}

#vorgehensmodell p.bodytext {color:#000; padding: 5px 0 5px 5px; font-size:12px;}
             

img {border:0}

.img-grafik {float: left; display:inline; margin:0 0 10px 0; padding:0}