* {
	margin:0;
	padding:0;
}
body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/bg.jpg) repeat-x center top #000;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#d8d8d8;
	line-height:22px;
}

a:link, a:visited {
	color: #ffdf00;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	color: #ffdf00;
	text-decoration: none;
	font-weight:bold;
}
a:active {
	color: #ffdf00;
	text-decoration: underline;
	font-weight:bold;
}

img {
	border:0;
}

h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}

h3 {
	font-size:12px;
	color:#ffdf00;
	font-weight:normal;
}

li {
	list-style:inside;
	list-style-type:square;
	list-style-position:inside;
}

/*---wrapper---*/

#wrapper {
	min-height:100%;  /*hierdurch + die 100% Angabe im Body/Html nimmt der wrapper 100% des Browserfensters in der Höhe ein*/
	width:850px;
	margin:0 auto;
}
* html #wrapper {
	height:100%;
}

/*---kopf---*/


#kopfl {
	height:311px; 
	width:282px;
	float:left;
}

#kopfr {
	height:311px; 
	width:568px;
	background:url(../images/kopfr.jpg) no-repeat;
	float:left;
}

/*---navigation oben---*/

#navio {
	width:371px;
	height:40px;
	margin:0;
	float:right;
}

#navio ul {
	list-style-type:none;
	padding:0 0 0 0;
	text-indent:-99999px;
	width:371px;
	overflow:hidden;
}

#navio li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
}

a.navioa {
	outline:none;
	display:block;
	height:40px;
	width:95px;
	background:url(../images/navi/startseite_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navioa:hover, a.navioa:active {
	display:block;
	height:40px;
	width:95px;
	padding:0 0 0 0;
	background:url(../images/navi/startseite_on.jpg) no-repeat 0 0;
}


a.naviob {
	outline:none;
	display:block;
	height:40px;
	width:84px;
	background:url(../images/navi/kontakt_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.naviob:hover, a.naviob:active {
	display:block;
	height:40px;
	width:84px;
	padding:0 0 0 0;
	background:url(../images/navi/kontakt_on.jpg) no-repeat 0 0;
}


a.navioc {
	outline:none;
	display:block;
	height:40px;
	width:82px;
	background:url(../images/navi/anfahrt_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navioc:hover, a.navioc:active {
	display:block;
	height:40px;
	width:82px;
	padding:0 0 0 0;
	background:url(../images/navi/anfahrt_on.jpg) no-repeat 0 0;
}


a.naviod {
	outline:none;
	display:block;
	height:40px;
	width:110px;
	background:url(../images/navi/impressum_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.naviod:hover, a.naviod:active {
	display:block;
	height:40px;
	width:110px;
	padding:0 0 0 0;
	background:url(../images/navi/impressum_on.jpg) no-repeat 0 0;
}

/*---navigation links---*/

#navil {
	width:282px;
	height:344px;
	margin-top:56px;
	float:left;
}

#navil ul {
	list-style-type:none;
	padding:0 0 0 0;
	text-indent:-99999px;
	width:282px;
	overflow:hidden;
}

#navil li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
}

a.navila {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/unternehmen_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navila:hover, a.navila:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/unternehmen_on.jpg) no-repeat 0 0;
}


a.navilb {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/vollwaermeschutz_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navilb:hover, a.navilb:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/vollwaermeschutz_on.jpg) no-repeat 0 0;
}


a.navilc {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/abbrucharbeiten_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navilc:hover, a.navilc:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/abbrucharbeiten_on.jpg) no-repeat 0 0;
}


a.navild {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/erdbau_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navild:hover, a.navild:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/erdbau_on.jpg) no-repeat 0 0;
}


a.navile {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/geruestverleih_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navile:hover, a.navile:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/geruestverleih_on.jpg) no-repeat 0 0;
}


a.navilf {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/althaussanierung_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navilf:hover, a.navilf:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/althaussanierung_on.jpg) no-repeat 0 0;
}


a.navilg {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/innenraumgestaltung_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navilg:hover, a.navilg:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/innenraumgestaltung_on.jpg) no-repeat 0 0;
}


a.navilh {
	outline:none;
	display:block;
	height:32px;
	width:282px;
	background:url(../images/navi/styrolose_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navilh:hover, a.navilh:active {
	display:block;
	height:32px;
	width:282px;
	padding:0 0 0 0;
	background:url(../images/navi/styrolose_on.jpg) no-repeat 0 0;
}

/*---inhalt---*/

div#inhalt {
	width:568px;
	min-height:344px;
	background:url(../images/inhalt_bg.jpg) 0 0 no-repeat;
	float:left;
}

* html div#inhalt {
	height:344px;
}

div#text {
	width:528px;
	margin:56px 0 0 30px;
}

div#text .links {
	width:390px;
	float:left;
	margin-right:20px;
}

div#text .rechts {
	width:110px;
	float:left;
}

/*---ueberschriften---*/

div#start h1 {
	height:19px;
	background:url(../images/ueberschriften/startseite.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#kontakt h1 {
	height:19px;
	background:url(../images/ueberschriften/kontakt.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#anfahrt h1 {
	height:19px;
	background:url(../images/ueberschriften/anfahrt.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#impressum h1 {
	height:19px;
	background:url(../images/ueberschriften/impressum.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#unternehmen h1 {
	height:19px;
	background:url(../images/ueberschriften/unternehmen.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#vollwaermeschutz h1 {
	height:19px;
	background:url(../images/ueberschriften/vollwaermeschutz.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#abbrucharbeiten h1 {
	height:19px;
	background:url(../images/ueberschriften/abbrucharbeiten.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#erdbau h1 {
	height:19px;
	background:url(../images/ueberschriften/erdbau.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#geruestverleih h1 {
	height:19px;
	background:url(../images/ueberschriften/geruestverleih.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#althaussanierung h1 {
	height:19px;
	background:url(../images/ueberschriften/althaussanierung.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#innenraumgestaltung h1 {
	height:19px;
	background:url(../images/ueberschriften/innenraumgestaltung.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

div#styroloseproduktion h1 {
	height:19px;
	background:url(../images/ueberschriften/styroloseproduktion.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}

/*---inhalt---*/

#layoutl {
	height:655px; 
	width:282px;
	float:left;
}

#layoutr {
	height:655px; 
	width:568px;
	background:url(../images/layout.jpg) no-repeat;
	float:left;
}

/*---fuß---*/

div#footerwrap {
	width:850px;
	height:202px;
	margin:0 auto;
	font-size:11px;
	line-height:18px;
}

div#footerl { 
	margin:0 auto;
	width:155px;
	height:67px;
	background: url(../images/footerl.jpg) bottom no-repeat;
	float:left;
	padding:135px 0 0 127px;
}

div#footerr { 
	margin:0 auto;
	width:568px;
	height:202px;
	background: url(../images/footerr.jpg) 0 0 no-repeat;
	float:left;
}

div#adressea {
	float:left;
	margin:135px 0 0 105px;
}

div#adresseb {
	float:left;
	margin:135px 0 0 125px;
}


* html div#adressea {
	float:left;
	margin:135px 0 0 50px;
}

* html div#adresseb {
	float:left;
	margin:135px 0 0 125px;
}

div#footera {
	width:100%;
	height:202px;
	background:url(../images/footerkachel.jpg) repeat-x;
	position:relative;
}

/*---klassen---*/

.clear {
	float:none;
	clear:both;
	height:1px;
	margin:0;
	line-height:1px;
}

* html .clear {
	clear:both;
	height:1px;
	font-size:1px;
}

.img_rahmen {
	padding:2px;
	border:1px dashed #ffdf00;
}

.img_links {
	float:left;
	padding:2px;
	border:1px dashed #d8d8d8;
	margin-right:10px;
}

.img_rechts {
	float:right;
	padding:2px;
	border:1px dashed #d8d8d8;
	margin-left:10px;
}

.txt_links {
	width:250px;
	float:left;
	margin-right:20px;
}

.txt_rechts {
	width:250px;
	float:left;
}

.top {
	width:100%;
	text-align:right;
	font-size:11px;
	margin-top:25px;
}

dl {
	width:528px;
}

dt {
	width:120px;
	float:left;
	margin-right:20px;
}

dd {
	width:250px;
	float:left;
}

* html dl {
	width:528px;
	margin:0;
}

* html dt {
	width:120px;
	float:left;
	margin:0 20px 0 0;
}

* html dd {
	width:250px;
	float:left;
	margin:0;
}

/*---impressum---*/

#euroweb {
	width:520px !important;
}