table.shop_list_single {
  width: 570px;
}

table.shop_inner_table {
  background: red;
  width: 200px;
  border: 1px solid blue;
}

div#basket_overview {
  padding-left: 5px;
  padding-right: 3px;
}

div.tx-ttproducts table {
  width: 565px;
}

div.tx-ttproducts table table{
  width: 100%;
}

div.tx-ttproducts form {
  width: 570px;
}

table.shop_list td.shop_list_cat_title { 
  color: white;
  height: 12px;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
  font-weight: normal;
  background: #d1e9b2 url(../img/elemente/service_h1_back.gif);
  border: 1px solid #457114;
  border-bottom: none;
  margin: 0;
}

table.shop_list_single td.shop_list_single_title { 
  background: none;
  border-bottom: 1px solid #457114;
}

table.shop_list_single td.shop_list_single_title a { 
  color:#457114; 
  font-weight: normal;
  font-style:normal; 
  font-size:14px; 
  text-decoration:none;
  
}

table td.single_header { 
  color: white;
  height: 12px;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
  font-weight: normal;
  background: #d1e9b2 url(../img/elemente/service_h1_back.gif);
  border: 1px solid #457114;
  border-bottom: none;
  margin: 0;
}

table td.single_header a { 
  color:#FFFFFF; 
  font-weight: bold;
  font-style:normal; 
  font-size:11px; 
  text-decoration:none;
}



table td.shop_table_header { 
  color: white;
  height: 12px;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
  font-weight: normal;
  background: #d1e9b2 url(../img/elemente/service_h1_back.gif);
  border: 1px solid #457114;
  border-bottom: none;
  margin: 0;
}

table.shop_list_single td.shop_list_single_title a:hover { text-decoration:underline; }
table td.single_header a:hover { text-decoration:underline; }

span.price { 
  color:#477515; 
  font-size:13px; 
  font-weight:bold;
}

table.shop_list_single span.product_note { 
  font-size:10px; 
  font-style:normal; 
}

table.shop_list_single span.price_tag { font-size:9pt; font-weight:bold;}
table.shop_list_single span.price_net { font-size:8pt; }
table.shop_list_single span.inbasket { vertical-align:bottom; text-align:right; }
span.shop_list_header { font-size:11pt; font-weight:bold; color:#ffffff; }
span.shop_list_text {font-size:9pt; }

span.shop_text_big {font-size:11pt; font-weight:bold; }
span.shop_subheader {
  font-size: 12px;
  font-weight: bold;
  color: #477515;  
}


/* Shop ende */





/* default styles for extension "tx_cssstyledcontent" */
  /* Captions */
  P.csc-caption { margin: 0; font-weight: bold; font-size:9px; }
  DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
  DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
  DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

  /* Needed for noRows setting */
  DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

  /* Border just around the image */
  DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
    border: 2px solid black;
    padding: 0px 0px;
  }

  DIV.csc-textpic-imagewrap { padding: 0; }

  DIV.csc-textpic IMG { border: none; }

  /* DIV: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left;}

  /* UL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

  /* DL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
  DL.csc-textpic-image { margin: 0; }
  DL.csc-textpic-image DT { margin: 0; display: inline; }
  DL.csc-textpic-image DD { margin: 0; }

  /* Clearer */
  DIV.csc-textpic-clear { clear: both; }

  /* Margins around images: */

  /* Pictures on left, add margin on right */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
  }

  /* Pictures on right, add margin on left */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }

  /* Pictures centered, add margin on left */
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; font-weight: bold; font-size: 10px;}
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

  /* Space below each image (also in-between rows) */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
  DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }

  /* Positioning of images: */

  /* Above */
  DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

  /* Center (above or below) */
  DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

  /* Right (above or below) */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
  DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

  /* Left (above or below) */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
  DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

  /* Left (in text) */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

  /* Right (in text) */
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

  /* Right (in text, no wrap around) */
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */

  /* Left (in text, no wrap around) */
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */
  
  /*dl.csc-textpic-image {
    float:left;
  }
  
  dl.csc-textpic-firstcol {
    clear:left;
  }
  
  dl.csc-textpic-lastcol {
    clear:none;
    float:left;
  }*/
  
  DIV.csc-frame-rulerAfter {
    clear: both;
    padding: 2px 0px 2px 0px;
  }

/* Indi by i-gelb */
div.abstand {
  display: block;
  clear: both;
  height: 10px;
}



  
  
/* Direkt zur Spende */
div.tx-duhdirektzurspende-pi1 {
  clear: both;
}

div.tx-duhdirektzurspende-pi1 a{
  font-weight: bold;
}
  
  
  
  
  /* default styles for extension "tx_jphcodesnippets_pi" */

  .tx-jphcodesnippets-pi {
    font-family: 'Courier New', Courier, monospace;
    font-weight: normal;
  }
  .tx-jphcodesnippets-pi .imp { font-weight: bold; color: red; }
  .tx-jphcodesnippets-pi .ln-xtra { background: #ffcccc; }
  .tx-jphcodesnippets-pi li { background: #eeeeee; }
  .tx-jphcodesnippets-pi li.li2 { background: #ffffff; }
  .tx-jphcodesnippets-pi .kw1 { color: #b1b100; }
  .tx-jphcodesnippets-pi .kw2 { color: #000000; font-weight: bold;}
  .tx-jphcodesnippets-pi .kw3 { color: #000066;}
  .tx-jphcodesnippets-pi .co1 { color: #808080; font-style: italic; }
  .tx-jphcodesnippets-pi .co2 { color: #808080; font-style: italic; }
  .tx-jphcodesnippets-pi .coMULTI { color: #808080; font-style: italic; }
  .tx-jphcodesnippets-pi .es0 { color: #000099; font-weight: bold; }
  .tx-jphcodesnippets-pi .br0 { color: #66cc66; }
  .tx-jphcodesnippets-pi .st0 { color: #ff0000; }
  .tx-jphcodesnippets-pi .nu0 { color: #cc66cc; }
  .tx-jphcodesnippets-pi .me1 { color: #006600; }
  .tx-jphcodesnippets-pi .me2 { color: #006600; }  
      /***********************/
    /* styles for          */
    /*                     */
    /* DUH-Handy-Recycling */
    /***********************/
    
    form#handy_recycling span.label {
      min-width:70px;
      width:70px;
      margin-right:5px;
    } 
    form#handy_recycling input {
      border-style:solid;
      border-color:#457114;
      border-width:1px;
    }
    
    
    
/* ADD THIS */

div.addthis_default_style_top {
  display: block;
  position: relative;
  top: -20px;
  left: 0px;
  margin-left: 400px;
  width: 200px;
  z-index: 0;
  float:right;
}

div.addthis_default_style_top a {
  background-image: none !important;
  padding-right: 2px !important;
}

/* Themenliste */
div.tx-themenliste-pi1 {
  
}

div.tx-themenliste-pi1 a.long {
  font-size: 13px;
  font-weight: bold;
  display: block !important;
  clear:both;
  margin-bottom: 5px !important;
  background-image: none !important;
}

div.tx-themenliste-pi1 a.bildlink {
  background-image: none !important;
  padding:0px;
}

div.tx-themenliste-pi1 ul.lang {
  margin-left: 0px;
  padding-left: 0px;
}

div.tx-themenliste-pi1 ul li.long {
  list-style: none;
  margin-bottom: 20px !important;
  display: block;
  clear: both;
}

div.tx-themenliste-pi1 div.longpic {
  float: left;
  margin: 0px 10px 5px 0px !important;
}

div.tx-themenliste-pi1 {
  
}
div#u_inhalt div.tx-pbsurvey-pi1 legend {
  display:block; 
}


div#u_inhalt div.tx-pbsurvey-pi1 h1 {
  font-size:14px;
  font-weight:bold; 
}
div#u_inhalt div.tx-pbsurvey-pi1 span.questionNumber {
 /*display:none; */
}

div#u_inhalt div.tx-pbsurvey-pi1 fieldset.survey_item input {
  font-size:11px; 
}

div#u_inhalt div.tx-pbsurvey-pi1 .pageHeader {
  font-weight: normal;
  color:#477515; 
}

#content .tx-duhspendenbutton-pi1 {
    position: relative;
    left:0px;
    width:100%;
    float:left;
    margin-bottom:10px;
}

#content .tx-duhspendenbutton-pi1 .spendenbutton {
    background-color: #f7931d;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    clear: both;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    right:25px;
    line-height: 40px;
    margin: 30px auto 20px;
    overflow: visible;
    position: relative;
    text-indent: 2px;
    white-space: nowrap;
    z-index: 0;
    float:right;
    padding-left:5px;
padding-right:2px;
}

#content .tx-duhspendenbutton-pi1 .spendenbutton:after {
    border-bottom: 20px solid transparent;
    border-left: 23px solid #f7931d;
    border-top: 20px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -23px;
    top: 0;
    width: 0;
    z-index: -2;
}

#content .tx-duhspendenbutton-pi1 .spendenbutton a {
  color:#FFF;
  text-decoration:none;
  }
  
div.slickimonial div.slicktext {
height:200px;
padding-top:25px;
}

#content .news-single-item .news_header {
  margin:0px;
  margin-top:5px;
  margin-bottom:10px;
  padding:0px;
  padding-top:5px;
  padding-bottom:5px;
  border:none;
/*  border-top-color:#477513;
  border-top-style: solid;
  border-top-width: 1px;*/
  border-bottom-color:#477513;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  position:relative;
  height:18px;
}

#content .news-single-item .news_header .news_header_city_date {
  position:absolute;
  left:0px;
  top:5px;
  bottom:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:250px;
}

#content .news-single-item .news_header .news_header_links_downloads {
  position:absolute;
  right:0px;
  top:5px;
  bottom:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:250px;
  text-align: right;
}

#content .news-single-item h1 {
  font-size:18px;
}

#content .news-single-item h2 {
  font-size:13px;
  font-weight: bold;
  color:#000;
  
}

#content .tx-duhsocialmediasharer-pi1 {
  text-align:right;
  height:20px;
  clear:both;
  margin-bottom:10px;
  }

#content .tx-duhsocialmediasharer-pi1 .tx-duhsocialmediasharer-item {
    float: right;
    margin-left: 10px;
    width: 90px;
}

#content .tx-duhteaser2-pi1 {
  float: left;
  clear:left;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 {
  float: left;
  clear: none;
}


#content .tx-duhteaser2-pi1 .duhteaser2_single {
  width:774px;
  height:186px;
  overflow: hidden;
  margin-top:3px;
  padding-bottom:10px;
  margin-bottom:10px;
  position:relative;
  border-bottom: 1px solid #477513;
}                                            

#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image {
  width:380px;
  height:186px;
  overflow:hidden;
  margin-right:7px;
  position:relative;
}

#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image img {
  width: 387px;
  height: 186px;
}

#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image .duhteaser2_single_image_copy {
  color: #FFF;
  font-size: 0.8em;
  position:absolute;
  bottom:3px;
  right:5px;
  text-shadow: 0.05em 0.05em #AAA;
}
                                                                            
#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content {
  position:absolute;
  top:0px;
  left:387px;
  width:380px;
  height:186px;
  overflow:hidden;
  padding-right:5px;
  padding-left:7px;
}

#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_titlelong {
  display:none;
}


#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_content_link {
  width:387px;
  height:60px;
  position:absolute;
  left:0px;
  bottom:0px;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+66 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#content .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_content_link a {
  display:block;
  position:absolute;
  bottom:5px;
  right:5px;
}

#content .duhteaser2_double {
  width:774px;
  height:186px;
  overflow: hidden;
  margin-top:3px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom: 1px solid #477513;
  position:relative;
}

#content .duhteaser2_double .duhteaser2_single {
  width:380px;
  border:none;
  overflow:hidden;
  position:relative;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content {
  position:absolute;
  bottom:0px;
  left:0px;
  width:380px;

}

#content .duhteaser2_double .duhteaser2_column {
  position:absolute;
}

#content .duhteaser2_double .duhteaser2_double_right {
  top:0px;
  right:0px;
}

#content .duhteaser2_double .duhteaser2_double_left {
  top:0px;
  left:0px;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_titlelong {
  color:#FFF;
  display: block;
  position:absolute;
  left:0px;
  bottom:0px;
  width:374px;
  margin:0px;
  background-color:rgba(71, 117, 19, 0.75);
  font-size:18px;
  padding:3px;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_titlelong a {
  text-decoration:none;
  color:#fff;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_titlelong a:hover {
  text-decoration:none;
  color:#fff;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_titleshort {
  display:none;
}

#content  .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image {
  width:380px;
  height:186px;
  overflow:hidden;
  margin-right:7px;
  position:relative;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image img {
  width: 387px;
  height: 186px;
  position:absolute;
  left:-3px;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_text {
  display:none;
}

#content .duhteaser2_double .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_content_link {
  display:none;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double {
  width:380px;
  
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column {
  width:183px;
  
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single {
  width:183px;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image {
  width:183px;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image {
  width:183px;
  height:186px;
  overflow:hidden;
  margin-right:7px;
  position:relative;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image img {
  width: 387px;
  height: 186px;
  position:absolute;
  left:-93px;
}

#content .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_category {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  /*height: 20px;
  width: 80px;
  max-width: 150px;
  max-height: 20px;*/
  overflow-x: visible;
}

#content .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content .duhteaser2_single_category  a{
  display:block;
  text-transform: uppercase;
  background: rgba(255,255,255,0.8);
  padding:3px;
  text-decoration: none;
  font-weight: 800;
}

#content .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single_content {
  position: absolute;
  top:0px;
  left:0px;
  padding:0px;
}

#content .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image .duhteaser2_single_image_copy {
  -ms-transform: rotate(-90deg); /* IE9 */
  -webkit-transform: rotate(-90deg); /*Safari*/
  transform: rotate(-90deg);
  position: absolute;
  width:100px;
  height:12px;
  right:-44px;
  top:75px;  
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content {
  width:183px;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_image {
  width:183px;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content h1.duhteaser2_single_titlelong {
  display: none;
}



#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content h1.duhteaser2_single_titleshort {
  display:block!important;
  position: absolute;
  bottom:0px;
  left:0px;
  padding:2px;
  color:#FFF;
  bottom:0px;
  margin:0px;
  background-color:rgba(71, 117, 19, 0.75);
  font-size:15px;
  min-height:5px;
  min-width:183px;
  width:183px;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content h1.duhteaser2_single_titleshort a {
  color:#fff;
  text-decoration:none;
}

#content .duhteaser2_double .duhteaser2_column .duhteaser2_double .duhteaser2_column .tx-duhteaser2-pi1 .duhteaser2_single .duhteaser2_single_content h1.duhteaser2_single_titleshort a:hover {
  color:#fff;
  text-decoration:none;
}