body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.9em;
 padding:0px;
 margin:0px;
 background: url(../img/bg_body.jpg) no-repeat #4D6A46;
}

a {
 text-decoration:none;
}

a.mehr_button {
 background-image: url(../img/mc049.gif);
 background-repeat:no-repeat;
 background-position:bottom right;
 margin-left:700px;
 height:7px;
 width:35px;
 display:block;
}

a.mehr_button span {
 visibility:hidden;
}

img {
 border:0px;
}

h2 img {
 padding:0px 0px 0px 5px;
}

h3 {
 font-size:1em;
}

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

fieldset{
 margin:0px;
 padding:0px;
 border:none;
}

p.kursiv {
 font-weight:bold;
 color:#D52D20;
 font-style:italic;
 letter-spacing:0.2em;
}

li.fett {
 font-weight:bold;
 color:#000;
 list-style-type:square;
 border-bottom:1px dashed brown;
 padding-bottom:3px;
}

div#main {
 width:980px;
 margin:40px auto 5px auto;
 overflow:hidden;
 background:url(../img/bg-main-start.gif) no-repeat #FFF;
 position:relative;
 padding:0px 0px 200px 0px;
 -moz-box-shadow:0 0 25px 0px #000;
 -webkit-box-shadow:0 0 25px 0px #000;
 box-shadow:0 0 25px 0px #000;
}

/*  --------------------------------------------------------------------------------  Head */

div#head {
 position:relative;
 height:200px;
background: url(../img/bg-head.gif) no-repeat top right transparent;
}

div#logo_link {
 overflow:hidden;
 height:120px;
}

div#logo_link span {
 display:none;
}

div#logo_link a {
 display:block;
 position:absolute;
 left:30px;
 top:55px;
 height:90px;
 width:320px;
}

div#head a {

}
#head div.url_right{
	position:absolute;
	top:133px;
	right:10px;
}
#head a:hover{
	text-decoration:none;
	color: #CBE19E;
}
#head #buttons_rgt{
	position:absolute;
	right:0px;
	top:210px;
}
#buttons_rgt ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#buttons_rgt li{
	display:inline;
}
#buttons_rgt a{
	display:block;
	color:#FFF;
	background:url(../img/bg-button-head-rgt.gif) no-repeat;
	font-size:0.85em;
	text-align:right;
	padding:15px 10px 22px 12px;
	margin-bottom:5px;
}




/*  --------------------------------------------------------------------------------  Content */

div#content {
 float:right;
 width:750px;
 padding:180px 0px 3px 25px;
 margin-left:30px;
}

div#seiteninhalt {
	margin-bottom:25px;
	padding-bottom:10px;

}
div#boxcontent{
	text-align:justify;
	font-size:12px;
	line-height:18px;
}

div#boxcontent p {
	margin-right:125px;
}
div#boxcontent h1,div#boxcontent h2,div#boxcontent h3,div#boxcontent h4 {
	margin-right:120px;
}

div#boxcontent h1, div#boxcontent h3{
	text-align:left;
}

div#boxcontent a {
/*color:#D52D20;*/
color:#009036;	
text-decoration:none;
}

div#boxcontent a:hover {
color:#000000;
text-decoration:underline;
}

div.mainTable {
float:right;
border:1px dotted #CCCCCC;
padding:0px;
}

div.mainTable td h2 {
background-image:url(../img/co048.gif);
background-repeat:no-repeat;
background-position:top right;
margin-right:3px;
}

div.mainTable h2 {
font-size:10px;
color:#D52D20;
text-transform:uppercase;
margin:5px 0px 5px 5px;
}

div.mainTable p {
font-size:10px;
}

.tablestyle {
border-bottom:1px solid #E5E5E5;
}

/*  --------------------------------------------------------------------------------  Ingos Erweiterungen */
img.textbild{
	float:right;
	margin:0px 0px 5px 10px;
}
img.textbild_links{
	float:left;
	margin:5px 10px 0px 0px;
}
span.farbe1{
	color:#800000;
}
span.farbe2{
	color:#008000;
	font-size:10px;
}
span.farbe3{
	color:#800000;
	font-size:10px;
}
span.farbe4{
	color:#000000;
	font-size:14px;
}
span.blau{
	color:#0069A5;
      font-weight:bold;
}
span.weiss{
	color:#FFF;
    font-weight:bold;
}
span.rosa{
	color:#009036;
      font-weight:bold;
      font-size:1.2em;
}
.u {
	text-decoration:underline;
}
div.absatz1 h4{
	background-image: url(../img/button_orange_h4.gif);
	background-repeat:no-repeat;
	padding-left: 15px;
    font-size:12px;
}
div.absatz1 p{
	padding-left:15px;
}
h3.ueberschrift{
	background-image: url(../img/line_faq_h3.gif);
	background-repeat: no-repeat;
	padding:0px 0px 5px 30px;
}
h1.ueberschrift{
	 font-size:1.3em;
 	color:#009036;
 	background-image:url(../img/bg-headline.gif);
 	background-repeat:no-repeat;
 	background-position:left bottom;
 	position:relative;
 	left:-40px;
 	padding:0px 12px 6px 40px;
 	margin:0px 0px 20px 0px; 
 	font-weight:800;
}
div.glueh{
	background-position:top left;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 100px;
	margin:5px 10px;
}
div.glueh.birne{
	background-image:url(../img/button_tipp.gif);
}
div.gluehbirne{
	background-position:top left;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 50px;
	margin:5px 10px;
}
div.gluehbirne.klein{
	background-image:url(../img/button_tipp_small.gif);
}
div.herv{
	padding:10px 0px 15px 80px;
	color:#FFF;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:0.9em;
}
div.herv_index1{
	background-image:url(../img/bg-herv-index1.gif);
}
div.herv_index2{
	background-image:url(../img/bg-herv-index2.gif);
}
div.iconhakenklein{
	background-position: left 5px;
	background-repeat:no-repeat;
	padding: 0px 5px 5px 75px;
	margin:5px 10px;
	background-image:url(../img/bg-icon-check.gif);
}
div.iconhakenklein p{
	font-weight:bold;	
	margin:0px;
}
div.iconkasten{
	background-position:top left;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 32px;
	margin:5px 10px;
}
div.iconkasten.blau{
	background-image:url(../img/button_achtung.gif);
}
div.iconkasten.inf{
	background-image:url(../img/button_achtung.gif);
}
div.iconkastenklein{
	background-position:top left;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 50px;
	margin:5px 25px;
}
div.iconkastenklein.info{
	background-image:url(../img/button_achtung_small.gif);
}
div.iconbox{
	background-position:top left;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 100px;
	margin:5px 10px;
}
div.iconbox.info{
	background-image:url(../img/button_tipp.gif);
}
ul.navigation-mitte{
	padding:0px 0px 50px 30px;
	margin:0px;
	list-style:none;
	background:url(../img/bg-navigation-mitte.gif) no-repeat -15px top;
	overflow:hidden;
}
ul.navigation-mitte li{
	padding:0px;
	margin:0px 31px 0px 0px;
	width:138px;
	float:left;	
}
ul.navigation-mitte a{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	padding:140px 0px 0px 0px;
	color:#000 !important;
	text-align:left;
	font-size:0.95em;
}
ul.navigation-mitte a strong, ul.navigation-mitte a span{
}
ul.navigation-mitte a strong{
	color:#009036;
	font-size:1.05em;
	display:block;
}
ul.navigation-mitte a:hover strong{
	color:#000;
}
ul.navigation-mitte a span.icon_mehr{
	text-align:right;
	margin-top:10px;
}

ul.navigation-mitte a.ablauf{
	background-image:url(../img/icon_so-geht-es.gif);
}
ul.navigation-mitte a.ruecknahme{
	background-image:url(../img/icon-sammlung.gif);
}
ul.navigation-mitte a.anforderung{
	background-image:url(../img/icon-anforderung.gif);
}
ul.navigation-mitte a.abholung{
	background-image:url(../img/icon_abholauftrag.gif);
}
ul.navigation-mitte a.umweltschutz{
	background-image:url(../img/icon-entsorgung.gif);
}
ul.navigation-mitte a.abfallgesetz{
	background-image:url(../img/icon-abfallgesetz.gif);
}
ul.navigation-mitte a.recycling{
	background-image:url(../img/icon-recycling.gif);
}
ul.navigation-mitte a.fragen{
	background-image:url(../img/icon-fragen.gif);
}
ul.navigation-mitte a.agb{
	background-image:url(../img/icon-agb.gif);
}
ul.navigation-mitte a.ansprechpartnerin{
	background-image:url(../img/icon-kontakt.gif);
}
ul.navigation-mitte a.kontakt{
	background-image:url(../img/icon-kontaktformular.gif);
}
ul.navigation-mitte a.impressum{
	background-image:url(../img/icon-leergedruckt.gif);
}
ul.navigation-mitte a.sitemap{
	background-image:url(../img/icon-sitemap.gif);
}
ul.navigation-mitte a.startumwelt{
	background-image:url(../img/index-teaserpic-ruecknahme.jpg);
}
ul.navigation-mitte a.startinfo{
	background-image:url(../img/index-teaserpic-umwelt.jpg);
}
ul.navigation-mitte a.startdownload{
	background-image:url(../img/index-teaserpic-downloads.jpg);
}
ul.navigation-mitte a.startkontakt{
	background-image:url(../img/index-teaserpic-kontakt.jpg);
}

hr{
	height:1px;
	border:none;
	border-top:1px dashed;
	background-color:transparent;
}
hr.grau{
	border-color: #999;
}
hr.orange{
	border-color:#EB9A48;
}

/*  --------------------------------------------------------------------------------  Leergutankauf Startseite Infokaesten */

div.headfooter {
width:525px;
font-weight:bold;
padding:5px 0px 0px 5px;
margin:0px 0px 0px 100px;
}

div.headfooter a {
text-decoration:none !important;
color:#000000;
}

div.headfooter a:hover {
text-decoration:underline !important;
color:#000000 !important;
}

div.mainfooter {
width:737px;
height:137px;
}

div.mainfooter a {
text-decoration:none !important;
}

div.mainfooter p {
padding:5px 0px 5px 5px;
font-size:12px;
}


/*  --------------------------------------------------------------------------------  Leergutankauf Startseite End */


div#footer{
 font-size:0.7em; 
 color:#999;
 padding:0px;
 position:absolute;
 bottom:8px;
 left:9px;
 height:205px;
 width:962px;
 background:url(../img/bg-footer.jpg) bottom left no-repeat;
}
div#footer div.footertop{

}
div#footer a{
  border:0px;
  margin:0px;
  padding:0px;
}
div#footer a{
  color:#999;
}
div#footer a:hover{
  color:#000;
}
div#footer div.icons{
  position:absolute;
  left:205px;
  top:0px;
}
div#subfooter {
 width:980px;
 margin:0px auto 5px auto;
 overflow:hidden;
 position:relative;
 padding:10px 0px 0px 0px;
 color:#000000;
}
div#subfooter p{
 font-size:0.8em;
 color:#FFFFFF;
}
div#subfooter a{
 color:#FFFFFF;
}


h3#seitentitel {
 font-size:1.3em;
 color:#009036;
 background-image:url(../img/bg-headline.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
 position:relative;
 left:-40px;
 padding:0px 12px 6px 40px;
 margin:0px 0px 20px 0px; 
 font-weight:800;
}

/*  --------------------------------------------------------------------------------  Navigation */

div#nav_left {
 float:left;
 width:167px;
 padding-top:80px;
}

div#nav_right {
 float:right;
 right:1px;
 width:196px;
}

div.url {
 display:block;
 position:absolute;
 bottom:40px;
 left:5px; 
}

div#lang {
 display:block;
 position:absolute;
 bottom:20%;
 right:2%; 
}

.right div {
 background-position:bottom left;
 background-repeat:no-repeat;
}

.right a{
 color:#660066;
}

/*  --------------------------------------------------------------------------------  Navigationsbox */
div.nav_box{

}

div.nav_box a.boxlink {
 color:#000000;
 display:block;
 padding-top:3px;
 text-align:right;
}
div.nav_box h4 {
	margin:0px;
}
div.nav_box h2 {
	margin:0px;
}
div.nav_box h4 a.boxlink {
 color:#009036;
 display:block;
 text-transform: uppercase; 
}
div.nav_box h4 a.boxlink.selected {
	color:#009036;
}
div.nav_box a.boxlink:hover {
 text-decoration:none;
 color:#9FCA45;
}

div.nav_box a.boxlink.abstract {
 position:relative;
 margin:0px;
}
div.nav_box a.boxlink.abstract:hover{
  text-decoration:none;
  color:#009036;
}
.right .nav_box div.navlinks {
 background-repeat:no-repeat;
 background-position:left top;
}
div.nav_box {
 position:relative;
 display:block;
 padding:0px;
 margin: 0px 0px 8px 0px;
 background-position: top left;
 background-repeat: no-repeat;
}
div.nav_box div.navlinks {
 padding:0px 0px 0px 10px;
 background-color:#FFF;
 font-size:0.9em;
}
.nav_box a.abstract {
 display:block;
 padding:3px 0px 3px 0px;
 margin: 0px;
}
.nav_box a.last {
	border:none;
}
.nav_box a.mehr {
 font-size:0.6em;
 display:block;
}
.left .nav_box a.abstract {
 padding-right:0px;

}
.nav_box a.mehr {
 background-repeat:no-repeat;
 background-position:right;
 /*padding:10px;*/
 height:10px;
 margin-bottom:0px;
}
.nav_box a.mehr:hover {
}
.nav_box a.mehr span {
 display:none;
}
.left a.mehr {
 margin-right:80px;
}
.right a.mehr {
 margin:1px 3px 1px 80px; 
}

div.navlinks a:hover {
color:#9FCA45;
text-decoration:none;
}
div.navlinks a.selected{
 color:#9FCA45;
}
div.lieferschein .error{
	color:#F00;
	font-weight:bold;
}
div.headerinfo {
	font-size:10px;
	color:#ccc;
	border-bottom:1px dotted #ccc;
	margin:10px 0px 15px 0px;
}


/*  --------------------------------------------------------------------------------  Utilitys */

.right div.bereich17 div.navlinks {
 background-image:url(../img/kontakt_navigation.jpg);
}

.right div.bereich18 div.navlinks{
 background-image:url(../img/uebersicht_navigation.jpg);
}

.right div.bereich19 div.navlinks{
 background-image:url(../img/download_navigation.jpg);
}

.right div.bereich20 div.navlinks{
 background-image:url(../img/newsletter_navigation.jpg);
}

.right div.bereich21 div.navlinks{
 background-image:url(../img/rechtliches_navigation.jpg);
}

.right div.bereich22 div.navlinks {
 background-image:url(../img/sitemap_navigation.jpg);
}




/*  --------------------------------------------------------------------------------  Ruecknahmesystem */

#main.main_ruecknahme{
	background-image:url(../img/bg-main-ruecknahme.gif);
}
/* --------------------------------------------------------------------------------  Informationen  */

#main.main_hintergrund{
	background-image:url(../img/bg-main-hintergrund.gif);
}
/*  --------------------------------------------------------------------------------  Download */

#main.main_downloads{
	background-image:url(../img/bg-main-download.gif);
}

/*  --------------------------------------------------------------------------------  Kontakt */

#main.main_kontakt{
	background-image:url(../img/bg-main-kontakt.gif);
}



#Formular div.error{
	padding:5px;
	border:1px solid #F00;
	background-color:#FDD;
	color: #F00;
}
#Formular div.error ul{
	padding:0px;
	margin:0px 0px 0px 20px;
}

table#box_auszahlungen{
	border-collapse:collapse;
	margin:3px auto 1px auto;
}
table#box_auszahlungen td{
	border:solid #EEE;
	border-width:1px 0px;
	padding:2px;
}
table#box_auszahlungen td.monat{
	font-size:0.7em;
}
table#box_auszahlungen td.summe{
	text-align:right;
}

/*  --------------------------------------------------------------------------------  Druckansicht */

@media print{
  body{
    background-color: #FFF;
  }
  
  div#main{
  border:none;
  overflow:visible;
  }
 
  div#head{
    display:none;
  }
  
  div#nav_left{
    display:none;
  }
  
  div#nav_right{
    display:none;
  }
  div#content{
    margin:0px;
    padding:0px;
    border:none;  
	position:static;
  }
  
  div#logo_link{
    display:none;
  }
  
  div#lang{
    display:none;
  }
  
  div#footer {
  display:none;
  }
}

/* Votingsystem */
form#voting {
  width:525px;	
  border:1px solid #E5E5E5;	
}

form#voting p.voting_legend {
background-color: #E5E5E5;
height:20px;
padding: 3px 3px 3px 5px;
margin-bottom: 10px;
text-align: left;
font-weight:bold;
}

form#voting label, form#voting textarea, form#voting input {
	margin-left:5px;
}

form#voting textarea, form#voting input {
	  border:1px solid #E5E5E5;	
}

form#voting fieldset {

	padding:0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	border:0px;
}

.voting-barcontainer {
    border:1px solid #ccc;
  width:100%;
  margin-bottom:10px;
}
.voting-bar {
  display: block;
  top:0px;
  left:0px;
  background-position: left, top;
  background-image: url("../img/bar.png");
  background-repeat: repeat-x;
  height:18px;
  background-color:#eba966;

}
.voting-result {
  padding-left: 2px;
  padding-top:2px;
  padding-bottom:2px;
  position: relative;
}

.voting-selected {
  font-weight: bold;
  background-color: #EEE;
}

div.voting_comment {
  padding:3px;
  margin-bottom:10px;
  background-color:#f3f3f3;

}

p.voting_commentname {
 color:#3F3F3F;
 }
 
div.searchresultNavigation {
	margin:16px 0px 16px 0px;	
} 
div.searchresultNavigation ul{
	width:360px;
	margin-left: auto;
	margin-right: auto;	
} 
div.searchresultNavigation ul li {
	float: left;
	display:block;
	width:24px;	
}

div.searchresultNavigation ul li a strong {
	text-decoration: underline;	
}

div.searchresultNavigation ul li.pages {
	width: 64px;	
}
div.searchbox {
	margin-bottom: 16px;	
}

div.searchbox fieldset{
	border:none;	
}
/*=== ruecknahmesystem_ablauf ====*/
div.ruecknahmesystem_ablauf {
	position:relative;
	left:-70px;
	width:811px;
	padding-left:40px;
}
div.ruecknahmesystem_ablauf div.block h1.ueberschrift{
	display:none;
}
div.ruecknahmesystem_ablauf div.block{
	background-repeat:no-repeat;
	background-position:right top;
	padding:60px 0px 0px 250px;
	margin-bottom:20px;
}
div.ruecknahmesystem_ablauf div.block1{
	background-image:url(../img/icon-sogehts-01.jpg);
}
div.ruecknahmesystem_ablauf div.block2{
	background-image:url(../img/icon-sogehts-02.jpg);
}
div.ruecknahmesystem_ablauf div.block3{
	background-image:url(../img/icon-sogehts-03.jpg);
}
/*Social-Media-Links linke Navigation */

#nav_left div.google_plusone {
	text-align:right;
	font-size: 0.9em;
	position:relative;
	top:-5px;
}
