/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/


.top {
  background:#FFFFFF url(../img/layout/balken.jpg) repeat-x;
  position:relative;
  margin-top: 26px;
  height: 10px;
  border-bottom: 1px solid #6AC356;
  width:855px;
}


/***********************
*  Wrapper             *
***********************/

#wrapper {
  float: left;
  background:#FFFFFF url(../img/layout/contentb2g1.jpg) repeat-x;
  width:855px;

  margin: 0 !important;
  margin: -15px 0 0 0; /* Fuck IE */
  padding: 0;
  }

.submenu {
  position: relative;
  left: -2px;
  top: 1px;
  padding: 0px;
  text-align: left;
  height: 200px;
  display: none;
  font-size: 0.9em;
  font-weight: normal;
  font-face: "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
  z-index: 5111;
  overflow: visible;
  clear: both;
  letter-spacing: normal;
  width:178px;
  padding-left:7px;
  border:none;
  margin-left: -5px;
  background: url(../img/layout/submenubg.png) repeat-y left top;
}




ul.menu li.page_item div.submenu ul.submenu_ul {list-style-type: none;margin-left:0px;padding:0px;}
ul.menu li.current_page_item div.submenu ul.submenu_ul {list-style-type: none;margin-left:0px;padding:0px;}
ul.menu li.page_item:hover div.submenu {display:block;}
ul.menu li.current_page_item:hover div.submenu {display:block;}
ul.menu li.page_item div.submenu ul.submenu_ul li a.menu_last_li {
  border:none;
  width:170px;
  background: url(img/layout/submenubottom.png) no-repeat 0 0;
  margin-left:-5px;
  line-height:2px;
  padding-left:0px;
  height:2px
  }





  #subnavbar {
    clear: both;
    float: left;
    width: 100%;
    height: 24px;
    z-index: -1;
    }



ul.menu {float: left;margin: 0;padding: 0 0px;z-index: 1000;list-style-type: none;}
ul.menu li {float: left;}
ul.menu li a {float: left;display: block;height: 24px;border-right: 1px solid #69B258;padding: 0px 15px 0 15px;line-height: 24px;	color: #D6FDCD;	}
ul.menu li a:link,ul.menu li a:visited {color: #D6FDCD;background: none;}
ul.menu li a:hover,
ul.menu li a:active {
  color: #FFFBD7;
  background: url(../img/nav_active.gif) repeat-x center  center;
  background-repeat: repeat-x;
  text-decoration: none;
  height: 24px;
  padding: 0px 15px 0 15px;
  line-height: 24px;

  }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active {
  color: #FFFBD7;
  background:  url(../img/nav_active.gif) repeat-x center  center;
  background-repeat: repeat-x;
  text-decoration: none;
  }




ul.menu li div.submenu ul.submenu_ul  li a {
  display:block;
  color: #000;
  width: 141px;
  border:none;
  border-bottom: 1px dotted #6AC356;
  line-height:  15px;
  height: 19px;
  padding-top: 2px;
  padding-left: 14px;
  text-decoration: none;
  background: none;
  background-color: #DEFDD7;

  letter-spacing: normal;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
}

ul.menu li div.submenu ul.submenu_ul li a:link,
  ul.menu li div.submenu ul.submenu_ul li a:visited {
     display:block;
  color: #000;
  width: 141px;
  border:none;
  border-bottom: 1px dotted #6AC356;
  line-height:  15px;
  height: 19px;
  padding-top: 2px;
  padding-left: 14px;
  text-decoration: none;


  letter-spacing: normal;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
  background-color: #DEFDD7;
    }


ul.menu li div.submenu ul.submenu_ul li a:hover {
  display:block;
  background-color: #C1EAB8;
  background-image: url(../img/icons/small/arrow_right_peppermint.png);
  background-repeat: no-repeat;
  background-position: left 7px;
  text-decoration: underline;
  color: #000000;
}


























  .searchbar {
    float: right;
    width: 250px;
    height: 26px;

    margin: 0;
    }
  .suche {
    font-size: 12px;
    width: 140px;

  }
  .searchform {
    width: 190px;
    height: 20px;
    text-align: left;
    }
  input#s {
    width: 168px;
    height: 17px;
    margin: 1px 0 0 -10px !important;
    margin: 1px 0 0 -10px; /* Fuck IE */
    padding: 2px 0 0 4px !important;
    padding: 1px 0 0 3px;
    border: 1px solid #999;
    color: #707070;
    font-size:12px;
    background: #fff url(../img/layout/input_bg.gif) repeat-x 0 0;
    }
  input#b {
    width: 85px;
    font-size: 11px;
    padding: 1px 10px 0px;
    margin-left: -5px;
    font-weight:bold;
    color: #4D4D4D;
    }




/**********************
*   LINKS           *
***********************/
a.shoplink {
  font-size: 12px;
 display: block;
 padding: 5px;
 height: 106px;
 width: 552px;

}
a.shoplink:link, a.shoplink:visited
{
font-weight: normal;
 color: #000;
 text-decoration:none;
}
a.shoplink:active, a.shoplink:hover {
 border-top: 1px solid #83E865;
 text-decoration: underline;

}



a.darklink {
  font-size: 12px;
  color: #444444;
  text-decoration: underline;




}
a.darklink, a.darklink:visited
{
font-weight: bold;
 color: #444444;
 text-decoration: underline;
}
a.darklink:active, a.darklink:hover {

 text-decoration: none;

}



#sidebar a.empfehlung {
 font-size: 0.9em;
  font-weight:bold;
  margin-left: 5px;
  color: #444444;

}
#sidebar a.empfehlung:link, #sidebar a.empfehlung:visited
{

 text-decoration:none;
}
#sidebar a.empfehlung:active, #sidebar a.empfehlung:hover {

 text-decoration: underline;

}





.products_div {
  position: absolute;
  height:172px;
  z-index:5;
  width:433px;
  display: none;
  background-color: #DEFDD7;
  border: 2px solid #64B848;
}
.products_div_header {
  border-bottom: 2px solid #64B848;
  width:433px;
  text-align:right;
  font-size:10px;
  }

.products_div_inner {
  background-color: #fff;
  height:150px;
  z-index:5;
  width:433px;
  overflow-y:scroll;
  overflow-x:hidden;
  }

/**********************
*   Content           *
***********************/

#content {
  float: left;
  width: 595px;
  height: 100%;
  font-size: 1.0em;

  }
#content h3 {
  display: block;
  /*border-left: 4px solid #6AC356;*/
  background-color: #9EDE90;
  border-bottom: 1px solid #6AC356;
  padding: 3px;
  padding-left: 6px;
background:#FFFFFF url(../img/layout/sidebar_bg.jpg) repeat-x;
  background-repeat: repeat-x;
 color: #355C2D;
  margin: 0;
  width: 598px;

}

#content h2 {
  display: block;


background: #fff url(../img/layout/contenth2_bg.jpg) no-repeat 0 0;
  height: 25px;
    padding-left: 25px;
    padding-top:0px;
    font-size: 14px;
    width: 560px;
    font-weight: bold;



    color: #135B01;
  }


.submit_button {
  width: 150px;
  font-size: 13px;

}


#content h5 {
  display: block;
border-bottom: 1px dotted #6AC356;
/*border-left: 4px solid #6AC356; */
letter-spacing:normal;
background:  url(../img/icons/small/arrow_right_peppermint.png) no-repeat 3px 9px;
  height: 24px;
    padding-left: 15px;
    padding-top:3px;
    font-size: 16px;
    width: 566px;
    font-weight: normal;
margin-top: 12px;
margin-left:2px;


    color: #135B01;
  }


#content h3 ul li {
  list-style-type: none;
  margin-left:0px;
  padding:0px;
}

#content h3 li {
  background-image: url(../img/icons/small/arrow_right_peppermint.png);
  background-repeat: no-repeat;
}

#content h3 span {
background-image: url(../img/icons/small/arrow_right_grey.png);
background-repeat: no-repeat;
font-size:12px;
font-weight: normal;

padding-left: 14px;
background-position: -4px 4px;

}




#content h4 {
  display: block;

  background-color: #9EDE90;



  margin: 0;
  width: 265px;
  font-size: 1.0em;


  letter-spacing:-1px;
  background: #fff url(../img/layout/contenth4_bg.jpg) no-repeat 0 0;
  height: 25px;
    padding-left: 25px;
    padding-top:0px;
    font-size: 14px;
    font-weight: bold;

    color: #135B01;
}


#content h6 {
  display: block;


  border-bottom: 1px solid #6AC356;
border-left: 4px solid #6AC356;


  margin: 0;
  width: 271px;
  font-size: 1.0em;


  letter-spacing:-1px;
  background:  url(../img/icons/small/arrow_right_peppermint.png) no-repeat 3px 9px;
  height: 20px;
    padding-left: 15px;
    padding-top:5px;
    font-size: 14px;
    font-weight: bold;

    color: #135B01;
}



#content_inner {
  padding: 0px;
  height: 218px;
  width: 700px;
  background-image: url(../img/layout/index_bg2.png);
  background-repeat: no-repeat;
}

#content_inner li.start {
  display:block;

  color: #363636;
  font-size: 1.5em;
  line-height:  43px;
  padding-left: 154px;
  text-decoration: none;
  background-repeat:no-repeat;
  background-position:3px 50%;
}



.content_infobox_class {
  font-size: 12px;

}

.content_headline {
  width:400px;
  background-color: #9EDE90;
  padding: 3px;
  z-index: 1000;
  border:1px solid #6AC356;
  font-weight: bold;
}

.content_contentbox_class {
  width:580px;
  padding-top:5px;
  border-top: 1px solid #49893B;
}


/**********************
*   Sidebar           *
***********************/

#sidebar {
  float: right;
  width: 260px;
  margin-left: -50px;
  font-size:13px;
font-face: "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
  padding: 0;
  border-left: 1px dotted #79AA69;
  border-bottom: 1px dotted #79AA69;
  background-color: #D5FFCB;

  }

.sidebardiv {
  padding-left: 4px;
  border: 1px solid #E4FFDD;
  padding-bottom:5px;
  background: #D5FFCB url(../img/layout/sidebar_bg4.jpg) repeat-x center  top;
  background-repeat: repeat-x;
}

#sidebar ul {
  list-style-type: none;
  margin-left:0px;
  padding:0px;
  }

#sidebar h2 {
  display: block;

letter-spacing:-1px;
background: url(../img/nav_bg.gif) repeat-x center  center;

  height: 20px;
    padding-left: 5px;
    /*border-top: 1px dotted #79AA69;
    border-bottom: 1px dotted #79AA69;*/
    font-size: 14px;
    padding-top: 3px;
    background-color: #B7E3A4;
    font-weight: bold;

    color: #CBFFC0;
  }



#sidebar h3 {
  display: block;
  border-left: 4px solid #6AC356;
  background-color: #9EDE90;
  border-bottom: 1px solid #84DB71;

  padding: 3px;
  padding-left: 5px;
 /*	background-image: url(../img/icons/small/image_spearmint.png); */
background:#FFFFFF url(../img/layout/sidebar_bg.jpg) repeat-x;
  background-repeat: repeat-x;
 color: #355C2D;
  margin: 0;
  width: 248px;
  font-size: 1.0em;
}
#sidebar h3 span {
background-image: url(../img/icons/small/arrow_right_grey.png);
background-repeat: no-repeat;

padding: 10px;
background-position: -5px 14px;

}
.telefon {
  font-weight: bold;
  font-size: 12px;
}

#sidebar span.hl_right {
  font-size: 0.9em;
  font-weight:bold;
  margin-left: 5px;
  color: #6A6A6A;
}

#sidebar div.content {
  color: #444444;
  margin-left: 75px;
  font-size: 0.9em;
  text-align: left;
}

#sidebar span.content {
  color: #444444;
  font-size: 0.9em;
  text-align: left;
}

#sidebar img.pic {
  float: left;
  border: 1px solid #c0c0c0;
  padding: 1px;
}

.pic_border {
  border: 1px solid #c0c0c0;

  padding: 1px;
  }

.frottier_pic_border_inline {
  border: 1px solid #000;
  height: 12px;
  margin-left: 5px;
  display: inline;
  }

.frottier_pic_border_hidden {
  border: 1px solid #000;
  height: 12px;
  margin-left: 5px;
  display: none;
  }

.pic_wrapper {
  margin-top: 5px;
  width: 240px;
}
.tdbg_a {
 font-size: 20px;
 font-family: Arial;
 color: #77D45B;
 font-weight: bold;
}
#sidebar ul {
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
#sidebar ul li {
  clear: both;
  color: #bbb;
  }


.content_box  {
  width: 580px;
  padding: 5px;
  text-align: justify;

  }

/**********************
*   Bottom            *
***********************/

#bottom {
  clear: both;
  float: left;
  width: 855px;
  margin: 0;
  padding: 0;
  background:#DEFFD4 url(../img/layout/bottom_bg.jpg) repeat-x;
  border-top: 20px solid #8BC87D;
  font-size: 0.9em;
  text-align: left;
  color: #000;
  }
#bottom-divs {
  float: left;
  clear: both;
  margin: 0;
  padding: 5px;
  }
#bottom-one,
#bottom-two,
#bottom-three,
#bottom-four,
#bottom-five,
#bottom-six,
#bottom-seven {
  width: 120px;
  padding: 0px 0px 0px 0px;
  float: left;
  }
#bottom h2 {
  margin: 0 0 10px 0;
  padding: 0 8px;
  font-size: 1.6em;
  color: #fff;
  }
#bottom h2 span {
  color: #888;
  }
#bottom ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
#bottom ul li {
  line-height: 26px;
  }
#bottom ul li a {
  display: block;
   padding-left: 14px;
  color: #000;
  background-image: url(../img/icons/small/arrow_right_spearmint.gif);
  background-position: 0px 9px;
  background-repeat: no-repeat;
  text-decoration: none;
  }
#bottom ul li a:hover {
  color: #000;
  background-image: url(../img/icons/small/arrow_right_grey.gif);
  background-position: 0px 9px;
  background-repeat: no-repeat;
  text-decoration: underline;
  }
#bottom-sep {
  clear: both;
}

#content_infobox ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
#content_infobox ul li {
  line-height: 22px;
  }


.kontakt_textfeld {
  width: 200px;
  padding: 1px;
  border: 1px solid #c0c0c0;
  border-left: 3px solid #85D274;
}


.kontakt_textfeld_fehler {
  width: 200px;
  padding: 1px;
  border: red;
  border-left: 3px solid red;
}

.anfrage_textfeld {
  width: 220px;
  padding: 1px;
  border: 1px solid #999;
  border-left: 3px solid #85D274;
  background: #fff url(../img/layout/input_bg.gif) repeat-x -1px 0;
}

.anfrage_textfeld_extra {
  width: 220px;
  padding: 1px;
  padding-left: 3px;
  color: #ACACAC;
  border: 1px solid #999;
  border-left: 3px solid #85D274;
  background: #fff url(../img/layout/input_bg.gif) repeat-x 0 0;
}

.anfrage_textfeld_fehler {
  width: 220px;
  padding: 1px;
  border-left: 3px solid red;
  border: 1px solid red;
  background: #fff url(../img/layout/input_bg.gif) repeat-x 0 0;
}


.anfrage_textfeld2 {
  width: 195px;
  padding: 1px;
  border: 1px solid #c0c0c0;
  border-left: 3px solid #85D274;
  background: #fff url(../img/layout/input_bg.gif) repeat-x 0 0;
}
.anfrage_table_kontakt {
  background-image: url(../img/layout/anfrage_kontaktdaten.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 310px;
}

.anfrage_table_artikel {
  background-image: url(../img/layout/anfrage_artikeldaten.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 310px;
}

.anfrage_small {
  width: 34px;
  padding: 1px;
  text-align:right;
  border: 1px solid #c0c0c0;
}

.anfrage_textfeld2_fehler {
  width: 195px;
  padding: 1px;
  border: 1px solid red;
}

.hinweis_text {
  font-size: 11px;
  padding: 3px;
  border: 1px solid #B9E3B0;
  background-color: #EDF9E7;
  text-align: left;
}

.content_head {
background-color:#C9FFBC;
font-weight:normal;
font-size:14px;
border-left: 3px solid #85D274;
width:580px;
padding:4px;
}

.produkte_head {
background-color:#C9FFBC;
font-weight:normal;
font-size:14px;
border-left: 3px solid #85D274;
width:390px;
padding:4px;
}

.kontakt_textarea {
  width: 400px;
  padding: 1px;
  height: 100px;
  border: 1px solid #c0c0c0;
  border-left: 3px solid #85D274;
}

.kontakt_textarea_fehler {
  width: 400px;
  padding: 1px;
  height: 100px;
  border: 1px solid red;
  border-left: 3px solid red;
}

.arrow_listelement {
  display: block;
  font-size: 11px;
   padding-left: 15px;
  color: #000;
  background-image: url(../img/icons/small/arrow_right_peppermint.png);
  background-position: 0px 6px;
  background-repeat: no-repeat;
  text-decoration: none;
}


#content_infobox ul li a {
  display: block;
  font-size: 11px;
   padding-left: 15px;
  color: #000;
  background-image: url(../img/icons/small/arrow_right_peppermint.png);
  background-position: 0px 9px;
  background-repeat: no-repeat;
  text-decoration: none;
}

#content_infobox ul li a:hover {
  text-decoration: underline;
  background-image: url(../img/icons/small/arrow_right_peppermint.png);
  background-position: 0px 9px;
  background-repeat: no-repeat;
  }

.frottier_infobox {
 width: 240px;
 min-height: 40px;
 background-color: #fff;
 border: 1px solid #8EBF7F;
 margin-left: 5px;
 padding: 5px;
 display: none;
}

.anfrage_infobox {
 width: 294px;
 text-align: left;
 min-height: 40px;
 background-color: #fff;
 border: 1px solid #8EBF7F;
 margin-left: 5px;
 margin-top: 23px;
 padding: 5px;
 display: none;
}


.okbox {
width: 240px;
 min-height: 30px;
 background-color: #fff;
 border: 1px solid #6AAD5B;
 margin-left: 5px;
 font-size: 13px;
 padding: 5px;
 display: none;
}

.frottiershop_tf {
 width: 150px;
 font-size: 11px;
}

.b_center {
  width: 245px;
  font-size:14px;
  font-weight:bold;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 5px;
  background-color: #ADE49C;
}

.bcenterbox {
width: 250px;
 min-height: 40px;
 background-color: #fff;
 border: 1px solid #8EBF7F;
 border-bottom: 4px solid #8EBF7F;
 margin-left: 5px;

}

/**********************
*   Footer            *
***********************/

#footer {
  width: 855px;
  height: 33px;
  clear: both;
  background: #B0D7A7;
  border-top: 1px solid #fff;
  color: #000;
  }


#footer p {
  margin: 0;
  padding: 5px 5px;
  font-size: 0.9em;
  line-height: 200%;
  }
#footer p a:link {
  color: #000;
  text-decoration: underline;
  }
#footer p a:visited {
  color: #000;
text-decoration: underline;
  }
#footer p a:hover {
  color: #000;
  text-decoration: none;
  }
#footer p a:active {
  color: #000;
  }

.warenkorb_td_head {
  background-color: #9FE987;
  padding: 4px;
  padding-left: 5px;
  font-size: 13px;
  border-bottom:1px solid #5CA148;
}

.warenkorb_td_content {
  background-color: #CFFFC0;
  padding: 4px;
  padding-left: 5px;
  text-align: center;
  font-size:12px;
}

.warenkorb_td_leer {
  font-size: 12px;
  background-color: #9FE987;
  padding-left: 5px;
  padding: 1px;
  border-top: 1px solid #5CA148;

}

.warenkorb_td_versand {
  background-color: #CFFFC0;
  padding: 4px;
  padding-left: 5px;
  text-align: center;
  font-size:12px;
  text-align: right;
  border-top: 1px solid #5CA148
}
.warenkorb_td_bottom {
  font-size: 12px;
  background-color: #9FE987;
  padding-left: 5px;
  padding: 4px;
  border-top: 1px solid #5CA148;
  text-align: right;

}

.daten_infobox {
width: 250px;
 min-height: 40px;
 height: 93px;
 background-color: #fff;
 border: 1px solid #8EBF7F;
 margin-left: 5px;
 padding: 5px;
 display: none;
}

.edit_button {
  font-size:10px;
  width: 70px;
  margin-left: 5px;
}


.warenkorb_pic {
  width: 70px;
  height: 70px;
  float: left;
  margin: 5px;
  border: 1px solid #c0c0c0;
  padding: 1px;
}

.warenkorb_edit_td {
  font-size:12px;
  text-align:right;
}

/* TODO CLASSES */


.steps {
  font-size: 11px;
  width: 120px;
  padding-left: 4px;
}







.pfeil_links_sidebar {
  float:right;
  margin-top:-15px

  }


.login_label {
font-size:11px;
font-weight:bold;
display:block;
}

.login_panel {
border:1px solid #aaaaaa;
left:200px;top:50px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
margin: 0 auto;
padding: 20px;
background-color: #C8EFBF;
}


.artikel_eintragen_panel {
border:1px solid #aaaaaa;
left:200px;top:50px;
-moz-border-radius:3px;
-khtml-border-radius:11px;
margin: 0 auto;
padding: 2px;
background-color: #C8EFBF;
}

.admin_td_list1 {
	background-color: #E7FFE2;
}
.admin_td_list2 {
	background-color: #E0F7DB;
}

.arikel_input {
  width: 258px;

}

.header_admin_box {

  position:absolute;
  top:120px;
  left:0px;
  background-color: #fff;
  height: 140px;
  width:140px;
  filter:alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  border-top: 1px solid #7EAE73;
  border-right: 1px solid #7EAE73;
  border-bottom: 1px solid #7EAE73;
}

.bearbeiten_ok {
  display:block;
  width: 400px;
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #6AAD5B;
  margin-left: 5px;
  font-size: 13px;
  padding: 7px;
}


.anfrage_produkt_info2 {
	width: 540px;
	background-color:#ffffff;
	padding:5px;
	border: 1px solid #c0c0c0;
	font-size:11px;
}



.comboBoxList {

    padding: 0px;
    border: 1px solid #999;
    background-color: #D5FFCB;
    overflow: visible;
    font-size:11px;
  }
  .comboBoxItem {
    margin: 0px;
    padding: 2px 5px;
    background-color: inherit;
    cursor: default;

  }
  .comboBoxSelectedItem {
    background-color: #B1E694;
  }