html,body,h1,h2,h3,h4,h5,h6,div,p,table,input {
  margin:0;
  padding:0;
}
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /* text-align:center; Takes care of horizontal alignment in Internet Explorer */
  color:#4b4b4b;
  background:#f2f2f2 url(/img/system/bg.gif) 0 0 repeat-x;
  overflow:auto;
  overflow:-moz-scrollbars-vertical;
  font-size:.6250em;
}
/* ::: Elements ::: */
h1 {
  font-size:1.6em;
  line-height:1.4em;
  padding-bottom:11px;
  color:#009036;
}
h2 {
  font-size:1.2em;
  line-height:1.25em;
  padding-bottom:14px;
}

div.news h2 { 
  padding-bottom:3px;
}

.plaintext {
  font-size:1.2em;
  line-height:1.25em;
}
p {
  margin-bottom:16px;
}
.shopbox {
  float:left;
  width:329px;
}
.shopbox h3 {
  font-size:1.4em;
  line-height:1.4em
}
a {
  color:#4b4b4b;
  outline:0;
}
a:hover {
  color:#fff;
}
a:focus,
a:active {
}
img {
  border:0;
}

/* ::: standard ::: */
.error {
  color:#009036;
}
.error span {
  display:block;
  padding-bottom:1em;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer,
.doublespacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
}
.spacer { height:16px; }
.halfspacer { height:8px; }
.quarterspacer { height:4px; }
.doublespacer { height:32px; }
.searchword {
  background-color:#333;
  color:#fff;
}
.wcag {
  display:none;
}
.wai {
  /*display:none;*/
}
.odd {
  background-color:#eee;
}
.imgleft,
.imgleft div {
  float:left;
}
div.imgleft {
  width:25%;
  padding:0 19px .5em 0;
  display:table;
}
img.imgleft {
  margin:0 1em .5em 0;
}
.imgleft div {
 font-style:italic;
 font-size:.833em;
 margin-top:.5em;
}
.row {
  overflow:auto;
}
.text-selected {
  color:#666666
}


/*@-moz-document url-prefix() {
  input[type="text"], input[type="password"], textarea {
    overflow: auto;
  }
}*/


/* ::: Layout ::: */
#logo-print {
  display:none;
}
#shadowcontainer {
  width:814px;
  margin:0 auto 15px auto;
  background: url(/img/system/shadow.png) 0 0 repeat-y; 
}
#container {
  background-color:#FFFFFF;
  margin:0 2px;
  padding-bottom:20px;
}
#head {
  height:166px;
  padding-bottom:21px;
}
#navi {
  width:192px;
  float:left;
  padding:12px 15px 0 40px;
}
#content {
  float:left;
  width:488px;
  min-height:431px;
  padding:11px 50px 0 24px;
  border-left:1px solid #e3e3e3;
}
#footer {
  padding:6px 14px 0 14px;
  background:#FFF url(/img/system/footer.gif) 0 0 no-repeat;
  color:#009036;
  height:23px;
}
#footer .left {
  float:left;
}
#footer .right {
  float:right;
  text-align:right;
}
#footer a {
  color:#009036;
}
#footer span.seperator {
  padding:0 7px;
}

/* ::: Navigation ::: */
#navi ul {
  list-style:none;
  margin:0;
  padding:0;
}
#navi ul li {
  margin:0;
  padding:0 0 8px 0;
}
#navi ul li a {
  display:block;
  padding:3px 16px 5px 24px;
  font-size:12px;
  background: #fff url(/img/system/navi.gif) 7px 7px no-repeat;
  color:#666;
  text-decoration:none;
}
#navi ul li a:hover,
#navi ul li a.selected {
  background: #eaeaea url(/img/system/navi.gif) 7px -35px no-repeat;
  color:#000;
}
#navi ul li ul {
  padding-left:20px;
}
#navi ul li ul li {
    padding:8px 0 0 0;
}
#navi ul li ul li a {
}


/* ::: Forms ::: */
#kontakt {
  padding-top:10px;
}
label {
  font-size:1.2em;
  font-weight:bold;
  width:125px;
  float:left;
  clear:both;
  padding-top:3px;
}
#empfehlen label {
  width:175px;
}
.captcha img {
  margin:0 0 12px 130px;
}
.captcha img {
  margin:0 0 12px 125px;
}
#empfehlen .captcha img {
  margin:0 0 12px 175px;
}
.form .btn {
  margin:0 0 12px 282px;
}
#empfehlen.form .btn {
  margin:0 0 12px 332px;
}
.btn {
  padding:4px 10px;
  color:#FFF;
  font-size:1.1em;
  font-weight:bold;
  display:block;
  float:left;
}
.row,
.captcha {
  margin-top:3px;
  clear:both;
}
input.text,
textarea.text {
  width:238px;
  /*float:left;*/
  font:1.2em/125% Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 9px 0;
  color:#666;
  border:1px solid #e3e9ef;
  border-top: 1px solid #abadb3;
  background:#fff;
  padding:2px 5px;
}
input.zipcode {
  width:38px;
  margin-right:4px;
}
input.city {
  width:184px;
}


/* ::: tabelle  ::: */
.tabelle {
  border:.1em solid #ccc;
  border-collapse:collapse;
  table-layout:auto;
  width:100%;
}
.tabberlive .tabelle {
  width:100%;
}
.tabelle thead tr {
}
.tabelle thead tr th,
.tabelle tr.head td  {
  background:url(/img/system/table/bg.gif) repeat-x #e8e8e8;
  font-weight:bold;
  text-align:left;
  padding:.5em .5em;
  border-right:.1em solid #ccc;
}
.tabelle thead tr th span.innertext,
.tabelle tr.head td span.innertext {
  font-size:1.2em;
}
.tabelle thead tr td,
.tabelle tr.head td,
.tabelle tbody tr td,
.tabelle tr.body td {
  padding:.5em .5em .3em .5em;
  border-right:.1em solid #ccc;
  border-top:.1em solid #ccc;
  vertical-align:top;
  font-size:1.2em;
}
.tabelle tbody tr.headline td,
.tabelle tr.body.headline td {
  vertical-align:bottom;
}
.tabelle ul {
  margin-left:1.92em; /*23 in 12 wegen innerspan drumrum*/
}
.tabelle ul li {
  margin-left:0;
}
.tabelle tbody tr td.zentriert,
.tabelle tr.body td.zentriert,
.tabelle tbody tr td.zentriert span,
.tabelle tr.body td.zentriert span {
  text-align:center;
}
.tabelle tbody td.links,
.tabelle tr.body td.links,
.tabelle tbody tr.links td,
.tabelle tr.body.links td {
  text-align:left;
}
.tabelle tbody td.rechts,
.tabelle tr.body td.rechts,
.tabelle tbody tr.rechts td,
.tabelle tr.body.rechts td {
  text-align:right;
}

/* ::: onAccordion ::: */
/*.onAccordion,
.onAccordion * {*/
.onAccordion {
  border:0;
  margin:0;
  padding:0;
}
.onAccordion {
  margin-bottom:16px;
}
.hide {
  display:none;
}
.onAccHead {
  background:#ccc url(/img/icons/plusminus.png) no-repeat left 1px;
  cursor:pointer;
  padding:2px 10px 2px 18px;
  margin-top:8px;
}
.onAccordion .selected {
  background-color:#666;
  background-position:left -99px;
  color:#fff;
}
.onAccHead:hover {
  background-color:#ddd;
}
.onAccordion div h3 {
  padding:10px 10px 0 10px;
}
/*.onAccordion div p,
.onAccordion div div {
  padding:0 10px 0 10px;
}*/
.onAccordion div.onAccordionContent {
  padding:10px;
  border:1px solid #ccc;
  /*margin-bottom:-10px;*/
}
/* ::: jQuery ui-tabs ::: */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
  .ui-tabs-hide {
    display:none;
  }
}
@media print {
  .ui-tabs-nav {
    display:none;
  }
}
/* Skin */
.ui-tabs-nav {
  list-style:none;
  margin:0;
  padding:0 0 0 1px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display:block;
  clear:both;
  content:" ";
}
.ui-tabs-nav li {
  float:left;
  margin:0 0 0 -1px;
  min-width:84px; /* be nice to Opera */
}
.ui-tabs-nav a,
.ui-tabs-nav a span {
  display:block;
  padding:0 10px;
  background:transparent url(/img/system/tab.png) repeat-x scroll 0%;
}
.ui-tabs-nav a {
  margin:0; /* position:relative makes opacity fail for disabled tab in IE */
  padding-left:0;
  color:#464646;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  white-space:nowrap; /* required in IE 6 */
  outline:0; /* prevent dotted border in Firefox */
  border:1px solid #ebebeb;
  border-width:1px 1px 0;
  top:1px;
}
.ui-tabs-nav .ui-tabs-selected {
  margin-bottom:-4px;
}
.ui-tabs-nav .ui-tabs-selected a {
  position:relative;
  top:-3px;
  z-index:2;
  margin-top:0;
  color:#000;
}
.ui-tabs-nav a span {
  width:64px; /* IE 6 treats width as min-width */
  min-width:64px;
  height:18px; /* IE 6 treats height as min-height */
  min-height:18px;
  padding-top:6px;
  padding-right:0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
  width:auto;
  height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
  /*padding-bottom:1px;*/
padding-top:8px;
  padding-bottom:2px;
}
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
  background-position:100% -150px;
}
.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
  background-position:100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
  background-position:0 -50px;
}
.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
  background-position:0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor:text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
  cursor:pointer;
}
.ui-tabs-disabled {
  /*opacity:.4;
  filter:alpha(opacity=40);*/
}
.ui-tabs-panel {
  border:1px solid #ebebeb;
  padding:1em 8px;
  background:#fff; /* background color to avoid distorted fonts in IE while fading */
  background:#fff url(/img/gradient.png) no-repeat scroll right bottom;
}
.ui-tabs-loading em {
  padding:0 0 0 20px;
  background:url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display:inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, IE 6 will ignore rule */
  display:inline-block;
}

/* ADDICONS */
@media projection, screen {
  a.blank, a.pdf, a.doc, a.zip, a.mp3, a.print, a.totop, a.mailto{
    background-position:left center;
    background-repeat:no-repeat;
    display:inline-block;
    padding:4px 0 0 24px;
  }
  a.totop {
    display:inline;
    padding:0 24px 0 0;
  }
  a.blank {background-image:url(/img/icons/new-win.gif);}
  a.pdf {background-image:url(/img/icons/files/pdf.gif);}
  a.doc {background-image:url(/img/icons/files/doc.gif);}
  a.xls {background-image:url(/img/icons/files/xls.gif);}
  a.zip {background-image:url(/img/icons/files/zip.gif);}
  a.mp3 {background-image:url(/img/icons/files/mp3.gif);}
  a.print {background-image:url(/img/icons/print.gif);}
  a.totop {background-image:url(/img/icons/arrow-up.gif);}
  a.mailto {background-image:url(/img/icons/mail.gif);}
}

/* checkboxes/radios */
/* don't change */
.chbxhide {
  left:-1000px;
  position:absolute;
}
label.chbx, label.rd {
  display:block;
  margin:5px 0;
  padding-left:25px;
}
label.chbx  {
  background:url(/img/icons/checkbox.png) no-repeat left top;  
}
label.rd  {
  background:url(/img/icons/radio.png) no-repeat;  
}
label.chkd {
  background-position:left -100px;
}
label:hover{
  /*color:#666;*/
}

/* #content */
#content ul {
  list-style:none;
  margin:0;
  padding:0;
}
#content ul li {
  background:url(/img/system/point.gif) 0 7px no-repeat;
  padding:0 0 5px 11px;
}
#content a {
  color:#1d8a45;
}


/****************
Gallery
*****************/
#gallery {
  padding-top:43px;
}
div.gallerybox {
  width:376px;
}
div.gallnavi {
  width:376px;
    font-size:1.1em;
    line-height:1.4em;
    font-weight:bold;
  padding-top:5px;
}
div.three1,
div.three2,
div.three3 {
  float:left;
  width:33%;
}
div.three2 {
  width:34%;
  text-align:center;
}
div.three3 {
  text-align:right;
}
div.gallnavi a {
    text-decoration:none;
}
div.gallnavi a:hover {
  text-decoration:underline;
}
div.gallnavi a.selected {
    background-color:#000;
}
a.gallery,
a.gallery:hover {
  display:block;
  float:left;
  width: 94px;
  height:88px;
  background-color:#FFF;
  background-position:center bottom;
  background-repeat:no-repeat;
}


.three .first,
.three .second,
.three .third {
  width:150px;
  float:left;
  padding-right:19px;
}
.three .third {
  padding-right:0;
}
.three img {
  display:block;
  padding-bottom:6px;
}