* {

	font-family: arial,helvetica,sans-serif;

	font-size: 14px;

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	text-align: left;

	list-style-type: none;	

	margin: 0;

	padding: 0;

	border: 0;

	}



body {

	text-align: center;

	margin: 0;

	padding: 0;

	background-color: #ffde8e;

	background-image: url(../images/body.jpg);

	background-repeat: repeat-x;

	}



h1 {

	margin: 0;

	padding: 0 0 0 100px;

	height: 119px;

	color: black;

	background-color: white;

	background-image: url(../images/kopf.jpg);

	}

	

h1 a {

	display: block;

	text-indent: -10000px;

	font-variant: small-caps;

	font-size: 20px;

	font-weight: bold;

	margin: 0;

	padding: 0;

	width: 300px;

	height: 119px;

	color: black;

	background-color: transparent;

	background-image: url(../images/kopf.jpg);

	background-position: -100px 0;	

	}

	

	

h2 {

	font-variant:small-caps;

	font-size: 18px;

	font-weight: bold;

	margin: 2em 0 1em 0;

	padding: 0;

	}

h3 {

	font-variant:small-caps;

	font-size: 16px;

	font-weight: bold;

	margin: 2em 0 1em 0;

	padding: 0;

	}

p {

	margin: 1em 0;

	padding: 0;

	}

em {

	font-weight: bold;

	}

	

table {

	border-collapse: collapse;

	margin: 0; padding: 0;

	}

th, td {

	text-align: left;

	vertical-align: top;

	}

	

	

ul {

	margin: 1em 0 1em 20px;

	padding: 0;

	}



a {

	text-decoration: underline;

	color: #09549c;

	}

a:hover {

	color: red;

	}

	

.ellermann {

	font-variant:small-caps;

	}



.drumrum {

	position: relative;

	margin: 0 auto;

	padding: 0;

	width: 780px;

	background-image: url(../images/drumrum.jpg);

	background-repeat: repeat-y;

	}



.navigation {

	float: left;

	display: inline;

	margin: 0 0 0 0;

	padding: 0;

	width: 175px;

	}

.n1 {

	font-variant:small-caps;

	margin: 0;

	padding: 20px 0;

	background-color: white;

	border-top: 1px solid #a76e00; /*Navi Rahmen oben*/

	border-bottom: 1px solid #a76e00; /*Navi Rahmen unten*/

	background-image: url(../images/n1.gif);

	background-repeat: repeat-y;

	}

.n1 a {

	display: block;

	font-weight: bold;

	text-decoration: none;

	margin: 0 20px 1px 20px;

	padding: 0;

	color: #666666; /*Navi Farbe Schrift im normalfall*/

	}

.n1	a:hover 

	{

	margin-bottom: 0;

	color: #918b89;

	border-bottom: 1px solid #918b89; /*Unterstrich Navi*/

	}

.n1 a.aktiv, .n1 a.aktiv:hover {

	color: #a76e00;

	margin: 0 20px 1px 0;

	padding: 0 0 0 20px;

	background-image: url(../images/n2.gif);

	background-position: 1px center;

	background-repeat: no-repeat;

	border: 0;

	}



.n2 a {

	color: red;

	}

.n2 a:hover {

	color: #ff1100;

	}

.n2 {

	margin: 1em 0;

	padding: 0;

	}

.n2 li {

	list-style-type: none;

	padding: 2px 0 2px 20px;

	background-image: url(../images/n2.gif);

	background-position: left 4px;

	background-repeat: no-repeat;

	}

.n2 {

	font-variant: small-caps;

	}

.n2 span {

	font-variant: normal;

	}

	

.n2 ul {

	margin: 2px 0 5px 30px;

	}

.n2 ul li {

	background-image: none;

	padding: 0;

	list-style-type: square;

	font-variant: normal;

	}

.adresse {

	font-size: 12px;

	margin: 0;

	padding: 20px 0 20px 20px;

	background-color: transparent;

	background-image: url(../images/adresse.jpg);

	background-repeat: no-repeat;

	}

.adresse table {

	font-size: 12px;

	border-collapse: collapse;

	}

.adresse td {

	font-size: 12px;

	margin: 0;

	padding: 0 5px 0 0;

	}

.adresse p {

	font-size: 12px;

	}

.adresse a {

	font-size: 12px;

	}

.adresse a:hover {

	font-size: 12px;

	color: green;

	}

.adresse em {

	color: #666666;

	}

.inhalt1 {

	margin: 0 0 0 175px;

	padding: 1px 0;

	color: #a76e00;;

	background-color: #ffde8e;

	background-image: url(../images/hintergrund/verlauf.jpg);

	}

.inhalt2 {

	margin: 0;

	padding: 1px 20px 20px 20px;

	height: 400px;

	color: #a76e00;

	background-color: transparent;

	background-position: right bottom;

	background-repeat: no-repeat;

	}

.inhalt1 > .inhalt2 {

	height: auto;

	min-height: 400px;

	}

	

.inhalt2 a {

	color: #ff6f00;	

	}

.inhalt2 a:hover {

	color: #ff0000;

	}



.fuss {

	clear: both;

	height: 16px;

	background-image: url(../images/fuss.jpg);

	background-repeat: no-repeat;

	}

.fuss a:hover {

	color: green;

	}

.fuss p {

	position: absolute;

	top: 100px;

	right: 0;

	margin: 0;

	padding: 0;

	}

.fuss img {

	vertical-align: middle;

	}

	

.impressumdaten th, .impressumdaten td {

	padding: 0 10px 0 0;

	color: #a76e00;

	}

.kontaktdaten th, .kontaktdaten td {

	padding: 0 10px 0 0;

	color: #a76e00;

	}

	

.kontaktdaten a, .impressumdaten a {

	color: #a76e00;

	}



.details {

	margin: 0 0 10px 250px;

	padding: 1px 10px;

	color: #a76e00;

	background-color: white;

	}

.details h3, .details p, .details ul, .details li {

	color: #a76e00;

	}

.details h3 {

	margin: 1em 0;

	padding: 0;

	}

.details li {

	list-style-type: square;

	}

	

.zusatz {

	font-size: 11px;

	}



.weg-verwaltung {

	font-variant: small-caps;

	}

.weg-verwaltung span {

	font-variant: normal;

	}

	

input, textarea {	   

	  padding: 1px;

	  color: black;

	  border: 1px solid silver;

	  border-left: 1px solid black;

	  border-top: 1px solid black;

	   background-color: white;

	  }

input.checkbox {

	padding: 0;

	color: black;

	border: 0;

	width: auto;

	 background-color: transparent;

	}

	

input.button {

			 text-align: center;

			 background-color: #dddddd;

			 border: 1px solid white;

			 border-right: 1px solid black;

			 border-bottom: 1px solid black;

			 }

	



.formular {

		  width: 400px;

		 color: #a76e00;;

		 border-collapse: collapse;

		 	 }

		 

.formular th {

		 vertical-align: middle;

		 color: #a76e00;;

		 margin: 0; 

		 padding: 3px 10px 0 0;

		 }

.formular td {

		 text-align: right;

		 vertical-align: middle;

		 color: #a76e00;

		 margin: 0; 

		 padding: 0 0 3px 0;

		 }

		 

.formular input {

	width: 300px;

	}

.formular input.button {

			 width: 148px;

	}

.formular textarea {

		  width: 400px;

		  height: 100px;

		  }



.rueckrufformular {

		  width: 400px;

		 color: #a76e00;;

		 border-collapse: collapse;

		 	 }

		 

.rueckrufformular th {

		 vertical-align: middle;

		 color: #a76e00;;

		 margin: 0; 

		 padding: 3px 10px 0 0;

		 }

.rueckrufformular td {

		 text-align: right;

		 vertical-align: middle;

		 color: #a76e00;;

		 margin: 0;

		 padding: 0 0 3px 0;

		 }

.rueckrufformular textarea {

		  width: 400px;

		  height: 100px;

		  }		 

.rueckrufformular input {

	width: 220px;

	}

	

.rueckrufformular input.button {

			 width: 109px;

	}



.bestaetigung {

	margin: 1em 0;

	padding: 4px 10px;

	color: black;

	background-color: #ccffcc;

	border: 3px solid #00cc00;

	}

.bestaetigung p {

	color: black;

	margin: 3px 0;

	}

.bestaetigung em {

	font-weight: bold;

	color: green;

	}	

.fehler {

	margin: 1em 0;

	padding: 4px 10px;

	color: black;

	background-color: #ffcccc;

	border: 3px solid #cc0000;

	}

.fehler p {

	color: black;

	margin: 3px 0;

	}

.fehler em {

	font-weight: bold;

	color: #cc0000;

	}

.fehler a {

	color: #09549c;

	}

.fehler a:hover {

	color: #cc0000;

	}


.deponie-dhs-lage .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.deponie-dhs-bielefeld .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.verwaltung .inhalt2 { background-image: url(../images/hintergrund/verwaltung.jpg); }

.impressum .inhalt2 { background-image: url(../images/hintergrund/impressum.jpg); }

.index .inhalt2 { background-image: url(../images/hintergrund/kiesberg.JPG); }

.kontakt .inhalt2 { background-image: url(../images/hintergrund/kontakt.jpg); }

.informationen .inhalt2 { background-image: url(../images/hintergrund/rtw.jpg); }

.produkte .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG);  }

.kiessand .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.sandgrubelueckhausen .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.sandgrubeaugustdorf .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.kiessandmuessen .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.kiessandsiekkrug .inhalt2 { background-image: url(../images/hintergrund/kieshaufen.JPG); }

.realisierung {

	font-size: 12px;

	margin-top: 40px;

	margin-left: 95px;	

	}

.realisierung img {

	margin: 2px 0;

	border: 1px solid black;

	}

.realisierung a:link, .realisierung a:visited, .realisierung a:active {

	font-size: 12px;

	text-decoration: none;

	}

.realisierung a:hover {

	font-size: 12px;

	text-decoration: underline;

	}

.n3 a {

	color: #ff6f00;

	}

.n3 a:hover {

	color: #ff0000;

	}

.n3 {

	margin: 1em 0;

	padding: 0;

	}

.n3 li {

	list-style-type: none;

	padding: 2px 0 2px 2px;

	background-position: left 4px;

	background-repeat: no-repeat;

	}

.n3 {

	font-variant: small-caps;

	}

.n3 span {

	font-variant: normal;

	}

	

.n3 ul {

	margin: 2px 0 5px 2px;

	}

.n3 ul li {

	background-image: none;

	padding: 0;

	list-style-type: square;

	font-variant: normal;

	}