* {
	padding:0;
	margin:0;
}

html, body, #container, #wrapper-shadow{
	
	position:relative;	
	z-index:0;
}

/* ie6 win */
* html #container, #wrapper-shadow{height: 100%;}
/*ie6 win end*/


#wrapper{
	position:relative;
	
	min-height:100%;
	/*************************************/
	/* haupteigenschaften des templates: */	
	
	margin:0 auto; /* sollte so auf dem smartphone auch gut sein weil es nicht mit left und -left arbeitet*/
	z-index:200; /* wenn der balken hinter den content-bereich soll dann z:index > 10 */
	border:0;
	background-color:#fff;	
}
#mobilemenu{
position: fixed;
    width: 100%;
    z-index: 99999;
	background-color: #444444;
}

@media only screen and (min-width: 771px){
#wrapper{
	max-width:990px; /* breite */
	min-width: 721px;
}
#mobilemenu{
display: none;
}
#article-full{
margin-left: 330px;
    padding: 20px;
}
#article-img{
float: left;
}

#mobile-cat-menu{
display: none;
}
}
@media only screen and
(max-width:579px){
	#banner-box{
	display: none;
	}
	
	
	.article_box{
	margin: 0 0 10px !important;
	width: 100% !important;
	}
	.article_box_inner{
	text-align: center;
	}
	#right{
	display: none;
	}
	
	h1{
	font-size: 2em !important;
	}
	
	
}

/* Iphone */
@media only screen and
(max-width:770px){
	#wrapper{
	width: 100%;
		/* breite */
	}
	#steine{
		display: none;
	}
	#ctrldevice-search{
		display: none;
	}
	#ctrldevice-cart{
	position: absolute !important;
    right: 10px !important;
    text-align: right;
    top: 45px !important;
    z-index: 999;
	}
	#logo {
background: url("/img/logo_laric.gif") no-repeat scroll 0% 0 #ffffff !important;
display: block;
float: left;
height: 133px;
width: 45% !important; 
max-width: 201px;
}
	
#ctrldevice-cart #cart-popup {
    float: right;
    list-style: none outside none;
    margin: 0;
    max-width: 50% !important;
    padding: 0;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
    white-space: normal !important;
}
	#ctrldevice-quicklinks{
		display: none;
		
	}
	#footer{
		display: none;
	}
	#header{
	margin-top: 31px;
	}
	#mobilemenu{
	display: block !important;
	}
	#left{
	display: none;
	}
	#center{
	margin-left: 0px !important;
	
	}
	#article-full{
	text-align: center;
	margin-top: 1em;
	}
	#article-img{
	margin: 0 auto;
	text-align: center;
	}
	
	#mobile-cat-menu{
display: block;
}
}





#wrapper-shadow{
	/* box-shadow: 0 0 30px #814710; /* schatten um den content-bereich; ohne schatten geht der bereich bis ganz nach unten - alternativ: shadow-right und -left */
border: 1px solid #b29c60;
	}


#container{	
	height:auto;
	min-height:100%;
	width:100%;	
	background-color:#fff;
	overflow:hidden;
}

/*
strip oben über 100% bildschirmbreite wieder rausgenommen weils doch nicht so dolle aussieht
#strip{
	position:absolute;
	top:120px;
	left:0;
	width:100%;
	height:40px;
	background:linear-gradient(top, #070, #81C52E);
	z-index:990;
}
*/
#strip{
	position:absolute;
	top:120px;
	width:990px; /* breite */
	margin-left:-495px;
	left:50%;
	height:40px;
	background-color: #000;
	z-index:990;
}

/* könnte man noch dazu machen aber dann gibt es 2 width-angaben für die breite des blogs */
#strip-inner{
	position:absolute;
	width:990px; /* breite */
	margin-left:-495px;
	left:50%;
	padding:0;
	height:100%;
}



/* FOOTER: 3 WERTE ANPASSEN */
/* ------  PADDING_BOTTOM OF MAIN MUST BE SAME HEIGHT AS FOOTER ------- */
#main{	
	padding-bottom:200px;  /* must be same height as the footer */	
}
#footer {  
	position:relative;  
	 
	margin-top:-200px; /* margin-top: negative value of footer height */	
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	clear:both;
	width:100%;	
	background-color:#000;
	border-bottom: 1px solid #b29c60;
    border-left: 1px solid #b29c60;
    border-right: 1px solid #b29c60;;
	
}
/* FOOTER: ---------------- END --------------- */



#header{
	height:133px;
	display:block;
}


#left{position:relative; width:201px; float:left; background: none repeat scroll 0 0 #f0e8eb; z-index: 9999;}
#right{position:relative; float:right; background-color:none;}
#center{position:relative; overflow:auto; background-color:none; margin-left: 200px; min-height: 700px;}
#left, #right, #center {padding-bottom:32767px; margin-bottom:-32767px;}

#cart-left{position:relative; width:210px; float:left; background-color:none;}
#cart-right{position:relative; width:200px; float:right; background-color:#eaeaea;}
#cart-center{position:relative; overflow:auto; background-color:none; padding:0 20px}
#cart-left, #cart-right, #cart-center {padding-bottom:32767px; margin-bottom:-32767px;}



.inner{padding:15px}
.inner2{padding:0 15px}
.inner3{padding:5px 15px}
.inner4{padding:10px}

.clear{clear:both}

hr{margin:18px 0}

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

.clearfix {display: inline-block;}  

/* ie mac */  
* html .clearfix { height:1%;}  
.clearfix {display:block;}  
/* ie mac end */

#stripe{ background-color: #b29c60;
    height: 7px;
    left: 200px;
    position: relative;
    top: 0;
    width: 100%;
	}
	
#head-title{
left: 466px;
    position: absolute;
    top: 93px;
}

#banner-box{
width: 100%;
border: 1px solid #b29c60;

background-color: #f0e8eb;
}

.banner{float: right;
    height: 100%;
    max-width: 33%;}
.banner img {height: auto;
    max-height: 100%;
    width: 100%;}
#banner-text{float: left; padding: 20px; max-width: 50%;}
img { width: auto;}

/* WARENKORB */

#cart-headline{
margin:20px 20px 20px 0;
}

.WArtikelinfowrapper{
margin:0 20px 20px 0;
}

@media only screen and (min-width: 1000px){
#WPreis{
text-align:right; width:16%; min-width:120px; float:right; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; font-size:13px;
}

#WArtikelpreis{
width:16%; min-width:120px; float:right; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; font-size:13px;
}
#WAnzahl{
width:16%; min-width:120px; float:right; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; font-size:13px;
}
#WArtikel{
border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; font-size:13px;
}
.WArtikelinfo{
text-align:right; width:16%; min-width:120px; float:right;
}
.WArtikelbild{
padding: 0 15px; height: 60px;
}
}

@media only screen and (max-width: 999px){
#WPreis, #WArtikelpreis, #WAnzahl, #WArtikel{
display: none;
}
.WArtikelinfo{

    text-align: right;
    
}
.WArtikelbild{
padding: 0 15px; height: 60px;
position: relative;
    top: -52px;
}
.WArtikelinfowrapper{
border: 1px solid grey;
margin: 10px auto !important;
min-height: 155px;
}

.preis{
position: relative;
    top: 132px;
}

.einzelpreis{
position: relative;
    top: 60px;
}

.anzahl{
position: relative;
    top: 70px;
}
.m{
display: inline !important;
margin-right: 10px;
font-weight:bold; font-size:13px;
float: left;
text-align: left;
}

#gutschein{
margin: 0 auto !important;
}

#gutschein-feld{
float:none !important; width:auto !important; min-width:0px !important;
}


#cart-right{
    display: none !important;
}

input.cart-button[type="submit"] {
    
    width: 120px !important;
}


#adresse-small{
display: block !important;
}

.nomobile{
display: none;
}
.yesmobile{
display: inline !important;
}

} /*Ende mobiler Warenkorb*/

/* Ein-/Ausblenden elementen in der mobilen Ansicht */
.m{
display: none;
}
.yesmobile{
display: none;
}

#gutschein{
margin:30px 20px 20px 0;
}

#gutschein-feld{
float:right; width:48%; min-width:360px
}

#zwischensumme{
width:100%;  font-weight:bold; font-size:13px;
}

.cart1{
width: 100%;
margin: 0 15px;
}

#adresse-small{
display: none;
}