@import "../../default/css/reset-fonts-grids.css";
@import "./forms.css";

/*
font:583a00
green:405c34
green active 669933
*/

/* ------------------ general ----------------------------------------------------*/
body {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

html {
background: no-repeat center center fixed;
background-image: url(../images/bg/bg4.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


h1,h2 {
  color: #405c34;
  font-weight: bold;
}

h1 {
 font-size: 160%;
 font-weight: bold;
 margin-bottom: 0.5em;
}


#doc2 {padding-left:1em;padding-right:1em;background-color:#fff;
  background-image: url(../images/grass_pattern.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  min-height:100%;
  opacity: .92;
  filter: alpha(opacity=92);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
  padding-bottom:0.7em;

-webkit-box-shadow: 0 0 6px 2px black;
   -moz-box-shadow: 0 0 6px 2px black;
        box-shadow: 0 0 6px 2px black;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


strong {
   font-weight: bold;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

.nobr {
	white-space: nowrap;
}

.warning {
  color:red;
}

.miniwarning {
  color:red;
  font-size: 80%;
}

.hint {
  font-size: 95%;
  margin-top:1em;
}

.minihint {
  font-size: 85%;
  color:#888888;
}



/* ------------------ header ----------------------------------------------------*/

#topnav {
  background-color: #F7F7F7;
  border-bottom: 1px solid #dcdcdc;
  font-size: 95%;
  height:19px;
  padding-left:3px;
  padding-right:3px;
}

#topnav a {
  color:#405c34;
}


#topnav ul li {
  float:left;
  margin-right:0.6em;
}

.userinfo{
  float:right;
}

.helpbox {
  float:right;
  border: 2px solid #efffdf;
  background-color: #f0fff0;
  padding: 5px;
  width: 220px;
  margin-bottom: 1em;
  font-size: 110%;
}


.logo {
  padding-left: 270px;
  height:150px;
  float:left;
  background: url(../images/badeschuhe-logo.jpg) no-repeat;
  color: #209a00;
  cursor: pointer;
}

.detail .logo {
  background: none;
  padding-left:0;
  height:70px;
}


.logo-text {
  margin-top:2em;
  background: url(../images/logo-green.jpg) no-repeat;
  width:302px;
  height:110px;
  text-indent:-7000px;
  cursor: pointer;
}

.detail .logo-text {
  background: url(../images/logo-green-small.jpg) no-repeat;
  width:449px;
  height:30px;
  margin-top:18px;
}


.payment-logo-box {
  position:relative;
  width:99px;
  float:right;
  margin-top:21px;
  margin-left:2px;
}

.payment-logo-box img {
  padding-bottom:3px;
}


/* ------------------ cart-box ----------------------------------------------------*/
.cart-box, .search-box {
  margin:0;
  border:1px solid #669933;
  float:right;
  width:220px;
  padding:0.6em;
  margin-top:20px;
  font-size:105%;
}

.detail .cart-box {
  margin-top:10px;
}


.cart-box a {
  color:#405c34;
  font-weight: bold;
  font-size: 110%;
}

.cart-box {
  background: url(../images/cart-empty.png) no-repeat 5px;
  padding-top:5px;
  padding-bottom:3px;
  height:41px;
  cursor: pointer;
}
.cart-filled {
  background-image:url(../images/cart-filled.png)
}

.count-cart-items {
  font-size: 240%;
  font-weight: bold;
  float:left;
  color:#405c34;
  margin-left:50px;
}
.cart-info-detail {
  float:left;
  margin-left:10px;
}






/* ------------------ search-box ----------------------------------------------------*/

.search-box {
  margin-top:5px;
  padding-top:0.7em;
  padding-bottom:0.7em;
}



.search-box .search-form{
  position:relative;
}

.search-box .search-term{
  font-size:100%!important;
  border:1px solid #999;
  padding:4px 1px 1px 1px;
  width:9.6em;
  height:1.38462em;
  vertical-align:top
}

.search-box .search-term{
  padding-left:2px;
  padding-right:2px;
  margin-top:1px;
  margin-bottom:1px;
  border-color:#666
}

.search-box .search-term-focus{
  border:2px solid #669933!important;
  padding-left:1px;
  padding-right:1px;
  margin-top:0;
  margin-bottom:0
}

.search-box .bb-button{
  margin: .0833em 0;
  font-size: 0.92308em;
  vertical-align: top;
  zoom: 1;
}

.detail .search-box {
  margin-top:10px;
  margin-right:10px;
}


/* ------------------ nav ----------------------------------------------------*/
#nav {
  clear:left;
  font-weight: bold;
  font-size: 130%;
  height:44px;
  margin-bottom:1em;
}

#nav ul li {
  float:left;
  margin-left:11px;
  text-align: center;
}

#nav ul li.first {
  margin-left:0px;
}

#nav ul li a {
  background-image: url("../images/menu-button-small.png");
  background-position: left center;
  display: block;
  width:126px;
  height:60px;
  padding-top:6px;
  background-repeat: no-repeat
}

#nav ul li.current a, #nav ul li a:hover {
  background-position: right center;
/*  background-color:#405c34;*/
  color:#fff;
}



#nav a:link, #nav a:visited {
  color:#405c34;
}


/* ------------------ breadcrumbs ----------------------------------------------------*/
#breadcrumbs {
  clear:left;
  margin-top:1em;
  margin-bottom:1em;
}


#products {clear:left;}

/* ------------------ footer ----------------------------------------------------*/

#ft {
  margin-bottom:100px;
  margin-top:1em;
}


#ft p {
  text-align: center;
  vertical-align: text-bottom;
}

/* ------------------ gallery ----------------------------------------------------*/
.collection-body {
  margin-bottom:1em;
}
.gallery {
  clear:left;
  margin:0;
}


ul.gallery li {
  float:left;
  width:30%;
  height:280px;
  padding-left:1em;
  padding-right:1em;
  text-align: center;
  margin:0;

}

.gallery-price {
  float:right;
  text-align: right;
  font-weight: bold;
  font-size: 140%;
  color:#405c34;
  margin-top:-48px;
  width:73px;
  height:31px;
  padding-top:6px;
  padding-right:6px;
  background: url(../images/preisschild.gif) right no-repeat;
}

.gallery-price-compare-container {
  float:right;
  margin-right:3px;
  margin-top:-5px;
  text-align: right;
  font-size: 10px

}
.gallery-price-compare, .product-price-compare, .product-price-compare-small {

	background: url(../images/bg-line-through.gif) no-repeat;
}

.percent {
	color: green;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

.gallery-image {
  float:left;
}


.gallery-info {
  clear:left;
  margin-top:1em;
}

a.product-title {
  font-size: 140%;
  font-weight: bold;
  padding-bottom:0.8em;
  text-align: center;
}

/*---- blocks-----------------------------*/

.block {
  margin-top:1em;
  padding-top:1em;
  border-top:1px solid #405c34;
}

.block h2 {
  margin-bottom:0.5em;
}


/*---- Buttons-----------------------------*/

.bb-button, a.bb-button {
  padding: 0 .8333em;
  margin: 0 .25em;
  white-space: nowrap;
  text-decoration: none;
  color: #000;
  background: #d8d8d8 url(../images/button-default.png) repeat-x center 0px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
}

html > body .bb-button, tt:-moz-any-link, tt:default{
  -moz-border-radius: 3px;
}

.bb-button span{
  white-space: normal;
  line-height: 1.9166em;
  height: 1.9166em;
  *display: inline-block;
}

html > body .bb-button span, tt:-moz-any-link{
  padding-top: .3333em;
  line-height: 1.75em;
}

html > body .bb-button span, tt:-moz-any-link, tt:default{
  padding-top: 0;
  line-height: 1.9166em;
}

*:first-child + html .bb-button span{
  padding-top: 0;
  line-height: 1.75em;
}

.bb-button img,.bb-button button{
  vertical-align: top;
  height: 1.9166em;
  width: 20px;
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
  cursor: pointer;
}

* html .bb-button img{
  height: 1.8333em;
  vertical-align: bottom;
}

* html .bb-button button{
  height: 1.8333em;
  vertical-align: bottom;
}

*:first-child + html .bb-button img{
  height: 1.8333em;
  vertical-align: bottom;
}

*:first-child + html .bb-button button{
  height: 1.8333em;
  vertical-align: bottom;
}

.bb-button:hover span{
  text-decoration: underline;
}

.bb-button:hover{
  background-position: center -50px;
}

.bb-button-primary:hover{
  background-position: center -50px;
}

.bb-button-secondary:hover{
  background-position: center -50px;
}


.bb-button-primary, a.bb-button-primary{
  font-weight:bold;
  color:#fff;
  background:#99CC00 url(../images/button-primary.png) repeat-x center 0px;
  border-color: #99CC00;
}

.bb-button-secondary, a.bb-button-secondary{
  font-weight:bold;
  color:#994800;
  background:#fed81c url(../images/button-secondary.png) repeat-x center 0px;
  border-color:#ecc101;
}
/* ------------------ product page ----------------------------------------------------*/

#product-images {
	float:right;
	padding-left: 1em;
	padding-bottom:1em;
	width:250px;
}

ul.product-images li {
   float:left;

}

ul.product-images li img {
  background-color: #fff;
  margin: 3px;
  padding: 2px;
}

ul.product-images li img:hover {
	background-color: #669900;
}


#product-detail {
}


#product-detail h1 {
 font-size: 160%;
 font-weight: bold;
 margin-bottom: 0.5em;
}


.manufacturer {
  margin-top:1em;
}



/* ------------------------------------
 * Tables
 * ------------------------------------ */

table.data2 {
  width: 100%;
  border-collapse: collapse;
  clear:left;
}

table.data2 th {
  text-align: left;
  background: #f7f7f7;
  border-bottom: 1px solid #a5a5a5;
  font-weight: bold;
  color: #333;
}


table.data2 th, table.data2 td {
  padding: 2px 2px;
  border-bottom: 1px solid #d2d2d2;
}

.data2 td {
  padding: 5px 0;
  text-align: left;
  vertical-align: top;
}

.data2 tr.odd:hover, .data2 tr.even:hover {
   background-color: #e0ffff;
}



.data2 tr.even {
   background-color: #fbf9f2;
}

.data2 tr.emph {
   background-color: #ffff91;
}

.data2 tr.watch {
   background-color: #add8e6;
}

.data2 tr.stocklevel-ok {
   background-color: #ddffac;
}



.data2 td.r, .data2 th.r {
  text-align: right;
}

.data2 td.b, .data2 th.b {
  font-weight: bold;
}


table.data2 td.right {
   text-align: right;
}
table.data2 td.left {
   text-align: left;
}

.data2 td.nobr {
   white-space: nowrap;
}


table.compact {
   width: auto;
}

table.data2 td.vat {
  font-size: 80%;
}

table.data2 td.total {
 font-weight: bold;
}




/*variants table*/

#product-variants {
  clear:left;
}

#product-variants h2 {
  font-size:110%;
  margin-bottom:0.6em;
}


table.variants {
	width:100%;
	margin-bottom: 2em;
}


table.variants th {
	background-color: #F9FFEA;
	font-weight: bold;
	font-size: 90%;
}

table.variants tr.odd {
}

table.variants tr.even {
	background-color: #F9FFEA;
}


table.variants td, table.variants th {
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
	border-bottom: 1px solid #dcdcdc;
}

table.variants td.variant-title {
	width:50%;
}

table.variants td input.cnt {
  padding:1px;
  width:2em;
  font-weight: bold;
}

.product-price-small {
  padding-top:6px;
  padding-right:6px;
  padding-left:18px;
  padding-bottom:6px;
  font-size:130%;
  color:#405c34;
  font-weight: bold;
  background: url(../images/preisschild.gif) right no-repeat;


}

#product-tags h3 {
  display: inline;
}

#mini-comments, #product-hints {
  float:left;
  margin-bottom:0.3em;
  margin-top:0.3em;
  clear:left;
}

#product-hints {
  margin-top:2em;
  border-top: 1px solid #dcdcdc;

}


/*---- Error & Message-----------------------------*/


.error {
   border: 1px solid #8b0000;
   padding:5px;
   font-weight: bold;
   color: #8b0000;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   background-color: #ffa07a;
}


.message {
   border: 1px solid #008000;
   padding: 10px 5px 10px 5px;
   font-weight: bold;
   color: #000;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   background-color: #f0fff0;

}


/*---- cart-----------------------------*/


#cart {
	width: 100%;
}

#cart th {
   padding: 5px 7px 2px 7px;
   border-bottom: 1px solid #e1ddc8;
   font-weight: bold;

}

#cart tbody td {
	vertical-align: top;
	border-bottom: 1px solid #e1ddc8;
}


#cart tfoot td {
   text-align: right;
   font-weight: bold;
   font-size: 100%;
	padding: 7px 7px;
}

#cart tfoot td.total {
  font-weight: bold;
  border-top: 1px solid #e1ddc8;
  border-bottom: double #e1ddc8;
}

.newcustomer {
  font-weight: bold;
  color: #008000;
}

#cart td.cart-column-one {
	padding: 7px 0;

}

#cart td.cart-column-img {
 text-align: center;
 padding: 7px 0;
 vertical-align: middle;
}

#cart td.cart-column {
	width: 80px;
	padding-top: 12px;
   padding-right: 7px;
   padding-left: 7px;
}

#cart td.cart-desc {
	width: 440px;
	padding-top: 2px;
	float: left;
}

#cart tfoot td.total-products {
   font-weight: bold;
}

#cart tfoot td.shipping {
  font-weight: normal;
}

#cart tfoot td.total {
  font-weight: bold;
}

#cart tfoot td.vat {
  font-weight: normal;
  font-size: smaller;
}


.cart-images {
	margin: 0 10px 0 7px;
	float: left;
	border: 1px solid #e1ddc8;
}

.cart-images img {
	background-color: #e1ddc8;
	margin: 3px;
	padding: 5px;
}

.cart-images img:hover {
	background-color: #d0ccb9;
}

.cart-odd, .cart-even {
	padding: 7px 10px;
}

.cart-even {
	background-color: #fbf9f2;
}



/*---- page numbers-----------------------------*/

.pages {
    padding-top: 5px;
    margin: 0.5em 0 1.0em 0;
    clear: both;
    font-size: 105%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    margin-bottom: 0.4em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #336600;
    font-weight: bold;
    background: #336600;
    color: #fff;
}

.pages a {
    border: 1px solid #336600;
    text-decoration: none;
}

.pages a:hover {
    border-color: #33CC00;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages a.nextprev, span.info {
    color: #666;
    border: 1px solid #666;
}

span.info {
    border: 1px solid #c0c0c0;
}

.pages span.nextprev {
	border: 1px solid #ddd;
	color: #999;
}

.isetcollection {
  padding-left: 15px;
  background: url("../images/attach.png") no-repeat right;
  float:right;
  text-decoration: none;
}



/*---- My -----------------------------*/
#my ul li, #my h2 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 1em;
}

#my h2 {

}

.idealo-logo {
  float:right;
  margin-left:1em;
  width:70px;
  height:70px;
}

.footer-links {text-align:left;float:left;width:75%;}
.footer-seals {text-align:right;float:right;width:25%;}