@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*****************/
/*********************************************************************/

/*********Links******/

a.speziell:link {
        background-color: none;
        color: #000;
}
a.speziell:visited {
        color: #00F; }

a.speziell:hover { color: #0F0;}


/******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_rahmen_left {
        border: none;
        /*
        background-image: url(images/checkback.jpg);
        background-repeat: no-repeat;
        */
        background-color:none;
        padding: 10px;
        margin: 10px 0 0 0;
        width:420px;
        float:left;
}


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


.meinkonto_rahmen_right a{
        color:#3e772a;
}

.meinkonto_rahmen_left a{
        color:#3e772a;
}




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

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

.meinkonto_links2_pic {
        float:left;
        width: 200px;
        padding: 0px;
        margin: 0 0 0 0;
        overflow:hidden;
        height:150px;
        background-color:#CCC;
}

.meinkonto_links2_content {
        float:left;
        width: 200px;
        padding: 5px;
        margin: 0 0 0 0;
        border: 1px solid #CCC;
        height:138px;
        text-align:center;
}








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



.meinkonto_rechts a{
        color:#3e772a;
}

.meinkonto_links a{
        color:#3e772a;
}

.meinkonto_links2 a{
        color:#3e772a;
}


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





/******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-repeat:repeat-y;
        background-color: #FFFFFF;
        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: 16px; 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;

}


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

.myProd_price_special4 span{
        font-size: 10px;
        line-height: 11px;
        padding:5px 0 0 0;

}



/*********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;
}

.myfacebook_like {
  clear:both;
        float:none;
        margin:1px 0 0 0;
        width: 0px;
        height: 28px;
        padding: 4px 8px 0 8px;
}

.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: 27px 0 0 17px;
}

#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 }

#facebook { float:right; margin:-0.40em -0.9em 0 0.5em; }