html {
    height:100%;
}
body {	
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
	div#content a:link, div#content a:visited {
		color: #1153A2;
	}
	div#content a:hover {
		font-weight: bold;
	}
	a img {
		border: none;
		padding: 0px;
		margin: 0px;
	}
	hr.spacer {
		border: none;
		padding: 10px;
	}
div#wrap {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 100%;
	background-image: url(images/bg.gif);
	background-repeat:repeat-y;
}
div#insidewrap {
	position: relative;
	top: 0px;
	height: auto;
	width: 100%;
	margin: 0px;
	background-image: url(images/bg.gif);
	background-repeat:repeat-y;
}
div#main { 
	float: right;
	padding: 0px;
	margin: 0px;
	width: 620px;
	height: 100%;
	background-color: #ffffff;
}
	div#startcontent { 
		height: 100%;
		padding: 0px 0px 5px 0px;
		margin: 35px 35px 0px 45px;
	}
		div#startcontent h1 { 
				font-size: larger;
		}
		div#startcontent p {
				line-height: 1.4em;
		}
	div#content { 
		height: 100%;
		padding: 0px 0px 5px 0px;
		margin: 70px 35px 0px 45px;
	}
		div#content h1, h2 { 
				font-size: 1.1em;
		}
		h2 { 
				padding: 10px 0px;
		}
		div#content p {
				line-height: 1.2em;
		}
		img.portrait, img.screen, a.screen, div.screen {
			float: right;
			padding: 0px 0px 15px 15px;
		}
		div#beschreibung {
		}
		div#infokasten {
			margin: 25px 0 15px 0;
			min-height: 180px !important;
			height: auto !important;
			height: 180px;
		}
		div#faktoren, div#infokasten {
			background-color: #E4E2F9;
			color: #0C3D76;
			padding: 10px;
		}
		div#info, div#teilsegment1, div#teilsegment2, div#teilsegment3, div#teilsegment4 {
			width: 270px;
			margin-left: 200px;
		}
		div#info p {
			padding: 10px 0 0 0;
		}
/* NAVIGATION START */	
div#navi{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 100%;
}
	ul#hauptnavi {
		margin: 0 0 0 28px;		
		padding:0;
		width: 152px;
		list-style-type:none;
		text-align: right;
	}
		ul#hauptnavi li{
			display:block;
		}
			li.trennlinieoben { 
				background: transparent url(images/trennung_oben.jpg);
				width: 152px;
				height: 48px;
				padding: 0px;
				margin: 0px;
			}
			li.trennlinieunten { 
				background: transparent url(images/trennung_unten.jpg);
				width: 152px;
				height: 44px;
				padding: 0px;
				margin: 0px;
			}
			li#home {
				background: transparent url(images/menu/bu_home_na.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
			li#homeactive {
				background: transparent url(images/menu/bu_home_a.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
			li#profil {
				background: transparent url(images/menu/bu_profil_na.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
			li#profilactive {
				background: transparent url(images/menu/bu_profil_a.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
				li#philosophie {
					background: transparent url(images/submenu/bu_philosophie_na.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#philosophieactive {
					background: transparent url(images/submenu/bu_philosophie_a.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				/*li#hafer {
					background: transparent url(images/submenu/bu_jhafer_na.jpg);
					width: 152px;
					height: 21px;
					padding: 0px;
					margin: 0px;
				}
				li#haferactive {
					background: transparent url(images/submenu/bu_jhafer_a.jpg);
					width: 152px;
					height: 21px;
					padding: 0px;
					margin: 0px;
				}
				li#wienrich {
					background: transparent url(images/submenu/bu_mwienrich_na.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#wienrichactive {
					background: transparent url(images/submenu/bu_mwienrich_a.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}*/
				li#wir {
					background: transparent url(images/submenu/bu_ueberuns_na.jpg);
					width: 152px;
					height: 21px;
					padding: 0px;
					margin: 0px;
				}
				li#wiractive {
					background: transparent url(images/submenu/bu_ueberuns_a.jpg);
					width: 152px;
					height: 21px;
					padding: 0px;
					margin: 0px;
				}				
			li#leistungen {
				background: transparent url(images/menu/bu_leistungen_na.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
			li#leistungenactive {
				background: transparent url(images/menu/bu_leistungen_a.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}			
				li#beratung {
					background: transparent url(images/submenu/bu_beratung_na.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#beratungactive {
					background: transparent url(images/submenu/bu_beratung_a.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#konzeption {
					background: transparent url(images/submenu/bu_konzeption_na.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#konzeptionactive {
					background: transparent url(images/submenu/bu_konzeption_a.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#projektmanag {
					background: transparent url(images/submenu/bu_projektmanage_na.jpg);
					width: 152px;
					height: 32px;
					padding: 0px;
					margin: 0px;
				}
				li#projektmanagactive {
					background: transparent url(images/submenu/bu_projektmanage_a.jpg);
					width: 152px;
					height: 32px;
					padding: 0px;
					margin: 0px;
				}				
				li#evaluation {
					background: transparent url(images/submenu/bu_evaluation_na.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#evaluationactive {
					background: transparent url(images/submenu/bu_evaluation_a.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}																
			li#projekte {
				background: transparent url(images/menu/bu_projekte_na.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
}
			li#projekteactive {
				background: transparent url(images/menu/bu_projekte_a.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
				li#aktuelleprojekte {
					background: transparent url(images/submenu/bu_aktuelle_na.jpg);
					width: 152px;
					height: 32px;
					padding: 0px;
					margin: 0px;
				}
				li#aktuelleprojekteactive {
					background: transparent url(images/submenu/bu_aktuelle_a.jpg);
					width: 152px;
					height: 32px;
					padding: 0px;
					margin: 0px;
				}
				li#erfahrungen {
					background: transparent url(images/submenu/bu_erfahrungen_na.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}
				li#erfahrungenactive {
					background: transparent url(images/submenu/bu_erfahrungen_a.jpg);
					width: 152px;
					height: 18px;
					padding: 0px;
					margin: 0px;
				}										
			li#netzwerk {
				background: transparent url(images/menu/bu_netzwerk_na.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
			li#netzwerkactive {
				background: transparent url(images/menu/bu_netzwerk_a.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}						
			li#kontakt {
				background: transparent url(images/menu/bu_kontakt_na.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;
			}
			li#kontaktactive {
				background: transparent url(images/menu/bu_kontakt_a.gif);
				width: 152px;
				height: 28px;
				padding: 0px;				
				margin: 0px;;
			}												
				ul#hauptnavi a#homelink, ul#hauptnavi a#profillink, ul#hauptnavi a#leistungenlink, ul#hauptnavi a#projektelink, ul#hauptnavi a#netzwerklink, ul#hauptnavi a#kontaktlink  {
					display: block;
					height: 0;
					padding: 28px 0px 0px 0px;
					color: #000;
					text-decoration: none;
					overflow: hidden;
				}
				/* * html ul#hauptnavi a#homelink, ul#hauptnavi a#profillink, ul#hauptnavi a#leistungenlink, ul#hauptnavi a#projektelink, ul#hauptnavi a#netzwerklink, ul#hauptnavi a#kontaktlink  {
				height:10px; he\ight:0;}*/
				 ul#hauptnavi a#philosophielink, ul#hauptnavi a#wienrichlink, ul#hauptnavi a#beratunglink, ul#hauptnavi a#konzeptionlink , ul#hauptnavi a#evaluationlink, ul#hauptnavi a#erfahrungenlink  {
					display: block;
					height: 0;
					padding: 18px 0px 0px 0px;
					color: #000;
					text-decoration: none;
					overflow: hidden;
				}
				/* * html ul#hauptnavi a#philosophielink, ul#hauptnavi a#wienrichlink, ul#hauptnavi a#beratunglink, ul#hauptnavi a#konzeptionlink , ul#hauptnavi a#evaluationlink, ul#hauptnavi a#erfahrungenlink  {
				height:18px; he\ight:0;}*/
				ul#hauptnavi a#wirlink/*, ul#hauptnavi a#haferlink*/ {
					display: block;
					height: 0;
					padding: 21px 0px 0px 0px;
					color: #000;
					text-decoration: none;
					overflow: hidden;
				}
				/* * html ul#hauptnavi a#haferlink, ul#hauptnavi a#haferlink {
				height:21px; he\ight:0;}*/
				ul#hauptnavi a#aktuelleprojektelink, ul#hauptnavi a#projektmanaglink {
					display: block;
					height: 0;
					padding: 32px 0px 0px 0px;
					color: #000;
					text-decoration: none;
					overflow: hidden;
				}
				/* * html ul#hauptnavi a#aktuelleprojektelink, ul#hauptnavi a#projektmanaglink {
				height:32px; he\ight:0;}*/
				ul#hauptnavi a#homelink {background:transparent url(images/menu/bu_home_a.gif) -152px -10px no-repeat;}
				ul#hauptnavi a#homelink:hover {background-position:top left; z-index:50;}
				ul#hauptnavi a#profillink {background:transparent url(images/menu/bu_profil_a.gif) -152px -10px no-repeat;}
				ul#hauptnavi a#profillink:hover {background-position:top left; z-index:50;}
								ul#hauptnavi a#philosophielink {background:transparent url(images/submenu/bu_philosophie_a.jpg) -152px -18px no-repeat;}
								ul#hauptnavi a#philosophielink:hover {background-position:top left; z-index:50;}
								/*ul#hauptnavi a#haferlink {background:transparent url(images/submenu/bu_jhafer_a.jpg) -152px -21px no-repeat;}
								ul#hauptnavi a#haferlink:hover {background-position:top left; z-index:50;}
								ul#hauptnavi a#wienrichlink {background:transparent url(images/submenu/bu_mwienrich_a.jpg) -152px -18px no-repeat;}
								ul#hauptnavi a#wienrichlink:hover {background-position:top left; z-index:50;}*/
								ul#hauptnavi a#wirlink {background:transparent url(images/submenu/bu_ueberuns_a.jpg) -152px -21px no-repeat;}
								ul#hauptnavi a#wirlink:hover {background-position:top left; z-index:50;}
				ul#hauptnavi a#leistungenlink {background:transparent url(images/menu/bu_leistungen_a.gif) -152px -10px no-repeat;}
				ul#hauptnavi a#leistungenlink:hover {background-position:top left; z-index:50;}
								ul#hauptnavi a#beratunglink {background:transparent url(images/submenu/bu_beratung_a.jpg) -152px -18px no-repeat;}
								ul#hauptnavi a#beratunglink:hover {background-position:top left; z-index:50;}	
								ul#hauptnavi a#konzeptionlink {background:transparent url(images/submenu/bu_konzeption_a.jpg) -152px -18px no-repeat;}
								ul#hauptnavi a#konzeptionlink:hover {background-position:top left; z-index:50;}	
								ul#hauptnavi a#projektmanaglink {background:transparent url(images/submenu/bu_projektmanage_a.jpg) -152px -32px no-repeat;}
								ul#hauptnavi a#projektmanaglink:hover {background-position:top left; z-index:50;}	
								ul#hauptnavi a#evaluationlink {background:transparent url(images/submenu/bu_evaluation_a.jpg) -152px -18px no-repeat;}
								ul#hauptnavi a#evaluationlink:hover {background-position:top left; z-index:50;}					
				ul#hauptnavi a#projektelink {background:transparent url(images/menu/bu_projekte_a.gif) -152px -10px no-repeat;}
				ul#hauptnavi a#projektelink:hover {background-position:top left; z-index:50;}
								ul#hauptnavi a#aktuelleprojektelink {background:transparent url(images/submenu/bu_aktuelle_a.jpg) -152px -32px no-repeat;}
								ul#hauptnavi a#aktuelleprojektelink:hover {background-position:top left; z-index:50;}
								ul#hauptnavi a#erfahrungenlink {background:transparent url(images/submenu/bu_erfahrungen_a.jpg) -152px -18px no-repeat;}
								ul#hauptnavi a#erfahrungenlink:hover {background-position:top left; z-index:50;}
				ul#hauptnavi a#netzwerklink {background:transparent url(images/menu/bu_netzwerk_a.gif) -152px -10px no-repeat;}
				ul#hauptnavi a#netzwerklink:hover {background-position:top left; z-index:50;}
				ul#hauptnavi a#kontaktlink {background:transparent url(images/menu/bu_kontakt_a.gif) -152px -10px no-repeat;}
				ul#hauptnavi a#kontaktlink:hover {background-position:top left; z-index:50;}
	ul#servicenavi {
		position: fixed !important;
		bottom: 5px;
		margin: 0 31px 0 28px;
		width: 121px;
		padding: 0px;
		list-style-type:none;
	}
		ul#servicenavi li {
			display: inline;
			height: 9px;
			padding: 0px;
			margin: 0px;
			float: left;
		}	
			li#impressum {
				background: transparent url(images/menu/bu_impressum_na.gif);
				width: 69px;
			}
			li#impressumactive {
				background: transparent url(images/menu/bu_impressum_a.gif);
				width: 69px;
			}
			li#intern {
				background: transparent url(images/menu/bu_intern_na.gif);
				width: 52px;
			}
				ul#servicenavi a {
					display: block;
					height: 0;
					margin: 0px;
					padding: 9px 0 0 0;
					color: #000;
					text-decoration: none;
					overflow: hidden;
				}
				/* * html ul#servicenavi a {
				height: 9px; he\ight:0;}*/
				ul#servicenavi a#impressumlink {width: 69px; float: left; background:transparent url(images/menu/bu_impressum_a.gif) -121px -9px no-repeat;}
				ul#servicenavi a#impressumlink:hover {background-position:top left; z-index:50;}
				ul#servicenavi a#internlink {width: 52px; background:transparent url(images/menu/bu_intern_a.gif) -52px -9px no-repeat;}
				ul#servicenavi a#internlink:hover {background-position:top left; z-index:50;}

		/*ul#copyright {
		position: fixed !important;
		bottom: 5px;
		margin: 0 31px 0 28px;
		width: 121px;
		padding: 0px;
		list-style-type:none;
		}		
			ul#copyright li {
				color:#92A5D4;
				font-size: 60%;
				text-align: right;
				text-transform:uppercase;
				font-weight:bold;
			}*/
/* NAVIGATION ENDE */
/* Start IMAGEMAPS basiend auf: http://www.webreference.com/programming/image_map/ */
#kreis {
	float: left;
	display:block;
	width:171px;
	height:150px;
	background:url(images/sub/kreis.gif) no-repeat;
	top: 10px;
	position:relative;
}
#quadrat {
	float: left;
	display:block;
	width:171px;
	height:150px;
	background:url(images/sub/quadrat.gif) no-repeat;
	top: 10px;
	position:relative;
 }
#kreis a#title, #quadrat a#title {
  display:block;
  width:171px;
  height:0;
  padding-top:137px;
  overflow:hidden;
  cursor:default;
  background-position: 0 0;
  z-index:10;
  }
/* the hack for IE pre IE6 */
* html #kreis a#title, #quadrat a#title {
  height:137px;
  he\ight:0;
  }
#kreis dd, #quadrat dd {
  position:absolute;
  padding:0;
  margin:0;
  text-align: left;
  }
#kreis #teil1 {
  left:0px;
  top:0px;
  z-index:20;
  }
#quadrat #teil1 {
  left:0px;
  top:0px;
  z-index:20;
  }
#kreis #teil2 {
  left:94px;
  top:0px;
  z-index:20;
  }
#quadrat #teil2 {
  left:101px;
  top:0px;
  z-index:20;
  }
#kreis #teil3 {
  left:18px;
  top:84px;
  z-index:20;
  }
#quadrat #teil3 {
  left:0px;
  top:44px;
  z-index:20;
  }
#quadrat #teil4 {
  left:65px;
  top:87px;
  z-index:20;
  }
#kreis a#teil1link {
  display:block;
  width:95px;
  height:98px;
  background:transparent url(images/sub/kreis_1.gif) -95px -98px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#quadrat a#teil1link {
  display:block;
  width:105px;
  height:47px;
  background:transparent url(images/sub/quadrat_1.gif) -105px -47px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#kreis a#teil2link {
  display:block;
  width:77px;
  height:105px;
  background:transparent url(images/sub/kreis_2.gif) -77px -105px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#quadrat a#teil2link {
  display:block;
  width:71px;
  height:88px;
  background:transparent url(images/sub/quadrat_2.gif) -71px -88px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#kreis a#teil3link {
  display:block;
  width:127px;
  height:53px;
  background:transparent url(images/sub/kreis_3.gif) -127px -53px no-repeat;
  text-decoration:none;
  z-index:20;
}
#quadrat a#teil3link {
  display:block;
  width:67px;
  height:91px;
  background:transparent url(images/sub/quadrat_4.gif) -67px -91px no-repeat;
  text-decoration:none;
  z-index:20;
}
#quadrat a#teil4link {
  display:block;
  width:107px;
  height:49px;
  background:transparent url(images/sub/quadrat_3.gif) -107px -49px no-repeat;
  text-decoration:none;
  z-index:20;
}
#kreis a#teil1link:hover, #kreis a#teil2link:hover, #kreis a#teil3link:hover,
#quadrat a#teil1link:hover, #quadrat a#teil2link:hover, #quadrat a#teil3link:hover, #quadrat a#teil4link:hover{
  background-position:0 0;
  }
/* End IMAGEMAPS */

/* Start Team */
div#team {background-color: #E4E2F9; color: #0C3D76; padding: 25px; min-height: 400px !important;}
/* * div#team {height: 400px; }*/

div#joerg, div#karina, div#heinzjuergen, div#sandra, div#kolja, div#nils, div#marco
 { display: none; clear: both;}
div#teaminfo { clear: both; margin-top: 150px;}

div#team ul {padding: 0; margin:0;}
div#team ul li {display:inline; list-style-type:none; }
div#team ul li a {display:block; float: left; width: 60px; height: 75px; margin: 0 5px 0 5px;}

div#team ul li#thumb_joerg a {background:url(images/team/joerg75x60.jpg); }
div#team ul li#thumb_karina a {background:url(images/team/karina75x60.jpg);}
div#team ul li#thumb_nils a {background:url(images/team/nils60x75.jpg);}
div#team ul li#thumb_hj a {background:url(images/team/heinzjuergen75x60.jpg);}
div#team ul li#thumb_sandra a {background:url(images/team/sandra75x60.jpg);}
div#team ul li#thumb_philipp a {background:url(images/team/.jpg);}
div#team ul li#thumb_marco a {background:url(images/team/marco_raw_small.jpg);}
div#team ul li#thumb_kolja a {background:url(images/team/kolja75x60.jpg);}

div#team h2 {margin-top: 100px;}
div#team img {float:left; margin: 0 15px 5px 0;}
/* End Team */