body, html { 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
    margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    padding: 0;
    text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    color: #000000;
    }
	
a, blockquote, caption, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, legend, li, ol, p, samp, table, tbody, td, tfoot, th, thead, tr, ul {
	font-size: 100.1%;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
#container {
    width:985px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	height:830px;
	background-image:url(../images/backround-1.jpg);
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	/* MSIE Hack */
*html #container {
	width: 985px;
	height: 830px;
	padding: 0px;
	text-align: left;
	background-image:url(../images/backround-1-neu.jpg);
	}
	

	
#kopf {
	width:985px;
	height:70px;
	}
	
#bildreihe_kopf {
	width:985px;
	height:141px;
	}
	
#inhalt {
	width:985px;
	height:610px;
	}
	
#inhalt_links {
	width:394px;
	height:610px;
	float:left;
	}
	
#inhalt_rechts {
	width:197px;
	height:610px;
	float:right;
	}
	
#inhalt_mitte {
	width:393px;
	height:610px;
	float:left;
	}

/* Hauptnavigation */
#hauptnavi	{
	width: 197px;
	height:140px;
	margin:0px;
	text-align: left;
	}

#hauptnavi ul  {
	font-size: 12px;
	width: 197px;
	margin: 0;
	list-style-type: none;
	padding:0px;
	}
	
#hauptnavi ul li {
	display: inline;
 	margin: 0;
 	padding:0px;
	}

#hauptnavi ul li a	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    display:block;
	width:182px; 
	height:16px; 
    padding: 3px 0px 5px 15px;
    text-decoration: none;
    border-bottom: 1px solid #ececec;
    color: #fff;
	background-color:#B6C54B;
/*	background-color:#C2E05C; */
	}

#hauptnavi ul li a:hover, 
#hauptnavi ul li a:focus	{
	color: #666;	
	}


#hauptnavi ul li span,
#hauptnavi ul li span a	{
	color:#666;
	}

/* Ende Hauptnavigation */	





a:link {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  text-decoration: none;
  color:#99CC00;
  }

a:visited {
  color: #99CC00;
  text-decoration: none;
  }

a:focus {
  color: #FFBF00;
  text-decoration: none;
  }

a:hover {
  color: #FFBF00;
  text-decoration: none;
  }

a:active {
  color: #99CC00;
  }




#text_inhalt_rechts {
	width: 185px;
	margin-top:207px;
	padding-left:12px;
	text-align: left;
	}


#projektnaviJahre_links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	width: 378px;
	height: 19px;
	padding-left: 15px;
	padding-top: 5px;
	border-bottom:1px solid #ececec;
	}

#projektnaviJahre_rechts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#B6C54B;
	width: 393px;
	height: 24px;
	border-bottom:1px solid #ececec;
	}


/* Projektnavigation */

#projektnavi	{
	width: 393px;
	height:55px;
/*	margin-top:0px; */
	text-align: left;
	}

#projektnavi ul  {
	margin: 0px;
	list-style-type: none;
	padding:0px;
	}
	
#projektnavi ul li {
	display: inline;
 	margin: 0px;
 	padding:0px;
	}

#projektnavi ul li a	{
	float:left;
	width:97px;
	height: 49px;
    display:inline;
	margin:0px;
	}

	.a1	{
	padding-right:1px;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-1-1nav.jpg);
	}

	.a1:hover {
	padding-right:1px;
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-1-1nav.jpg);	
	}

	.a1color {
	padding-right:1px;
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-1-1nav.jpg);
	}
	
	.a2	{
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-2-1nav.jpg);
	}

	.a2:hover {
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-2-1nav.jpg);	
	}

	.a2color	{
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-2-1nav.jpg);
	}
	
	.a3	{
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-3-1nav.jpg);
	}

	.a3:hover  {
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-3-1nav.jpg);	
	}

	.a3color	{
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-3-1nav.jpg);
	}
	
	.a4	{
    background-image:url(../images/projekt-4-1nav.jpg);
	}

	.a4:hover  {
	border-bottom: 6px solid #B6C54B;
	background-image:url(../images/projekt-4-1nav.jpg);	
	}

	.a4color	{
	border-bottom: 6px solid #B6C54B;
	background-image:url(../images/projekt-4-1nav.jpg);
	}
	
	.a5	{
	padding-right:1px;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-5-1nav.jpg);
	}

	.a5:hover {
	padding-right:1px;
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-5-1nav.jpg);	
	}

	.a5color {
	padding-right:1px;
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-5-1nav.jpg);
	}
	
	.a6	{
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-6-1nav.jpg);
	}

	.a6:hover {
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-6-1nav.jpg);	
	}

	.a6color	{
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-6-1nav.jpg);
	}
	
	.a7	{
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-7-1nav.jpg);
	}

	.a7:hover  {
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-7-1nav.jpg);	
	}

	.a7color	{
	border-bottom: 6px solid #B6C54B;
	border-right:1px solid #ececec;
	background-image:url(../images/projekt-7-1nav.jpg);
	}
	
	.a8	{
    background-image:url(../images/projekt-8-1nav.jpg);
	}

	.a8:hover  {
	border-bottom: 6px solid #B6C54B;
	background-image:url(../images/projekt-8-1nav.jpg);	
	}

	.a8color	{
	border-bottom: 6px solid #B6C54B;
	background-image:url(../images/projekt-8-1nav.jpg);
	}
		
/* Projektnavigation Ende */	


h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	color:#666666;
	margin:0px 0px 10px 10px;
	}
	
	
#fliess_text {
	width:380px;
	height:auto;
	margin-left:10px;
	margin-top:145px;
	z-index:100;
	}
	
	
#adresse_fliess_text {
	width:300px;
	height:auto;
	position:absolute;
	margin-top:20px;
	margin-left:10px;
	z-index:200;
	}
	
#leistung_text {
	width:380px;
	height:auto;
	margin-left:10px;
	}	
	
#leistung_text ul  {
	margin: 0px;
	padding:0px;
	}
	
#leistung_text ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#FFFFFF;
	list-style-image:url(../images/listenrechteck.jpg);
 	margin:0px 0px 9px 16px;
 	padding:0px;
	}
	
	
#scrollcontainer {
	width:383px;
	height:auto;
	margin-left:10px;
	}
	
	

#projekt_text {
	width:383px;
	height:auto;
	margin-left:10px;
	}
	
#projekt_bild {
	width:393px;
	height:310px;
	}
	
#projektbilder_klein {
	width:393px;
	height:160px;
	}
	
#projektbilder_klein_text {
	width:393px;
	height:auto;
	}
	
	.projektbild_klein-1 {
	float:left;
	border-right:#ececec solid 1px;
	border-bottom:#333 solid 1px;
	}
	
	.projektbild_klein-2 {
	float:left;
	border-right:#ececec solid 1px;
	border-bottom:#333 solid 1px;
	}
	
	.projektbild_klein-3 {
	float:left;
	border-bottom:#333 solid 1px;
	}
	
	.projektbilderlink{
	border:0px;	
	}
	
	.adresse {
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#666;
	margin:1px 0px 0px 0px;
	}

	.body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#FFFFFF;
	}
	
	.body_klein {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#FFFFFF;
	}
	
	.titel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:118px 0px 8px 0px;
	color:#333;
	}
	
	.titel_projekte {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:35px 0px 8px 0px;
	color:#333;
	}
	
	.bild_393 {
	padding-top:125px;
	}
	
	.projektbild_gross {
	padding-top:70px;
	}
	
	.projektbild_gross_titel{
	padding-top:150px;
	}
	
	.kontaktbild_1{
	padding-top:150px;
	padding-left:196px;
	}
	
	.kontaktbild_2{
	padding-top:10px;
	padding-left:196px;
	}
	
	#kontakt_text {
	width:380px;
	height:auto;
	margin-left:10px;
	margin-top:145px;
	z-index:100;
	}
	
	#inhalt_fussnavi {
	width:700px;
	height:20px;
	background-image:url(../bilddaten/fussnavi_back.jpg);
	clear:both;
	}