#panes div {
 display: none;
 position: absolute;
 top: 20px;
 left: 20px;
 color: #555;
 width: 90%;
}

/* @group fonts */


/* @group eu */

@font-face {
   font-family: eu-A;
   src: url(../fonts/eu-A.ttf);
  }

  @font-face {
   font-family: eu-B;
   src: url(../fonts/eu-B.ttf);
  }

  @font-face {
   font-family: eu-C;
   src: url(../fonts/eu-C.ttf);
  }

  @font-face {
   font-family: eu-D;
   src: url(../fonts/eu-D.ttf);
  }

  @font-face {
   font-family: eu-E;
   src: url(../fonts/eu-E.ttf);
  }

  @font-face {
   font-family: eu-F;
   src: url(../fonts/eu-F.ttf);
  }

.eu-A {
 font-family: eu-A;
 font-size: 1em;
}

.eu-B {
 font-family: eu-B;
}

.eu-C {
 font-family: eu-C;
}

.eu-D {
 font-family: eu-D;
}

.eu-E {
 font-family: eu-E;
 font-size: 120%;
}

.eu-F {
 font-family: eu-F;
}

/* @end */

/* @group ch */

@font-face {
   font-family: ch-A;
   src: url(../fonts/ch-A.ttf);
  }

  @font-face {
   font-family: ch-B;
   src: url(../fonts/ch-B.ttf);
  }

  @font-face {
   font-family: ch-C;
   src: url(../fonts/ch-C.ttf);
  }

  @font-face {
   font-family: ch-D;
   src: url(../fonts/ch-D.ttf);
  }

  @font-face {
   font-family: ch-E;
   src: url(../fonts/ch-E.ttf);
  }

  @font-face {
   font-family: ch-F;
   src: url(../fonts/ch-F.ttf);
  }

.ch-A {
 font-family: ch-A;
}

.ch-B {
 font-family: ch-B;
}

.ch-C {
 font-family: ch-C;
}

.ch-D {
 font-family: ch-D;
}

.ch-E {
 font-family: ch-E;
 font-size: 110%;
}

.ch-F {
 font-family: ch-F;
}

/* @end */

/* @end */

/* @group Standards */

* {
 outline: 0;
}

html {
 color: #555555;
 font: 1em/135% Georgia, "Times New Roman", Times, serif;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 background: white url(../img/body-back.jpg) repeat-x 0 100px;
}

body {
 padding: 0;
 margin: 0;
 height: 100%;
 width: 100%;
}

a {
 color: #7a8c99;
 text-decoration: none;
 font-style: italic;
}

a:hover {
 color: black;
}

a img {
 border-style: none;
 vertical-align: middle;
 margin: 0;
 padding: 0;
 text-decoration: none;
 text-align: left;
}

a.white:hover {
 color: #ff6600;
 text-decoration: none;
}

a.orange:hover, .dark {
 color: #333;
 text-decoration: none;
}

.hover:hover {
 color: #FF6600;
}

strong, .bold {
 color: #464d53;
 font-weight: bold;
}

ul, li {
 margin: 7px 0;
 line-height: 140%;
 padding: 0;
 list-style-type: none;
}

ol li {
 list-style-type: decimal;
}

h2, #head p {
 color: #81848F;
 margin-bottom: 9px;
 margin-top: 0;
 font-weight: normal;
 line-height: 125%;
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2 {
 font-size: 1.35em;
 letter-spacing: .01em;
 color: #314357;
}

h3 {
 color: #60626a;
 font: normal 1.17em/125% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 padding: 0;
 margin: 0 0 7px;
}

h4 {
 color: #60626a;
 font: bold 1em/120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 margin: 7px 0;
 padding: 0;
}

hr {
 display: block;
 margin: 20px 0;
 padding: 0;
 border: none;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid white;
}

td {
}

label,.pointer {
 cursor: pointer;
}

.sans {
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.help {
 cursor: help;
}

.white {
 color: #FFFFFF;
}

.orange {
 color: #ff7700;
}

.green, input[type=submit] {
 color: #60ad3e;
}

.blue {
 color: #3399CC;
}

.gray {
 color: #8c877e;
}

.red, .spezial, .required {
 color: #c33b38;
 text-shadow: none;
}

.spezial {
 font-weight: bold;
}


.light {
 color: #99a5ae;
}

.clearer {
 display: block;
 float: left;
 clear: both;
}

#noie6, .hidden {
 display: none;
}

table.td-top td {
 vertical-align: top;
}

.rounded4 {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

.rounded7 {
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
}

/* @end */

/* @group Struktur */

#mitteilung {
 position: absolute;
 right: 20px;
 bottom: 20px;
 z-index: 3001;
}
/*
#header, #main-table, #footer {
 opacity: 0;
 filter: alpha(opacity = 0);
}
*/
#header {
 width: 100%;
 height: 100px;
 background: #54565D url(../img/header.jpg) no-repeat center top;
 overflow: hidden;
}

#header-left {
 background: black none no-repeat left center;
 height: 100px;
 overflow: hidden;
 padding: 0;
 width: 20%;
}

#header-image {
 background:url(../img/header.jpg) no-repeat 0 center;
 width: 990px;
 height: 100px;
 overflow: hidden;
 background-position: 0 center;
 padding: 0;
}

#header-right {
 background: url(../img/header-right.jpg) repeat-x left center;
 height: 100px;
 overflow: hidden;
 padding: 0;
 width: 20%;
}

#content-left {
 padding: 0;
 margin: 0;
 text-align: right;
 border-right: 1px solid #bbb;
 background: #cacbcf url(../img/nav-back.jpg) repeat-x;
 width: 30%;
 font: normal 0.77em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#content {
 min-width: 590px;
 width: 690px;
 vertical-align: top;
 font: .9em/155% Georgia, "Times New Roman", Times, serif;
 text-align: left;
 z-index: -1;
 border-left: 1px solid #fff;
}

#content-right {
 font-size: 85%;
 padding: 0;
 margin: 0;
 width: 30%;
 text-align: left;
}

#copy {
}

#featured ul li, .bulletlist li {
 margin: 0 0 7px 12px;
 padding: 0 0 0 21px;
 background: url(../img/bullet.png) no-repeat 3px 5px;
}

#main {
 background: url(../img/xmc-logo-big.png) no-repeat fixed center 240px;
}

#main-table {
 height: 600px;
 background: #efefef url(../img/body-back.jpg) repeat-x 0 0;
}

#links {
 line-height: 150%;
 padding: 20px 30px 30px;
}

#rechts {
 text-shadow: white 1px 1px 0;
 font: small/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 margin: 0;
 padding: 20px 0 0 20px;
 color: #797d7f;
 max-width: 150px;
}

#footer {
 color: #ebb9a5;
 font: 12px/125% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 padding: 30px 30px 30px 130px;
 height: 30px;
 overflow: hidden;
 border-top: 7px solid #000000;
 background: #b2112c none repeat-x 0 top;
}

#footer p {
 padding: 0;
 margin: 7px 0 12px 0;
 line-height: 155%;
}

#footer a {
 color: #ff7700;
 font-style: normal;
}

#footer a:hover {
 color: #fff;
}

#head {
 font-size: 26px;
 margin: 0 0 12px 0;
 padding: 0;
 line-height: 110%;
 text-shadow: #ffffff 1px 1px 0;
}

#head p {
 margin: 0;
 padding: 0;
 text-shadow: #ffffff 1px 1px 0;
}

#headline, #floater_spendenkarte {
 float: left;
 position: absolute;
 z-index: 1;
}

.headline {
 display: block;
 color: #23303b;
 font-size: 20px;
 line-height: 110%;
 margin: 0 0 10px;
 padding: 0;
}

.headline_dark_bold {
 display: block;
 color: #533e2a;
 font-size: 20px;
 line-height: 110%;
 margin: 0 0 10px;
 padding: 0;
 font-weight: bold;
 text-shadow: #e8e9ea 1px 1px 0;
}

#links .info-kasten ul li {
 background: url(../img/bullet_green.gif) no-repeat;
 padding-left: 24px;
 margin-left: 0;
 padding-right: 100px;
 margin-bottom: 12px;
}

#main .ui-widget-content {
 color: #333;
}

/* @end */

/* @group buttons */

a.button, button {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: url("../img/gradients/h80-toplight-100.png") repeat-x scroll center center #efefef;
 border-color: white #ddd #ddd white;
 border-style: solid;
 border-width: 1px;
 cursor: pointer;
 margin: 7px 6px 7px 0;
 text-align: left;
 padding: 7px 7px;
 text-shadow: white 1px 1px 0px;
 color: #777;
 width:auto;
 overflow:visible; 
 outline:  none;
 ie-dummy: expression(this.hideFocus=true);
 font: normal bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a.button.orange, button.orange {
 color: #ff7700;
 border-color: #ff7700;
}

a.button.green, button.green, input[type=submit] {
 color: #60ad3e;
 border-color: #60ad3e;
}

a.button.red, button.red {
 color: #b94037;
 border-color: #b94037;
}
a.button.blue, button.blue {
 color: #3399CC;
 border-color: #3399CC;
}

a.button.gray, button.gray {
 color: #8c877e;
 border-color: #8c877e;
}


a.button:hover, button:hover, button.active, input[type=submit]:hover {
 background: url("../img/gradients/h80-toplight-60.png") repeat-x scroll center center #ddd;
 color: #333333;
 text-decoration: none;
 border-style: solid;
 border-color:  #ddd white white #ddd;
}

button[disabled], button[disabled]:hover {
 color: silver;
 border-color: #a6a6a6;
 cursor: auto;
}

/* @end */

/* @group #rechts */

#shoptabelle a.acc-header,
#rechts a.acc-header {
 list-style-type: none;
 padding-left: 20px;
 background: url(../img/bullet-arrow-mini.gif) no-repeat 0 10px;
}

a.acc-header.ok {
 background: url(../../../media/webstuff/16-round-green-ok.gif) no-repeat 0 7px;
}

#shoptabelle a.acc-header:hover,
#rechts a.acc-header:hover,
.acc-header.selected {
 color: #293852;
 background: url(../img/bullet-arrow-mini-hover.gif) no-repeat 0 10px;
}

#rechts li div {
 margin-left: 20px;
}

#rechts .subhead {
 margin-left: 0;
}

#rechts small {
 line-height: 120%;
 font-size: 13px;
}

#rechts h3,
h3.important {
 color: #7a8c99;
 font-size: 1em;
}

/* @end */

/* @group navigation */

#nav-container {
 display: table;
 width: 100%;
 float: right;
 margin: 0;
 padding: 0;
 font-size: 1.1em;
}

#nav-logo,
#nav-shop,
#nav-stuff,
#nav-kontakt,
#nav-tel {
 display: table-row;
}

#logo,
#stuff,
#kontakt,
#tel {
 display: table-cell;
 padding: 10px 0 10px 0;
}

#tel {
 vertical-align: middle;
 padding-right: 12px;
 padding-top: 20px;
}

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

#content-left a {
 text-decoration: none;
 line-height: 1.25;
 display: block;
 padding: 3px 24px 3px 0;
 margin: 1px 0;
 border-bottom: 1px solid transparent;
 border-top: 1px solid transparent;
 font-weight: normal;
 font-style: normal;
}

#content-left #nav-shop ul.menu-top li.menu-current a,
#content-left #nav-stuff ul.menu-top li.menu-current a,
#content-left #nav-kontakt ul.menu-top li.menu-current a,
li.menu-current a:hover {
 color: #333;
 font-weight: bold;
}

#content-left #nav-shop a,
#content-left #nav-shop .menu-current a {
 color: #cc3d3d;
}

#content-left #nav-shop a:hover,
#content-left #nav-stuff a:hover,
#content-left #nav-kontakt a:hover {
 color: #333;
 background: #cacbcc url(../img/nav-link-back.jpg) repeat-x;
 border-bottom: 1px solid #e7e7e7;
 border-top: 1px solid #c7c7c7;
}

#content-left #nav-stuff a,
#content-left #nav-kontakt a {
 color: #858789;
}

/* @end */

/* @group Form */

form {
 margin: 0;
 padding: 0;
 font: 90%/120% Arial, Helvetica, Geneva, sans-serif;
 width: 100%;
}

.formfooter {
 border-top: 1px solid #8d8075;
 margin-top: 24px;
 padding-top: 24px;
 text-align: left;
}

.textfield,
.textarea,
.email {
 width: 360px;
 padding: 5px;
 margin-bottom: 3px;
 border: 1px solid #ccd;
 font: 100%/120% Arial, Helvetica, Geneva, sans-serif;
 opacity: 0.75;
 filter: alpha(opacity=75);
 color: #112;
 background: white url(../img/textfield-back.png) no-repeat -2px -3px;
 border-bottom-color: #dde;
 border-right-color: #dde;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

.textfield.big {
 font-size: 130%;
}

.label_right {
 margin-left: 7px;
}

.label_left,
.radio_label,
.checkbox_label {
 margin-right: 7px;
 width: 150px;
}

.field_title {
 width: 120px;
 vertical-align: top;
 text-align: right;
 padding-right: 12px;
 padding-top: 7px;
 color: #334455;
}

.field_title_lang {
 width: 200px;
 vertical-align: top;
 text-align: right;
 padding-right: 12px;
 padding-top: 7px;
 color: #334455;
}

.field_radio {
 padding: 2px;
 margin: 5px 7px -2px 0;
 opacity: 0.75;
 filter: alpha(opacity=75);
}

.textarea {
 height: 100px;
}

.field_heading {
 font-weight: bold;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #666666;
 padding-top: 10px;
 color: #795b3d;
}

.field_checkbox {
 margin-left: 0;
}

.nixhier {
 display: none;
}

/* @end */

/* @group validation */

#errors {
 width: 360px;
 display: none;
 padding: 0 5px;
}

/* @end */

/* @group accordion */

.accordion div {
 margin: 0;
 padding: 0;
}

.ui-accordion {
 padding: 0;
 list-style-position: outside;
 margin: 0 0 30px;
 width: 100%;
}

.ui-accordion li {
 padding: 0;
 margin: 0;
 list-style-type: none;
 overflow: hidden;
}

.ui-accordion-content {
 padding: 21px;
 background: #efefef url(../img/gradients/h100-topsoft-100.png) repeat-x 0 -30px;
}

.ui-accordion-header {
 padding: 7px;
 margin: 0;
 border-bottom: 1px solid #dcdcdc;
 border-top: 1px solid white;
}

.ui-icon {
 display: inline-block;
 float: left;
 height: 16px;
 width: 24px;
 background: url(../img/bullet.png) no-repeat 3px;
}

.ui-accordion-header:hover,
.ui-accordion-header.selected,
.ui-state-active {
 text-decoration: none;
 background: #efefef url(../img/gradients/h80-toplight-60.png) repeat-x center center;
}

ol.accordion div, #rechts .accordion div {
 display: none;
}

.acc-header {
 display: block;
 cursor: pointer;
 text-decoration: none;
}

.accordion a:hover {
 text-decoration: none;
}

.clickhead.acc-top-header {
 width: 500px;
 background: url(../img/acc-top.jpg) no-repeat 0 0;
 height: 34px;
 margin: 0 0 0 -10px;
}

/* @end */

/* @group musterbestellung */

/* @group carousel */

#mycarousel {
 height: 166px;
 overflow: hidden;
 border: 1px solid #999999;
 border-bottom-color: #efefef;
 border-right-color: #efefef;
}

#mycarousel li {
 margin: 0;
 padding: 0;
 list-style-image: none;
 background-image: none;
 float: left;
 overflow: hidden;
 border-right: 1px solid #ddd;
}

.jcarousel-container {
 position: relative;
 margin: 0;
 padding: 0;
}

.jcarousel-clip {
 z-index: 2;
 padding: 0;
 margin: 0;
 overflow: hidden;
 position: relative;
}

.jcarousel-list {
 z-index: 1;
 overflow: hidden;
 position: relative;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
 float: left;
 list-style: none;
 width: 105px;
 height: 166px;
}

.jcarousel-next {
 z-index: 3;
 display: none;
}

.jcarousel-prev {
 z-index: 3;
 display: none;
}

#mycarousel .zoomfeld-hover {
 background: url(../../../media/webstuff/musterbestellung-zoom.png) no-repeat center center;
}

#mycarousel .merkfeld,
#mycarousel .merkfeld-gemerkt {
 height: 44px;
 width: 105px;
 position: relative;
 top:  -50px;
 z-index: 3;
 cursor: pointer;
 clear:both;
}

#mycarousel .merkfeld:hover {
 background: url(../img/24-add.png) no-repeat center center;
}

#mycarousel .merkfeld-gemerkt {
 background: url(../img/24-accept.png) no-repeat center center;
}

#mycarousel .merkfeld-gemerkt:hover {
 background: url(../img/24-remove.png) no-repeat center center;
}

/* @group tango */

.jcarousel-skin-tango {
 overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
 height: 200px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
 position: absolute;
 top: 173px;
 left: 285px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(../img/32-seek-forward.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position: absolute;
 top: 173px;
 left: 222px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(../img/32-seek-backward.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
 background: transparent url(../img/32-seek-backward-hover.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
 background: transparent url(../img/32-seek-forward-hover.png) no-repeat 0 0;
}

/* @end */

/* @end */

#musterbestellung {
 margin: 0;
 width: 100%;
}

#musterbestellung #abs1,
#musterbestellung #abs2,
#musterbestellung #abs3,
#musterbestellung #abs4 {
 padding: 10px;
 font-size: 90%;
 margin-top: -10px;
}

#muster_form2_ok {
 vertical-align: -7px;
}

.muster-mini, .muster-mini-delete {
 cursor: pointer;
 width: 45px;
 height: 70px;
 float: left;
 margin: 0 7px 0 0;
 border: 1px solid #ccc;
}

.muster-mini-delete {
 margin: -1px 0 0 -1px;
 display: none;
}

.clickhead {
 padding-left: 30px;
 margin: 0;
 height: 34px;
 font-size: 120%;
 border: none;
 cursor: pointer;
 overflow: hidden;
}

h3.clickhead,h3.clickhead-aus {
 font-size: 120%;
 padding: 9px 0 0 12px;
 margin: 7px 0;
 height: 30px;
}

h3.clickhead.done {
 font-weight: normal;
 font-style: normal;
}

.clickhead:hover {
 text-decoration: none;
}

h3.clickhead-aus, h3.clickhead-aus:hover {
 color: #969797;
 cursor: default;
}

.clickhead.done {
 background: #f4fbf5 url(../img/done-haken.gif) no-repeat 10px 10px;
 border-color: #c5dcbe;
 padding: 10px 0 0 44px;
 color: #37b20f;
 cursor: pointer;
}

.clickhead-aus.done {
 color: #b4a691;
 cursor: default;
 background: url(../img/acc-semi.jpg) no-repeat 0 3px;
}

button.ui-state-default.done {
 border-color: #c5dcbe;
 background: #f4fbf5 none;
}

/* @end */

/* @group hinweise */

#rechts .hinweis-kasten {
 margin-left: -7px;
}

#rechts .info-kasten ul.accordion li p {
 margin: 0 0 5px;
 padding: 0;
 line-height: 120%;
}

#hinweis {
 margin-top: 12px;
 height: 85px;
}

.hinweis-kasten, .info-kasten, .alert-big, #featured, #errors {
 border: 1px solid #f5b21b;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 margin: 0 0 7px 0;
 background: #fbf7e6 url(../img/36-attention.png) no-repeat 5px 5px;
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.hinweis-kasten .hinweis-text {
 padding-left: 45px;
}

.hinweis-kasten:hover {
 border-color: white;
 background: #faf1c4 url(../img/36-attention.png) no-repeat 5px 5px;
}

.hinweis-icon {
 padding: 0;
 width: 29px;
 background: url(../../../media/webstuff/icon-info-blau-24-trans.png) no-repeat 5px 7px;
}

.hinweis-text {
 padding: 5px;
 font-size: 11px;
}

.hinweis-text b, .hinweis-text strong {
 font-size: 12px;
}

.alert.big, #featured {
 background: #fbf7e6 url(../img/36-attention.png) no-repeat 15px 12px;
 padding: 15px 12px 12px 65px;
 margin: 7px 0 20px;
 cursor: default;
 border: 1px solid #f5b21b;
}

.attention {
 background: url(../img/36-attention.png) no-repeat 0 0;
 padding-left: 42px;
 color: #d86556;
 font: bold 110% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 padding-top: 7px;
 height: 36px;
}

/* @end */

/* @group info */

.info-kasten {
 padding: 7px;
 background-image: none;
 width: 250px;
 background-color: #fff;
 border-color: #333;
}

.info-kasten tbody {
 background-color: #efefef;
}

.info-kasten button {
 margin: 3px 0;
}

.hand {
 cursor: move;
}

#info {
 width: 265px;
}

#info .tabelle td {
 vertical-align: top;
 font-size: 90%;
 padding: 7px 10px;
 text-align: left;
 border-bottom: 1px solid #ddd;
 border-top: 1px solid #fff;
}

#info .tabelle th {
 vertical-align: middle;
 text-align: right;
 color: white;
 font-weight: bold;
 padding: 7px;
 background: #e7e7e7 url(../img/gradients/h30.png) repeat-x 0 12px;
 height: 30px;
 border-bottom: 1px solid #999;
}

#info .tabelle .titel {
 font-weight: bold;
 color: #333333;
 text-align: right;
}

#info #merken {
 text-align: center;
 display: table-cell;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
 border-top: 1px solid white;
 background-color: #83cb3c;
}

#info #loeschen {
 text-align: center;
 display: table-cell;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
 border-top: 1px solid white;
 background: #b94037 repeat-x 0 bottom;
}

#infoicon {
 cursor: pointer;
}

/* @end */

/* @group shop */

#shop {
 display: table-cell;
 padding: 20px 0 0 0;
 font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#shopnav {
 margin: 0 0 30px 0;
 float: left;
 clear: both;
}

#select_collection {
 margin-top: 7px;
 width: 760px;
}

#shoptabelle {
 width: 760px;
 font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 clear: both;
}

#shoptabelle img {
 background-color: transparent;
}

#shoptabelle .coll_descr {
 padding-left: 7px;
}

#shoptabelle .abschnitt {
 height: 230px;
 width: 337px;
 float: left;
 overflow: hidden;
 margin: 0 20px 20px 0;
 border: 1px solid #ddd;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: url(../img/gradients/h600.png) repeat-x 0 100px;
}

#shoptabelle .bild {
 width: 275px;
 height: 210px;
 float: left;
 border-right: 1px solid #ddd;
 padding: 10px;
 display: block;
 margin-bottom: 10px;
 overflow: hidden;
}

#shoptabelle .bild img {
 border: 1px solid #ddd;
}

#floater {
 color: #333335;
 position: absolute;
 width: 195px;
 padding: 12px;
 margin: 0;
 z-index: 100000;
}

#floater #text {
 width: 125px;
 text-align: right;
 float: left;
}

#floater #text a {
 display: block;
 padding-top: 7px;
}

#floater #cart-add {
 float: left;
 margin: 10px 0 0 20px;
}

#floater_spendenkarte {
 text-align: center;
 line-height: 100%;
 width: auto;
 padding: 12px;
}

.ausklappinfo {
 width: 40px;
 display: block;
 float: left;
 overflow: hidden;
 cursor: default;
}

.ausklappinfo .opener {
 height: 250px;
 float: left;
 width: 40px;
 cursor: pointer;
 overflow: hidden;
 border-left: 1px solid #ffffff;
 background: #efefef url(../img/2-transparent.png) repeat-x 0 0;
}

.ausklappinfo .opener:hover {
 background: #efefef url(../img/gradients/h100-topsoft-100.png) repeat-x 0 0;
}

.ausklappinfo .infotext {
 height: 230px;
 width: 185px;
 float: left;
 font-size: 11px;
 line-height: 120%;
 padding: 12px 0 0 0;
 display: none;
 text-align: left;
 background: #f7f7f7 url(../img/gradients/h100-topsoft-100.png) repeat-x 0 0;
}

.ausklappinfo .infotext p {
 margin: 0;
 padding: 0;
}

.preis {
 font-size: 21px;
 color: #565758;
 text-shadow: white 1px 1px 0;
}

a.set_col {
 cursor: pointer;
 margin: 0;
 padding: 0;
}

a.set_col:hover, a.set_col.hover, a.set_col.ok {
 color: #d86556;
 text-decoration: none;
 border-bottom: 3px solid #d86556;
}

.coll_descr h2 {
 color: #81848F;
}

.coll_descr p {
 font-size: 90%;
 color: #9c806b;
}

/* @end */

/* @group warenkorb */

#warenkorb {
 width: 698px;
 padding: 0 0 30px 0;
 position: relative;
 z-index: 12;
}

#detailEindruck,#auflage,#spalte3 {
 display: block;
 float: left;
}

#detailEindruck {
 width: 310px;
 min-height: 300px;
 float: left;
}

#auflage {
 width: 310px;
 float: right;
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#spalte3 {
 display: none;
}

#cart-header {
 background: #333 url(../img/gradients/h80-toplight-15.png) repeat-x center center;
 position: relative;
 z-index: 4;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-radius-topleft: 4px;
 -webkit-border-radius-topright: 4px;
}

#cart-header h4 {
 color: #fff;
 padding: 7px 0;
 margin: 0 12px;
 display: block;
}

.bg-closer {
 background: url(../img/close-2.gif) no-repeat right center;
 height: 30px;
 margin: 0 12px 0 0;
}

.bg-opener {
 background: url(../img/16-down.png) no-repeat right center;
 height: 30px;
 margin: 0 12px 0 0;
}

#cart-content {
 float: left;
 width: 656px;
 padding: 15px 20px;
 margin: 0 0 20px 0;
 border: 1px solid #ddd;
 border-top-color: #fff;
 background: #e7e8e9 url(../img/gradients/h100-topsoft-70.png) repeat-x 0 0;
 min-height: 300px;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-radius-bottomleft: 4px;
 -webkit-border-radius-bottomright: 4px;
 display: none;
}

/* @group Spalte 1 */

#eindruckMini {
 border: 1px solid #ddd;
 background-color: #fff;
 padding: 12px;
 text-align: center;
 vertical-align: middle;
}

/* @end */

/* @group Spalte 2 */

#auflage .textfield {
 font-size: 1.2em;
 font-weight: bold;
 border-color: #ddd;
 color: #777;
 margin: 3px 0 0 -3px;
 width: 85px;
 float: left;
 filter: alpha(opacity=100);
 opacity: 1;
}

#cart_table tr.light:hover {
 background: white url(../img/gradients/h300.png) repeat-x;
}

#cart_table tr.aktiv td {
 background-color: #f7f7f7;
 border: none;
}



/* @end */

/* @group Spalte 3 */

#spalte3 .img {
 border: 1px solid #ddd;
}

#personendaten label {
 width: 105px;
 text-align: right;
 float: left;
 display: block;
 margin: 5px 7px 0 0;
 padding: 0;
}

#personendaten .textfield {
 font-family: Arial, Helvetica, Geneva, sans-serif;
 margin: 0 0 5px;
 float: left;
}



/* @end */

/* @end */

/* @group menu */

#indy #menu {
 width: 1000px;
 height: 229px;
 overflow: hidden;
 padding: 0;
 margin-left: -10px;
}

#indy #menu div {
 width: 88px;
 height: 227px;
 float: left;
 background-color: white;
 overflow: hidden;
 border: 1px solid #c8bcaa;
 border-left-style: none;
 cursor: pointer;
}

/* @end */

/* @group jqModal */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */

/*
.jqmWindow {
 display: none;
 position: absolute;
 top: 12px;
 left: 50%;
 margin-left: -325px;
 width: 100%;
 height: 100%;
 color: #333;
 border: 0px solid black;
 background-color: #FFFFFF;
 padding: 0px;
}
*/

#modal {
 position: absolute;
 z-index: 120000;
}

.jqmOverlay {
 background-color: #000;
 cursor: pointer;
}

* iframe.jqm {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

* html .jqmWindow {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* @end */

/* @group eindruck */

#eindruckrahmen {
 background: #efefef url(../img/gradients/h100-topsoft-100.png) repeat-x center top;
}

#eindruckrahmen .clickhead {
 height: 30px;
}

#eindruckrahmen ul h2 {
 margin: 3px 0 0 0;
 padding: 12px 0 0 30px;
}

#eindruckrahmen p {
 margin: 0;
 padding: 0;
}

#eindruck_links {
 float: left;
 width: 334px;
 padding: 12px 0 12px 12px;
}

#eindruck_links .ui-accordion {
 height: 450px;
}

#eindruck_links li {
 overflow: hidden;
}

#eindruck_links li p {
 margin: 0 0 7px 18px;
}

#eindruck_rechts {
 float: right;
 width: 560px;
 overflow-y: hidden;
 padding: 12px 12px 12px 0;
 line-height: 120%;
 font-size: .80em;
}

#eindruck-rahmen {
 color: #333;
 border: 1px solid #ddd;
 background-color: white;
 float: right;
 margin-bottom: -1px 0 12px 0;
}

#eindruck-rahmen .current {
 background: #efefef url(../img/gradients/h100-topsoft-70.png) repeat-x center top;
}

#eindruck-text,
#eindruck-unterschrift,
#eindruck-logo,
#eindruck-adr {
 text-align: center;
 overflow: hidden;
}

#eindruckrahmen .td-edit p {
 padding: 0 7px;
 width: 45px;
 text-align: center;
 display: block;
 font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 cursor: pointer;
}

#eindruck-rahmen .td-drag {
 text-align: center;
 width: 80%;
 cursor: move;
}

#eidruck-rahmen #eindruck-logo td, #eidruck-rahmen #eindruck-unterschrift td {
 height: 60px;
}

#eindruck-rahmen th a, a.weiter {
 color: #3399CC;
}

#eindruck-rahmen th a:hover, a.weiter:hover {
 color: #ff6600;
}

#eindruck-rahmen .td-drag p {
 padding: 5px;
 font-size: 13px;
 line-height: 125%;
}
/* @end */

.ajaxtooltip {
 position: absolute;
 display: none;
 left: 0;
 top: 0;
}

.smaller {
 font-size: .88em;
}

.small {
 font-size: .77em;
}

.sticky {
 position: fixed;
 z-index: 12;
}

#featured {
 display: none;
}

/* @group scrollable wizard */

#wizard {
 background: url("../img/gradients/h100-topsoft-100.png") repeat-x scroll 0 26px #ddd;
 height: 365px;
 margin: 15px 0;
 width: 560px;
 overflow: hidden;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 4px solid #ddd;
 position: relative;
}

#wizard p {
 margin: 3px 0 0 0;
}

#wizard .items {
 width: 20000em;
 clear: both;
 position: absolute;
}

#wizard .page {
 padding: 15px;
 float: left;
 width: 560px;
}

#wizard h2 {
 border-bottom: 1px dotted #ccc;
 font-size: 22px;
 font-weight: normal;
 margin: 10px 0 0 0;
 padding-bottom: 15px;
}

#wizard h2 em {
 display: block;
 font-size: 14px;
 color: #667;
 font-style: normal;
 margin-top: 5px;
}

#wizard label {

}

#wizard label strong {
 color: #789;
 position: relative;
 top: -1px;
}

#wizard label em {
 font-size: 11px;
 color: #666;
 font-style: normal;
}

#wizard .text {
 width: 100%;
 padding: 5px;
 border: 1px solid #ccc;
 color: #456;
 letter-spacing: 1px;
}

#wizard select {
 border: 1px solid #ccc;
 width: 94%;
 padding: 4px;
}

#wizard label span {
 color: #b8128f;
 font-weight: bold;
 position: relative;
 top: 4px;
 font-size: 20px;
}

#wizard .double label {
 width: 50%;
 float: left;
}

#wizard .double .text {
 width: 93%;
}

#wizard .clearfix {
 clear: left;
 padding-top: 10px;
}

#wizard .right {
 float: right;
}

/* validation error message bar */

#drawer {
 background: #f5b21b;
 _background-color: #f5b21b;
 overflow: visible;
 position: fixed;
 left: 0;
 top: 0;
 text-align: center;
 padding: 40px;
 font-size: 24px;
 border-bottom: 3px solid #333;
 width: 100%;
 display: none;
 z-index: 2;
 color: white;
}

#wizard .error {
 border-color: #b94037;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

#wizard #status {
 margin: 0px !important;
 background: #123 url(../img/gradients/h30.png) repeat-x;
 _background: #123;
 overflow: hidden;
}

#status li {
 list-style-type: none;
 list-style-image: none;
 float: left;
 color: #fff;
 padding: 5px 10px 4px;
 margin: 0;
 width: 90px;
}

#status li.active {
 background: #b2112c url(../img/gradients/h30.png) repeat-x;
 font-weight: normal;
 border-right: 1px solid silver;
 border-left: 1px solid silver;
}

#status li strong {
 color: inherit;
}

/* @end */

/* @group vertical */

#nav {
 background: #efefef url(../img/gradients/h300.png) repeat-x center center;
 border-bottom: 1px solid #CCCCCC;
 height: 152px;
 width: 100%;
 margin-top: -1px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-bottomleft: 4px;
 -webkit-border-radius-bottomright: 4px;
 -webkit-border-radius-bottomleft: 4px;
 font-size: .88em;
}

#nav ul {
 width: 100%;
 margin: 0 auto;
}

#nav li {
 border-right: 1px solid #ddd;
 float: left;
 padding-left: 1px;
 width: 24.5%;
 list-style-type: none;
 text-align: center;
 margin-top: 0px;
}

#nav a {
 color: #333333;
 display: block;
 padding: 21px 0;
 position: relative;
 height: 110px;
 text-decoration: none;
 font-style: normal;
 font-size: .8em;
 text-shadow: none;
}

#nav a.current {
 background: url(../img/gradients/down_large.jpg);
}

#nav img {
 background-color: #fff;
 border: 1px solid #ccc;
 margin: 0 auto 7px;
 padding: 4px;
 display: block;
}

#nav strong {
 display: block;
 font-size: 13px;
}

#panes {
 background: #efefef url(../img/gradients/h100-topsoft-100-reverse.png) repeat-x scroll 0 bottom;
 width: 100%;
 height: 220px;
 margin-bottom: -21px;
 padding-bottom: 20px;
 position: relative;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 -webkit-border-radius-topright: 4px;
 -webkit-border-radius-topleft: 4px;
 font-size: .88em;
}


#panes img {
 background-color:#FFF;
 border:1px solid #DDD;
 float:left;
 margin-right:20px;
 padding:7px;
}

#panes h3 {
 margin: 0 0 3px;
 font-size: 22px;
 font-weight: normal;
}

#panes h4 {
 margin: 0 0 3px 0;
 color: #333;
}

.overlay {
 display: none;
 width: 500px;
 padding: 20px;
 background-color: #ddd;
}

/* @end */

/* @group tabs */

ul.css-tabs {
 margin: 0;
 padding: 0;
 height: 28px;
 border-right: 1px solid #ddd;
}

ul.css-tabs li {
 float: left;
 padding: 0;
 margin: 0;
 list-style-type: none;
}

ul.css-tabs a {
 display: block;
 height: 18px;
 float: left;
 font-size: 13px;
 color: #aaaaaa;
 padding: 5px 7px;
 border: 1px solid #ddd;
 border-bottom: none;
 border-top: none;
 background: #e7e7e7 none repeat-x 0 center;
 outline: 0;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 position: relative;
}

ul.css-tabs a:hover {
 background-color: #efefef;
 color: #777;
}

ul.css-tabs a.current {
 background: #fff none;
 color: #000;
 cursor: default;
}

.tab-items div.tab-content {
 border: 1px solid #ddd;
 border-width: 0 1px 1px 1px;
 padding: 15px;
 line-height: 175%;
 background: url("../img/gradients/h100-topsoft-100.png") repeat-x scroll center top #EFEFEF;
 font-weight: normal;
 font-style: normal;
 font-size: 13px;
}

/* @end */