@import url(boxes.css);
@import url(thickbox.css);

/*<agl.folder "Allgemein">*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

hr { display: none }
hr.Break { display: block; visibility: hidden; }

.Break { float: none; clear: both; }

.clearer { 
	clear: both;
	height: 0px;
	line-height:0px;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	}

.Left { float: left }
.Right { float: Right;}
.Right a { color: #fff;;}

.lAlign { text-align: left; }
.rAlign { text-align: right; }
.cAlign { text-align: center; }

body { 
	color: #2E2929; 
	font-size: 13px; 
	background-color: #6b8a50; 
	background-image: url("images/body-bg.jpg"); 
	background-position: center top; 
	background-repeat: no-repeat; 
	background-attachment: fixed;
	text-align: center; 
	margin: 0; 
	padding:0; 
}

body * { font-family: Trebuchet MS,Helvetica,sans-serif }

img, a img { border: none; }
a { color: #FFFFFF; text-decoration: none }
a:hover { text-decoration: underline }

h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {}
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; padding-bottom: 0.3em }

ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0.3em; padding-bottom: 0.3em }
li { margin-top: 0; margin-bottom: 0 }
form, input, textarea, select { font-size: 12px; }
textarea {width: 95% }

form { margin: 0; padding: 0; }

p, table, td, th, caption, li { }
p small { font-size: 10px }
h1 { color: #2E2929; font-size: 16px; font-weight: bold }
h2 { color: #2E2929; font-size: 20px; font-weight: bold }
h3 { color: #2E2929; font-size: 20px; font-weight: bold }
h4 { color: #2E2929; font-size: 12px; font-weight: bold }
h5 { color: #2E2929; font-size: 16px; font-weight: bold }
h6 { color: #2E2929; font-size: 16px; font-weight: bold }

p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 { line-height: 124% }
/*</agl.folder>*/




/***************My Style *****************Login Style*****************/
/*********************************************************************/

/******login******/
.log_left {
	float:left;
	width: 32%;
}

.log_middle {
	float:left;
	width: 32%;
	padding: 0 0 0 15px;	
}

.log_right {
	float:right;
	width: 32%;
}

.mycheckout_log { 
	background-color: #6eb14e; 
	padding: 5px 10px 0 10px; 
	height: 250px;
}

.log_textheight  {
	height: 150px;
}


/******loginfelder******/
.log_mail  {
	float: left;
	width:100%;
}

.log_mail span {
	float: right;
}

.log_pass  {
	float: left;
	width:100%;
	padding: 8px 0 0 0;
}

.log_pass span {
	float: right;
}

/******cheaoutrahmen******/

.checkoutrahmen {
	border: 1px solid #360;
	/*
	background-image: url(images/checkback.jpg);
	background-repeat: no-repeat;    
	*/
	background-color:#FFF;
	padding: 10px;
	margin: 10px 0 0 0;
}



.Top_adress  {
	float: right;
}

/******Ihr Konto******/

.meinkonto_links {
	float:left;
	width: 400px;
	padding: 0px;
	margin: 0 0 0 0;
}

.meinkonto_links2 {
	float:left;
	width: 220px;
	padding: 0px;
	margin: 0 0 0 0;
	border-bottom: dotted 1px #060;
}



.meinkonto_rechts {
	float:right;
	width: 220px;
	padding: 0px;
	margin: 0 0 0 0;
}






/***************************/





/******cheaoutadresse******/
.CheckOutFunction_adress { padding-left: 0px;  border-right: 0px solid #eee; font-size:14px;}
.CheckOutFunction_adress p {}
.CheckOutFunction_adress .Half { width: 265px; }
.CheckOutFunction_adress .Top { width: 265px; }
.CheckOutFunction_adress .Left { width: 320px; }
.CheckOutFunction_adress a { 
	color:#060;
	text-decoration:none;
}
.CheckOutFunction_adress a:hover { 
	color:#060;
	text-decoration:underline;
}


.CheckOutFunction_payment { padding-left: 0px;  border-right: 0px solid #eee; font-size:14px;}
.CheckOutFunction_payment p {}
.CheckOutFunction_payment .Half { width: 265px; }
.CheckOutFunction_payment .Block { clear:both; padding: 10px 0 0 0; width:100%; }
.CheckOutFunction_payment .Left { width: 95%; }
.CheckOutFunction_payment a { 
	color:#060;
	text-decoration:none;
}
.CheckOutFunction_payment a:hover { 
	color:#060;
	text-decoration:underline;
}

.CheckOutFunction_payment {
	font-family: "Trebuchet MS",Helvetica,sans-serif;
}

/******cheaouttabellen******/
.leftdist {
	width:1px;
}

.leftdist_text{
	padding-left:10px;
}

.rightdist {
	padding-right:20px;
	text-align:right;
	font-weight:bold;
}

/******cheaout payment tabellen******/

.ckeckout_trenner {
	border-top: 1px solid #360; 
	padding-top:5px;
	margin-top:5px;
}

.ckeckout_frame {
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

.ckeckout_frame body {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color:#C00;
	font-size:10px;
}

.Label {
	width: 120px;
}

.Label2 {
	width: 300px;
}

.my_gest_account {
	background-image: url(images/transback.png); 
	background-repeat:repeat-y; 
	background-color: none;
	padding:10px 10px 10px 25px; 
	margin-bottom:10px; 
	border: 1px solid #360;
}


input[type=radio] {


margin: 0 0px 0 5px;
}


.FormArea  {

}




.sitmaprahmen {
	border: 1px solid #360;
	/*
	background-image: url(images/checkback.jpg);
	background-repeat: no-repeat;    
	*/
	background-color:#FFF;
	padding: 10px;
	margin: 10px 0 0 0;
}

.sitmaprahmen ul {
	padding: 0 0 0 20px;
	color:#000;
	list-style:none;
}

.sitmaprahmen li {
	padding: 0 0 0 0;
	color:#000;
}

.sitmaprahmen ul li a {
	color:#000;
	text-decoration:none;
	line-height: 20px;
	padding: 0 0 0 15px;
	background-image:url(images/listdot.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
}

.sitmaprahmen ul li a:hover {
	color:#000;
	text-decoration:underline;
}


/***************End My Style *****************Login Style*****************/




/*<agl.folder "MainCols & MainWrap">*/
#MainWrap { 
	background-color: none; 
	background-repeat: no-repeat; 
	text-align: left; 
	margin: 0px auto 0; 
	padding: 0; 
	width: 980px; 
	float: none; 
	clear: both;}



#MidCol { background-color: none; width: 770px; margin: 0; float: left; padding: 0 0 0 0px; }
#RightCol { width: 200px; float: right; margin: 0; background-color:none; text-align:right; font-weight: bold;}
/*</agl.folder>*/

/*<agl.folder "MidCol">*/
#ShopContent { margin-top: 10px; padding: 0px 0px 0px 0px; background-color: none; }

#BreadCrumb  { margin: 0;  padding: 0 0 0 0; padding-left: 5px; height: 24px; font-size: 18px; background-color: #6eb14e; border: 2px solid #3b7226; }

.ButtonSet { margin-top: 10px;}
.ErrorMessage { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; border: solid 2px #c00 }
.Half { width: 210px; }

.CheckOutFunction { 
	padding-left: 0px;  
	border-right: 0px solid #eee; 
	font-size:14px;
}

.CheckOutFunction a { 
	color:#060;
	text-decoration:none;
}
.CheckOutFunction a:hover { 
	color:#060;
	text-decoration:underline;
}


.CheckOutFunction p {}
.CheckOutFunction .Half { width: 265px; }
.price_confirmation { float: right; }
.title_confirmation { float: left; width: 80%; }
.OrderItem { padding-right: 10px; border-top: 1px solid #eee; border-right: 0px solid #eee }
#ProgressBar { float: none; clear: both; background-color: #3B7226; width:100%; padding: 0 0 0 0; }
#ProgressBar span { float: left; text-align: center; width: 180px; line-height:22px; font-weight:bold;}
#ProgressBar span.Current { color: #99FF00; }

/*</agl.folder>*/

/*<agl.folder "CatInfo">*/
.CatInfo { background-color: #e1f2ff; padding: 10px }
.CatInfo .Image { background-color: #d6e1c1; width: 200px; height: 200px; float: left }
.CatInfo .Text { background-color: #aab39a; width: 330px; float: right }
/*</agl.folder>*/

/*<agl.folder "CatListing">*/
.CatListing { }
.CatListing .Item { background-color: #6fb14f;  width: 760px;  display:block; margin-bottom: 5px;}
.CatListing .cbild { width: 760px; overflow:hidden; height:100px;}
.CatListing .cname { width: 760px; text-align: left; padding: 0 0 0 15px; height: 20px;}
.CatListing .Image {border: none;}
/*</agl.folder>*/


/*<agl.folder "ProdListing">*/
.ProdListing1,
.ProdListing2, 
.ProdListing3 { padding-left:0px}

.ProdListing1 .Item,
.ProdListing2 .Item,
.ProdListing3 .Item { background-color: #3b7226; border: 2px solid #3b7226; } /* Artikel Fenster */

.ProdListing1 .Image { text-align:left; margin-right: 0px; margin-left: 0px; padding: 10px 0 0 0  }
.ProdListing2 .Image,
.ProdListing3 .Image { text-align:center; margin-right: 0px; margin-left: 0px; padding: 10px 0 0 0  }

.ProdListing1 .Item {width: 755px; height: auto; padding-right: 10px; }
.ProdListing2 .Item {width: 247px; height: 400px; float: left; margin-right: 2px; background-image: url(images/prodlist_bg.jpg); background-repeat: no-repeat;  }
.ProdListing3 .Item {width: 247px; height: 400px; float: left; margin-right: 2px; background-image: url(images/prodlist_bg.jpg); background-repeat: no-repeat;  }



.myProdListingname {width: 247px; height:30px; padding:5px 0 5px 0; line-height:20px; text-align:center; background-color:none; margin-bottom: 5px;
}

.myProdListingname2 {width: 755px; height:30px; padding:5px 0 5px 0; line-height:20px; text-align:center; background-color:none; margin-bottom: 5px;
}
.myProdListingname3 {width: 247px; height:30px; padding:5px 0 5px 0; line-height:20px; text-align:center; background-color:none; margin-bottom: 5px;
}

.myProdListingdescrip {
height:80px;
padding:0 0 5px;
width:247px;
text-align: center; color: #FFFFFF; }

.myProdListingdescrip2 {
height:80px;
padding:0 0 5px;
width:755px;
text-align: center; color: #FFFFFF;

}

.price {width:247px; height:40px; padding: 0 0 0 0; color:#32cd32; text-align:center; background-color:none; }

.price3 {width:100px; height:50px; padding: 0 0 0 0; color:#32cd32; text-align:center; background-color:none; }

.price2 {width:755px; height:40px; padding: 0 0 0 0; color:#32cd32; text-align:center; background-color:none; }

.ProductImage {width: 300px; height: auto; float: left; margin-right: 2px; background-image: url(images/prodlist_bg.jpg); }



.InfoImage { background-image: url(images/prodlist_bg.jpg); }



.price {
	width:247px;
	font-size: 16px;
	line-height: 17px;
	height:20px; 
	padding: 5px 0 0 0; 
	color:#32cd32;
	font-weight:bold;
	text-align:center; 
	background-color:none;
	float:none;
}

.price_under {
	width:247px; 
	height:20px; 
	padding: 0 0 0 0; 
	color:#32cd32;
	font-weight:bold;
	text-align:center; 
	background-color:none; 
}

/*************************Produkt info*********************************/

.myProdinfoname { 
	width:450px; 
	height:34px; 
	font-size: 20px; 
	line-height:33px; 
	text-decoration: bold; 
	padding: 0px 0 0px 10px; 
	color:#ffffff; 
	text-align:left; 
	background-color:#3e7728; 
	border-bottom: 1px solid #FFF; 
}

.myProd_left {
	float:left;
	width: 200px;
	padding: 8px 0 0 8px;
}

.myProd_right {
	float:right;
	width: 225px;
	text-align:right;
	padding:0px 0px 0 0;
}


/*********PREIS*********/
.myProd_price {
	font-size: 16px;
	line-height: 17px;
	width:150px;
	height:42px;
	float:right;
	font-weight:bold;
	text-align:center;
	background-image:url(images/preisschlid.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding:28px 0px 0 0;
}


.myProd_price_special {
	font-size: 16px;
	line-height: 17px;
	width:100%;
	height:42px;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 0 0;
	margin: -11px 0 0 0;
	display:block;
}



.priceSymbolLeft {
	font-size: 16px;
	line-height: 17px;
}

.priceSymbolRight {}

.productOldPrice {
	font-size: 12px;
	line-height: 14px;
	text-decoration:line-through;
	color:#900;
}

.productInstead {
	font-size: 10px;
	line-height: 17px;
}

.PriceNewSpecial1 {}

.PriceNewSpecial2 {
	font-size: 16px;
	line-height: 17px;
}

.priceOnly {
	font-size: 16px;
	line-height: 17px;
	
}

.priceYouSave {}

.youSaveDiscaout {}

.priceYour  {}



.myProd_price_special3 {
	font-size: 16px;
	line-height: 17px;
	width:100%;
	height:42px;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 0 0;
	margin: 0px 0 0 0;
	display:block;
}

.myProd_price_special3 span{
	font-size: 12px;
	line-height: 12px;

}



/*********END PREIS*********/


.myProd_smal {
	float:right;
	padding:2px 15px 2px 0px;
}



.myProd_atribute {
	background-color:#4f9334;
	clear:both;
	width: 452px;
	padding: 6px 0 6px 8px;
}

.myProd_ac {
	clear:both;
	float:left;
	background-color:#3e7728;
	margin:1px 0 0 0;
	width: 444px;
	height: 28px;
	border-bottom: 1px solid #FFF; 
	padding: 4px 8px 0 8px;
}

.myProd_ac span{
	width:50px;
	display:inline-block;
}

.myProd_anzahl {
	float:left;
	color:#FFF;
}

.myProd_cartbut {
	float:right;
}



.myProdinfoname2 { font-size: 20px; text-decoration: bold; padding: 0px 0 0px 0; color:#ffffff; text-align:center; background-color:none; }
.myitemprodlistingname2 { width:0px; height:25px; font-size: 20px; text-decoration: bold; padding: 0px 0 0px 0; color:#ffffff; text-align:center; background-color:none; }

.myProdinfodescreption { width: 420px; padding:10px 20px 10px 20px; background-color:none; clear:both; font-weight: bold; }

.myProdinfodescreption ul{  padding: 0px 0px 0px 20px; }

.myitemprodlistingdescr2 { width: 400px; height: auto; padding: 0px 0 0px 0; margin-left: 63px; background-color:none; text-align: left; color:#FFFFFF; }

.mypricebox { width: 380px; height: auto; padding: 0px 0 0px 0; margin-left: 50px; background-color:none; }


.prodauswahl { padding: 10px 0 0px 0; }

.myinfofooter { width:770px; height:20px; background-color: #3b7226; margin-bottom: 3px; }

.taxinfo { width:247px; height:12px; font-size: 10px; padding:0px 0 0px 0; color:#32cd32; text-align:center; background-color:none; }

.shippinginfo { width:247px; height:12px; font-size: 10px; padding:0px 0 0px 0; color:#000000; text-align:center; background-color:none; }


.mycheckout { background-image: url(images/transback.png); background-repeat:repeat-y; background-color: none; padding:10px 10px 10px 10px; margin-bottom:10px; border: 1px solid #360; }

.mycheckout h4{ font-size:18px}

.mybackgreen { background-color: #6eb14e; padding: 0 20px 20px 20px; margin: 0 0 20px 0; font-weight: bold;}

.mybackgreen_agb { background-color: #6eb14e; padding: 0 20px 20px 20px; margin: 0 0 20px 0; font-weight: normal;}


.mybackstart { background-color: #6eb14e; }

//.startseite { width: 757px; background-color: ; }

//.myteaser { width: 770px; height: 322px; background-image: url(images/teaser.jpg); }

//.myindex { width: 400px; height: 200px; }

#ow_teaser{
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	width:500px;
	height:295px;
	background-image: url(images/teaser.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding: 26px 0 0 270px;
}

#ow_teaser span{
	text-align:center;
	float:left;
	padding: 40px 0 0 55px;
}

#ow_teaser a{
	color:#FFF;
	text-decoration:none;
}

#ow_teaser a:hover{
	color:#030;
	text-decoration:underline;

}






/*</agl.folder>*/

/*<agl.folder "LeftCol">*/
/* K�mmt noch */
/*</agl.folder>*/

/*<agl.folder "RightCol">*/
/* K�mmt noch */
/*</agl.folder>*/

/*<agl.folder "MainHeader">*/




#MainHeader { 
	margin: 0px;
	width: 980px;
	height:210px;
	padding: 0 0 10px 0;

}

.header {
	width: 980px;
	height: 50px;
	background-image: url(images/top_bg.jpg);
	background-repeat : no-repeat;
	background-position: 0 0 ;
	float:left;
	clear:both;
	margin-bottom: 0px;
}


* html .header{
	margin-bottom: -2px;
}


.suche_top { 
	color: #000000; 
	font-size: 12px;
	line-height:20px;
	margin: 0; 
	padding: 14px 0 5px 10px; 
	height: 30px; 
	width: 320px;
	float:left;
}

.suche_top form * { vertical-align: middle; }
.suche_top form * a { color: #fff; }
.suche_top input { text-align: center }

.Button{ 
	margin: 0px 0 0px 0px; 
}
	
.suche_top span{ 
	color: #ffffff; 
	font-size: 11px;
	line-height:20px;
	margin: 0; 
	padding: 0px 0 0px 10px; 
}




.top_right { 
	color: #000000; 
	font-size: 12px; 
	margin: 0; 
	height: 50px; 
	width: 630px; 
	float:right;
	padding: 0px 10px 0px 0px;
	float:right;
	text-align:right;
}

.menu_top { 
	color: #000000; 
	font-size: 12px; 
	margin: 0; 
	padding: 0; 
	height: 25px; 
	width: 600px;
	float:right;
	text-align:right;
}

.menu_top a{ 
	color: #000000;
	text-decoration:none 
    
}

.menu_top a:hover{ 
	color: #4e9630;
	text-decoration:none;
    
}




.menu_language { 
	color: #000000; 
	font-size: 12px; 
	margin: 5px 0 0 0; 
	padding: 0; 
	height: 20px; 
	width: 200px;
	text-align:right;
	float:right;
}



#ShopLogo { 
	color: #32cd32; 
	font-size: 12px;
	margin: 0; 
	padding: 0; 
	height: 109px; 
	width: 980px;
	clear:both;
	}







#ShopFunctions {
	height: 50px; 
	background-image: url(images/shopfunction.jpg); 
	background-repeat : no-repeat; 
	background-position: 0 0; 
	margin-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	width: 980px;
	}

.top_under_right { 
	color: #ffffff; 
	font-size: 12px; 
	margin: 0; 
	padding: 0; 
	width: 660px; 
	float:right;
	padding: 0px 10px 0px 0px; 
	height: 49px;
	text-align:right;
}

.function_box { color: #ffffff; margin: 0; padding: 5px 0 0 0; float:none; text-align:center; height:20px; clear:right;}

.text_box { color: #ffffff; margin: 0; padding: 8px 0 0 0; float:none; text-align:center; height:15px;}



.cartbox { color: #509831; margin: 0; padding: 0; height: 50px; float:left }

.cartbox a { 
	color: #79806e;
	text-decoration:none;
}

.cartbox a:hover { 
	color: #509831;
	text-decoration:underline;
}

/*</agl.folder>*/



/*<agl.folder "MainFooter">*/
#MainFooter { 
	width: 980px;
	color: #ffffff; 
	font-size: 10px; 
	margin: 0;   
	padding: 0px 0px 0px 0px; 
	background-image:url(images/footer_bg.gif); 
	background-repeat:no-repeat; 
	height: 50px;
	float: none; 
	clear: both;
	text-align:right;
	}
	
	
#MainFooter p { line-height: 15px; padding: 10px 0 0 10px; height: 15px; float:left;}
#MainFooter div { padding: 30px 10px 0 0; width:680px; float:right; margin:0; text-align:right;}
#MainFooter div a { color: #3d7328 }

#MainFooter a { color: #ffffff }
/*</agl.folder>*/



.footer {
	width: 980px;
	height: 50px;
	background-image: url(images/footer.jpg);
	background-repeat : no-repeat;
	margin-left: auto;   
	margin-right: auto;
}



.errorBox {
	background-color: #FFA646;
	z-index: 10000;
	width: 100%;
	text-align: left;
}

/* Spamschutz im Kontaktformular */
.contact2 {
	border: 0px none;
	background: #FFF;
}

/* debug-Ausgaben */
pre {
	text-align: left;
	background-color: #fff;
	font-family: courier;
}

.copyright { 
	display:none;
	padding: 20px 0 0px 0;
	font-size: 1px;
}

.copyright a { color: #6b6b6b; text-decoration: none }
.copyright a:hover { color: #444444; text-decoration: underline }