html
{	font-family: sans-serif;
	min-height: 100%;

}

body
{	font-family:sans-serif;
	font-size: 100.01%;
	background:url(../_img/back.jpg) repeat-x #bedb00;
	background: -o-linear-gradient(#000,#bfdc00) repeat-x #bedb00;
 	background: -moz-linear-gradient(top,  #000, #bfdc00);
    	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#bfdc00));
        -pie-background: linear-gradient(90deg, #000, #bfdc00);
	
}

.unsichtbar,
.sef
{	position:absolute;
	top:-5000em;
	left:-5000em;
	overflow:hidden;
	text-indent:-5000em;
	margin: 0;
}
#mainbody, #sidenav,#page-category .product {
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius:11px;
	border:1px solid #adf700;
	-moz-box-shadow: 0 0 5px 5px #d7886f;
  -webkit-box-shadow: 0 0 5px 5px #d7886f;
  -khtml-box-shadow: 0 0 5px 5px #d7886f;
  box-shadow:  2px 2px 11px 0px #000;

}
#sidenav .categories li a, #shopnav li a, input,.product,.myprodinfo,#p-price,#prodimage img,.faq_header,.button {-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius:5px;}

/* 
	CONTAINER
*/
#container
{	width:900px;
	margin:10px auto;
	font-size:95%;
	background:transparent;
	-webkit-border-radius: 11px;
-moz-border-radius: 11px;
	border-radius:11px;
	 
}

/* 
	HEADER/TITLE/BRANDING
*/

#branding
{	background:url(../_img/navibg.jpg) #72b41e;
	height:35px;
	border-bottom:1px solid #000;
	z-index:999;
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	border-radius:9px 9px 0 0;
}
#branding:hover,#headline:hover {-moz-box-shadow: 0 0 5px 5px #b9f900;
  -webkit-box-shadow: 0 0 5px 5px #b9f900;
  -khtml-box-shadow: 0 0 5px 5px #b9f900;
  box-shadow:  inset 2px 2px 10px  #b9f900;}
#branding h1
{	width:900px;
	height:0px;
	background-image:url(../_img/_);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-indent:-1000em;
	overflow:hidden;
	margin:0 auto 0 auto;
	position:relative;
	top:24px;
	
}

#headline
{	background:url(../headeroffer.jpg);
	background-repeat:repeat-x;
	height:155px;
	webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;	

}
#headerbar
{	width:900px;
	margin:0 auto;

	
}
#headerbar p
{	margin:0;
	padding:0;
}
#headline img.metabild
{   margin-top:-7px;
}


/* 
	NAVIGATION
*/
#navwrap
{	width:100%;
	margin:5px auto 0 auto;
	border-top:3px double #d7e41b;
	border-bottom:3px double #d7e41b;
	background:url(../_img/navibg.jpg) #72b41e;
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#navigation
{	width:100%;
	margin:0 auto;
}

#navigation ul
{	
	margin-left: 5px;
}

#navigation li
{	float:left;
	display:block;
}

#navigation li a
{	color:#f1f1f1;
	text-shadow:#333 1px 1px 3px;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	display:block;
	webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	margin-right:2px;
	padding:11px 15px 10px 15px;
}

#navigation li.active a,#sidenav .categories li a,.minilogin input.submit:hover,input.button:hover,input.formsubmit:hover,#shopPage-p p.pager a:hover
{
    background-color:#36da00;	 
    background: -moz-linear-gradient(top,  #33ce00, #3aec00);
    background: -o-linear-gradient(90deg,  #33ce00, #3aec00);
    background: -webkit-gradient(linear, left top, left bottom, from(#33ce00), to(#3aec00));
    -pie-background: linear-gradient(90deg, #33ce00, #3aec00);
	color:#000;text-shadow:2px 2px 1px #fff;
}

#navigation li a:hover,#sidenav a:hover,.button, .minilogin input.submit,input.formsubmit,#sidenav .categories li.active a
{   background-color:#ff8604;
    background: -moz-linear-gradient(top,  #ff8604, #ec6105);
    background: -o-linear-gradient(90deg,  #ff8604, #ec6105);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8604), to(#ec6105));
    -pie-background: linear-gradient(90deg, #ec6105, #ff8604);
    text-shadow:2px 2px 1px #000;color:#fff;text-decoration:none;
	
}
a.button {color:#fff !important}

/* 
	CONTENT
*/
#content
{	
	background-color:transparent;
	padding:1px 0 0 0;
	line-height: 18px;
}
#mainbody
{	margin:5px 215px 0 0;
	padding:0 20px 10px 24px;
	font-size:95%;
	background-color:#fff;
}
#mainbody h1,
#mainbody h2
{	font-weight:bold;
	font-size:1.2em;
	color: #213a02;
	padding:5px 0px 8px 0px;
	margin-top:5px;
}
#mainbody h1 {
	font-size: 1.3em;
	color: #000;
	font-family:sans-serif;}
#mainbody a
{	color:#222;
}

#mainbody h3
{   font-weight:bold;
    padding:5px 0px 5px 0px;
    margin:3px 0 0 0;
    color:#111;
}
#mainbody h4
{	margin:10px 0 0 0;
	font-style:italic;
	color:#666666;
}

#mainbody p
{    margin:5px 0 0 0;
}



/* 
	TABLES
*/

#mainbody table
{   border:1px solid #444;
    border-collapse:collapse;
	margin:30px 0 0 0;
}
#mainbody table th
{   border:1px solid #aaa;
    padding:5px 8px 5px 8px;
    text-align:center;
    background-image:url(../_img/navbg.jpg);
    color:#FFFFFF;
    font-style:italic;
    font-size:0.9em;
}
#mainbody table th.head
{	font-weight:bold;
}
#mainbody table .inforow th
{	background:none;
	color:#000000;
	text-align:right;
}
#mainbody table td
{   border:1px solid #aaa;
    padding:5px 8px 10px 8px;
}
#mainbody table td.last
{	text-align:right;
}



/* 
	MINIBASKET
*/
div.minibasket
{	float:right;
	padding:10px 0 0 26px;
	background:url(../_img/mybasket.png) 0px 0px no-repeat;
	color:#000;
	position:relative;
	height:16px;
	margin:0 20px 0 0;
	text-align:right;
	font-size:0.7em;
}

div.minibasket h4
{	display:none;
}

div.minibasket a
{	position:absolute;
	top:5px;
	right:0;
	display:block;
	text-indent:1000em;
	overflow:hidden;
	width:100%;
	height:16px;
}
div.minibasket a:hover {background:url(../_img/mybasket.png) no-repeat 4px -29px transparent !important;}
/* 
	SIDENAV
*/
#sidenav
{	float:right;
	width:202px;
	background:#79bf20;
	margin:5px 0 0 0;
	padding-bottom:5px;
}
#sidenav h4 
{	
	padding:6px 5px 1px 13px;
	color:#000;
	font-style:italic;
	text-align:right;
	border-bottom:1px solid #000;
	margin:10px 0 6px 0;
	font-size:0.8em;
}
#sidenav a:link,#sidenav a:visited
{	padding:2px;
}


/*
	MINILOGIN
*/
.minilogin legend {float:right;margin:0 10px 0 5px;color:#000}
.minilogin form,.minilogin a
{	padding:0;margin:0;
}
.minilogin input.submit {width:100px;}
.minilogin a,.minilogin a:visited
{	text-align:right;color:#000;padding:2px;font-size:87%;border-left:1px solid #fff;
}
.minilogin a:hover
{	color:#000;text-decoration:none;background: #fff;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}
 .minilogin 
{	text-align:right;
	color:#fff;
	padding:6px 0 0 0;
	font-size:0.9em;
}
 .minilogin form input
{	margin:0 0 2px 0;
	width:9em;
}
.minilogin p {display:inline;}
.minilogin input {padding:1px;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;border:1px solid #b9f900;background:#fff;}
.minilogin input:hover,.minilogin input:focus {padding:1px;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
border-radius:3px;border:1px solid #000;background:#fff;}

.minilogin label{padding-right:2px;}
.minilogin label:hover {text-shadow: 1px 1px 1px #000;}
/*
	BREAD
*/
#bread
{	padding:5px 0 5px 0;
	margin:10px 0 0px 0;
	font-size:0.86em;
}
#bread img
{	margin:0 8px 0 8px;
}
#bread a
{	color:#22211D;
	text-decoration:none;
}



/*
	CATEGORY PAGE
*/
#page-category h1
{	font-size:1.8em;
	color:#22211D;
	margin:0 0 30px 0;
	text-align:center;
}
#page-category .product
{	border:2px solid #b9f900;
	width:250px;
	float:left;
	padding:5px;
	margin:0 10px 40px 10px;
	text-align:center;
	height:13.5em;
	overflow:hidden;
}
#page-category .catEmpty
{	padding:20px 0px 30px 0px;
	text-align:left;
}

#page-category .product:hover
{	border:3px double #000;
	padding:4px;
	
	
}

#page-category .product h2
{	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
}
#page-category .product h2 a
{	text-decoration:none;
	color:#000000;
}
#page-category .product a
{	width:100%;
	display:block;
}
#page-category .product img
{	margin:0 auto 10px auto;
	display:block;
}

#page-category .product h4
{	font-weight:bold;
	display:inline;
	margin:0 5px 0 0;
}
#page-category .product p
{	display:inline;
}
#page-category .metatext
{	padding:20px 0 30px 0;
}


/*
	PRODUCT PAGE
*/
#shopPage-p h1
{	font-size:1.8em;
	font-style:italic;
	margin:0 0 0 240px;
	color:#22211D;
}
#amount
{	width:32px;
}
#prodimage
{	float:left;
	margin:0 0 0 20px;
}
#prodimage img {border:3px double #b9f900;}
.desc h3
{	font-weight:bold;
	font-style:italic;
	font-size:0.8em;
	padding:10px 0 0 0;
}
.proddetails
{	margin: 0 20px 0 240px;
}
.p-price
{	text-align:right;
	font-size:1.1em;
	margin:10px 0 10px 0;
	padding:20px 0 30px 0;

}
span#p-price {
	color:#333;
	background-color: #d7e41b;
	padding:1px 4px;
	font-weight:bold;}
.priceinfo
{	clear:left;
	color:#666666;
	font-size:0.76em;
	text-align:right;
	margin:30px 0 0 0;
	border-top:1px solid #b3e1ed;
	padding:10px 20px 0 0;
}
#prodthumbs
{	text-align:center;
}
#prodthumbs img
{	margin:10px 20px 0 10px;
}

#shopPage-p p.pager
{	clear:left;
	text-align:center;
	margin-top:20px;
	padding:5px 0;background:#f2f2f2;
}
#shopPage-p p.pager a
{	text-decoration:none;
	font-size:0.86em;
	font-weight:bold;
	padding:  5px 20px;
	color:#779314;
	font-style:italic;
}

#shopPage-p .variations h3
{	font-weight:bold;
	font-style:italic;
	padding:15px 0 7px 0;
	display:block;
}
#shopPage-p .variations p.prodopt
{	margin:0 0 10px 30px;
	font-size:0.9em;
}
#shopPage-p .variations p.prodopt input
{	margin:0 10px 0 0;
}
#shopPage-p p.calcPrice
{	margin:30px 0 20px 0;
	font-weight:bold;
}
#shopPage-p p.calcPrice span
{	font-weight:normal;
	font-style:italic;
}

/*
	SHOP NAVIGATION
*/

/*level1*/
#sidenav .categories ul 
{	width:98%; margin: 0 auto;
}
#sidenav .categories li
{	text-align:left;
	background:url(../_img/navibg.jpg_) repeat-x #b9f900; 
	padding:2px 0px 5px 4px;
	font-size:1.1em;
}
#sidenav .categories li a
{	border:1px solid #000;
	color:#000;
	text-decoration:none;
	display:block;
	text-align:right;margin:3px;
	padding:2px 7px 3px 2px;
}
#sidenav .categories li a:hover
{	
	border:1px solid #000;
	text-shadow:#999 1px 1px 3px;margin-right:-20px;
}
#sidenav .categories li.active a
{	
	font-weight:bold; margin-right:-30px;
	border:1px solid #fff;
	
}
/* reset level 2*/
#sidenav .categories li li
{	background-color:#FFFFFF;
	border-bottom:1px solid #000;
	font-weight:normal;
	padding:0;
}


/*
	SHOP MENÜ
*/
div#shopnav
{	margin:5px 0 5px 0;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #9cf900;
	border-top:2px solid #9cf900;
}
div#shopnav ul
{	text-align:center;
	font-size:0.9em;
}
div#shopnav li
{	padding:0 0 5px 0;
}
div#shopnav li a
{	color:#000;
	display:block;
	width:100%;
}

/*
	ACCOUNT
*/
#page-account-update table
{	width:100%;
}
#page-account-update td
{	text-align:center;
}
tr.order_OPEN td
{	background-color:#FFFFE8;
}
tr.order_PROCESS td
{	background-color:#B9FFCB;
}
tr.order_FRAUDULENT td
{	background-color:#FFCAB8;
}
tr.order_SENT td
{	background-color:#CAFFF4;
}
tr.order_CANCELLED td
{	background-color:#FFCAB8;
}

#page-account-update .order
{	padding:0 0 0 30px;
}

#page-account-update div.orderdetails h3
{	padding:10px 0 10px 0;
}
#page-account-update div.orderdetails pre
{	white-space:pre;
	font-size:0.65em;
	font-family:"Monaco","Lucida Console","Courier New",monospace;
	overflow:auto;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:0 0 30px 0;
}





/*
	WARENKORB
*/
#page-basket strong
{	font-weight:bold;
	font-size:0.9em;
}
#page-basket table
{	width:630px;
	clear:left;
}
#page-basket table td
{	font-size:0.9em;
}
#page-basket input.button
{	margin-top:15px;
}
div.addresses
{	float:left;
	width:600px;
	margin:15px 0 15px 0;
}
div.addresses h3
{	font-weight:bold;
	font-size:0.9em;
}
div.addresses div
{	float:left;
	margin:0 40px 0 0;
}
div.addresses input
{	margin:20px 0 0 0;
}



/* 
	FORMS
*/
/* Formulare */

form.formation
{	margin: 15px 0 20px 0;
	padding: 0;
	font-size:0.8em;
	width:98%;
}


form.formation fieldset
{	border: 1px solid #fff;
	padding: 0;
	float:left;
	width:100%;
	margin:0 0 20px 0;


}


form.formation legend
{	font-weight: bold;
	font-size: 1.15em;
	padding: 0 5px 0 0;
	margin-left: -5px;
	background-color: transparent;
	color: #878376;
}
form.formation label 
{	width:9em;
	float:left;
	margin:0.2em 0 0.6em 0;
}
form.formation h3
{	font-size:1em;
	margin:20px 0 10px 0;
}

form.formation p.radio,
form.formation p.checkbox
{	width:9em;
	float:none !important;
	margin:0.2em 0 0.6em 0;
	font-size: 1em;
	color: #000000;
}

form.formation label.radio,
form.formation label.checkbox
{	float: none;
	margin:0 0 5px 5px;
	width: auto;
}

form.formation input.radio,
form.formation input.checkbox
{	float: left;
	width: auto;
	margin: 0 0.4em 8px 0;
	border: none;
	background:none;
}

div.checkset,
div.radioset
{	margin-bottom: 10px;
	margin-left:9em;
}
			

form.formation input,
form.formation select, 
form.formation textarea 
{	float:left;
	margin:0.3em 5px 0.6em 0;
	padding: 2px;
	border: 1px solid #b4babd;
	background-color: #f8f8f8;
	font-family:Arial, sans-serif;
	font-size:1.07em;
}
			
form.formation input.text
{	background:none;
	background-color:#FFFFFF;
}
		
form.formation input.text,
form.formation input
{	margin-top: 0;
	width: 70%;
}

form.formation textarea 
{	width: 70%;
	height:140px;
}
form.formation input.button,
form.formation input.submit
{	width:150px;
}
.button, .submit { padding:2px; border:1px solid #666}
/* search box */
#rexsale_search
{	background-image:url(../_img/navbg.jpg_);
	background-color:#b9f900;
	background-position:bottom left;
	padding:5px 13px 6px 13px;
	color:#FFFFFF;
	font-style:italic;
	text-align:center;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	margin:30px 0 10px 0;
	font-size:0.9em;
	font-weight:bold;
}
#rexsale_search input
{	margin-top:4px;
	width:180px;
	margin-bottom:4px;
}

.myprodinfo {border:2px solid #b9f900;}
.myprodinfo h2, #mainbody .myprodinfo h2 {
	padding-left: 10px !important; 
	margin: 0 0 10px 0 !important;
	background: #b9f900;
	border-bottom:1px solid #aaa !important;}


/* Formulare */

div#content .req {font-size: 75%;}	
div#content legend {
	padding: 0 5px;
	color:#bbb;}
div#content label,
div#content div.formheadline {
	display: inline-block;
	width: 120px;
	margin: 3px 0 1px;
	line-height: 100%;
	color: #000;
	font-weight:bold;
	font-size: 80%;text-align:right; }
div#sidenav label {text-align:center;}
div#content .button {margin-left: 122px;margin-top: 6px;}
div#content fieldset {
	padding: 3px 10px;}
div#content input, div#content select, div#content textarea {border:3px double #ddd;}
div#content input:hover, div#content input:focus, div#content select:hover, div#content textarea:hover, div#content textarea:focus {border:3px solid #b0df1d;}
strong {font-weight:bold;}
i, em {font-style:italic;}
div#mainbody a {color: #213405;}
div#mainbody a:hover {text-decoration:none;color: #000;}
#formular .formfield input {margin-bottom:5px;}
div#mainbody li {margin-left: 25px; margin-bottom: 4px;list-style:square;color:#213a02;}
.error li, .error, .formerror {color: red !important;font-size: 90%;}
.box {font-size: 90%; text-align: justify; display: block;padding: 0 15px; line-height: 15px;}

/* ### Modul Artikel blättern ######################## */

div.links_zum_blaettern {
 float: left;
 width: 100%; 
 font: 85% bold;
 background-color: transparent;
 margin-top: 10px;
 margin-bottom: 10px;
}
div.links_zum_blaettern p.links,
div.links_zum_blaettern p.mitte,
div.links_zum_blaettern p.rechts {
 background-color: transparent;
 float: left;
 width: 49.9%;
}
div.links_zum_blaettern p.links,
div.links_zum_blaettern p.rechts {
 width: 25%;
}
div.links_zum_blaettern p.rechts {
 float: right;
 text-align: right;
}
div.links_zum_blaettern p.mitte {
 text-align: center;
}
/**
* @package Dreispalter
* @name DS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0.1
*/

.dreispalter {
  width: 100%;
  font-size:95%;
}

.dreispalter_1 {padding:3px;
  width: 48%;  float: left;
}
.dreispalter_2 {
  padding:3px;
  width: 48%;
  float:right;

}

.dreispalter ul {margin-bottom: 50px;}
.clboth {  
 clear: both;
display:block;
 line-height: 0;
 font-size: 0;
}
.mittig {margin: 20px 0 0 123px;text-align:center;}

.faq_link {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding-left:4px;
	padding-top:7px;
	padding-bottom:7px;
}
.faq_link2 {
	border-bottom:1px solid #ccc;
	padding-left:4px;
	padding-top:7px;
	padding-bottom:7px;
}
.faq_header {
	font-weight:bold;
	background:#ccc;
	border:1px #999 solid;
	padding-left:4px;
	padding-top:10px;
	padding-bottom:10px;
}
.tinymcewysiwyg {width:100%;}
