@charset 'utf-8';
@import url(reset.css);

html {height:100%;}
body {
  height: 100%;
  background: #5E7476;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
  /* color: #444; */ /* - definiert in reset.css - */
  text-rendering: optimizeLegibility;
}

/* elemente */
a {
  color:#43617B;
}
a:focus {
  border-bottom: 1px solid #2B73AB;
}
p {
  margin: 3px 0;
  line-height: 1.4em;
}
form p {
  line-height: 1em;
  margin-top:0;
}
sub, sup {
  line-height: 0px;
  font-size: 70%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
.right {float:right;}
.small, small {font-size:0.8em; line-height:1.3em;}
.bold small {font-weight:normal;}
.tcenter { text-align:center; }
.placeholder { color: darkGray; } /* for no-html5-browsers */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearing {
  clear: both;
  display: block;
}

h2, #content h2.welcome {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 1em;
}

#content h2 {
  font-weight: normal;
  font-size: 1.2em;
  color: #5b5b5b;
}

hr {
  border: 1px solid #bcbcbc;
  border-bottom: 1px solid #fff;
  border-style: solid none;
  margin: 15px 0;
}

h3 {
    margin-bottom:5px;
}

ul.list {
  list-style: disc outside;
  list-style-type: disc;
  padding-left:20px;
}
ul.list li {
  display:list-item;
  margin:10px 10px;
}

body {
  height:100%;
  background:#A8DCE4;
  background:#A8DCE4 url("/img/design/shopbg.png") repeat-x top;
  background:#A8DCE4 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#41A5DC), to(#A8DCE4)) repeat-x;
  background:#A8DCE4 -moz-linear-gradient(0% 0% 270deg, #41A5DC, #A8DCE4) repeat-x;
}

#allWrap {
  min-height:100%;
}

#background div {
  position: absolute;
}
#background .sun {
  position: fixed;
  top:0px;
  right:0px;
  height:400px;
  width:400px;
  background:-webkit-gradient(radial, 400 0, 250, 400 0, 15, from(rgba(255,255,255,0)), to(#D2EBF0));
  background:-moz-radial-gradient(75% 25% 0deg,circle closest-corner, #D2EBF0, rgba(255,255,255,0));
}

#wrapper .clouds {
  position:absolute;
  top:10px;
  left:50%;
  margin-left:-480px;
  height:150px;
  width:960px;
  background:url('/img/design/clouds.png') no-repeat;
}

#wrapper {
  position: relative; 
  width: 960px;
  margin: 0 auto;
  z-index: 50;
  padding-bottom: 150px;
}

#head {
  height: 120px;
  position: relative;
  margin-bottom: 15px;
}

#headLogo {
  height: 100px;
  background: url('/img/design/logo.png') no-repeat;
  width: 500px;
  padding-left: 15px;
  padding-top: 15px;
}

#headLogo h1 {
  margin-bottom: 7px;
}

#headLogo p {
  font-weight: bold;
  margin-left: 13px;
  color: #FFF;
}

#windalfLogo a {
  display: block;
  height: 75px;
  text-indent: -3000px;
  width: 330px;
}
#head a:focus {
  border-bottom: 0;
  box-shadow: 0 0 10px #B0C5D3;
}

/* head: Warenkorb */

#headWarenkorb {
  position: absolute;
  top: 15px;
  right: 18px;
  width: 190px;
  height: 85px;
  background: #9DA7C4;
  background: rgba(64, 82, 122, 0.2);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 5px;
  
  font-family: Verdana, sans-serif;
  color: #FFF;
}

#headKorb {
  background: url('/img/design/korb_head.png') no-repeat;
  width: 67px;
  height: 67px;
  text-decoration: none;
  float: left;
  margin: 0 5px 0 0;
}

#headKorbProductsCount {
  background: url('/img/design/korb_badge.png') no-repeat;
  width: 35px;
  color: #FFF;
  font-size: 14px;
  padding-top: 9px;
  text-align: center;
  display:block;
  height: 40px;
}

#headWarenkorb h2 {
  color: #FFF;
  font-weight: normal;
}

#headWarenkorb h2 a {
  text-decoration: none;
  color: #FFF;
}

#headKorbPrice {
  font-size:1.2em;
  color: #F1F1F1;
}

#headWarenkorb form{
  margin-top:7px;
}

#headUser {
  position: absolute;
  top: 16px;
  right: 240px;
  background: #ABD5F0;
  background: rgba(255,255,255,0.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;

  font-family: Verdana, sans-serif;
  color: #444;
  font-size:0.8em;
}

#headUser strong {
  color: #294C89;
}
#headUser p {
  padding: 0 5px;
}

#headUserButton {
  display: inline;
}

.btn-dropdown {
  display: inline-block;
  position: relative;

  height: 27px;
  line-height: 21px;
  font-size: 13px;

  background: #F4F4F4;    
  background-image: linear-gradient(bottom, #F4F4F4, #ECECEC);
  background-image: -o-linear-gradient(bottom, #F4F4F4, #ECECEC);
  background-image: -moz-linear-gradient(bottom, #F4F4F4, #ECECEC);
  background-image: -webkit-linear-gradient(bottom, #F4F4F4, #ECECEC);
  background-image: -ms-linear-gradient(bottom, #F4F4F4, #ECECEC);
  
  border: 1px solid #D4D4D4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  white-space: nowrap;
  cursor: pointer;
  color: #333;
  text-shadow: 1px 1px 0 white;
}

.btn-dropdown:hover,
.btn-dropdown.open .dropdown-toggle {
  color: white;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #518CC6;
  border-bottom-color: #2A65A0;
  background: #599BDC;
  background: -webkit-gradient(linear,left top,left bottom,from(#599BDC),to(#3072B3));
  background: -moz-linear-gradient(top,#599BDC,#3072B3);
}
.btn-dropdown.open .dropdown-toggle {
  color: #FFF;
  background: -webkit-gradient(linear,left top,left bottom,from(#3072B3),to(#599BDC));
  background: -moz-linear-gradient(top,#3072B3,#599BDC);
  border-left:1px solid #FFF;
}
  
.btn-dropdown a {
  display: inline-block;
  padding: 3px 8px 3px 3px;
  text-decoration: none;
  color: #333;
}

.btn-dropdown:hover .dropdown-content {
  color: #FFF;
}

.btn-dropdown .dropdown-content {
  border-right: 1px solid #DDD;
}

.btn-dropdown:hover .dropdown-content {
  border-right: 1px solid #3A6CAF;
}

.btn-dropdown .dropdown-toggle {
  display: inline-block;
  padding: 3px 6px 3px 4px;
  border-left: 1px solid #FFF;
  color: #3E3E3E;
}

.btn-dropdown:hover .dropdown-toggle {
  border-left: 1px solid #659ADF;
}

.btn-dropdown .dropdown-toggle span {
  position: relative;
  top: -1px;
  border-style: solid dashed dashed;
  border-color: transparent;
  border-top-color: #808080;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 0;
  border-width: 3px 3px 0;
  padding-top: 1px;
}

.btn-dropdown:hover .dropdown-toggle span, 
.btn-dropdown.open .dropdown-toggle span { 
  border-top-color: #FFF;
}

.btn-dropdown .avatar {
  position: relative;
  top: -1px;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.dropdown-menu {
  display: none;
    
  background-color: #ffffff;
  position: absolute;
  top: 28px;
  right: 0px;
  
  z-index: 900;
  min-width: 80px;
  max-width: 220px;

  margin-left: 0;
  margin-right: 0;
  padding: 6px 0;
  border-color: #999;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 0 1px 1px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown.open {
  z-index: 100;
}

.dropdown.open .dropdown-menu {
  display: block;
}

.dropdown-menu li {
  float: none;
  display: block;
  background-color: none;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #eee;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a,
#wrapper .dropdown-menu input.link {
  display: block;
  padding: 4px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #474747;
  text-shadow: 0 1px 0 #ffffff;
}

.dropdown-menu a:hover,
.dropdown-menu a.hover,
#wrapper .dropdown-menu input.link:hover {
  background-color: #dddddd;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(top, #eeeeee, #dddddd);
  color: #404040;
  text-decoration: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
}

.dropdown-menu form.inline {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 18px;
}

#wrapper .dropdown-menu form.inline input.link {
  text-decoration: none;
}

/* Page */

#page {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #FFF;
  background: #FFF;
  padding: 1px;
}

#pageInner {
  border: 1px solid #bed0db;
  background: #EEEEEE;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#pageTop {
  border-bottom: 1px solid #848484;
  height: 34px; /* 48 - 7 - 7 */
  background: url('/img/design/pagetop.png') repeat-x;
  padding: 9px 15px 5px;
  padding
}

#pageTopNav {
  height: 30px;
  float: left;
}

#pageTopNav li {
  display: inline;
  padding: 0 4px;
}

#pageTopNav li:first-child {
  padding-left: 0;
}

#pageTopNav a {
  display: inline-block;
  height: 30px;
  font-weight: normal;
  color: #5b5b5b;
  text-decoration: none;
  line-height: 30px;
  padding:1px 10px 0;
}

#pageTopNav .active {
  color: #5b5b5b;
  background: #FFF;
  background: transparent url('/img/design/topnav_sprite.png') no-repeat right -39px; 
  position: relative;
  border: 0; 
  padding: 0 5px 0 0; 
  cursor: pointer;
  overflow: visible; /* removes extra side padding in IE */
  height:30px;
}

#pageTopNav .active::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

#pageTopNav .active span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
  background: transparent url('/img/design/topnav_sprite.png') no-repeat left 0px; 
  padding: 0 7px 0 12px;
}

#pageTopNav a:hover {
  color:#111;
}

/* Search */
#pageTopSearch {
  float: right;
  margin-top: 1px;
  width: 195px;
  height: 30px;
  background: transparent url('/img/design/topnav_sprite.png') no-repeat right -39px; 
  padding-right: 5px;
  
}
#pageTopSearch form {
  height: 26px;
  padding: 1px 6px 3px;
  background: transparent url('/img/design/topnav_sprite.png') no-repeat left 0px; 
}

#pageTopSearch input {
  margin: 0;
  padding: 0;
  border: 0;
  height:26px;
}

#searchButton {
  background: transparent url('/img/design/search.png') no-repeat;
  width: 28px;
  text-indent: -3000px;
  color: #FFF;
}

#searchField {
  font-size:0.9em;
  outline: none !important;
  width: 150px;
}

/* flash */
.flashWrapper .flash {
  margin-top:0;
  margin-bottom:0;
  line-height:18px;
}

/* alert message (-> flash) - taken from twitters bootstrap */
.flashclose {
  cursor: pointer;
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.flashclose:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.flash {
  position: relative;
  padding: 7px 25px;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 0 0 1px 0;
  border-style: solid;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.flash a, .flashclose {
  font-weight: bold;
  color: #404040;
}
.flash.danger p a,
.flash.error p a,
.flash.success p a,
.flash.info p a {
  color: #ffffff;
}
.flash h5 {
  line-height: 18px;
}
.flash p {
  margin-bottom: 0;
}
.flash div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
.flash .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
/* flash & button colors */
.btn.danger,
.flash.danger,
.btn.danger:hover,
.flash.danger:hover,
.btn.error,
.flash.error,
.btn.error:hover,
.flash.error:hover,
.btn.success,
.flash.success,
.btn.success:hover,
.flash.success:hover,
.btn.info,
.flash.info,
.btn.info:hover,
.flash.info:hover {
  color: #ffffff;
}
.btn .close, .flash .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
.btn.danger,
.flash.danger,
.btn.error,
.flash.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .flash.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .flash.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/* Errors */
#contentArea div.error, #contentArea p.error {
    background:#FFF6BF url('/img/design/exclamation.png') center no-repeat scroll ;
    background-position: 15px 50%; /* x-pos y-pos */
    border-bottom:2px solid #FFD324;
    border-top:2px solid #FFD324;
    color:#111111;
    font-size:11px;
    margin:10px auto;
    padding:5px 20px 5px 45px;
    text-align:left;
}

.error p {
  margin: 8px 0;
}
.error li {
  margin: 4px 0;
}

/* Contentarea */

#leftbar, #content, #rightbar {
  min-height: 200px;
}

/* http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */
#contentArea {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
#contentArea {
    background: #F1F1F1 url('/img/design/rightbar.png') repeat-y 723px top; /* right col bg */
}

/* ausgehend von hasNoLeftSidebar */
#contentArea .colmid {
    float:left;
    width:200%;
    margin-left:-231px;
    position:relative;
    right:100%;
    background:#EEE;
    border-right: 1px solid #BCBCBC;
}
#contentArea .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
#contentArea #content {
    margin:0 25px 0 258px;
    overflow:hidden;
}
#contentArea #rightbar {
    float:right;
    width:201px; 
    position:relative;
    left:218px;
}

/* hasLeftSidebar*/
.hasLeftSidebar #contentArea .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:461px;         	/* Left column width + right column width */
    background: #F1F1F1 url('/img/design/leftbar.png') repeat-y top right;
    border-right: 1px solid #BCBCBC;
}
.hasLeftSidebar #contentArea .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:231px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
    left: auto;
}
.hasLeftSidebar #contentArea #content {
    margin:0 256px; 
    position:relative;
    left:200%;
    overflow:hidden;
}
.hasLeftSidebar #contentArea #leftbar {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:201px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:2px;         	/* Width of the left-had side padding on the left column */
    padding:23px 0;
    border:0;
    background:transparent;
}
.hasLeftSidebar #contentArea #rightbar {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:201px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:40px;  	/* Width of right column right-hand padding + left column left and right padding */
    left:50%;
}

/* no-rightbar! */
/* reset all to "normal" divs */
.hideRightSidebar #contentArea, .hideRightSidebar #contentArea .colmid  {
    background: #F1F1F1;
    border:0;
}
.hideRightSidebar #contentArea .colmid {
    float:none;
    width:auto;
    margin-left:0;
    position:static;
    right:auto;
    background:#EEE;
    border:0;
}
.hideRightSidebar #contentArea .col1wrap {
    float:none;
    width:auto;
    position:static;
    left:auto;
    padding-bottom:0;
}
.hideRightSidebar #contentArea #content {
    margin:0 25px;
    overflow:hidden;
}

/* hideRightSidebar, but it has a left Sidebar? */
.hideRightSidebar #contentArea #rightbar {display:none;}
.hideRightSidebar.hasLeftSidebar #contentArea {
    background: #F1F1F1 url('/img/design/leftbar.png') repeat-y top 174px;   
}
.hideRightSidebar.hasLeftSidebar #contentArea .colleft {
    float:left;
    width:200%;
    position:relative;
    left:230px;         	/* Left column width */
    background:#F1F1F1;
    margin-left:0;
    border-left: 1px solid #BCBCBC;
}
.hideRightSidebar.hasLeftSidebar #contentArea .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:231px;        	/* Width of left column */
    padding-bottom:1em;
}
.hideRightSidebar.hasLeftSidebar #contentArea #content {
    margin:0 25px 0 255px;
    position:relative;
    right:100%;
    overflow:hidden;
    left:auto;
}
.hideRightSidebar.hasLeftSidebar #contentArea #leftbar {
    float:left;
    position:relative;
    right:204px;
}
.hideRightSidebar.hasLeftSidebar #contentArea .colmid {
    border-right:0;
    float: none;
    margin-left: 0;
    position: static;
    right: auto;
    width: auto;
}

/* leftNav */
#leftNav {
  margin: 15px 0 10px -27px;
  width: 230px;
}

#leftNav li {
  padding: 0 0 0 5px;
}

#leftNav li a:hover {
  color: #000;
}

#leftNav li.active {
  background: url('/img/design/leftnav_active.png') no-repeat right top;
  width: 243px;
  z-index:10;
}

#leftNav li ul li.active {
  width: 218px;
}

#leftNav li.single, #leftNav li ul li {
  height:34px;
  margin:5px 0;
}

#leftNav a, #leftNav span {
  color: #444;
  text-decoration: none;
  padding: 10px 10px 10px 23px;
  display: block;
}

#leftNav li.multiple {
  padding-bottom: 0;
}

#leftNav li ul {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -5px;
}

#leftNav li ul li {
  padding-left: 30px;
}


/* Content */
#content {
  padding:23px 0;
}

.hasLeftSidebar #content {
  width: 444px; 
}
.hideRightSidebar #content {
  width: 900px;
  border-right: none;
}
.hideRightSidebar.hasLeftSidebar #content {
  width: 675px;
}


/* rightBar */

#rightbar {
  padding:23px 0;
  border:0;
  background:transparent;
}

.hideRightSidebar #rightbar {
  display: none;
}

#rightbar h2 {
  line-height: 1.3em;
}

#pageBottom {
  clear: both;
  border-top: 1px solid #CCC;
  height: 28px;
  background: url('/img/design/pagebottom.png') repeat-x;
  position: relative;
}

/* Breadcrumb */

#pageBreadcrumb {
  height: 28px;
  overflow: hidden;
}

#pageBreadcrumb li {
  background: transparent url('/img/design/breadcrumb_seperator.png') no-repeat top right; 
  width: auto;
  display: inline-block;
}

#pageBreadcrumb li a {
  color: #444;
  text-decoration: none;
  display: inline-block;
  height: 28px;
  padding-left: 10px;
  padding-right: 25px;
  line-height: 30px;
  font-size:0.9em;
}

li#pageBreadcrumbLogo {
  width: 50px;
}
#pageBreadcrumbLogo a {
  background: url('/img/design/breadcrumb_logo.png') no-repeat 5px 6px;
  text-indent: -3000px;
  width: 50px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
}

#topLink {
  position: absolute;
  right:3px;
  top:4px;
  text-decoration: none;
  color:#555;
  font-size:1.2em;
  padding:0px 8px;
}

/* Footer */
#footerWrap {
  position: relative;
  margin-top: -220px;
  padding:140px 0 10px;
  overflow: hidden;
  height: 70px;
  width: 100%;
}

#footerWrap .grass {
  position: absolute;
  bottom:0px;
  height:185px;
  width:500px;
  z-index:18;
}

#footerWrap .grass.left {
  left:-50px;
  background: url('/img/design/grass_l.png') no-repeat;  
}
#footerWrap .grass.right {
  right:-50px;
  background: url('/img/design/grass_r.png') no-repeat;  
}

#footerWrap .stonehenge {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -332px;
  height: 220px;
  width: 700px;
  background: url('/img/design/stonehenge.png') no-repeat;
}

#footer {
  position: relative;
  min-height: 70px;
  background: #dddddd;
  background: rgba(221, 221, 221, 0.9);
  width: 100%;
  border-top: 1px solid #929292;
  border-bottom: 1px solid #8B8B8B;
  z-index: 200;
}

#footer .innerWrapper {
  position: relative;
  background: url("/img/design/w_inset.png") center left no-repeat;
  width: 800px;
  margin: 0 auto;
  color: #565656;
  font-size: 0.85em;
  height: 60px;
  padding: 5px 80px;
  z-index: 2000;
}

#footerCopy {
  color: #BBB;
  text-shadow: 0 -1px 0 #CCC, 0 1px 0 #FFF;
}

#footer a {
  color: #5B5B5B;
  text-decoration: none;
  text-shadow: 0 1px 0 #EAEAEA;
}
#footer a:hover {
  text-decoration: underline;
}

#footerHighlight {
  font-size: 1.15em;
  font-style: italic;
}

#kontaktPromoting {
  position: absolute;
  right: 200px;
  top: 10px;
}

#ghPromoting {
  position: absolute;
  right: 5px;
  top: 10px;
}

/* /page */
/* content */



/* produktliste */
.productlist {
  margin-top: 24px;
}
.productlist .product:first-child {
  margin-top: -20px;
}
.product {
  border-bottom: 1px solid #bcbcbc;
  border-top: 1px solid #fff;
  padding-top:20px;
  padding-bottom:20px;
  position: relative;
  min-height:70px;
}
.product:first-child {
  border-top: 0;
}
.product:last-child {
  border-bottom: 0;
}

.product_small {
  border:0;
  margin-top: 15px;
  margin-bottom: 15px;
}

.product h3 {
  position: absolute;
  left: 120px;
  padding-right: 70px;
}
.product h3, .product h3 a {
  color: #5b5b5b;
  text-decoration: none;
}
.product h3 span.sku, span.bestnr {
  font-weight: normal;
  font-size: 0.8em;
  color: #696969;
  font-family: monospace;
}
.product h3 .badge_new {
  background:#E8A5A7;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  font-weight: normal;
  font-size: 0.8em;
  padding:0px 3px 1px;
  color:#6B0000;
  border:1px solid #9C5456;
  box-shadow:0px 0px 2px #FC7F82;
}
.product p {
  position: absolute;
  left: 120px;
  padding-right: 70px;
  margin:10px 0;
  margin-top:35px;
  font-size:0.9em;
}

.product.product_small p, .product.product_small h3 {
  left: 80px;
  padding-right: 0;
  line-height: 1.4em;
}

.product .product_img_holder {
  /* keine position für overflow */
  width: 104px;
  display: block;
  float:left;
  margin-right:20px;
}
.product .product_img_holder img,
.product_img {
  border: 1px solid #9f9f9f;
  background: #DFDFDF;
  padding: 1px;
  max-width: 100px;
  /*max-height: 100px;*/
  font-size: 0.8em;
  display: block;
}

.product.product_small .product_img_holder {
  width:75px;
}
.product.product_small .product_img_holder .product_img {
  max-width:70px;
}


.product .price {
  position: absolute;
  top: 20px;
  right: 0px;
  font-size: 1.3em;
}
.product form {
  position: absolute;
  right: 0px;
  display: inline-block;
}
.product form input {
  width: 140px;
}
.product .details_form {
  bottom: 45px;
}
.product .warenkorb_form {
  bottom: 20px;
}
.product.no_direct_add .details_form {
  bottom: 30px;
}
.product.notavail, .product.notavail h3 a{
  color:#848484;
}
.product.notavail .product_img {
  opacity:0.4;
}

.product.product_small .details_form {
  bottom: 8px;
}
.product.product_small .details_button {
  width: 60px;
}

.product_desc {
  margin: 3px 0;
  line-height: 1.4em;
}

.category_meta, .meta {
  font-size: 0.8em;
  font-weight: normal;
  margin-bottom: 8px;
  color: #9f9f9f;
}

.category_desc {
  margin: 15px 0;
  line-height: 1.4em;
}

.filterform {
  padding: 10px 0;
}
.filterform h4 {
  margin-top: 5px;
  padding: 6px 4px;
  background: #DDD;
  font-weight: normal;
}
.filterform ul {
  margin-top:5px;
}
.filterform li {
  padding: 4px 0;
}


/* produktseite */
.productpage .product_name {
  
}
.productpage .big_image_holder {
  text-align: center;
  padding: 15px 0;
  overflow-y: hidden;
  overflow-x: auto;
}

.price_typ {
  font-weight: normal;
  margin-bottom: 3px;
}
.price_big {
  display: block;
  font-size: 1.5em;
  margin: 8px 0;
}
.price_info {
  font-size: 0.75em;
  color: #898989;
}
.price_info a {
  color: #898989;
}
.productpage #qty {
  width: 40px;
}
.productpage .add_to_holder {
  width: 190px;
  height: 25px;
  margin-left: -18px;
  padding: 5px 20px;
  background: url('/img/design/add_warenkorb_bg.png');
}
#produktinfo {
  margin: 20px 0 30px;
}
#produktinfo li {
  min-height: 14px;
  padding: 5px 0 5px 28px;
  margin: 9px 0;
  line-height: 16px;
}

#produktinfo .info-size span {
  color: #757575;
  font-size: 0.8em;
  letter-spacing: 1px;
}

.info-material { background: url('/img/infoicons/material.png') no-repeat left center;}
.info-farbe { background: url('/img/infoicons/farbe.png') no-repeat left center;}
.info-handmade { background: url('/img/infoicons/handmade.png') no-repeat left center;}
.info-size { background: url('/img/infoicons/size.png') no-repeat left center;}
.info-star { background: url('/img/infoicons/star.png') no-repeat left top;}
.info-shipping { background: url('/img/infoicons/shipping.png') no-repeat left top;}
.info-designer { background: url('/img/infoicons/designer.png') no-repeat left top;}
.info-weight { background: url('/img/infoicons/gewicht.png') no-repeat left top;}
.info-ringsize { background: url('/img/infoicons/ringsize.png') no-repeat left top;}
#produktinfo li.info-ringsize { padding:3px 0 3px 28px; }
.info-ringsize select {
  margin: 0;
  width: 140px;
}

/* default: tabellenstyle*/
.wtable tr:first-child th {
  border-top: 0;
}
.wtable tr th,
.wtable tr td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #bcbcbc;
}
.wtable .nobottom td { border-bottom: 0; }
.wtable .notop td { border-top: 0; }
.wtable th {
  padding: 5px 5px;
}
.wtable td {
  vertical-align: top;
  padding: 3px 5px;
}
.wtable_spacetop td{
  padding-top:10px;
}
.wtable_space td{
  padding-top:10px;
  padding-bottom:10px;
}

#versandtable td {
  padding: 7px 5px; 
}

/* warenkorb */
#warenkorb_table {
  width: 660px;
  margin-bottom:10px;
}
#warenkorb_table .namecell span{
  font-weight: normal;
  font-size: 0.8em;
  color: #868686;
  font-family: monospace;
}
#warenkorb_table .qtycell {
  width: 90px;
}  
#warenkorb_table .qtycell, 
#warenkorb_table .prelast_cell {
  border-right: 1px solid #bcbcbc;
}
#warenkorb_table .pricecell {
  text-align: right;
}
#warenkorb_table .last_cell {
  border-left: 1px solid #fff;
}

#warenkorb_table .product_qty {
  margin-top:0;
  width: 50px;
}
.no-range #warenkorb_table .product_qty {
  width: 30px;
}
#warenkorb_table tr.last_row td {
  text-align: right;
}
tr.bold td {
  font-weight: bold;
}
#warenkorb_table tr.end_row td {
  text-align: right;
  font-weight: bold;
  border-bottom: 0;
}
#warenkorb_table .product-options {
  margin-top: 5px;
  font-size: 0.8em;
}
#warenkorb_table .product-desc {
  margin-top: 5px;
  font-size: 0.8em;
}
.warenkorb_empty {
  margin-top:50px;
  margin-bottom:20px;
  text-align: center;
  font-weight: normal;
  font-size: 1.2em;
  color: #333;
}
.gh_notice {
  margin-top: 25px;
  font-size: 0.9em;
}

/* sidebar */
.sidebar_buttons {
  display: block;
  margin: 15px 0;
  padding: 0;
}
.sidebar_buttons li {
  display: inline-block;
  margin: 0 5px;
  width: 80px;
  text-align: center;
}
.sidebar_buttons a {
  text-decoration: none;
  color: inherit;
}
.sidebar_buttons a.button-print {
  background: url('/img/infoicons/printer.png') no-repeat left center;
  padding-left: 28px;
}
.sidebar_buttons a.button-save {
  background: url('/img/infoicons/star.png') no-repeat left center;
  padding-left: 28px;
}

.termin_desc { font-size:0.8em; }

ol.list {
  list-style-type: decimal;
  margin: 20px 40px;
}
ol.list li {
  padding-left: 15px;
}

img.banner {
  width: 468px;
  height: 60px;
}

#linklist li {
  margin:10px 0;
}

/* startseite */
.startbox {
  border-top: 1px solid #C2CACE;
  padding: 10px 5px;
  border-bottom: 1px solid #8A969F;
  background: #C9D8E1;
  margin-bottom:5px;
  margin-top:25px;
}
#start_ProductSlider {
  width: 670px;
  height: 300px;
}
#start_categories {
  margin: 30px 0;
}
#start_categories .grid_3 {
  text-align: center;
}
#start_categories img {
  display: block;
  margin:0 auto 5px;
  width: 150px;
  height: 140px;
}
#start_categories a {
  font-size: 0.9em;
  color: #5F5F5F;
  text-decoration: none;
}

#new_products li {
  margin-top:30px;
  padding-top:0;
  padding-bottom:0;
}

#new_products li:first-child {
  margin-top:21px;
}

#new_products .details_form {
  display:none;
}

#categories_overview a {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 150px;
  min-height: 150px;
  text-align: center;
  line-height: 1.4em;
  font-size: 0.9em;
  color: #5F5F5F;
}
#categories_overview img {
  display: block;
  margin: 0 auto 5px;
  min-height: 40px;
  max-height: 140px;
  max-width: 140px;
}
.catbox {
  margin: 25px 0;
  max-height: 150px;
}

img.gimg {
  padding:5px;
}
img.gimg:hover {
  padding:4px;
  background: #FFF;
  border: 1px solid #A2A2A2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.label {
  padding: 1px 3px 2px;
  font-size: 9.75px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #BFBFBF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label.orange {
  background-color: #F89406;
}

/* maerkte */
#maerkte_header {
  position: absolute;
  top:1px;
  left:0;
  
  width:955px;
  height:140px;
  background: transparent url(/img/maerkte/header_stand.jpg) no-repeat top center;
  -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.5);
  -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.5);
  box-shadow: inset 0 10px 30px rgba(0,0,0,.5);
  
  border-bottom: 1px solid #FFF;
}
#maerkte_header h2 {
  margin:20px 0 0 25px;
  font-weight: bold;
  color: #fff;
  font-size: 45px;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
#maerkte_header p {
  margin:37px 0 0 28px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.5);
  font-size: 18px;
}
#maerkte_push {height:140px;}
#maerkte_table {
  margin:0;
}
#maerkte_gallery {
  margin-left:35px;
  margin-right:0;
  position:relative;
}
#maerkte_gallery div {
  background: #FFF;
  display: block;
  margin: 0 0 27px 30px;
  width: 215px;
  padding: 10px 10px 30px;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
#maerkte_gallery div:nth-child(1) {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}
#maerkte_gallery div img {
  width:215px;
  height:190px;
}
/* kasse */

#kasse_step {
  list-style-type: decimal;
  list-style-position: inside;
}
#kasse_step li {
  margin: 5px 0;
  padding: 5px;
  padding-left: 15px;
}
#kasse_step li.current {
  background:#CEDAE4;
}
#kasse_choose {
  margin-top: 30px;
}
#kasse_choose form {
  margin-left: 10px;
  margin-top: 15px;
}
#kasse_choose p {
  margin: 10px 0;
  margin-top:14px;
}
#kasse-message {
  resize: vertical;
  max-height: 300px;
  min-height: 40px;
  height:100px;
  width:500px;
}

form.half {
  width: 350px;
  margin-left: 10px;
}
form.half.nomargin {
  margin-left: 0;
}
form.half p {
  margin-top: 5px;
  width: 99%;
}
form.half div {
  margin-top: 5px;
}
form.half h3 {
  margin: 15px 0;
}
#kasse_adressen {
  margin:20px 0;
}
#kasse_enddetail h3 {
  margin-top:10px;
  margin-bottom:5px;
}
#kasse_enddetail p {
  margin-left:10px;
  padding-left:5px;
}
#customer_message {
  margin:10px;
  padding: 5px;
  font-family: Georgia, "Times New Roman", serif;
}
#kasse_agbhinweis {
  background:#DFDFDF;
  padding:10px;
  margin-bottom:5px;
  border-radius:3px;
}
#agb_accepted {
  vertical-align:1px;
  font-size:2em;
  margin:5px;
}
#order-thanks {
  text-align:center;
}
#order-thanks h2 {
  color:#444;
  font-size:1.5em;
}

.agb {
  line-height:1.5em;
}
.agb h3 {
  margin-top:10px;
}
.agb ol {
  list-style: decimal outside;
  list-style-type: decimal;
  padding-left:20px;
}
.agb li {
  display:list-item;
}

address {
  margin:10px 0;
  padding-left:10px;
}

#loginform {
  margin:5px auto 15px; 
  width:310px;
  padding:2.2em 2.8em;
  border-radius:6px;
  background: #E5E5E5;
}

#loginform label {
  font-weight:bold;
}

#loginform label a {
  float:right;
  text-decoration:none;
  font-weight:normal;
  font-size:0.9em;
}

#loginform input {
  font-size: 1.6em;
  padding: 0.2em 0.25em;
  width: 300px;
  margin-bottom: 0.4em;
  border-radius: 3px;
  
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#loginform input[type=submit] {
  font-size: 1em;
  padding: 5px 14px 6px;
  width: 312px;
}

#pwrecoverbox {
  margin:20px;
  text-align:center;
}

#pwrecoverbox code {
  font-family:monospace;
}

#kontakt_mail {
  margin-top:10px;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("/img/content/feed-small.png") no-repeat 0 50%;
}

#feeds:target {
  border-radius:3px;
  padding:10px 5px;
  background: rgba(41,80,139, 0.2);
}

#passwordstrength {
  display:inline-block;
  margin-left:20px;
  font-size:0.8em;
}

/* dt */
dl {
  padding:2px;
  margin:15px 0;
  height: auto;
}
dl.w50 {
  width:50%;
}
dt {
  width: 30%;
  float: left;
  margin: 0 0 0 0;
  padding: 3px;
  font-weight: bold;
  clear: both;
}
dd {
  float: left;
  /*width: 40%;*/
  margin: 0 0 0 0;
  padding: 3px;
  border:0;
}

/** LABELS **/

label{
  font-size:85%;
  clear:left;
  display:block;
  margin:0 0 5px 0;
  padding:0;
}

label.inline, label.error{
  display:inline-block;
  margin-bottom:10px;
  font-weight:normal;
  font-style:normal;
}
label.error {
  color: #9A080E;
}
label.inherit {
  font-size:inherit;
}

/** INPUTS **/
form.inline {
  display:inline;
}
input.link, button.link, input[type=submit].link {
  text-decoration:underline;
  border:0;
  background:transparent;
  margin:0;
  padding:0;
  font: inherit;
  font-size: inherit;
  color: #43617B;
  display: inline;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.button, input[type=submit], button {
  border: 1px solid #3D71A2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D71A7), to(#004768));*/
  background: #174677 url('/img/design/buttonbg_normal_blue.png') repeat-x;
  color: #FFF;
  padding:4px 8px 5px;
  font-size:0.83em;
}

body .button.disabled, body input[type=submit].disabled, body button.disabled {
  border: 1px solid #808080;
  /*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), to(#606060));*/
  background:#606060 url('/img/design/buttonbg_disabled.png') repeat-x;
}

.button.mini, input[type=submit].mini, button.mini {
  font-size:0.8em;
  padding:2px 4px 3px;
  background: #174677 url('/img/design/buttonbg_mini_blue.png') repeat-x;
  height:20px;
}

#rightbar .button, #rightbar input[type=submit], #rightbar button {
  padding:2px 8px 3px;
}

input[type=submit].warenkorb_button, input[type=submit].green, .button.green, button.green {
  border: 1px solid #247600;
  background: #1A6600 url('/img/design/buttonbg_normal_green.png') repeat-x;
}

input[type=submit].warenkorb_button.mini, input[type=submit].green.mini, .button.green.mini, button.green.mini {
  border: 1px solid #1D6000;
  background: #1A6600 url('/img/design/buttonbg_mini_green.png') repeat-x;
}

input[type=text], input[type=password], input[type=email], textarea {
  border: 1px solid #CCC;
  color: #444;
  padding: 3px;
}

.grid_3 input.large {
  width:93%;
}
.grid_4 input.large {
  width:95%;
}

.product_del {
  padding: 0;
  height: 18px;
  width: 17px;
  text-indent: -300px;
}

body .qtycell .product_del {
  height: 18px;
  background-image: url('/img/design/deletebutton.png');
  background-repeat: no-repeat;
  background-position: center center;
  
}
/** Text Inputs **/

input.small, select.small, textarea.small {
  width:33%;
}

input.half, select.half, textarea.half {
  width:48%;
}

input.medium, select.medium, textarea.medium {
  width:66%;
}

input.large, select.large, textarea.large {
  width:98%;
}

/*******************************
GRID SYSTEM
*******************************/

/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/

Licensed under GPL and MIT.
*/

/** Grid Basics **/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{
  display: inline;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

/** Alpha and Omega **/

.alpha
{
  margin-left: 0;
}

.omega
{
  margin-right: 0;
}

/** Grid Widths **/

.grid_1{
  width: 6.333%;
}

.grid_2{
  width: 14.666%;
}

.grid_3{
  width: 23%;
}

.grid_4{
  width: 31.333%;
}

.grid_5{
  width: 39.666%;
}

.grid_6{
  width: 48%;
}

.grid_7{
  width: 56.333%;
}

.grid_8{
  width: 64.666%;
}

.grid_9{
  width: 73%;
}

.grid_10{
  width: 81.333%;
}

.grid_11{
  width: 89.666%;
}

.grid_12{
  width: 98%;
}

/** Prefix for extra space left **/

.prefix_05{
  margin-left: 4.166%;
}

.prefix_075{
  margin-left: 6.2475%;
}

.prefix_1{
  margin-left: 8.333%;
}

.prefix_2{
  margin-left: 16.666%;
}
.prefix_3{
  margin-left: 25%;
}

.prefix_4{
  margin-left: 33.333%;
}

.prefix_5{
  margin-left: 41.666%;
}

.prefix_6{
  margin-left: 50%;
}

.prefix_7{
  margin-left: 58.333%;
}

.prefix_8{
  margin-left: 66.666%;
}

.prefix_9{
  margin-left: 75%;
}

.prefix_10{
  margin-left: 83.333%;
}

.prefix_11{
  margin-left: 91.666%;
}

/** Suffix - Extra space right **/

.suffix_1{
  margin-right: 8.333%;
}

.suffix_2{
  margin-right: 16.666%;
}

.suffix_3{
  margin-right: 25%;
}

.suffix_4{
  margin-right: 33.333%;
}

.suffix_5{
  margin-right: 41.666%;
}

.suffix_6{
  margin-right: 50%;
}

.suffix_7{
  margin-right: 58.333%;
}

.suffix_8{
  margin-right: 66.666%;
}

.suffix_9{
  margin-right: 75%;
}

.suffix_10{
  margin-right: 83.333%;
}

.suffix_11{
  margin-right: 91.666%;
}


/* tipsy */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-inner img { background: #FFF; }
.tipsy-arrow { position: absolute; background: url('/img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* pagination */
div.pagination a.current{
  background:url('/img/design/buttonbg_normal_blue.png') repeat-x;
  border:1px solid #3D71A2;
  color:#FFFFFF !important;
}
div.pagination a.current:hover {
  border:1px solid #3D71A2;
}

div.pagination{
  text-align:right;
  margin-bottom:5px;
}

div.pagination a{
  margin:0 1px;
  padding:2px 9px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:#555;
  text-decoration:none;
  cursor:pointer;
  line-height:18px;
  display:inline-block;
  border:1px solid #B0B0B0;
  font-size:0.9em;
}

div.pagination a:hover{
  border:1px solid #444;
  color:#222;
}


.ietext {display:none;}

/* 
 * print styles
 * with dummy-page-layout for viewing in the browser
 */
body.print {
  background: #FFF;
  width: 190mm;
  height: 277mm;
  border-right: 1px dashed #999;
  padding: 10mm;
}
html.print {
  background: #DDD;
}
.print h1 {
  font-size: 2em;
  margin-bottom: 10px;
  border-bottom: 1px solid #777;
}
.print .logo img { display:none; }
.print h1.logo {
  background: url('/img/design/printlogo.png') no-repeat;
  height: 50px;
}
.print h2 {
  font-size: 1.3em;
  margin: 15px 0;
  font-weight: normal;
}
.print #warenkorb_table {
  width: 100%;
}
.print #warenkorb_table .namecell span {
  font-size: 0.9em;
  color: #505050;
}
.print #warenkorb_table .qtycell {
  width: 60px;
}
@media print {
  html.print, body.print { background: transparent !important; border-right: none !important; width: auto; height: auto; padding: 0;}
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  .print .logo img {display:block;}
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* debug, SRSLY? yep, but nothing important. generation time and funny things. They also have to look nice! */
#snip { overflow:hidden; }
.debug { overflow: hidden; position: relative; font-size: 0.8em; width: 100%; opacity: .8; padding: 10px 0 10px 35px; background-color: #FFE69D; background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px); }
.debug::before { content: "DEBUG"; color: rgba(255, 0, 0, 0.8); font-size: 1.3em; font-weight: bold; letter-spacing: 2px; position: absolute; left: -15px; top: 35px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

/* stirb, ie6 und ie7! */
.ie_warning {
  padding:15px 10px;
  border-top: 1px solid #F3B534;
  border-bottom: 1px solid #F3B534;
  background: #FDF995;
  margin:10px 0;
  position:relative;
}
.ie_warning p {
  line-height:1.6em;
  font-size:0.95em;
}
.ie_warning p.small {
  font-size: 0.8em;
  line-height: 1.3em;
}
.ie_warning h3{
  font-size:1.3em;
  margin-bottom:10px;
}
.ie_warning_wechseln {
  text-align:center;
}
.ie_warning_firefox, .ie_warning_chrome {
  padding-left:18px;
  background-repeat:no-repeat;
  height:16px;
}
.ie_warning_firefox {
  background-image:url('/img/content/firefox.gif');
}
.ie_warning_chrome {
  background-image:url('/img/content/chrome.gif');
}
.ie_warning_close {
  position:absolute;
  top:10px;
  right:15px;
  color:#666;
  text-decoration:none;
  font-size:1.5em;
}
.ie6 .ie_warning_close {
  right:35px;
}

#ie_cert {
  font-size: 0.85em;
  padding:15px 10px;
  border-top: 1px solid #F3B534;
  border-bottom: 1px solid #F3B534;
  background: #FDF995;
  margin:10px 0;
}

#ie_cert p {
  line-height: 1.6em;
}

/**
 * jQuery Nivo Slider v2.7
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.nivoSlider {
	position:relative;
	background:#fff url('/img/slider/loading.gif') no-repeat 50% 50%;
  margin-bottom:50px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider.loaded img {
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
  margin-left:-80px; /* Tweak this to center bullets */
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url('/img/slider/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('/img/slider/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
.nivo-caption {
  font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
  color:#fff;
  border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
  color:#fff;
}