@import url("/modules/miniform/frontend.css");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("/modules/bakery/frontend.css");
@import url("extra.css");
@import url("menu.css");
@import url("component.css");
@import url("/fonts/social-icons.css");
@import url("/fonts/fonts.css");


html, body {height:100%; width:100%

}


body {

font-family:'Lato', sans-serif;
font-size: 14px;
font-weight:400;
line-height: 130%;
color:#333;
margin:0; padding: 0; 
background:#768E67;
background: #fff url(/media/Background/bg-neu2.jpg) 0% 0% fixed;
background-size: 100% 100%; 
-webkit-background-size: 101% 101%;
-moz-background-size: 101% 101%;
-o-background-size: 101% 101%;
/* Preserve aspet ratio*/
background-size: cover;
}
h1 {font-size: 28px}
.rot {color:rgba(29,51,90,0.8)!important}
.gross {text-transform: uppercase; font-weight:400}
.bigg {text-transform: uppercase; font-weight:200; font-size:130%}
/*lang-menu*/

/*rot hinterlegtes feld mit weisser schrift*/
.claim {padding:3px 5px; font-size:18px;font-weight:300;  font-style:italic; letter-spacing:2px;margin-left:0px; background: rgba(203, 11, 34,1);  color: #fff; margin:0px;
position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left:0px;
  top:0px; 
  min-width:130px;
  -webkit-font-smoothing: antialiased;
text-shadow: 0px 0px 1px rgba(255,255,255,1);

} 
.logo_text{font-family: 'handel_gothic_dregular', sans-serif;}
.logo_text_medium{font-family: 'handel_gothic_dmedium', sans-serif;}

.cart:before{content:url('images/cart.png');
  margin:0 -5px 0 0;
  position:relative; /*or absolute*/
  z-index:100; /*a number that's more than the modal box*/
  left:0px;
  top:5px; 
  }
  
 .cart24:after{content:url('images/cart_black.png');
  margin:0 0 0 -2px;
  position:relative; /*or absolute*/
  z-index:100; /*a number that's more than the modal box*/
  left:0px;
  top:5px; 
  }
 
  
  

.small {font-size: 11px; margin-top:5px!important;
line-height:1.0
}
div.buttons { 
padding:5px 10px;
background:#333;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
font-weight:400;
margin:5px; float:left; min-width:20px;
}
div.buttons:hover{background: rgba(203, 11, 34,1);
}

 div.buttons>a{color:#fff!important;
}
 div.buttons>a:hover{color:#fff!important;
}

div.button2 { 
padding:5px 10px;
background:rgba(192,11,10,1)!important;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
font-weight:400;
margin:5px; float:left; min-width:20px;
}
div.button2:hover{background: #333!important;
}

 div.button2>a{color:#fff!important;
}
 div.button2>a:hover{color:#fff!important;
}





div > h3.open > a {background:rgba(203, 11, 34,1)}
.open :before{content:" – ";font-size:15px; margin:3px 3px 3px 0px;}
.close :before{content:" + ";font-size:15px ; margin:3px 3px 3px 0px;}
#wrapper{position:relative; margin:0 auto 0 auto; width: 1002px; padding:0;  top:0px;
/*background: rgba(255,255,255,0.01);
background: rgba(192,11,10,.8);*/
height:120px; 
}
a.button>span.symbol {

	cursor:pointer;

	font-size:400%;

	border:none;

	color:#bababa;

	margin:2px;

-webkit-transition: color 0.2s ease-in-out;

-moz-transition: color 0.2s ease-in-out;

transition: color 0.2s ease-in-out; 

}

	

	



a.button>span.symbol:hover {

	color:rgba(250,250,250,1);

	-webkit-transition:color 0.3s ease-in-out;

	-moz-transition:color 0.3s ease-in-out;

	transition:color 0.3s ease-in-out;

	text-decoration:none;

}

/*
.container{
position:absolute;
max-width: 999px; top:0px;
top:198px;
margin: 0 auto 0 auto ;
min-height:100%!important;
width: 100%;
background:rgba(255,255,255,0.90);
padding:10px 0 10px;
border-right:rgba(247, 174, 27, 0) 5px solid;
-webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2); 
-moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2); 



}
*/
.container{
position:relative;
max-width: 1002px; top:0px;
margin: 0 auto -50px auto ;
min-height:5%;
min-width:1002px;
width: 100%;
background:rgba(255,255,255,.8);
padding:0px 0px 0 0px;

}
/*standart-liste*/
ul { margin-left:16px;}


#beadcrumb { display:none; position:absolute;  z-index:10; top:0px; width:93.3%; overflow: hidden;  height:0px;font-size:84%; background:#eee;padding:3px 0 3px 110px}
#beadcrumb a{ color:#666}
#logo {position:absolute; left:0px;top:0px; height:120px; width:1002px;overflow:hidden;

background: rgba(0,0,0, 0.0) url('images/sunflower.png') right center no-repeat;
background-size: auto 120px;

}
/*#logo img{ width:auto; height:200px}*/
ul#nav{ 
width:100%;left:0px; height:45px; position:absolute; top:120px;z-index:100;
background: rgba(37, 32, 32, .7);
}
ul#nav li ul:hover{
background:#666;
}

/*Shop styles*/
#picture { min-width:304px; min-height:540px;  display:table-cell; text-align:left}
#picture img{ width:auto; height:auto}
#picture a img{width:auto; max-width:304px; height:540px; max-height:auto; border:0px solid #eee}
#Thumb img{ min-width:auto;max-width:130px;  height:auto; max-height:230px; width:auto; margin-left:0px;}
span#thumbs a img{ width:47px; height:47px; border:1px solid darkred; margin:2px 2px 0px 0; float:left; border-radius: 0%;}
#trans_btn {width:30.6%; height:220px;position:absolute; z-index:99;height:220px}
#art_btn {position:absolute; width:auto; height:20px; padding: 2px 10px 2px 10px; right:0px; bottom:0px; z-index:-1; color:#fff ;font-weight:400; background:#CB0B22; text-align:right}
#artikel{min-width: 31.8%; width: 32%; height:220px; float:left; margin:0 1% 1% 0; border:1px solid #ccc; text-align:left; padding:0px; background:#fff; overflow:hidden}
#artikel_beschreib {width: 635px; padding:10px  0px 10px 0; float:right}
#supportmenu{
float:right; margin:-50px 10px 10px 10px; width:130px; height:auto; padding:5px 10px 10px;  line-height:150%;background: #eee; color:#666

}
#artikel_short {width:50%;padding:6px;font-size:; line-height:; float:right}
#short_desc {display: table-cell;height: 110px; width:150px;vertical-align: middle; font-size: 90%;line-height:120%; text-align:left; overflow:hidden}
/*---End---*/
.mainbox {position:relative; top:0px;  padding: 0px 0px 47px; width:1002px;

}
/*.contentbox {width: 670px; width:90%; float:left; background:transparent; margin: 0 0 20px 30px; }
.rightbox {float:right;width:200px;padding: 0 0 0 0;background:transparent; border:none}*/
.inner {margin:0 5px 0 5px; padding:0;}
#contentwide {width: 100%; }
.footer {
position:relative;
z-index:100;
bottom:0px;
/*color:#eee;*/
width: 1002px;
height:auto;
padding-bottom:0px;
margin: -35px auto -2px auto;
background: #dbdad5;
background: rgba(219,218,213, 0.8);
/*background:rgba(255,255,255,0.85);*/
/* -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2); /* WebKit */
/* -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);  /* Firefox */
/* box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2); /* Standard */ 
}
.footer .footerpic {width:100%; }
.footer .inner {  width:1002px; font-size:0.89em; text-align:left; line-height:130%; padding:10px 0px; color: #1d335a;
}
.footer .inner a, .footer .inner span{  color: #1d335a;}
/*.footer a:hover{color:#006050; color: inherit;}*/
.clearer {height:1px; clear:both;}
.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%;
}
#topnav { position:absolute; z-index:120; 
top:40px; text-align:right; padding-right:30px;
width:700px;
list-style: none;
font-size:100%;
background:transparent;
padding: 0; 
color:#006050
}
#topnav a{color:#006050}
/*#nav { position:absolute; z-index:99;
left:20px;top:123px;
/*width:800px; margin:0 auto;
list-style: none;
zoom: 1;
background:transparent;
padding: 0; 
font-weight:400;
}*/
.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%;
}
/***********************************
header-menu
************************************/
.topmenubar {background-color:transparent;}
/* Link Formatting */
ul.nav { z-index:200;
list-style-type: none;
margin: 0; padding: 0;
position: relative; 	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation/ */
/* http://tessathornton.com/ */
.toggleMenu {
display:  none;
background: #666;   
color: #fff;
width:100%;
}
.toggleMenu span {display:block; padding: 14px 0 14px 15px; font-weight: 700;}

.mainbox {}
.contentbox {width:}
#control_wrapper>a>div {box-shadow: 0px 1px 3px rgba(0,0,0,0.5),0px 0px 1px rgba(255,255,255,0.4) inset;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-size:12px; line-height:14px}