html, body {
    color: #717478;
    font: normal 85% arial, helvetica, sans-serif;
	line-height: 130%;
    margin: 0; 
    padding: 0;
    text-align: center; 	
  }
  
 body {
    height: auto;
	background-color: #fff;	
	background-image: url(img/hg.gif);
	background-repeat: repeat-y;
	background-position: center;
  }
  
*+html body {
	background-image: url(img/hg_ie.gif);
	background-repeat: repeat-y;
	background-position: center;
  }  
  
div#seite {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    color: #717478;
	width: 960px;

}
 
/*+++++++++++++++++++++ Content links +++++++++++++++++++++++++*/
 
#links{
 	width: 225px;
	height: 440px;
	float:left;
	border-right: 1px solid #c6c6c7;
 }

#links_oben {
 	width: 225px;
	height: 140px;
	float: left;
	border-bottom: 1px solid #c6c6c7;
    text-align: center; 
 }
 
#logo {
	margin: 20px 0px 0px 0px;
}

#links_unten {
 	width: 225px;
	height: auto;
	float: left;
 }
  
/*+++++++++++++++++++++ Navi ++++++++++++++++++++++++*/
 
 #navi {
 	display: block;
	margin: 35px 0px 0px 25px;
} 

#navi a.normal {
	color: #717478;
	text-decoration: none;
	font-weight: normal;
	display: block;
	margin: 20px 0px 20px 0px;
}

#navi a.aktiv {
	color: #717478;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 20px 0px 20px 0px;
}

#navi a.normal:hover {
	color: #717478;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#navi a.subnormal {
	color: #717478;
	text-decoration: none;
	font-weight: normal;
	display: block;
	margin: 0px 0px 5px 10px;
}

#navi a.subaktiv {
	color: #717478;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 0px 0px 5px 10px;
}

#navi a.subnormal:hover {
	color: #717478;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#adresse {
	margin: 0px 0px 10px 25px;
	position: absolute;
	top: 550px;
	font-size: 95%;
}

#adresse a{
	color: #717478;
	text-decoration: underline;
	font-weight: normal;
}

#adresse a:hover {
	color: #f7941d;
	text-decoration: underline;
	font-weight: normal;
}
/*+++++++++++++++++++++ Content mitte ++++++++++++++++++++++++*/

#content {
 	width: 721px;
	height: 100%;
	float:left;
	color: #fff;
	overflow: hidden;
 }

 #rechts_oben  {
 	width: 721px;
	height: 130px;
	background-color: #fff;
	float:left;
	border-bottom: 1px solid #c6c6c7;
	text-align: right; 
	padding-top: 10px;
 }
 
 .metanavi {
	display: block;
	color: #717478;
	text-decoration: none;
	margin: 2px 10px 0px 0px;
	font-size: 95%;
}

 .metanavi:hover {
	color: #f7941d;
}

 #bilder {
 	width: 725px;
	height: 300px;
	background-color: #fff;
	float:left;
	border-bottom: 1px solid #c6c6c7;
	border-left: 1px solid #c6c6c7;
	overflow:hidden;
 }
 
 
 * html #bilder {
 	width: 725px;
	height: 298px;
	background-color: #fff;
	float:left;
	border-left: 1px solid #c6c6c7;
	overflow:hidden;
 }
 .bilder {
 	border: 1px solid white;
 }
 
.bilder_kl {
 	border: 1px solid white;
	margin-top: 7px;
 }
 
#bilder1 {
 	border: 1px solid white;
	width: 115px;
	height: 298px;
	background-color: #7b7d80;
	float: left;
	text-align: center;
 }

#bilder2 {
 	border: 1px solid white;
	width: 115px;
	height: 298px;
	background-color: #7b7d80;
	float: left;
	text-align: center;
 }

#bilder3 {
 	border: 1px solid white;
	width: 375px;
	height: 298px;
	background-color: #7b7d80;
	float: left;
 }
 

 
#bilder4 {
 	border: 1px solid white;
	width: 106px;
	height: 298px;
	background-color: #7b7d80;
	float: left;
	text-align: center;
 }
 

 
#balken {
  background-color: #f7941d;
  height: 35px;
  width: 10px;
  float: left;
  margin-top: 45px;
 }
 
*+html #balken {
  margin-top: 25px;
 } 
 
 #text {
 	width: 550px;
	height: auto;
	float: left;
	padding: 20px 110px 20px 50px;
 } 
 
 /*+++++++++++++++++++++ Text +++++++++++++++++++++++++*/

h1 {
	color: #fff;
    font: bold 130% arial, helvetica, sans-serif;
	line-height: 120%;
	margin: 28px 0px 0px 0px;
}

h1 a{
	text-decoration:none;
}



h2 {
	color: #fff;
    font: bold 120% arial, helvetica, sans-serif;
	line-height: 110%;
	margin: 15px 0px -5px 0px;
}

h3 {
	color: #fff;
    font: bold 110% arial, helvetica, sans-serif;
	line-height: 110%;
}


ul {
	list-style-image:url(img/liste.gif);
	color: #fff;
}

ul li a {	
	color: #fff;
}

#text a:hover {	
	color: #f7941d;
}

.logos {
	margin: 25px 10px 0px 0px;
}

.projekthead {
	height: 300px; 
	width: 300px; 
	float: left;
	margin: 0px 30px 0px 0px
}

*+html .projekthead {
	margin: -15px 40px 0px 0px
}

.projektliste {
	margin: 30px 0px 0px 0px;
}

*+html .projektliste {
	margin: 35px 0px 0px 0px;
}

.projektliste li {
	margin: 0px 0px 5px 0px;
}

.text { 
	text-align:left; 
	border: 0px; 
	width: 550px; 
}

.text td {
	vertical-align: top;
	height: 25px;
}

input, textarea {
	border: 1px solid #c6c6c7
}

#text a {
	color: #fff;
}

#text .normal {
	display: block;
}

#text .subnormal {
	display: block;
	margin-left: 20px;
}
 
  /*+++++++++++++++++++++ rechts +++++++++++++++++++++++++*/
 #orange {
 	width: 7px;
	height: auto;
	float: left;
 }

 #weiss {
 	width: 5px;
	height: auto;
	float:left;
	border-right: 1px solid #c6c6c7;
 }