@charset "utf-8";
/* CSS Document */

html { margin:0; padding:0; width:100%; height:100%; font-family: Verdana, Geneva, sans-serif;  }
body { margin:0; padding:0; width:100%; height:100%; background: #009ee3; text-align:center; }


a { text-decoration:none; }
img { border:none; }
#clear, .clear { clear:both; }
ul {list-style-type: none;}
ul, li { margin:0; padding:0; }
ol {margin-bottom: 10px; font-size: 1em; font-weight: normal;}
ol ol li {font-size: .8em; margin-bottom: 10px; padding-left: .5em; margin-left: 1em;}
ol ol p { margin-left: 1em;}
ol p {margin-bottom: 10px;}
ol li:first-of-type {font-size: .8em}
.green { color:#98c329; font-weight:bold; margin-top:.2em; margin-bottom:0.5em;}
.blue { color:#07a1e2; font-weight:bold; margin-top:.2em; margin-bottom:0.5em; }
.black { color:#000; font-weight:bold; margin-top:.2em; margin-bottom:0.5em; }
.floatDiv { float:left; }
.OZ_Zusatz {color:#F00;}

/*h1 { font-size:1.5em; font-weight:normal; color:#000; text-transform:uppercase; margin-bottom:1.5em; }*/
h2, h1 { font-size:.9em; font-weight:normal; color:#000; text-transform:uppercase; margin-bottom:1.2em; margin-top:.7em; }
h4 {font-size:0.7em; font-weight:normal;}

/*-----------HEADER LOGO------------------------------------------------------------------------------------*/
#bigWrap {  width:64em; height:auto; margin:auto; text-align:center; padding-top:1.5em;}

#flaggen { text-align:right; width:64em;  }

#header { width:64em; height:9.13em; background:url(../img/headerHG.png) repeat-x left top; }
#logo, #menu { float:left; }
#logo { width:18.75em; text-align:left; }



/*-----------MENU------------------------------------------------------------------------------------*/
#menu { width:39em; height:5em; margin-top:4em; text-align:left; }
#menu ul li { width:9.38em; height:5em; float:left;  background:url(../img/menu/menuHG.png) no-repeat top left; margin-right:5px; list-style:none;}
#menu ul li:hover, #wo #woLink, #wir #wirLink, #wie #wieLink, #warum #warumLink, #partner #partnerLink, #filialinfo #woLink { background:url(../img/menu/menuHV.png) no-repeat top left; color:#000; }
#menu li:hover a, #wo #woLink a, #wir #wirLink a, #wie #wieLink a, #warum #warumLink a, #partner #partnerLink a, #filialinfo #woLink a { color:#000; }
#menu li a { display:block; font-size:0.8em; font-weight:bold;  color:#fff; padding:0 5px; }
#menu li p { padding: 5px 5px 20px 5px;}



/*-----------CONTENT------------------------------------------------------------------------------------*/
#contentWrap { width:63.6em; min-height:44em; background: #fff; border-left:3px solid #000; border-right:3px solid #000; border-bottom:15px #000 solid; text-align:left;  }
.txt { width:19.5em; float:left; min-height:auto; margin:2em auto auto 1.3em; }
.borderRight { border-right:0px solid #b9b9ba; }
.borderLeft { border-left:1px solid #b9b9ba; }
.txtX2 { width:40.5em; float:left; margin:2em auto auto 1.5em; height:auto; }
.txtX3 { width:27em; float:left; min-height:40em; margin:2em auto auto 1.3em; }
.txtX4 { width:220px; float:left; min-height:40em; margin:2em auto auto 1.3em; }
.txtX5 { width:260px; float:left; min-height:40em; margin:2em auto auto 1.3em; }
.txtX6 { width:61em; float:left; margin:2em auto auto 1.5em; height:20em; }
.txt p, .txtX3 p, .txtX4 p, .txtX6 p, .txtX5 p { margin: auto .5em 1.5em auto; font-size:.80em; line-height:1.5em; }
.txtX2 p { margin: auto .5em 1.5em auto; font-size:.80em; line-height:1.5em; }
.fontSize { font-size:0.7em;}
.txt a, .txt a:visited, .txtX4 a, .txtX4 a:visited, .txtX5 a, .txtX5 a:visited { color:#009ee3; font-weight:normal; }
.txt a:hover, .txtX4 a:hover, .txtX5 a:hover { background:#009ee3; color:#fff; }
.border { border:1px solid #b9b9ba; }
.border:hover { background:none; text-decoration:none; }

#contentWrap ul.liste { list-style-image:url(../img/list-img.png);}
#contentWrap ul.listeGruen { list-style-image:url(../img/list-plus-gruen.png);}
.txt ul li { margin:.5em 1.5em;font-size:.8em;  }
.listeBlau { list-style-image:url(../img/list-plus-blau.png); }


.divVorteile { position:relative; float:left; width:265px; height:235px; margin-right:1.5em; border:1px solid #000; padding:1em; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */ }
.divVorteile li { margin-left:2em; font-size:.8em; }
.divVorteile a:hover {color:#000; }
.divVorteile a {color:#07a1e2;}
.divVorteileButton { position:absolute; top:auto; bottom:1em; right:auto; left:1em;}

/* Button Kontakt auf Seite Wo.php */
.divWo { position:relative; float:left; width:265px; height:250px; margin-right:1.5em; margin-top:0.2em; border:1px solid #b9b9ba; padding:1em; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */ }
.divWo li { margin-left:2em; font-size:.8em; }
.divWo a:hover {color:#000; }
.divWo a {color:#07a1e2;}
.divWoButton { position:absolute; top:auto; bottom:1em; right:auto; left:1em;}
/* Ende Button Kontakt */

.txtWarum { height:19em;}

#wie .pirobox_gall { text-decoration:none; }

label { width:100px; display: table-cell; float:left; margin:0.5em 0 0 0}
#kontaktForm .input { width: 180px; border:1px solid #b9b9ba; color:#000; background:#fff; float:left; margin:0.5em 1em 0 0; }
#kontaktForm textarea { border:1px solid #b9b9ba; background:#fff; padding:1em; margin:1em 0 0 0;}
#kontaktForm .submit {margin:0.5em 0 0 0;}
#kontaktForm .select {margin:0.5em 0 0 0; width:350px;}
#filialen { height:31.5em; overflow:auto; }



/*----------BOXTEXTE------------------------*/
a.toolbox, a.txtbox, a.txtbox2, a.imgbox2, a.txtbox3, a.txtbox4 {  position:relative;  z-index:24; color:#fff; text-decoration:none; }
a.toolbox:hover, a.txtbox:hover, a.txtbox2:hover, a.txtbox3:hover, a.txtbox4:hover { z-index:25; }
a.toolbox span, a.txtbox span, a.txtbox2 span, a.imgtxt span, a.txtbox3 span, a.txtbox4 span, .suchBox span { display: none; }

.suchBox { position:relative; }
.suchBox span { font-size:.8em;}
.suchBox .toolbox img { width:90px; }
.suchBox:hover span { display:block; position:absolute; top: 3px; left: 265px; width:16em;  background-color:#000; color:#fff; text-align: left;  font-weight:normal; line-height:1.5em; z-index:300; padding:10px;}


a.txtbox:hover span { display:block; position:absolute; top: -305px; left: 240px; width:30em;  background-color:#000; color:#fff; text-align: left;  font-weight:normal; line-height:1.5em; z-index:300; padding:10px;}

a.txtbox2:hover span { display:block; position:absolute; top: -290px; left: -32em; width:30em;  background-color:#000; color:#fff; text-align: left;  font-weight:normal; line-height:1.5em; z-index:300; padding:10px; border:2px solid #fff;}

a.txtbox3:hover span { display:block; position:absolute; top: -274px; left: 240px; width:30em;  background-color:#000; color:#fff; text-align: left;  font-weight:normal; line-height:1.5em; z-index:300; padding:10px;}

a.txtbox4:hover span { display:block; position:absolute; top: -292px; left: -32em; width:30em;  background-color:#000; color:#fff; text-align: left;  font-weight:normal; line-height:1.5em; z-index:300; padding:10px;}


/*hover-Effekt für Images Box auf Wie? */
.imgbox img { margin:auto .5em .5em 0; border:1px solid #b9b9ba; }
a.imgbox, a.imgbox2{  position:relative;  z-index:24; color:#fff; text-decoration:none; }
a.imgbox:hover { z-index:25; }
a.imgbox span.imgtxt { display: none; }
a.imgbox:hover span.imgtxt { display:block; position:absolute; top: -4em; left: 0; width:282px;  background-color:#000; color:#fff; font-size:1em; text-align: left;  font-weight:normal; line-height:1.2em; z-index:30; padding:10px; border:2px solid #fff; }
a.imgbox2:hover span.imgtxt { width:10em; position:absolute; }

.asBox { position:relative; float:left; }
.asBox img { margin: .2em;}
.asBox span { font-size:.8em; display:none; }
.asBox:hover span { display:block; position:absolute; top: 100px; left: 0; max-width:500px; height:auto; text-align: center;  font-weight:normal; line-height:1.5em; z-index:300; }



/*-----------FILIALSUCHE------------------------------------------------------------------------------------*/
#filialen form { margin-left:1em; }
.input { background:#98c329; color:#000; border:0px solid #000; width:200px; padding:5px 3px; font-weight:bold; margin:6px 0 8px 0;}
.submit { background: #009ee3; color:#fff; border:1px solid #009ee3; padding:3px 10px 3px 10px; }
.submit:hover { background:#057bad; cursor:pointer; }
.ergebnis_filiale {color:#000; font-size:0.9em; border:1px solid #b9b9ba; padding:0.8em 0 0 0; margin-left: -1em;margin-bottom:1em; background:url(../img/filiallink.png) right bottom no-repeat; }
.ergebnis_filiale:hover { color:#000; background: url(../img/filiallink.png) right bottom no-repeat #ebebe9; }
#filialen ul { padding:1em; }
.niederlassung { font-weight:bold; }
.entfernung { font-weight:normal; }
.niederlassung, .entfernung { margin-bottom:10px; }
.kontakt, .OZ, .ansprechpartner { margin-top:1.5em;}
.greenH2 { font-weight:bold; color:#89b41a; }

.boxLink { color:#000;}
.papp_image {width:40px; border:1px solid #b9b9ba; margin:2px 5px 0 0; background:#fff;}

/*ALTPAPIERKAUFBOX*/
.ergebnis_filiale_ap {color:#000; font-size:0.9em; border:1px solid #b9b9ba; padding:0.8em 0 0 0; margin-left: -1em;margin-bottom:1em; }
.ergebnis_filiale_ap:hover { color:#000; background: #ebebe9; }
.ergebnis_filiale_ap a{ color:#000;}
.ergebnis_filiale_ap a:hover { color:#0055a2; }



input[type=checkbox] { display:none; }
input[type=checkbox] + label:hover { cursor:pointer;}
input[type=checkbox] + label { height: 80px; width: 80px; display:inline-block; padding: 0; border:1px solid #b9b9ba; margin:.2em; }
input[type=checkbox]:checked + label { background: #009ee3; height: 80px;  width: 80px; display:inline-block; padding: 0; }

input#box_papier + label { background:url(../img/suche/papier.png) no-repeat #009ee3; }
input#box_papier + label { background:url(../img/suche/papier.png) no-repeat #009ee3; }

input#box_zeitung + label { background:url(../img/suche/papier.png) no-repeat; }
input#box_zeitung:checked + label { background:url(../img/suche/papier.png) no-repeat #009ee3; }

input#box_pappekarton + label { background:url(../img/suche/pappe-karton.png) no-repeat; }
input#box_pappekarton:checked + label { background:url(../img/suche/pappe-karton.png) no-repeat #009ee3; }

input#box_buecher + label { background:url(../img/suche/buecher.png) no-repeat; }
input#box_buecher:checked + label { background:url(../img/suche/buecher.png) no-repeat #009ee3; }

input#box_textilien + label { background:url(../img/suche/textilien.png) no-repeat; }
input#box_textilien:checked + label { background:url(../img/suche/textilien.png) no-repeat #009ee3; }

input#box_schuhe + label { background:url(../img/suche/schuhe.png) no-repeat; }
input#box_schuhe:checked + label { background:url(../img/suche/schuhe.png) no-repeat #009ee3; }

input#box_pet + label { background:url(../img/suche/pet.png) no-repeat; }
input#box_pet:checked + label { background:url(../img/suche/pet.png) no-repeat #009ee3; }

input#box_glas + label { background:url(../img/suche/flaschen-glaeser.png) no-repeat; }
input#box_glas:checked + label { background:url(../img/suche/flaschen-glaeser.png) no-repeat #009ee3; }

input#box_folien + label { background:url(../img/suche/folie.png) no-repeat; }
input#box_folien:checked + label { background:url(../img/suche/folie.png) no-repeat #009ee3; }

input#box_vband + label { background:url(../img/suche/verpackungsband.png) no-repeat; }
input#box_vband:checked + label { background:url(../img/suche/verpackungsband.png) no-repeat #009ee3; }

input#box_cddvd + label { background:url(../img/suche/cd-dvd.png) no-repeat; }
input#box_cddvd:checked + label { background:url(../img/suche/cd-dvd.png) no-repeat #009ee3; }

input#box_metall + label { background:url(../img/suche/metall.png) no-repeat; }
input#box_metall:checked + label { background:url(../img/suche/metall.png) no-repeat #009ee3; }

input#box_paletten + label { background:url(../img/suche/paletten.png) no-repeat; }
input#box_paletten:checked + label { background:url(../img/suche/paletten.png) no-repeat #009ee3; }

input#box_illustrierte + label { background:url(../img/suche/illustrierte.png) no-repeat; }
input#box_illustrierte:checked + label { background:url(../img/suche/illustrierte.png) no-repeat #009ee3; }

input#box_geschirr + label { background:url(../img/suche/geschirr.png) no-repeat; }
input#box_geschirr:checked + label { background:url(../img/suche/geschirr.png) no-repeat #009ee3; }

/*-----------GOOGLEMAP Wo?------------------------------------------------------------------------------------*/
#map_canvas {}
.infowindow {font-size:.7em; padding:10px 0 0 0;}

/*-----------FILIALINFOS------------------------------------------------------------------------------------*/
ul#adresseF, ul#offenF, ul#kontaktF { margin: 1em auto 1em 0; border-bottom: 1px solid #000; width:95%;}
.boldUp { text-transform:uppercase; font-weight:bold; }

.wertstoffBox { float:left; border:1px solid #b9b9ba; width:18em; height:auto; margin-bottom:1em; }
.wertstoffBox img { float:left; }
.fraktion { background:#000; line-height:1.8em; color:#fff; font-size:.8em; padding:1% 2%; text-transform:uppercase; width:96%; display:block; }
.WT {width:25px; display: compact; float:left}
.imgPreis { width:150px; border:none; margin: auto 1em 1em auto; }
.anmerkungen { background:#a4a5a5; line-height:1.8em; color:#fff; font-size:.8em; padding:1%; width:94%; display:block; }



/*-----------FOOTER------------------------------------------------------------------------------------*/
#footer { width: 50em; height:auto; background:#000; color:#fff; text-align:left; padding:0 1em 1em 1em; margin:auto; }
.font { font-size:0.8em; }
#footer a { color:#fff; font-size:0.8em; }
#footer a:hover { text-decoration:underline; }
#footer p { margin-top:1em;}