/* ============================
   Allg. Styles
============================ */
* { padding: 0; margin: 0; }
html { height: 100%; }
body {
  	color: #FFF;
  	background-color: #2e2e2e;
  	background-image: url(../images/bg.gif);
  	background-repeat: repeat-x;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  	padding: 23px;
}

h1 { 
	
 }
 
h3 {
	/* text-transform: uppercase; */
	font-size: 100%;
	font-weight: normal;
	margin-top: 30px;	
}

h4 {
	/* text-transform: uppercase; */
	font-size: 100%;
	font-weight: normal;
	margin-top: 20px;	
}

p, ul, ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}


ul { 
	list-style-position: outside; 
	margin-left: 16px; 
	padding-left: 00px; 
	list-style: square; 
	vertical-align: middle; 
}

li { 
	margin: 0px; 
	padding: 0px; 
}

.grey	{
	color: #6c6c6e;
}

.small	{
	font-size: 9px;
}

/* Hyperlinks allgemein */
a img { border: none; }
a { text-decoration: underline; outline: none; }
a:link {
  color: #ffffff
}
a:visited { color: #ffffff }
a:hover,
a:focus {
  text-decoration: underline;
}
a:active { color: #ffffff; }

/* ============================
   Div Styles
============================ */

#wrapper {
  color: white;
  width: 940px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

#horizon	{ 
	 text-align: center; 
	 position: absolute; 
	 top: 50%; 
	 left: 0px; 
	 width: 100%; 
	 height: 1px; 
	 overflow: visible; 
	 visibility: hidden; 
	 display: block 
	 }

#start  {
	width: 281px;
	height:  81px;
	max-width: 281px;
	max-height:  81px;
	padding:0px;
	margin-left: -140px;
	position: absolute;
	top: -40px;
	left: 50%;
	visibility: visible;
	text-align: left; 
}

#head	{
	position: relative;
	width: 100%;
	height: 84px;
	background-image: url(../images/bg_head.gif);
	background-repeat: repeat-x;
}

	#nav	{
		position: absolute;
		float: left;
		height: 10px;
		bottom: 16px;
		left: 3px;
	}
	
	#nav ul { margin: 0; }
	
	#nav li {
   		float: left;
   		width: auto;
   		list-style: none;
   		padding: 0px;
   		margin: 0;
   		margin-left: 19px;
	}
	
		#nav  li a.active01, a.navi01 { display:block; width: 77px; height: 10px; background-repeat: no-repeat; }
		#navi li .navi01:link, .navi01:visited { background-image: url("../images/nav_leistungen.gif") }
		#navi li .active01, #navi li .navi01:hover 	 { background-image: url("../images/nav_leistungen-o.gif") }
		
		#nav  li a.active02, a.navi02 { display:block; width: 102px; height: 10px; background-repeat: no-repeat;}
		#navi li .navi02:link, .navi02:visited { background-image: url("../images/nav_projektablauf.gif") }
		#navi li .active02, #navi li .navi02:hover 	 { background-image: url("../images/nav_projektablauf-o.gif") }

		#nav  li a.active03, a.navi03 { display:block; width: 81px; height: 10px; background-repeat: no-repeat;}
		#navi li .navi03:link, .navi03:visited { background-image: url("../images/nav_referenzen.gif") }
		#navi li .active03, #navi li .navi03:hover 	 { background-image: url("../images/nav_referenzen-o.gif") }

		#nav  li a.active04, a.navi04 { display:block; width: 27px; height: 10px; background-repeat: no-repeat;}
		#navi li .navi04:link, .navi04:visited { background-image: url("../images/nav_vita.gif") }
		#navi li .active04, #navi li .navi04:hover 	 { background-image: url("../images/nav_vita-o.gif") }

		#nav  li a.active05, a.navi05 { display:block; width: 57px; height: 10px; background-repeat: no-repeat;}
		#navi li .navi05:link, .navi05:visited { background-image: url("../images/nav_contact.gif") }
		#navi li .active05, #navi li .navi05:hover 	 { background-image: url("../images/nav_contact-o.gif") }
	
	#logo	{
		float: right;
	}
	
#content	{
	width: 100%;
	height: 496px;
	background-image: url("../images/bg_content.gif");
	background-repeat: repeat-y;
	padding-top: 35px;
	padding-bottom: 30px;
}

	#imgCont {
		float: left;
		width: 420px;
		height: 100%;
		border-right: 1px dashed #000;
		text-align: center;
	}
	
		#imgLeistungen	 { 
			background-image: url("../images/img_leistungen.png"); 
			background-repeat: no-repeat;			
			width: 250px; 
			height: 250px;
			margin-top: 39px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#imgProjektablauf	 { 
			background-image: url("../images/img_projektablauf.png");
			background-repeat: no-repeat;			
			width: 315px; 
			height: 495px;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
		}	
		
		#imgReferenzen	 { 
			background-image: url("../images/img_referenzen.png");
			background-repeat: no-repeat;
			width: 315px; 
			height: 445px;
			margin-top: 50px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
		}

		#imgVita	 {
			background-image: url("../images/img_vita.png");
			background-repeat: no-repeat; 
			width: 305px; 
			height: 20px;
			margin-top: 44px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
			padding-top: 305px;
		}
			#imgVita .bu	{
				font-size: 10px;
				font-weight: bold;
				padding-left: 5px;
			}	

		#imgContact	 { 
			background-image: url("../images/img_contact.png");
			background-repeat: no-repeat;
			width: 272px; 
			height: 285px;
			margin-top: 44px;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
		}					
		
	#txtCont	{
		float: left;
		width: 420px;
		height: 100%;
		padding-left: 68px;
		border-left: 1px dashed #666666;
	}
	
#bottom	 { 
	background-image: url("../images/bg_bottom.gif"); 
	background-repeat: repeat-x; 
	width: 100%; 
	height: 17px 
}	

	#imprint	{
		float: left;
		width: 45px;
		height: 8px;
		margin-left: 7px;
		margin-top: 4px;
	}
	
	#copyright	 { 
		background-image: url("../images/copyright.gif");
		background-repeat: no-repeat;
		width: 113px; 
		height: 17px; 
		float: right 
	}