/* FARBEN
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
GRÜN: a1c611
*/
/* GLOBAL TAGS
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*########## BODY ##########*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  line-height: 140%;
}
body  {
  font-size: 62.5%;
}
/*########## // BODY ##########*/
/*########## VARIOUS ##########*/
.mainbody h1 {
  font-size: 1.8em;
  font-weight: normal;
  color: #9c9c9c;
  margin-bottom: 15px;
}
.mainbody h2 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 15px;
  color: #9c9c9c;
}
.mainbody h3 {
  font-size: 1.4em;
  font-weight: normal;
  color: #9c9c9c;
  margin-bottom: 4px;
}
.mainbody h4 {
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  margin-bottom: 4px;
}
.mainbody a {
  color: #a1c611;
  text-decoration: none;
}
.mainbody a.pdf {
  background: url("../img/icon-pdf.gif") no-repeat;
  padding-left: 34px;
  padding-top: 10px;
  
}
.mainbody a:hover {
  color: #000000;
  text-decoration: underline;
}
.mainbody img.profil {
  border: 2px solid #9c9c9c;
  margin-top: 3px;
}
/*########## // VARIOUS ##########*/
/* CONTAINER
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*########## WRAP ##########*/
.mainbody #wrap {
  width: 900px;
  height: 623px;
  
  font: 1.2em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  border: 1px solid #cccccc;
  background: url("../img/hintergrund-ypso.gif") no-repeat;
  
  position:absolute;left:50%;top:50%;
  margin-left:-450px;margin-top:-311px;
}
.mainbody #wrap_if {
  font: 1.2em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}
/*########## // WRAP ##########*/
/*########## HEADER ##########*/
.mainbody #header {
  height: 156px;
  width: 700px;
}
.mainbody #header .logo {
  padding-top: 42px;
  padding-left: 30px;
}
.mainbody #header .language {
  position: absolute;
  right: 196px;
  top: 40px;
  font-size: 13px;
}
.header {
  /*float: right;*/
}
/*########## // HEADER ##########*/
/*########## SIDEBARS ##########*/ 

.mainbody #sidebar2 {
  float: right;
  width: 196px; 
  margin-top: -28px;
}

.mainbody #sidebar2 ul {
  list-style-image: none;
  list-style-type: none;
}
.mainbody #sidebar2 ul li {
  line-height: 120%;
}
.mainbody #sidebar2 ul li a {
  font-size: 1.4em;
  color: #ffffff;
  line-height: 165%;
}
.mainbody #sidebar2 ul li a.aktiv {
  text-decoration: none;
  color: #d4e19c;
}
.mainbody #sidebar2 ul li a.klein {
  font-size: 13px;
}
.mainbody #sidebar2 ul.abstand {
  margin-top: 32px;
}
.mainbody #sidebar2 #hinweis {
  margin-top: 24px;
  color: #ffffff;
  /*text-align: right;*/
  /*margin-right: 16px;*/
}
/*########## // SIDEBARS ##########*/
/*########## MAIN ##########*/
.mainbody #main-content { 
  position: relative;
  width: 500px;
  height:452px;
} 
.mainbody #main-content p { 
  margin-bottom: 18px;
}
.mainbody #main-content p img {
  float: left;
  margin-right: 0.9em;
}
.mainbody #main-content ul {
  margin-left: 1.2em;
  color: #a1c611;
}
.mainbody #main-content ul li {
  float: left;
  /*width: 180px;*/
}
.mainbody #main-content ul.haendler li {
  float: none;
}
.mainbody #main-content #inhalt {
  margin-left: 106px;
}
.mainbody #main-content ul.haendlerliste {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  color: #000000;
  width: 140px;
  float: left;
  margin-right: 8px;
}
.mainbody #main-content ul.haendlerliste li {
  margin-bottom: 20px;
  float: none;
  width: 140px;
  height: 80px;
}
.mainbody ul.haendlerliste_if {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  color: #000000;
}
.mainbody ul.haendlerliste_if li {
  margin-bottom: 20px;
  margin-right: 8px;
  float: left;
  width: 140px;
  height: 80px;
}
/*########## // MAIN ##########*/
/*########## FOOTER ##########*/
/*########## // FOOTER ##########*/
/* FORMULARE
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
form {
  width:380px;
}
input, textarea {
  width: 250px;
}
fieldset {
  margin:0 0 12px 0;
}
legend {
  display: none;
}
label {
  float: left;
  display: inline;
  width: 126px;
}
.checkbox input {
  float: left;
}
.checkbox label {
  width: 200px;
}
.checkbox ol li input {
  margin: 2px;
  width: 20px;
}
ol {
  list-style-type: none;
}
ol li {
  float: left;
}
#send-option {
  clear: both;
}
input, textarea, select {
  border:1px solid #9c9c9c;
  margin:1px 0 4px;
  font-size: 1.2em;
}
input.button {
  border:2px solid #9c9c9c;
  cursor:pointer;
  width:80px;
  height:24px;
  background: #ffffff;
  font-size:1em;
  color: #9c9c9c;
  font-weight: bold;
}
p.error {
  color: red;
}
*+html fieldset.checkbox input {margin-top:-3px;}
*html fieldset.checkbox input {margin-top:-3px;}
*+html input, *+html textarea, *+html select {
  margin:1px 0 1px;
}
*html input, *html textarea, *html select {
  margin:1px 0 1px;
}
/* VARIOUS
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*########## FLOATING-BOX ##########*/
div#pressebox .presselinks {
  width: 230px;
  float: left;
  margin-right: 20px;
}
div#pressebox .presserechts {
  width: 120px;
  float: left;
}
div#qualitaetbox .links {
  width: 70px;
  float: left;
}
div#qualitaetbox .rechts {
  width: 300px;
  margin-left: 90px;
}
div#qualitaetbox .unten {
  margin-top: 10px;
}
div#qualitaetbox .abstand {
  margin: 10px 60px 0 60px;
}
/*########## // FLOATING-BOX ##########*/
/*########## CLEARING ##########*/
.float-right {
  float: right;
  margin-left: 8px;
}
.float-left {
  float: left;
  margin-right: 9px;
}
.float-left-detail {
  float: left;
  margin-right: 32px;
}
.clear-both {
  clear: both;
  /*height: 0;
  font-size: 1px;
  line-height: 0px;*/
}
.clear-left {
  clear: left;
}
/*########## // CLEARING ##########*/
/*########## PK ZUSATZ ##########*/
div#tooltip p {
  font-size: 1.2em;
}
div#tooltip img {
  margin-bottom: 10px;
}
div#tooltip h3 {
  font-size: 1.7em;
}
/*########## // PK ZUSATZ ##########*/
/*########## HAENDLER LISTE ##########*/
p span.plz {
  font-size: 1.2em;
  font-weight: bold;
}
#haendler_navi p a {
  margin-right: 8px;
}
/*########## // HAENDLER LISTE ##########*/
/*########## LIGHTBOX ##########*/
#ibox_wrapper {line-height:0px;border-color:#ccc;margin:0.5px !important; left: 0 !Important;}
#ibox_wrapper,#ibox_footer_wrapper a {background-color:#fff;}
/*#ibox_content {background-color:#fff;border:0;margin:10px 10px 40px 10px;}*/
#ibox_content {background-color:#fff;border:0;margin:0;overflow:hidden !important;}
#ibox_footer_wrapper {line-height:25px;bottom:0px;right:0px;top:0;}
#ibox_footer_wrapper a {text-indent:-100000px;border:0;background:#fff url('../img/closelabel.gif') center center no-repeat;width:90px;padding:0;height:22px;line-height:22px;}
#ibox_footer_wrapper a:hover {background-color:#fff !important;}
#ibox_loading {width:120px;height:120px;background:transparent url('../img/loading.gif') center center no-repeat;}
/*########## // LIGHTBOX ##########*/

.christmas { background: transparent url('../img/aktionswochen.gif') no-repeat left bottom; position:absolute; bottom:0; left:0; height:201px; width:319px; padding:25px 30px 14px 8px; margin:0; }
.aktionstext { margin-top: 110px; color: #ffffff;}
.aktionstext-links { margin-top: 2px; margin-left: 16px; color: #ffffff; font-size: 10px;}
.aktionstext-rechts { margin-top: -23px; float:right;  margin-right: 46px; color: #ffffff; font-size: 18px; font-weight: bold;}
.christmas h2 { color:#a1c611; font-size:1.6em; font-weight:normal; margin:0; }
.christmasbadge { position: absolute; top: 0; margin-left: -8px; padding: -8px; }

.rechts_designpreise { width:300px; margin-left:140px; }

.designpreise { position:absolute; bottom:0; left:325px; height:112px; width:295px; padding:25px 30px 14px 8px; margin:0; }