* { margin: 0; padding: 0; }
body { font: 12px Arial, serif; background: #424c5b; color: #424c5b; padding-top: 30px}
h1 {    margin-right: 580px;margin-bottom: 10px;
    text-align: right;font: 28px Arial; color: #424c5b}
h2 {    margin-bottom: 15px; font: 20px Arial; margin-left: 290px; color: #424c5b}
.rechts {margin: 0 0 0 290px; line-height: 1.5; text-align: justify; width: 520px; color: #424c5b}

#anfrage {margin: 0 0 0 290px; width: 510px; color: #424c5b; font: 14px Arial}

#anfrage table tr td {padding-top: 5px}

#page {width: 880px; margin: 0 auto; display: block; position: relative }
.vari {margin-left: 290px; margin-bottom: 15px; width: 560px}
.vari img {width: 265px}
#gelb {width: 100%; background: #bdaa32; height: 401px; position: absolute; top: 183px; }
#line
{background: #d7cb82; width: 100%; height: 7px; position: absolute; top: 113px;}
#line2
{background: #d7cb82; width: 100%; height: 7px; position: absolute; top: 514px;}

hr {color: #cebf64; border:0px solid;
background-color: #cebf64;
height: 3px; margin: 15px 0 0px 290px; width: 520px;}
#bau {  width: 535px; height: 1051px; background:url(../images/baustoff1.jpg) no-repeat; padding-left: 315px; overflow: hidden ;}
#bau2 {  width: 535px; height: 966px; background:url(../images/baustoff2.jpg) no-repeat; padding-left: 315px; overflow: hidden ;}
#bau table tr td, #bau2 table tr td {padding: 10px; line-height: 1.5}

.mittig  { vertical-align:middle;}

#header { display: block; height: 98px; padding: 15px 0 0 0px; background: #fff; border: 0px solid #d7cb82; border-bottom-width: 7px; position: relative; z-index: 9}
#inhalt1 { padding: 0px; background: #424c5b; width: 100%; border: 7px solid #8d8642; border-left-width: 0px; border-right-width: 0px; height: auto; line-height: 0; margin: -7px 0 -7px 0; overflow: hidden; position: relative  }
#inhalt1 img {width: 100%; height: auto}
#inhalt2 { display: block; padding: 15px 15px 15px 15px; background: #fff; width: 850px;overflow: hidden;border: 0px solid #d7cb82; border-top-width: 7px;}
#inhalt3 { display: block; padding: 15px 15px 15px 15px; background: #fff; width: 850px; height: 1431px; overflow: hidden; border: 0px solid #d7cb82; border-top-width: 7px;}

#next
{position: absolute; top: 258px ;right: -70px;}
#back
{position: absolute; top: 258px ;left: -70px;}

#reftext {width: 285px; color: #424C5B; font:normal 16px Arial;
        position: absolute; bottom: 60px; left: 15px; }

#copy { display: block; padding: 5px 0px ; font: 10px Arial; background: #424c5b; text-align: right; margin: 0 0 50px 0; color: #ffffff}

#copy a {color: #ffffff; text-decoration: none; }

textarea { resize: none; width: 275px;}

a img { border: 0px solid}

input {width: 275px}
.plz {width: 70px; margin-right: 5px}
.ort {width: 200px}

#menu { width: 551px;
	height: 20px; top: 93px;
	right: 10px;
	background: #fff;position: absolute; z-index: 1000
	}

#menu a {
	color: #424c5b;
	text-decoration: none;}

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

#menu .inhalt {
	width: 580px;
	margin: 0 
}

#menu .inhalt ul {
	position: absolute;
	margin: 0 auto;
	list-style: none;
}

#menu .inhalt ul li {
	float: left;
	margin: 0 0 0 0px;
	padding: 2px 8px 3px 8px;
	font-size: 12px;
	font-weight: bold;
	}

#menu .inhalt>ul>li:hover {
		background: #bdaa32; color: #fff;
	
}

#menu .inhalt ul li.aktiv {background: #bdaa32; color:#ffffff;}

#menu .inhalt ul li.aktiv a {color:#fff}

#menu .inhalt ul li.aktiv ul li a {color:#424c5b}

#menu .inhalt ul li.aktiv ul li a:hover {color:#fff}

#menu .inhalt ul li ul {
	top: -9999px;
	
	background: #fff;
	padding: 0;
	margin: 0 0 0 -8px;
	
}

#menu .inhalt ul li:hover ul {
	top: 19px;
}

#menu .inhalt ul ul li {
	float: none;
	font-size: 12px;
	padding: 2px 6px 2px 7px;
	text-align: left;
	margin: 0;
	
	
}

#menu .inhalt ul ul li:hover {
	background: #bdaa32;
	color: #fff;
}

#menu .inhalt ul ul li a {
	display: block;
}

#menu .inhalt ul ul li a:hover {
	color: #fff;
}

#menu li ul li ul {
	position: absolute;
	left: -9999px;
}
 


table {margin: 0px; padding: 0px;}

table tr {margin: 0px; padding: 0px;}

table tr td {margin: 0px; padding: 0px;vertical-align: top}

.index {padding: 0px 5px;}
.leistungen {padding: 0px 10px 10px 10px;color: #3e3d40; text-align: justify}
.leistungen1 {padding: 0px 10px 0 5px;color: #3e3d40; text-align: justify}
.index1 {padding: 0 5px 0 4px;}
.leistungen a, .link {text-decoration: none; color: #bdaa32}
.leistungen1 a{text-decoration: none;color: #bdaa32}

.nr {margin-top: 10px;margin-left: -2px}

#logo
{position: absolute; top: 175px; left: 80px;} 

.service
{margin-left: 60px; list-style: none}

.beratung
{list-style: none}

#zoom
{position: absolute; top: 431px; left: 600px; }
ul {margin: 0; padding: 0;}

#haft
{text-align: justify; width: 550px; font-size: 10px; overflow: auto; height: 220px;padding: 0 10px 0 0; margin-top: -10px; line-height: 1.3;}
#cont {position: absolute; background: rgba(255,255,255, 0.5); height: 100%;   z-index: 99; left: 50%; margin-left: -440px; width: 360px; top: 0px}
#zeichen {
    width: 80px;
    height: 86px; 
    position: absolute; top: 50%; left: 10px; margin-top: -125px 
	}


#spruch {
    width: 245px; color: #424C5B; font:italic 32px Times;
    height: 250px; 
    position: absolute; top: 50%; margin-top: -100px; left: 100px; 
	}

#bild {
    width: 100%; 
    height: auto; 
    
}

#thumblist li {padding: 0 0 6px 0}