/*base*/
/* ::: Basis-Elemente ::: */
html,body,h1,h2,h3,h4,h5,h6,div,p,table,input, form {
  margin:0;
  padding:0;
}
a {
  outline:0;
}
a img {
  border:0;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer,
.doublespacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.spacer { height:16px; }
.halfspacer { height:8px; }
.quarterspacer { height:4px; }
.doublespacer { height:32px; }
.none,
.hide {
  display:none;
}
.even {}
.odd {
  background-color:#eee;
}
.error {
  color:#e60003;
}
.error span {
  display:block;
  padding-bottom:10px;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.left { float:left; }
.right { float:right; }


/* ::: Imgleft ::: */
.imgleft,
.imgleft div {
  float:left;
}
div.imgleft {
  width:25%;
  padding:0 10px 5px 0;
  display:table;
}
img.imgleft {
  margin:0 10px 5px 0;
}
.imgleft div {
 font-style:italic;
 font-size:10px;
 margin-top:5px;
}


/* ::: Imgright ::: */
.imgright,
.imgright div {
  float:right;
}
div.imgright {
  width:25%;
  padding:0 0 5px 10px;
  display:table;
}
img.imgright {
  margin:0 0 5px 10px;
}
.imgright div {
 font-style:italic;
 font-size:10px;
 margin-top:5px;
}


/* ::: Zoombox und Shadowbox hervorheben ::: */
a.zoombox,
a.shadowbox {
  position:relative;
  font-size:0; /* FF3 */
}
img.zoomboxicon,
img.galleryicon {
  position:absolute;
  bottom:0;
  right:0;
}



/* :::  Quicknav ::: */
a.tocontent, 
a.tonavigation {
  position:absolute; 
  top:6px; 
  left:-1000px; 
  z-index:100; 
  display:block; 
  padding:1em 1em; 
  background-color:#FFFF8D; 
  font-size:1.400em; 
  font-weight:bold; 
  color:#010002;
}
a.tocontent:focus, 
a.tocontent:active, 
a.tonavigation:focus, 
a.tonavigation:active {
  left:0;
  width:10em;
}



 /*layout*/
/* ::: Allgemeine Layoutelemente ::: */
html {
  /*overflow-y:scroll;*/
}
body {
  background:#830b12 url(/img/system/bg.png) 0 0 repeat-x;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:17px;
  color:#333;
}
h1 {
  font-size:18px;
  line-height:15px;
  padding-bottom:10px;
  color:#e20a16;
  font-weight:normal;
}
h2 {
  font-size:12px;
}
#content h2 a {
  text-decoration:none;
  color:#333;
}
h3 {
  font-size:12px;
  line-height:15px;
  color:#df0029;
}
h4 {
  font-size:11px;
}
h5 {
  font-size:11px;
}
h6 {
  font-size:11px;
}
p {
  margin-bottom:16px;
}
a {
  color:#333;
}
a:hover {
  color:#333;
}
.plaintext {
  font-size:11px;
}


/* ::: Seitenaufbau ::: */
#bgcontainer {
  position:absolute;
  top:0;
  margin:0 auto;
  width:100%;
  height:1200px;
  background:url(/img/system/bgcontainer.jpg) center 0 no-repeat;
}
#container {
  position:relative;
  margin:0 auto;
  width:998px;
}
#metanavi {
  height:32px;
  margin-bottom:135px;
  background:url(/img/system/metanavi.png) 436px 0 no-repeat;
}
#logo {
  position:absolute;
  top:14px;
  left:17px;
  width:160px;
  height:106px;
}
#slogan {
  position:absolute;
  top:121px;
  left:17px;
  width:392px;
  height:27px;
}
#navi {
  height:80px;
  background:url(/img/system/navi.png) 0 0 no-repeat;
}
#middle {
  padding:0 24px 40px 24px;
  background:url(/img/system/middle.png) 0 0 repeat-y;
}
#main {
  float:left;
  width:760px;
}
#subnavi {
  float:left;
  width:190px;
  border-top:1px solid #f8e79e;
}
#content {
  float:left;
  width:530px;
  margin:0 20px 0 20px;
  border-top:1px solid #f8e79e;
  padding-top:15px;
}
#teaser {
  float:left;
  width:190px;
}
#footer {
  height:63px;
  background:url(/img/system/footer.png) 0 0 no-repeat;
  color:#535353;
  padding:0 23px 20px 23px;
}
#footer a {
  color:#535353;
}
#copyright {
  float:left;
  width:25%;
  padding-top:20px;
}
#metanavi-bottom {
  float:right;
  width:75%;
  padding-top:20px;
}
#standard-teaser {
  display:block;
}

/* ::: Startseite ::: */
#contenthome {
 position:relative;
  float:left;
  width:740px;
  border-top:1px solid #f8e79e;
}
#flash,
#keyvisual {
  width:740px;
  height:283px;
  margin-bottom:15px;
}

#flash {
 position:absolute;
 z-index:999;
 top:0;
 left:0;
 margin-bottom:0;
}

#flash img { 
 visibility:hidden;
}

.headline {
  padding:4px 0 9px 0;
}
.schnelleinstieg {
  float:left;
  width:490px;
  margin-right:10px;
  padding-top:10px;
  border-top:1px solid #f8e79e;
}  
.highlights {
  float:left;
  width:240px;
  padding-top:10px;
  border-top:1px solid #f8e79e;
}  
.homebox {
  float:left;
  width:240px;
  height:165px;
  overflow:visible;
  margin-right:10px;
  color:#545454;
  line-height:19px;
}
.homebox-inner {
  border:1px solid #f8e79e;
  border-top:0;
}
.homebox-content {
  height:125px;
  border:1px solid #FFF;
  border-top:0;
  background:#fff2c7 url(/img/system/box.gif) 0 0 repeat-x;
  padding:9px 10px 0 10px;
  font-size:12px;
}
.homebox h3 {
  padding:4px 13px 7px 13px;
  background: #df0029 url(/img/system/homebox-top.gif) 0 bottom repeat-x;
  color:#FFF;
}
.homebox-shadow {
  height:3px;
  background:#fff2c7 url(/img/system/homebox-shadow.png) 0 0 repeat-x;
}
.homebox a {
  color:#e20a16;
}
.homebox select {
  width:240px;
  margin-top:1px;
  color:#e20a16;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:15px;
}


/* ::: Metanavigation ::: */
#metanavi ul {
  margin:0;
  padding:5px 0 0 500px; /* 464 */
  list-style:none;
}
#metanavi ul li {
  float:left;
  margin:0;
  padding:0 8px 0 8px;
  background:url(/img/system/metanavi.gif) right 4px no-repeat;
}
#metanavi ul li.last {
 background:none;
}
#metanavi ul li a {
  text-decoration:none;
  color:#FFF;
}
#metanavi ul li.img {
  background:none;
  padding:2px 0 0 5px;
}

/* ::: Navigation ::: */
#navi ul {
  margin:0;
  padding:18px 0 0 21px;
  list-style:none;
}
#navi ul li {
  float:left;
  margin:0;
  padding:0 3px 0 0;
  background:url(/img/system/navi-li.gif) right 0 no-repeat;
}
#navi ul li a {
  display:block;
  padding:5px 16px 6px 15px;
  text-decoration:none;
  color:#333;
  font-size:14px;
  line-height:15px;
background:url(/img/system/navi-a.gif) 0 -100px repeat-x;
}
#navi ul li:hover a,
#navi ul li.selected a {
  background-position:0 0;
  color:#FFF;
}

/* ::: Subnavigation ::: */
#subnavi h3.subnavi {
  font-size:14px;
  line-height:17px;
  font-weight:bold;
  color:#666;
  padding:13px 0 5px 0;
  margin-left:-1px;
}
#subnavi ul {
  margin:0 0 19px 0;
  padding:0;
  list-style:none;
}
#subnavi ul li {
  margin:0;
  padding:0;
  background:url(/img/system/subnavi-border.gif) 0 bottom no-repeat;
}
#subnavi ul li a {
  display:block;
  font-size:11px;
  font-weight:bold;
  color:#333;
  text-decoration:none;
  padding:2px 0 4px 0;
}
#subnavi ul li a.selected,
#subnavi ul li a:hover {
  color:#e20a16;
}
#subnavi ul li ul {
  margin:0;
  padding-top:1px;
  background:url(/img/system/subnavi-border.gif) 0 0 no-repeat;
}
#subnavi ul ul li a {
  padding-left:12px;
  font-weight:normal;
}
#subnavi ul ul li a {
  padding:1px 0 5px 12px;
  background:url(/img/system/subnavi-arrow.gif) 2px 7px no-repeat;
}
#subnavi ul ul ul li a {
  padding:1px 0 5px 24px;
  background:url(/img/system/subnavi-arrow.gif) 14px 7px no-repeat;
}

/* ::: metanavi-bottom ::: */
#metanavi-bottom ul {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
}
#metanavi-bottom ul li {
  float:left;
  margin:0;
  padding:0 10px 0 0;
}
#metanavi-bottom ul li a {
  padding:0 0 0 13px;
  text-decoration:none;
}
#metanavi-bottom ul li.top a {
  background:url(/img/system/metanavi-bottom.gif) 0 5px no-repeat;
}
#metanavi-bottom ul li.empfehlen a {
  padding-left:16px;
  background:url(/img/system/metanavi-bottom.gif) 0 -39px no-repeat;
}
#metanavi-bottom ul li.drucken a {
  padding-left:15px;
  background:url(/img/system/metanavi-bottom.gif) 0 -79px no-repeat;
}
#metanavi-bottom ul li.agb a {

}

/* ::: Content ::: */
.produkt {}
.produktbild {
  float:left;
  width:256px;
  margin-right:19px;
}
.produkttext {
  float:left;
  width:255px;
}
.bigimg {
  margin-bottom:11px;
}
.smallimg {
  float:left;
  border:1px solid #f8e79e;
  margin-right:11px;
  cursor:pointer;
}
.nomargin {
  margin:0;
}
.icons {
  color:#e20a16;
  padding:5px 0 6px 23px;
  background:url(/img/system/icons.png) 0 8px no-repeat;
}
.content a, 
.icons a {
  color:#e20a16;
}
.fragen {
  background-position:0 8px;
}
.login {
  background-position:0 -91px;
}


/* ::: Suche ::: */
#suche {
  position:absolute;
  top:123px;
  left:786px;
  width:190px;
  height:25px;
}
#suche input {
  float:left;
  width:152px;
  border:1px solid #FFF;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#808080;
  padding:2px 4px 0 4px;
}
#suche a {
  float:left;
  display:block;
  height:20px;
  width:20px;
  margin-left:4px;
  text-decoration:none;
}

/* ::: box ::: */
.box {
  border:1px solid #f8e79e;
  color:#545454;
  margin-bottom:10px;
}
.box-inner {
  border:1px solid #fff;
  background:#fff2c7 url(/img/system/box.gif) 0 0 repeat-x;
  padding:7px 8px 14px 8px;
}
.box h3 {
  padding:0 3px 11px 3px;
}
.box .plaintext {
  padding:0 3px;
}
.box a {
  color:#545454;
}
.box img.boximg {
  margin-bottom:10px;
}
.box .box-icon {
  display:block;
  padding: 6px 0 7px 31px;
  background: url(/img/system/box-icons.png) 0 5px no-repeat;
}
.box .box-icon a {
  text-decoration:none;
}

/* ::: Besondere Select-Box ::: */
.homebox .newListSelected {
  outline:none;
  border:1px solid #b6b6b6;
  margin-top:1px;
}
.homebox .selectedTxt {
  background:url(/img/system/select.png) 217px 1px no-repeat;
  padding:1px 11px 2px 11px;
  font-size:12px;
  color:#e20a16;
}
.homebox ul.newList {
  margin:0;
  padding:1px 0 9px 0;
  list-style:none;
  background-color:#FFF;
}
.homebox ul.newList li {
  margin:0;
  padding:0;
}
.homebox ul.newList li a {
  display:block;
  padding:3px 0 3px 11px;
  text-decoration:none;
  color:#333;
  line-height:15px;
} 
.homebox ul.newList li a.hiLite,
.homebox ul.newList li a:hover {
  color:#000;
  background-color:#b2b4bf;
}


/* ::: E-Service::: */
.formulare {
}
.formulare label {
  width:200px;
}
.delete,
.send {
  float:left;
}
.send {
  float:right;
  margin-right:120px;
}
.formulare a,
#mymailresult a {
  text-decoration:none;
}


/* ::: Shop ::: */
.productlist {
  padding-bottom:10px;
  border-bottom: 1px solid #F8E79E;
}
.productlistimage {
  float:left;
  width:132px;
  padding:0 10px 5px 0;
}
.productlisttext {
  float: left;
  width:388px;
}
.with-top-border {
  border-top: 1px solid #F8E79E;
}

/* ::: Zeugs ::: */
.datebox {
  float:left;
}
a.dp-choose-date {
  float:left;
  width:15px;
  height:13px;
  background: url(/img/system/calendar.gif) 0 0 no-repeat;
  text-indent:-100px;
  overflow:hidden;
  margin:4px 0 0 8px;
}
.zweispaltig .half {
  float:left;
  width:48%;
}
.zweispaltig .right {
  margin-left:2%;
}
.text-selected {
  color:#e20a16;
}
 /*print*/
/* ::: Druckversion ::: */
@media print {
  #bgcontainer,
  #metanavi-bottom,
  #navi,
  #logo,
  #metanavi,
  #subnavi,
  #suche,
  #teaser {
    display:none;
  }
  body,
  #footer,
  #middle {
    background:none;
  }
  #container {
    margin:0;
    width:auto;
  }
  #middle,
  #footer {
    padding:0;
  }
  #main,
  #copyright {
    width:auto;
  }
  #content {
    padding:0;
    margin:0;
  }

}
 /*Fertige Module/formulare*/
/* ::: Formulare ::: */
fieldset {
  margin:0;
  padding:0;
  border:0;
}
legend {
  display:none;
}
label {
  float:left;
  clear:both;
  width:130px;
  padding:2px 0;
  font-size:11px;
}
.row {
  margin-top:3px;
  clear:both;
}
input.text, 
textarea.text {
  width:210px;
  margin:1px 0;
  padding:2px;
  border:1px solid #999;
  background:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  color:#666;
}
textarea.text {
  height:70px;
}
select.text {
  width:216px;
  border:1px solid #999;
  background:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  color:#666;
}
input.zipcode {
  width:43px;
  margin-right:4px;
}
input.city {
  width:157px;
}
.captcha img {
  margin:1px 0 4px 130px;
}
.content .btn {
  display:block;
  float:left;
  margin:1px 0 12px 259px;
  padding:4px 10px;
  background-color:#333;
  color:#fff;
  font-weight:bold;
}
.absenden {
  padding-left:275px;
}
 /*Fertige Module/shadowbox-custom-3.0rc1*/
#sb-container, #sb-wrapper {
  text-align:left;
}
#sb-container, #sb-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:0;
  padding:0;
}
#sb-container {
  height:100%;
  display:none;
  visibility:hidden;
  z-index:999;
}
body>#sb-container {
  position:fixed;
}

/* #sb-overlay ausgelagert in ie6.css */

#sb-container>#sb-overlay {
  height:100%;
}
#sb-wrapper {
  position:relative;
}
#sb-wrapper img {
  border:none;
}
#sb-body {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #303030;
}
#sb-body-inner {
  position:relative;
  height:100%;
}
#sb-content.html {
  height:100%;
  overflow:auto;
}
#sb-loading {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  text-align:center;
  padding-top:10px;
}
#sb-body, #sb-loading {
  background-color:#060606;
}
#sb-title, #sb-info {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
}
#sb-title-inner, #sb-info-inner {
  position:relative;
  font-family:'Lucida Grande', Tahoma, sans-serif;
  line-height:16px;
}
#sb-title, #sb-title-inner {
  height:26px;
}
#sb-title-inner {
  font-size:16px;
  padding:5px 0;
  color:#fff;
}
#sb-info, #sb-info-inner {
  height:20px;
}
#sb-info-inner {
  font-size:12px;
  color:#fff;
}
#sb-nav {
  float:right;
  height:16px;
  padding:2px 0;
  width:45%;
}
#sb-nav a {
  display:block;
  float:right;
  height:16px;
  width:16px;
  margin-left:3px;
  cursor:pointer;
}
#sb-nav-close {
  background-image:url(/img/system/shadowbox/close.png);
  background-repeat:no-repeat;
}
#sb-nav-next {
  background-image:url(/img/system/shadowbox/next.png);
  background-repeat:no-repeat;
}
#sb-nav-previous {
  background-image:url(/img/system/shadowbox/previous.png);
  background-repeat:no-repeat;
}
#sb-nav-play {
  background-image:url(/img/system/shadowbox/play.png);
  background-repeat:no-repeat;
}
#sb-nav-pause {
  background-image:url(/img/system/shadowbox/pause.png);
  background-repeat:no-repeat;
}
#sb-counter {
  float:left;
  padding:2px 0;
  width:45%;
}
#sb-counter a {
  padding:0 4px 0 0;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
}
#sb-counter a.sb-counter-current {
  text-decoration:underline;
}
div.sb-message {
  font-family:'Lucida Grande', Tahoma, sans-serif;
  font-size:12px;
  padding:10px;
  text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
  color:#fff;
  text-decoration:underline;
}

 /*Fertige Module/tabelle*/
/* ::: tabelle  ::: */
.tabelle {
  border:1px solid #ccc;
  border-collapse:collapse;
  width:100%;
}
.tabelle thead tr {
}
.tabelle thead tr th  {
  background:#e8e8e8;
  font-weight:bold;
  text-align:left;
  padding:5px 5px;
  border-right:1px solid #ccc;
}
.tabelle thead tr td,
.tabelle tbody tr td {
  padding:5px 5px 3px 5px;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  vertical-align:top;
}
.tabelle tbody tr.headline td {
  vertical-align:bottom;
}
.tabelle tbody tr.zentriert td,
.tabelle tbody tr td.zentriert {
  text-align:center;
}
.tabelle tbody tr.links td
.tabelle tbody tr td.links {
  text-align:left;
}
.tabelle tbody tr.rechts td,
.tabelle tbody tr td.rechts {
  text-align:right;
}
 /*JQueryDatePicker*/
table.jCalendar {
  border: 1px solid #000;
  background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
}

table.jCalendar td {
  background: #ccc;
  color: #000;
  padding: 3px 5px;
  text-align: center;
}
table.jCalendar td.other-month {
  background: #ddd;
  color: #aaa;
}
table.jCalendar td.today {
  background: #666;
  color: #fff;
}
table.jCalendar td.selected {
  background: #f66;
  color: #fff;
}
table.jCalendar td.selected.dp-hover {
  background: #f33;
  color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
  background: #fff;
  color: #000;
}
table.jCalendar tr.selectedWeek td {
  background: #f66;
  color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
  background: #bbb;
  color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
  background: #bbb;
  color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
  position: relative;
  background: #ccc;
  font-size: 10px;
  font-family: arial, sans-serif;
  padding: 2px;
  width: 171px;
  line-height: 1.2em;
}
div#dp-popup {
  position: absolute;
  z-index: 199;
}
div.dp-popup h2 {
  font-size: 12px;
  text-align: center;
  margin: 2px 0;
  padding: 0;
}
a#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}
a#dp-close:hover {
  text-decoration: underline;
}
div.dp-popup a {
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-prev a {
  float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
}
div.dp-popup div.dp-nav-next {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-next a {
  float: right;
}
div.dp-popup a.disabled {
  cursor: default;
  color: #aaa;
}
div.dp-popup td {
  cursor: pointer;
}
div.dp-popup td.disabled {
  cursor: default;
}
 /*search*/
/* Search */

.search-pager {
  padding:4px 5px;
  background:#FFF2C7;
  font-size:11px;
  font-weight:bold;
  color:#545454;
}
.search-pager-backward,
.search-pager-forward {
  float:left;
  width:30px;
}
.search-pager-forward {
  float:right;
}
.search-pager a {
  float:left;
  width:15px;
  text-align:center;
  text-decoration:none;
}
.search-pager-info {
  text-align:center;
}
fieldset.suche label.label {
  width:70px;
}
a.suchen {
  margin-left:25px;
}
 /*Fertige Module/onAccordion*/
/* ::: onAccordion ::: */
.onAccordion {  }
.onAccHead {
  background: url(/img/icons/plusminus.png) no-repeat left 0;
  cursor:pointer;
  padding:3px 10px 4px 25px;
  margin-top:8px;
  font-weight:normal;
  color:#e20a16;
}
.onAccordion .selected {
  color:#fff;
  background-position:left -100px;
}
.onAccHead:hover {
  color:#fff;
  background-position:left -100px;
}
/*
.onAccHead.selected:hover {
  background-position:left 0;
}
*/
.onAccordion div.onAccordionContent {
  padding:10px 0;
}