@import url(http://fonts.googleapis.com/css?family=Alex+Brush);
body{
margin:0px;
padding:0px;
font: 12px/1.5 Arial,Helvetica,sans-serif;
background:#f1eee7;
}

img{
border:0px;
}

a{
text-decoration:none;
}

.top{
background:url('../img/top-bg.jpg') repeat-x;
height:70px;
}

.top-bar{
width:980px;
margin:auto;
}

.menu-top{
text-align:right;
height:62px;
margin:0px;
padding:0px;
line-height:62px;
}

.menu-top ul{
list-style:none;
float:right;
margin:0px;
padding:0px;
}

.menu-top li{
display:inline;
}

.menu-top li a{
text-decoration:none;
vertical-align:middle;
height:62px;
line-height:62px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-style:italic;
color: #ffffff;
padding:36px 10px 44px 10px;
letter-spacing: 0px;
}

.menu-top li a:hover{
text-decoration:underline;
}

.bg-menu{
background: url(../img/bg-menu-black.jpg) repeat-x 100% 0;
}

.header-bg{
background:url('../img/header-bg.jpg') repeat-x;
height:400px;
width:100%;
}

.header{
width:980px;
margin:auto;
}

.best-bg{
background:url('../img/best-bg.jpg') repeat-x;
height:230px;
}

.best-bar{
background:url('../img/best-bg-green.png') repeat-x;
background-position:center;
height:40px;
width:980px;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
line-height:40px;
}

.title-best{
color: #85a538;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:170px;
}

.text-best{
font-family: 'Arial';
font-size: 13px;
color:#6e4f40;
padding:10px 1px 10px 170px;
}

.button-bestellen a{
background-color: rgb(142,151,120);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:12px;
color:#FFFFFF;
padding:8px;
text-decoration:none;
border-bottom:#FF6600 1px solid;
}

.button-bestellen a:hover{
background-color: rgb(163, 203, 68);
}

.best{
width:980px;
padding:10px 0px;
margin:auto;
}

.box_center{
/*width:980px; */
width:1078px;
margin:auto;
margin:20px 0px;
}

/*Menu left */
.box-left{
float:left;
display:inline-block;
}

.box-right{
float:left;
display:inline-block;
}

.box-login{
background:#FFFFFF;
margin:auto;
border:#d0c7c0 1px solid;
width:230px;
height:auto;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
padding:5px;
}

.inner-login{
padding: 5px;
border: 2px dashed #d0c7c0;
color: #52442f;
height:auto;
}

.box-categories{
background:#FFFFFF;
margin:auto;
border:#d0c7c0 1px solid;
width:230px;
height:270px;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
padding:5px;
margin-top:20px;
}

.inner-categories{
padding: 5px;
border: 2px dashed #d0c7c0;
color: #52442f;
height:255px;
}

.box-bestseller{
background:#FFFFFF;
margin:auto;
border:#d0c7c0 1px solid;
width:230px;
height:auto;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
padding:5px;
margin-top:20px;
}

.inner-bestseller{
padding: 5px;
border: 2px dashed #d0c7c0;
color: #52442f;
height:auto;
}

.after{
background:url('../img/string1.png') top center no-repeat;
width:100%;
margin-top:-10px;
height:40px;
}

.before{
background:url('../img/string-top1.png') top center no-repeat;
width:100%;
height:26px;
margin-top:-7px;
}

.menu-title{
font-family: 'Alex Brush', cursive;
font-size: 34px;
margin: 0px;
padding: 0px;
color:#FF3300;
text-align:center;
}

.menu-title-new{
font-family: 'Alex Brush', cursive;
font-size: 34px;
margin-top:-20px;
padding: 0px;
color:#FF3300;
text-align:center;
}
/* sf Menu left */

.clear { clear: both; }



.box-left-bg{
background:#FFFFFF;
display:inline-block;
margin:auto;
float:left;
border:#d0c7c0 1px solid;
width:200px;
height:auto;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
padding:5px;
}

.box-left-text{
padding: 5px;
border: 2px dashed #d0c7c0;
color: #52442f;
height:940px;
}



.box-home-bg{
background:#FFFFFF;
display:inline-block;
margin:auto;
margin-left:10px;
margin-right:10px;
float:left;
border:#d0c7c0 1px solid;
width:595px;
height:auto;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
padding:5px;
}

.box-home{
padding: 5px;
border: 2px dashed #d0c7c0;
color: #52442f;
height:auto;
}

.box-home-shadow{
background:url('../img/shadow.png') no-repeat;
float:right;
width:262px;
height:30px;
position:bottom right;
}

.footer-bg{
background:url('../img/footer-bg.jpg');
height:auto;
padding-bottom:20px;
}

.footer-border{
background:url('../img/border-top-footer.jpg') repeat-x;
height:3px;
}

.footer{
width:1078px;
margin:auto;
color: #52442f;
padding:15px 0px;
text-align:justify
}

.footer a{
color: #52442f;
text-decoration:none
}

.footer-title{
color:#6e4f40;
}

.footer-email{
float:left;
}

.home-text{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify
}

.home-title{
color:#66b5b6;
font-size:12px
}

.rule{
background:url('../img/rule.png') repeat-x;
height:5px;
width:100%
}

.special-offer{
text-align:justify;
margin-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px
}

/* prod home */
.prod-tab{
margin:auto;
width:475px;
}

.prod-box{
width:195px;
float:left;
display: inline-block;
margin:10px 10px;
padding:10px;
border:#d0c7c0 1px solid;
height:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative
}

.prod-box:hover{
border:#663300 1px solid;
-webkit-box-shadow: 3px 3px 5px 0px rgba(208,199,192,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(208,199,192,1);
box-shadow: 3px 3px 5px 0px rgba(208,199,192,1);
}

.prod-title{
color:#6e4f40;
font-size:13px;
padding-bottom:10px;
font-weight:bold;
text-align:center
}

.prod-text-small{
font-size:11px;
padding-top:14px;
}

.prod-price{
font-size:18px;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:17px
}

.prod-text{
text-align:justify;
padding-top:10px;
}

.button-prod a{
background:url('../img/button-brown.png') no-repeat;
width:115px;
height:30px;
margin:auto;
line-height:30px;
font-weight:bold;
font-size:11px;
padding-left:5px;
text-align:center;
color:#52442f;
display:block
}

.button-prod a:hover{
background:url('../img/button-red.png') no-repeat;
}

.box-inline{
display: inline-block;
margin:auto;
}

.flag-inline{
display: inline-block;
float:right;
position:top right;
}


#pa {
	font-family: Arial,sans-serif;
	background: #FFF;
	text-align: center;
	padding: 10px;
	border: 1px solid #bdab9d;
	position: absolute;
	z-index: 100000;
}

#pa .pa_close {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 5px;
}

#pa a img {
	border: none;
	text-decoration: none;
}



.menu_vertical ul
{
    padding:0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#52442f;
    list-style:none;
}
.menu_vertical ul li
{
    line-height:28px;
	width:190px;
	text-align:left;
    border-bottom:1px dotted #d0c7c0;
}
.menu_vertical ul li a
{
    text-decoration:none;
    color:#52442f;
	text-align:left;
    display:block;
	background:url('../img/arrow1.jpg') no-repeat left center;
	padding-left:28px;
}
.menu_vertical ul li a:hover
{
color:#52442f;
background:url('../img/arrow2.jpg') no-repeat left center;
}



/* css for ie */
.menu-top-header{
margin:0px;
padding:0px;
}

.menu-top-header ul{
list-style:none;
float:right;
margin:0px;
padding:0px;
}

.menu-top-header li{
display:inline;
}

.menu-top-header li a{
text-decoration:none;
vertical-align:middle;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-style:italic;
color: #ffffff;
padding:10px;
letter-spacing: 0px;
}

.menu-top-header li a:hover{
text-decoration:underline;
color:#FFFFFF
}


.menu-top-principal{
margin:0px;
padding:13px 0px 12px 0px;
}

.menu-top-principal ul{
list-style:none;
float:right;
margin:0px;
padding:0px;
}

.menu-top-principal li{
display:inline;
}

.menu-top-principal li a{
text-decoration:none;
vertical-align:middle;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
text-shadow:#333333 1px 1px;
font-weight:bold;
color: #ffffff;
padding:12px;
letter-spacing: 0px;
}

.menu-top-principal li a:hover{
color:#FFFFFF
}

.left-box-ie-bg{
width:212px;
height:auto;
background:#FFFFFF;
border: #d0c7c0 1px solid;
}

.left-box-ie{
margin: 5px;
min-height:990px;
height:990px;
border: 0px dashed #d0c7c0;
}
    
html>body .left-box-ie { 
    height: auto;
}

.center-box-ie-bg{
width:597px;
height:auto;
background:#FFFFFF;
border: #d0c7c0 1px solid;
}

.center-box-ie{
margin: 5px;
min-height:990px;
height:990px;
border: 2px dashed #d0c7c0;
}

html>body .center-box-ie { 
    height: auto;
}

.right-box-ie-bg{
width:242px;
height:auto;
background:#FFFFFF;
border: #d0c7c0 1px solid;
}

.right-box-ie{
margin:5px;
min-height:990px;
height:990px;
border: 0px dashed #d0c7c0;
}

html>body .right-box-ie { 
    height: auto;
}