@charset "ISO-8859-1";

body{
margin: 0px;
padding: 0px;
font-family: Arial;
font-size: 12px;
color: #0065A6;
background-color: #1B65A2;
}

.div_background_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back1_lq.jpg);
}

.div_background_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back1.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_pipibox_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_pipibox_lq.jpg);
}

.div_background_pipibox_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_pipibox_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_betreuung_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_betreuung_lq.jpg);
}

.div_background_betreuung_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_betreuung_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_menbox_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_menbox_lq.jpg);
}

.div_background_menbox_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_menbox_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_specialbox_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_specialbox_lq.jpg);
}

.div_background_specialbox_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_specialbox_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_pipiboxbaustelle_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_pipiboxbaustelle_lq.jpg);
}

.div_background_pipiboxbaustelle_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_pipiboxbaustelle_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_showerbox_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_showerbox_lq.jpg);
}

.div_background_showerbox_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_showerbox_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_washbox_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_washbox_lq.jpg);
}

.div_background_washbox_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_washbox_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_backstage_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_backstage_lq.jpg);
}

.div_background_backstage_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_backstage_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_service_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_service_lq.jpg);
}

.div_background_service_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_service_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_absperrungen_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_absperrungen_lq.jpg);
}

.div_background_absperrungen_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_absperrungen_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_kontakt_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_kontakt_lq.jpg);
}

.div_background_kontakt_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_kontakt_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_pipiboxxl_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_pipiboxxl_lq.jpg);
}

.div_background_pipiboxxl_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_pipiboxxl_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}


.div_background_showerboxxl_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_showerboxxl_lq.jpg);
}

.div_background_showerboxxl_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_showerboxxl_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_bestellung_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_bestellung_lq.jpg);
}

.div_background_bestellung_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_bestellung_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}

.div_background_ueber_lq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 1;
background-repeat: no-repeat;
background-image:url(img/back_ueber_lq.jpg);
}

.div_background_ueber_hq{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-Index: 2;
background-image:url(img/back_ueber_hq.jpg);
background-repeat: no-repeat;
opacity: 0;
}


.ALTdiv_background_lq{
position: absolute;
top: 0px;
left: 0px;
width: 1024px;
height: 672px;
z-Index: 1;
background-image:url(img/back1_lq.jpg);
}

.ALTdiv_background_hq{
position: absolute;
top: 0px;
left: 0px;
width: 1024px;
height: 672px;
z-Index: 2;
background-image:url(img/back1.jpg);
opacity: 0;
}

.div_logo{
position: absolute;
top: 15px; 
left: 18px;
width: 68px;
height: 143px;
z-Index: 100;
}



/*START NAV***********************************************/

.nav{
	position: absolute;
	top: 36px; 
	width: 139px;
	height: 130px;
	z-Index: 100;
}
.nav.mainnav {
	left: 209px;
}
.nav.subnav {
	display: none;
	left: 379px;
}
.nav.subsubnav {
	display: none;
	left: 549px;
}
#nav_anschlussfreie-boxen {
	top: 15px;
}

.nav a {
	display: block;
	width: 139px;
	height: 16px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.nav a.produkte {
	background-image: url('/img/nav_products.gif');
}
.nav a.services {
	background-image: url('/img/nav_services.gif');
}
.nav a.events {
	background-image: url('/img/nav_events.gif');
}
.nav a.anfrage {
	background-image: url('/img/nav_order.gif');
}
.nav a.über-uns {
	background-image: url('/img/nav_about.gif');
}
.nav a.kontakt {
	background-image: url('/img/nav_contact.gif');
}
.nav a.anschlussfreie-boxen {
	background-image: url('/img/nav_boxen.gif');
}
.nav a.mobile-container {
	background-image: url('/img/nav_container.gif');
}
.nav a.absperrungen {
	background-image: url('/img/nav_absperrungen.gif');
}
.nav a.entsorgung {
	background-image: url('/img/nav_entsorgung.gif');
}
.nav a.baubetreuung {
	background-image: url('/img/nav_baubetreuung.gif');
}
.nav a.eventbetreuung {
	background-image: url('/img/nav_eventbetreuung.gif');
}
.nav a.liefergebiet {
	background-image: url('/img/nav_liefergebiet.gif');
}
.nav a.firmenportrait {
	background-image: url('/img/nav_firmenportrait.gif');
}
.nav a.referenzen {
	background-image: url('/img/nav_referenzen.gif');
}
.nav a.qualität-umwelt {
	background-image: url('/img/nav_qualitaet-umwelt.gif');
}
.nav a.pipibox {
	background-image: url('/img/nav_pipibox.gif');
}
.nav a.menbox {
	background-image: url('/img/nav_menbox.gif');
}
.nav a.specialbox {
	background-image: url('/img/nav_specialbox.gif');
}
.nav a.backstage-m {
	background-image: url('/img/nav_backstage-m.gif');
}
.nav a.pipibox-baustelle {
	background-image: url('/img/nav_pipibox-baustelle.gif');
}
.nav a.showerbox {
	background-image: url('/img/nav_showerbox.gif');
}
.nav a.washbox {
	background-image: url('/img/nav_washbox.gif');
}
.nav a.pipibox-xl {
	background-image: url('/img/nav_pipibox-xl.gif');
}
.nav a.showerbox-xl {
	background-image: url('/img/nav_showerbox-xl.gif');
}
.nav a.backstage-l {
	background-image: url('/img/nav_backstage-l.gif');
}

/*END NAV***********************************************/



.div_contentcontainer{
position: absolute;
top: 167px; 
left: 0px;
width: 738px;
height: 2px;
z-Index: 100;
}

.div_content{
position: relative;
width: 738px;
min-height: 467px;
background: transparent;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
background-color: white;
z-Index: 100;
}

.div_bestellung{
position: absolute;
top: 167px; 
left: 750px;
width: 139px;
height: 60px;
z-Index: 100;
}

.div_zurstark{
position: relative;
width: 139px;
height: 16px;
margin-top: 8px;
margin-left: 209px;
z-Index: 100;
}

h1{
font-size: 20px;
font-weight: bold;
padding-top: 12px;
padding-bottom: 4px;
margin: 0px;
}

h2{
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 4px;
margin: 0px;
}

.text{
font-size: 12px;
line-height: 16px;
}
.text a:link { text-decoration: none; color: #0065A6;}
.text a:visited { text-decoration: none; color: #0065A6;}
.text a:active { text-decoration: none; color: #0065A6; }
.text a:hover { text-decoration: underline; color: #0065A6;}

.formtd{
font-size: 12px;
line-height: 16px;
font-weight: bold;
}
a:link { text-decoration: none; color: #0065A6;}
a:visited { text-decoration: none; color: #0065A6;}
a:active { text-decoration: none; color: #0065A6; }
a:hover { text-decoration: underline; color: #0065A6;}

.bestellfeld{
width: 25px;
height: 20px;
background-color: #D4DFE5;
color: #0065A6; 
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px dotted #0065A6;
text-align: right;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

.formfeld{
width: 350px;
height: 20px;
background-color: #D4DFE5;
color: #0065A6; 
border: 0px;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

.formfeld2{
width: 200px;
height: 20px;
background-color: #D4DFE5;
color: #0065A6; 
border: 0px;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}


.textarea{
width: 350px;
height: 100px;
background-color: #D4DFE5;
color: #0065A6; 
border: 0px;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

.breadcrumb{
color: #828282;
font-size: 9px;
}

.td_blau{
font-size: 12px;
color: #0065A6;
background-color: #F1F1F1;
height: 18px;
font-weight: normal;
}
.td_blau a:link { text-decoration: none; color: #0065A6;}
.td_blau a:visited { text-decoration: none; color: #0065A6;}
.td_blau a:active { text-decoration: none; color: #0065A6; }
.td_blau a:hover { text-decoration: underline; color: #0065A6;}

td{
font-size: 12px;
}

.tdklein{
font-size: 11px;
text-align: center;
}
.td_normal{
font-size: 12px;
color: #0065A6;
height: 18px;
font-weight: normal;
}
.td_normal a:link { text-decoration: none; color: #0065A6;}
.td_normal a:visited { text-decoration: none; color: #0065A6;}
.td_normal a:active { text-decoration: none; color: #0065A6; }
.td_normal a:hover { text-decoration: underline; color: #0065A6;}

.thumb{
position: relative;
float: left;
width: 42px;
height: 42px;
margin-right: 6px;
margin-bottom: 6px;
}
.thumb_ohne{
position: relative;
float: left;
width: 42px;
height: 42px;
}