* {
	margin:0; padding:0;
	border:0;
	outline:none;
	font-family:Verdana, Geneva, sans-serif;
}

body {

	background-image: url(../images/bg.gif);
}


/* ------ Webseiten - Container ------ */
#main {
	position:absolute;
	top:20px; 
	left:50%;
	width:980px;
	margin-left:-490px;
	-moz-box-shadow: 0 0 5px #888; /* Schatten */
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}


/* ------ Header ------ */
#header {
	z-index:1;
	position:absolute;
	top:0px; left:0px;
	width:980px;
	height:130px;
	background-color: #fff;
}

#header #text-header {
	margin-left:10px;
	margin-top:25px;
	width:210px;
	height:80px;
}

#header #logo {
	position:absolute;
	right:0px;
	top:20px;
	width:400px;
	height:94px;
	display:block;
}

#header p {
	position:absolute;
	font-size:1em;
	font-weight:bold;
	line-height:0.85em;
	color:#D3600A;
	margin-left:590px;
	margin-top:-29px;
	text-align:right;
}

#header span.telefon {
	font-size:0.7em;
	font-weight:normal;
	line-height:0.7em;
	color:#411901;
	text-align:right;
}



/* ------ Content ------ */
#content {
	z-index:0;
	position:relative;
	top:0px; 
	left:0px;
	width:980px;
	padding-top:128px;
	background-color:#E5E9E6; 
	min-height:500px;
}

/* ------ Navigation mit Bilder oben ----- */

#content #bild-oben {
	position:relative;
	margin-left:265px;
}




#content p.industriepark {
	position:absolute;
	font-size:14pt;
	font-weight:normal;
	line-height:1.5em;
	color:#311E0A;
	margin-left:0px;
	margin-top:-80px;
	border-top: #797979 1px solid;	 
	width:220px;
	text-align:right;
}



/* ------ Text - Container ------ */
#content #text {
	position:relative;
	padding-top:40px; 
	left:240px;
	width:700px;
	margin-bottom:20px;
	padding-bottom:20px;
	background-color:#E5E9E6; 
}

/* ------  Ueberschrift ------ */
#content #text h1 {
	font-size:11pt;
	font-weight:bold;
	line-height:1.5em;
	color:#D3600A;
	margin-top:20px;
	margin-bottom:18px;
	margin-left:25px;
}

#content #text h1 span.orange {
	font-size:8pt;
	color:#D3600A;
	font-weight:normal;
}

#content #text h2 {
	font-size:9pt;
	font-weight:bold;
	line-height:1.5em;
	color:#D3600A;
	margin-top:20px;
	margin-bottom:8px;
	margin-left:25px;
	margin-right:40px;
	background-color:#D1C1B1;
	padding-left:5px;
}

#content #text h3 {
	width:300px;
	font-size:10pt;
	font-weight:bold;
	line-height:1.5em;
	color:#311E0A;
	margin-top:20px;
	margin-bottom:18px;
	margin-left:25px;
}


/* ---- Überschrift bei Angeboten ---- */
#content #text h4 {
	font-size:9pt;
	font-weight:bold;
	line-height:1.5em;
	color:#D3600A;
	margin-top:20px;
	margin-bottom:8px;
	margin-left:25px;
	margin-right:40px;
	background-color:#D1C1B1;
	padding-left:5px;
	width:690px;
}

/* -------- Absaetze ------ */
#content #text p {
	font-size:9pt;
	font-weight:normal;
	line-height:1.5em;
	color:#311E0A;
	margin-bottom:1.625em;
	margin-left:25px;
	margin-right:60px;
}

#content #text p span.orange {
	font-size:8pt;
	color:#D3600A;
	font-weight:normal;
}


#content #text p.abbildungen {
	font-size:8pt;
	font-weight:normal;
	color:#311E0A;
}

#content #text #industriepark {
	float:right;
}

#content #text p.bildunterschrift {
	font-size:9pt;
	font-weight:normal;
	color:#D3600A;
	text-align:right;
}

/* -------- Listen --------- */
#content #text ul {
	font-size:9pt;
	font-weight:bold;
	margin-bottom:1em;
	line-height:35px;
	color:#311E0A;
	padding-left:50px;
}

#content #text ul li {
	font-size:9pt;
	font-weight:normal;
	line-height:1.1em;
	color:#311E0A;
	padding-bottom:1em;
	margin-left:100px;
	margin-right:20px;
}


/* ------  Links ---------- */
#content #text a:link {
	color:#D3600A;
	text-decoration:underline;
}

#content #text a:visited {
	color:#D3600A;
	text-decoration:underline;
}

#content #text a:hover, 
#content #text a:active,
#content #text a:focus {
	text-decoration:none;	
	color:#D3600A;
	
} 


/* ------ Tabelle auf Kontaktseite mit Kontaktformular ---- 

#content #text #kontaktadresse {
	position:absolute;
	margin-bottom:1.625em;
	margin-left:400px;
	margin-top:-430px;
	font-size:9pt;
	font-weight:normal;
	line-height:1.5em;
	color:#311E0A;
}
*/


/* ------ Tabelle auf Kontaktseite ohne Kontaktformular ---- */

#content #text #kontaktadresse {
	position:absolute;
	margin-bottom:1.625em;
	margin-left:400px;
	margin-top:-210px;
	font-size:9pt;
	font-weight:normal;
	line-height:1.5em;
	color:#311E0A;
}



/* ------ Tabelle Gebäude ---- */

#content #text #gebaeude {
	position:relative;
	margin-left:25px;
	margin-bottom:25px;
	width:650px;
}

#content #text #gebaeude td {
	font-size:9pt;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	color:#311E0A;
	padding-right:10px;
}

/* ------ Tabelle Angebote ---- */

#content #text #angebote {
	position:relative;
	font-size:9pt;
	font-weight:normal;
	line-height:1.5em;
	color:#311E0A;
	margin-left:25px;
	margin-bottom:25px;
	width:700px;
}

#content #text #angebote td {
	font-size:9pt;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	color:#311E0A;
	background-color:#D2D4D3;
	padding-left:15px;
	padding-right:15px;
}

#content #text #angebote td.ueberschrift {
	font-weight:bold;
	background-color:#BABDBC;
}
 
 
 
 /* ------ Tabelle Firmen ---- */

#content #text #firmen {
	position:relative;
	margin-left:25px;
	margin-bottom:25px;
	width:520px;
}

#content #text #firmen td {
	font-size:9pt;
	font-weight:normal;
	line-height:1.2em;
	text-align:left;
	color:#311E0A;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	border:1px solid #401900;
}


#content #text #firmen img {
 	vertical-align: top;
	margin-left:10px;
	padding-right:0px;
}


/* Bildergalerie */

#content #text #galerie {
	margin-left:25px;
}

#content #text #galerie img {
	margin-right:4px;
	margin-bottom:5px;
}


/* ------ Footer ------ */

#footer {
	position:absolute;
	bottom:0px; left:0px;
	width:980px; height:80px;
	background-color:#fff;
	text-align:right;
} 

#footer p {
	position:relative;
	top:60px; right:24px;
	font-size:0.7em;
	font-weight:normal;
	color:#6A6A6A;
}
 
#footer a:link, 
#footer a:visited {
	color:#6A6A6A;
	text-decoration:underline;
}

#footer a:hover, 
#footer a:active, 
#footer a:focus {
	color:#6A6A6A;
	text-decoration:none;
}


/* ------ Formular ------- */

#text #formular form {
	width:360px;
	position:relative;
	margin-left:25px;
}

#text #formular form label {
	display:inline-block;
	width:120px;
	font-size:9pt;
	font-weight:normal;
	line-height:12pt;
	color:#595959;
	vertical-align:top;
	text-align:right;
	margin:0 10px 3px 0;
}

#text #formular form input,
#text #formular form select,  
#text #formular form textarea {
	font-size:9pt;
	font-weight:normal;
	color:#333;
	background-color:#F7F8FC;
	border:1px solid #69604D;
	margin-bottom:3px;
}

#text #formular form input:hover, 
#text #formular form textarea:hover {
	border:1px solid #69604D;
	background-color:#EAEBE7;
	color:#000;
}

#text #formular form input:active, 
#text #formular form input:focus, 
#text #formularform textarea:active,
#text #formular form textarea:focus {

	border:1px solid #69604D;
	background-color:#EAEBE7;
	color:#000;
}

#text #formular form textarea {
	width:212px !important;
}

#text #formular form input.button {
	display:block;
	margin-left:170px;
	margin-top:5px;
	width:80px;
}

#text #formular form p {
	margin-top:5px;
	margin-bottom:1px;
}

#map {
    margin-left: 25px;
}

.alert {
    background-color: rgba(224,153,0, 0.3);
    border: 1px solid #E09900;
    font-size:9pt;
    margin-bottom: 15px;
    padding: 15px;
}