* {
	padding: 0;
	margin: 0;} 

body{ 
      background-color: white;
      font-family : verdana, lucida, sans-serif;
      color: #887a73; /*Schriftfarbe*/
      /*font-style:italic;*/
      font-size: 12px;
      text-align: center;}

h1 { 
      /*color:#D5C9C0; */
      color:#f1ddc6;
      font-size:20px; margin-bottom: 20px;
/*font-style:italic;*/}

#mainDiv{ 
          position: relative;
          margin: 0 auto;
          text-align: left;
          width: 700px;
          /*background-color: white;*/
          }

#header{ 
         height: 120px;
         margin-top: 20px;
         border: 0px solid #C0C0C0;
         background: #fffdfb url(img/logo_kurz.jpg) 0 0 no-repeat;
         }


#laden{ 
         height: 314px;
         margin-top: 40px;
         width: 343px;
         border: 0px solid #C0C0C0;
         background: #fffdfb url(img/laden2.jpg) 0 0 no-repeat;}




#midDiv{ 
         margin-top: 0px;
         width: 700px !important;		/* Breite Mittelteil für Nicht-IE-Browser */
         width: 100%;								/* Breite Mittelteil IE-Browser */
         border: 0px solid #c0c0c0;}


#leftCol{ 
          width: 186px; 
          float: left;}

#rightCol{ 
          width: 80px;
          float: right;
          margin-bottom: -1px;}

/*Content*/

#contentCol{ margin-bottom: -1px;
             margin-right: 80px;
             margin-left: 186px;
             margin-top: 0px;
             background: white; }

#leftContentCol{ position: absolute; 
width: 27px; 
height: 33px;
top: 170px;
left: 0px;}

#contentColProjekteProdukte
{
position:absolute;
top: 160px;
left: 223px;
width: 397px;
height: 314px;
}


#contentContentCol{ 
             position: absolute;
             /*margin-bottom: -1px;*/
             /*right: 27px;*/
             left: 27px;
             top: 0px;
             /*width: 314px;*/
              width: 343px;
            /* height:343px;*/
             height:314px;
             background: white; }
#contentContentColProjekte{ 
             position: absolute;
             /*margin-bottom: -1px;*/
             /*right: 27px;*/
             left: 27px;
             top: 0px;
             /*width: 314px;*/
              width: 343px;
            /* height:343px;*/
             height:427px;
             background: white; }

#rightContentCol{ 
position: absolute; 
width: 27px; 
height: 33px;
top: 170px;
left: 370px;}

#footer {
      height:32px;
      font-style:italic;
      
      width: 700px;
      border: 0 solid #F57838;
	margin: 0 auto;
	}




.abstandsDiv{ padding: 30px 27px 0 64px}

.abstandsProjekteProdukteDiv{ padding: 30px 0px 0 37px}
.abstandsContentDiv{ }

.clearDiv{ 
           line-height: 0px;
           font-size: 0px;
           height: 1px;
           clear: both;}


/* ab hier Navigation  */
#subnavi{
width: 186px;
background: #FFFDFB url(img/menu/linie.jpg) 0 0 repeat-y;
height: 80px; /*Stellschraube wielange die Linie vom Menue ist*/

 
}
#subnaviImpressum{
width: 186px;
background: #FFFDFB url(img/menu/linie.jpg) 0 0 repeat-y;
height: 1400px; /*Stellschraube wielange die Linie vom Menue ist*/

 
}

#navi {
	list-style: none;
	color: #F8a88d;
                /*text-indent: 70px;*/
                /*text-align: buttom;*/
	width: 186px; /*durch diese Einschränkung passen die Links genau unter die Bilder */

	}

#navi a {
	display: block; /* für die meisten Browser eigentlich ausreichend für vertikale Darstellung  alle Maßnahmen auf a auch auf a strong anwenden!!*/
                color: #F8a88d;
                text-indent:30px;
	}
#navi a,
#navi strong {
	display: block;
                text-indent:30px;
	/*padding: 0.5em;*//*durch das Streichen hängen die Bilder aneinander ohne Abstand*/
	height: 69px;
	width: 100%;
	position: relative;
                overflow:hidden;
	} /*Links sollen nicht auf sich selbst zeigen, daher mit strong arbeiten und gleichen Style wie die anderen Elemente erzeugen*/


/*span soll sich über die gesamte Link-Fläche erstrecken*/
/*und diese samt dem regulären Link-Text mit einem Hintergrundbild überdecken*/
/* Achtung Hintergrundbild darf keinerlei Transparenz enthalten*/
/* Fehlt das Bild z.B. bei vom Besucher deaktivierten Grafiken, ist der darunter liegende Text uneingeschränkt sichtbar*/
/*no-repeat wir bewusst weggelassen wegen eines Bugs in Opera*/
	
#navi span {
	position: absolute;
	/*width: 100%;*/
                width: 186px;
	height: 69px;
	top: 0;
	left: 0;
                /*bottom:0;*/
	background: url(img/menu/navi.jpg);/*alle bilder in eine Grafik um das nachladen zu verhindern*/
	}

/*um die Grafik für jeden Link und seinen Hover-effekt an die richtige Stelle zu bringen*/

#navi #home a span{
	background-position: 0 0;
	}
#navi #home strong span {
	background-position: 186px 0;
	}
#navi #home a:hover span{
	background-position: 186px 0;
	}

#navi #produkte a span{
	background-position: 0 -69px;
	}
#navi #produkte strong span {
	background-position: 186px -69px;
	}
#navi #produkte a:hover span {
	background-position: 186px -69px;
	}

#navi #projekte a span, #navi #projekte strong span {
	background-position: 0 -138px;
	}
#navi #projekte strong span{
	background-position: 186px -138px;
	}

#navi #projekte a:hover span {
	background-position: 186px -138px;
	}

#navi #kontakt a span {
	background-position: 0 -207px;
	}
#navi #kontakt strong span{
	background-position: 186px -207px;
	}

#navi #kontakt a:hover span {
	background-position: 186px -207px;
	}

#navi #links a span {
	background-position: 0 -276px;
	}
#navi #links strong span{
	background-position: 186px -276px;
	}

#navi #links a:hover span {
	background-position: 186px -276px;
	}

#navi #impressum a span {
	background-position: 0 -345px;
	}
#navi #impressum strong span{
	background-position: 186px -345px;
	}

#navi #impressum a:hover span {
	background-position: 186px -345px;
	}


/*für Adressleisten*/
.block 
{
text-align: left;
margin-top: 30px;
/*text-color:  #F57838;*/
position:relative;
}
.spezial{ font-weight: bold; 
/*color:#f68a55 */;}
.block li
{
list-style-type: none;

}
.block li a
{
color:  #616387; /* Hier ist das mit der Linkfarbe genau so, sie soll ... sein. */
  text-decoration: none;
}

/*für die Bildergalerie bei den Produkten und Projekten*/

#zurueck{ 
	height: 33px;
                width: 27px;
	border: 0px solid #C0C0C0;}

#zurueck a,
#zurueck strong {
	/*display: block;*/
                text-indent:30px;
	/*padding: 0.5em;*//*durch das Streichen hängen die Bilder aneinander ohne Abstand*/
	height: 33px;
	width: 100%;
	position: relative;
                overflow:hidden;}

#zurueck span {
	position: absolute;
	/*width: 100%;*/
                width: 27px;
	height: 33px;
	top: 0;
	left: 0;
	background: #fffdfb url(img/galerie/klein2/zurueck.jpg) 0 0 no-repeat;}

#zurueck a:hover span {
background: #fffdfb url(img/galerie/klein2/zurueck_hover.jpg) 0 0 no-repeat;}



#vor{ 
         height: 33px;
         width: 27px;
         border: 0px solid #C0C0C0;}

#vor a,
#vor strong {
	/*display: block;*/
                text-indent:30px;
	/*padding: 0.5em;*//*durch das Streichen hängen die Bilder aneinander ohne Abstand*/
	height: 33px;
	width: 100%;
	position: relative;
                overflow:hidden;}

#vor span {
	position: absolute;
	/*width: 100%;*/
                width: 27px;
	height: 33px;
	top: 0;
	left: 0;
	background: #fffdfb url(img/galerie/klein2/vor.jpg) 0 0 no-repeat;}

#vor a:hover span {
background: #fffdfb url(img/galerie/klein2/vor_hover.jpg) 0 0 no-repeat;
}

#ladenProdukteProjekte{ 
         height: 257px; /*hier fehlt im Gegensatz zu laden das herzlich Willkommen*/
         width: 343px;
         border: 0px solid #C0C0C0;}

#laden2{ 
         height: 314px;
         
         width: 343px;
         border: 0px solid #C0C0C0;
         background: #fffdfb url(img/laden2.jpg) 0 0 no-repeat;}

#navi_footer {
	float: right;
vertical-align:middle;
                display: table;
	margin: 0 auto;
	}

#navi_footer ul {
	display: table-row;
	}

#navi_footer li {
	display: table-cell;
	}

#navi_footer a,
#navi_footer strong {
	display: block;
	padding: 0.5em;
	}
#ladenProdukteProjekte2{ 
         height: 257px; /*hier fehlt im Gegensatz zu laden das herzlich Willkommen*/
         width: 343px;
         border: 0px solid #C0C0C0;}