* {
  margin: 0;
  padding: 0;
  color: #231F20;
  text-decoration: none;
  font-weight: normal;
}

/* ............................................................... Basics */

body {
  font-family: arial, helvetica, swiss, sans-serif;
  font-size: 12px;
  background-color: #E6E6E6;
  line-height: 17px;
}
img {
  border: none;
}
h2 {
  font-size: 12px;
  font-weight: bold;
  color: #ECAA54;
}
h3 {			/* nur genutzt in "kunden" */
  margin: 20px 0 0 0;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: #ECAA54;
  width: 552px;
}

h6, h1 span, h2 span {
  display: none;
}

hr {
  width: 1px;
  height: 1px;
  margin: -1px 0 0 0;
  border: none;
  visibility: hidden;
  clear: both;
}

strong, b {
  color: #ECAA54;
  font-weight: bold;
}


/* ............................................................... Layout */

#content {
  width: 800px;
  height: 510px;
  margin-top: -255px;
  margin-left: -400px;
  position: absolute;
  top: 49%;
  left: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
}

#navi {
  width: 191px;
  height: 259px;
  float: right;
  padding: 222px 0 0 0;
}
#footer {
  text-align: right;
  color: #808285;
  padding: 6px 0 0 0;
}
	#footer p, #footer p a {
           color: #808285;
         }
         #footer #bu_impressum {
           float: right;
           width: 152px;
           text-align: left;
           padding: 0 0 0 33px;
           margin: 0 0 0 20px;
           background-image: url(./grafik/button.gif);
           background-position: 105px 1px;
         }
         #footer #bu_impressum.active {
           background-image: url(./grafik/button-impov.gif);
         }
         #footer #bu_impressum.active a {
           color: #F19458;
         }


/* ............................................................... seitenabhängiges */

/* index */

#index h1 {
  font-size: 12px;
  font-weight: normal;
  margin: 258px 0 0 52px;
  width: 530px;
}
#index #navi {
  visibility: hidden;
}

/* agentur */
#agentur #h11 {
  margin: 56px 0 0 16px;
}
#agentur #h12 {
  margin: -8px 0 0 16px;
}
#agentur #innercontent {
  margin:  102px 0 0 22px;
  width: 422px;
}


/* methode */
#methode #h11 {
  margin: 56px 0 0 16px;
}
#methode #h21 {
  margin: 45px 0 0 16px;
}
#methode #h22 {
  margin: 10px 0 0 16px;
}
#methode #innercontent {
  width: 422px;
}
#methode #innercontent p {
  margin: 4px 0 0 22px;
}



/* team */
#team #h11 {
  margin: 56px 0 0 16px;
}
#team #innercontent {
  margin: 46px 0 0 22px;
  width: 422px;
}


/* leistungen */
#leistungen #h11 {
  margin: 56px 0 0 16px;
}
#leistungen #innercontent {
  margin: 20px 0 0 22px;
  width: 512px;
}
	#leistungsliste {
	  list-style-type: none;
           margin: 12px 0 0 0;
	}
         #leistungsliste li {
           margin: 0 0 12px 0;
         }



/* kunden */

#kunden #innercontent {
  margin: 187px 0 0 241px;
  padding: 0 32px 0 0;
  width: 313px;
  height: 216px;
  text-align: right;
  overflow: auto;
}
	#kunden #kundenliste {
           list-style-type: none;
         }


/* arbeiten */
#arbeiten {
  line-height: 16px;
}
#arbeiten strong, #arbeiten b {
  color: #231F20;
}
#arbeiten #beispiele {
  width: 264px;
  height: 382px;
  overflow: hidden;
  margin: 97px 0 0 0;
  float: left;
}
#arbeiten #kundenliste {
  margin: 0 0 0 292px;
  padding-top: 140px;
  width: 265px;
}
	#arbeiten #kundenliste ul {
	  list-style-type: none;
           height: 130px;
           overflow: auto;
	}
         #arbeiten #kundenliste .active {
           color: #F19458;
         }
         #arbeiten #text {
           margin: 14px 0 0 0;
           height: 200px;
	  width: 256px;
         }
         #arbeiten #text a:hover {
           color: #F19458;
         }




/* kontakt */
#adresse {
  float: left;
  margin: 362px 0 0 8px;
}
         #adresse *{
           color: #ECAA54;
         }
         #adresse dl {
           margin: 0 0 14px 14px;
         }
         #adresse p {
           margin: 0 0 0 14px;
         }
         #adresse dt {
           width: 80px;
           float: left;
         }


#kontaktform {
  margin: 196px 0 0 268px;
  width: 296px;
/*  background: #efefef;*/
}
	#kontaktform input, #kontaktform textarea {
           display: block;
/*           background: #cfcfcf;*/
           background: none;
           border: none;
           width: 282px;
           font-family: arial, helvetica, sans-serif;
           font-size: 12px;
         }
	#kontaktform label {
           display: none;
         }
         #kontaktform #url {
           display: none;
         }
         #kontaktform #name {
           margin: 22px 0 0 0;
           padding: 7px;
         }
         #kontaktform #emailadr {
           margin: 18px 0 0 0;
           padding: 7px;
         }
         #kontaktform #text {
           margin: 26px 0 0 0;
           padding: 7px;
           height: 123px;
         }
         #kontaktform #submit {
           width: 120px;
           margin: 10px 0 0 0;
           background-color: #F5CD99;
           border: 2px solid #E37B0A;
           color: #E37B0A;
           font-weight: bold;
           font-family: "courier new", courier, monospace;
         }


#kontakt2 #success {
  margin: 196px 0 0 260px;
  width: 324px;
/*  background-color: #F6F2D7;*/
  padding: 3px;
  background-image: url(grafik/backsuc-trans.png);
}




/* impressum */

#impressum #innercontent {
  margin: 61px 0 0 222px;
  width: 316px;
}
	#impressum #innercontent p {
           margin: 0 0 14px 0;
         }
         #impressum #innercontent a {
           text-decoration: underline;
         }
         #impressum dl {
           margin: 0 0 14px 0;
         }
         #impressum dt {
           width: 80px;
           float: left;
         }


/* datenschutz */
#datenschutz #innercontent {
  margin: 26px 0 0 27px;
  width: 510px;
}
	#datenschutz #innercontent h2 {
           margin: 0 0 14px 0;
         }
	#datenschutz #dserklaerung {
           padding: 0 0 0 0;
           list-style-position: inside;
           list-style-type: square;
         }
	#datenschutz #dserklaerung li {
           margin: 0 0 14px 0;
         }
         #datenschutz #dserklaerung li ul {
           padding: 0 0 0 20px;
         }
         #datenschutz #dserklaerung li ul li {
           margin: 0;
         }