/* @group Reset CSS */
/* slightly modified from yui (i.e. removed the body * selector) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0; width:  100%;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
/* @end */


.invisible{display: none;}
.clear{clear: both;}


strong,b {font-weight: bold;}
#main{overflow: hidden;}

a{color: rgb(34, 34, 34); text-decoration: underline;}
a:hover{color: #666; cursor: pointer;}


/**
 *  White rounded Canvas with black outer glow
 */
body{
    background: url(../images/background.png) repeat 0 0;
        
    text-align: center;
    font-family: Helvetica;
    font-size: 13px;
    line-height: 1.5;
    color: #222;
}

#wrapper{    
    width: 920px; 
    text-align: left;
    margin: 5px auto;
}

#header{
    background: url(../images/background_header.png) no-repeat 0 0;
    padding-top: 16px;
}


#footer {
    background: url(../images/background_footer.png) no-repeat 0 100% ;

    height: 15px;
}
#header .inside{
    position: relative;
}

#header .inside, #container, #footer .inside{
    position: relative;
    padding-left: 10px; 
    padding-right: 10px;     
    background: url(../images/background_canvas.png) repeat  0 0;
    
}


/**
 *  Top Navigation Tabbbar
 */
#header .mod_navigation{
    padding-top: 60px;
}
#header .mod_navigation ul{
    margin-left: 25px;
    overflow: hidden;
    width: 710px;
}
#header .mod_navigation ul.level_2{display: none;}

#header .mod_navigation ul li{
    float: left;
    display: block;
    width: 142px;
    text-align: center;
        position: relative;
    bottom: -7px;

    background: url(../images/background_karo.png) repeat  0 0;    
    border-top: 1px solid #dedede;
    border-left: 1px solid #c9c9c9;


}
#header .mod_navigation ul li a{

display: block;
    font-size: 15px;
    text-decoration: none;
    color: #676767;
    font-family: Helvetica;
    position: relative;
    padding-top: 7px;
    padding-bottom: 10px;    
    z-index: 1;
}
#header .mod_navigation ul li a.last{    border-right: 1px solid #dedede;}


#header .mod_navigation ul li.active, #header .mod_navigation ul li.trail{

}

#header .mod_navigation ul li.active , #header .mod_navigation ul li.trail {
    background-color: #080808;
    background-image: none;
    border-left: none;

}


#header .mod_navigation ul li.active a, #header .mod_navigation ul li.trail a{
    background: #080808;
    z-index: 1000;
    cursor: default;

    color: white;
    padding-bottom: 13px;    
    padding-top: 12px;    
    position: relative;
    top: -7px;
    background: url(../images/tab-active.png) no-repeat 0 -2px ;    
    margin-left: -10px;
    margin-right: -10px;    

    border: none;
    z-index: 1000;
    cursor: default;
}

#header .mod_navigation ul li a:hover{
    color: black;
}
#header .mod_navigation ul li.active a:hover, #header .mod_navigation ul li.trail a:hover{
    color: white;
}



/**
 *  Banner
 */
#main{ 
    min-height: 100px; 
    z-index: 5;     
}



.default_layout #main .inside{ 
    margin-left: 60px;
    margin-top: 20px;
    min-height: 400px;
    padding-top: 55px;
    margin-right: 30px;
}

.wo_left_menu_layout #main .inside{ 
    margin-left: 30px;
    margin-top: 0px;
    min-height: 400px;
    padding-top: 40px;
    margin-right: 30px;
}



#header .mod_navigation {    
    background: #080808;    
    background: url(../images/blackbelt_top.png) repeat-x  0 100%;
    padding-bottom: 18px;    
}
#Banner{
    line-height:0;
    clear: both;
/*    background: #080808;    
    background: url(../images/blackbelt_top.png) repeat-x  0 0;
    padding-top: 18px;    */
    position: relative;
}
 
#Banner .inside{
    background: url(../images/blackbelt_bottom.png) repeat-x  0 100%;
    padding-bottom: 18px;

}
#Banner .inside p{padding:0; margin:0;}
#main #bannerskaro{
    position: absolute;
    top:0;
    left:10px;;
    right: 10px;
    height: 55px;
    border-bottom: 1px solid #c9c9c9;
    background: url(../images/background_karo.png) repeat  0 0;    
    z-index: 0;
}

#main #Banner #bannerskaro{
    position: absolute;
    top: auto;
    bottom: -55px;
    left:0;
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #c9c9c9;
    background: url(../images/background_karo.png) repeat  0 0;    
    z-index: 0;
}


/**
 * Breadcrumb Navigation
 */
.mod_breadcrumb{
    position: absolute;
    top :0px;
    left:10px;
    padding-left:195px;;
    padding-top: 12px;
    padding-bottom: 8px;
    background: url(../images/background_karo.png) repeat  0 0;    
        border-bottom: 1px solid #c9c9c9;
    right:10px;
}
.mod_breadcrumb, .mod_breadcrumb a{
    font-size: 14px;
    text-decoration: none;
    color: #676767;
    font-family: Helvetica;
    
}





/**
 *  Aktionsknöpfe
 */


#Aktionsknopf1, #Aktionsknopf2, #Aktionsknopf3{
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    border: 1px solid #c9c9c9;
    line-height:0;
}
#Aktionsknopf2{margin-left:0;margin-right:0;}

body.Homepage .custom{position: relative;}
#Aktionsknopf1{
    position: absolute;
    top: 381px;
    left: 13px;
    width: 280px;
    height: 280px;
    overflow: hidden;
}

#Aktionsknopf2{
    position: absolute;
    top: 381px;    
    left: 306px;
    width: 280px;
    height: 280px;
    overflow: hidden;
}

#Aktionsknopf3{
    position: absolute;
    top: 381px;    
    left: 599px;
    width: 280px;
    height: 280px;
    overflow: hidden;
}


.Homepage #main {
    height: 690px;

}



/*
 *  Logo
 */
#logo{position: absolute; right:18px; bottom: 23px;}
#logo img{
    width: 105px;


}




/**
 *  Left Bar
 */ 
#left{
    position: relative;
    z-index: 3;
    width: 145px;
    float: left;

}

#left .inside{
    padding-top: 5px;
    padding-left: 25px;
    padding-bottom: 20px;
}


/**
 *  Left Menu
 */
#left .mod_navigation{

    width: 135px;

}

#left .mod_navigation ul{
    line-height:1.2em;


}


#left .mod_navigation ul.level_1 li{
    display: none;
    
}
#left .mod_navigation ul.level_1 li.submenu.active, #left .mod_navigation ul.level_1 li.submenu.trail, #left .mod_navigation ul.level_1 li.trail ul li,  #left .mod_navigation ul.level_1 li.active ul li{
    display: block;
}

#left .mod_navigation ul.level_1 li.trail a.trail, #left .mod_navigation ul.level_1 li.active a.submenu{ 
    display: block;
    font-size: 15px;
    color: white;
    text-decoration: none;
    background-color: #111;
    font-family: Helvetica;
    position: relative;
    padding: 10px 10px 9px 15px;    
    border-bottom: none;
    background: #090909 url(../images/tab-active.png) no-repeat 50% 0 ;    
    cursor: pointer;



}


#left .mod_navigation ul.level_2 li a, #left .mod_navigation ul.level_1 li.active ul a.submenu{ 
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: black;
    font-family: Helvetica;
    position: relative;
    padding: 8px 10px 7px 15px;    
    border-bottom: 1px dotted #666;
    border-left: 1px solid #222;    
    border-right: 1px solid #222;        
    background-color: #ddd;
    background-image: none;
    cursor: pointer;    
}


#left .mod_navigation ul.level_2 li a.last, #left .mod_navigation ul.level_1 li.active ul a.submenu.last{ 
    border-bottom: 1px solid black;
}
#left .mod_navigation ul.level_2 li.active a, #left .mod_navigation ul.level_1 li.active ul li.active a.submenu{ 
    color: white;
}
#left .mod_navigation ul.level_2 li a:hover, #left .mod_navigation ul.level_1 li.active ul a.submenu:hover{ 
    color: white;
background-color: rgb(102, 102, 102);    
    
}





#left .mod_navigation ul.level_2 li.trail a.trail, #left .mod_navigation ul.level_2 li.active a.submenu{ 
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #eee;
    font-family: Helvetica;
    font-weight: bold;
    position: relative;
    padding: 8px 10px 7px 15px;    
    border-bottom: 1px dotted #999;
    background: none;
    background-color: #888;
        cursor: pointer;

}


#left .mod_navigation ul.level_2 li a:hover{ 
    background-color: #666;
        cursor: pointer;
}
#left .mod_navigation ul.level_2 li.active a, #left .mod_navigation ul.level_2 li a.active{ 
    background-color: #777;
}

#left .mod_navigation ul.level_2 li ul.level_3{display: none;}

#left .mod_navigation ul.level_2 li.active ul.level_3, #left .mod_navigation ul.level_2 li.trail ul.level_3{display: block;}



#left .mod_navigation ul.level_2 li.active ul.level_3 li a, #left .mod_navigation ul.level_2 li.trail ul.level_3 li a{ 
   background-color: #fff;
   color: black;
}

#left .mod_navigation ul.level_2 li.active ul.level_3 li a:hover, #left .mod_navigation ul.level_2 li.trail ul.level_3 li a:hover{ 
   background-color: #ccc;
    cursor: pointer;

}


#left .mod_navigation ul.level_2 li.active ul.level_3 li.active a, #left .mod_navigation ul.level_2 li.trail ul.level_3 li.active a{ 
   color: black;
   font-weight: bold;

}



#left .mod_navigation ul li a.last{ 
    border-bottom: none;
    border-bottom: 1px solid #222;        
}

#left .mod_navigation ul.level_2 li ul a{ 
    font-size: 10px;
    padding-left: 20px;
}

#left .mod_navigation ul li ul a.last{
    border-bottom: none;   
}

/**
 *  Footr Tools Navigation
 */
#footer{position: relative; margin-bottom: 30px;}
#footer .mod_navigation {
    position: absolute;
    right: 15px;;
    bottom: -30px;
} 
#footer .mod_navigation ul li{
    display: inline;
}

#footer .mod_navigation ul li a{
    color: #ddd;
    color: #222;
    font-size: 13px;
    text-decoration: none;
    font-family: Helvetica;
    padding: 0px 0.6em;
    border-right: 1px solid #222;
}
#footer .mod_navigation ul li a.last{
    border-right: none;
}
#footer .mod_navigation ul li a:hover{
    color: #ddd;
        cursor: pointer;
}



.mod_article p{margin-bottom: 1.5em;}
h2{font-weight: bold; margin-bottom: 0.8em; border-left: 2px solid #7E6B59; line-height: 1; padding-left: 5px;}
h2 a{text-decoration: none;}

.mod_article .image_container{
    padding:  0 15px;
    
}


.mod_article .question{
    font-weight: bold;
    margin-bottom: 0.2em;
}
.mod_article .question b, .mod_article .answer b{color: #7E6B59;}








.ce_form label, .ce_form input, .ce_form textarea{display: block; width: 99%; max-height: 200px;clear: left;}

.ce_form .submit_container{text-align: right;padding-top: 0;}
.ce_form .submit{width: auto; display: inline;}
.ce_form p.error{color: red; font-style: italic; }
.mod_article .ce_form p {margin-bottom: 0.3em; } 
.ce_form label.mandatory{background: url(../images/asterisk.png) no-repeat 99% 2px; width: auto; float:left; padding-right: 2.5%;}

.ce_form #opt_8_0{float: left; display: inline; width: auto; margin-right: 0.5em; margin-top: 2px; }

.ce_form #ctrl_8 label{clear: none;}



/**
 * Bildunterschriften
 */
.image_container .caption{
    font-size: 0.9em;
    text-align: center;
    padding-bottom: 0.6em;
    font-style: italic;

}


.open_cart #breadcrumb{display: none;}

.open_cart #main .top{ display: none;}


.open_cart #right{ width: 180px; float: right; z-index: 12222;position: relative; margin-right: 15px; margin-top: 60px; margin-left: 20px;} 
.open_cart .tabs{}


.open_cart #module_cart{
    width: 180px;
    overflow: hidden;

}

.open_cart #module_cart .top img{display: none;}
.open_cart #module_cart .top{
    background: #080808;
color: rgb(103, 103, 103);

    background: url(../../cart/catalog/view/theme/default/image/box_top.png) no-repeat 0 0;        
    
    cursor: default;
    font-family: Helvetica;
font-size: 17px;
    padding: 5px 10px 0px 15px;
display: block;
width: 100%;
    
}

.open_cart #module_cart .middle{border: 1px solid #ccc;}
.open_cart #module_cart .middle tr{border-bottom: 1px dotted #999; }
.open_cart #module_cart .middle td{padding: 5px; text-align: right;}
.open_cart  br{display: none;}
.open_cart #module_cart .middle div{padding: 5px;}
.open_cart #module_cart .middle table div{padding: 0px;}

.open_cart #main .middle p{ padding-bottom: 1em;}

.open_cart #main .middle .warning{color: #b00; padding-bottom: 1em;}
.open_cart #main .middle form table td{padding-bottom: 7px;}

.open_cart #main .middle form table td.label{ text-align: right; width: 140px; padding-right: 10px;}
.open_cart #main .middle form table select{width: 268px;}
.open_cart #main .middle form fieldset {border: 1px solid #bbb;background-color: #f7f7f7; padding: 15px 15px 7px 0; margin-bottom: 1.5em;}



.open_cart #main .middle form input{display: block; width: 100%;}
.open_cart #main .middle form input.radio{ display: inline; width: inherit;}
.open_cart #main .middle form input.checkbox{ display: inline; width: inherit;}


.open_cart .cart_buttons{position: absolute; bottom: -36px; right: 20px;z-index: 1222;}
.open_cart .cart_buttons a{
    color: rgb(103, 103, 103);
    font-size: 16px;
   text-decoration: none;

   padding: 10px;
}
.open_cart .cart_buttons a:hover{ color: black;}
.open_cart .cart_buttons a img{
   padding-right: 5px;
   margin-bottom: -1px;
   }

#error_box ul{margin-bottom: 20px;}   
#error_box li.error{color: #b00; padding: 2px; list-style: disc; list-style-image:none; list-style-position:inside;}
   
.open_cart table.cart{font-size: 11px; margin-bottom: 20px;}   
.open_cart table.cart tr{border-bottom: 1px dotted #bbb; }
.open_cart table.cart td, .open_cart table.cart th{ padding: 5px; text-align:center;}   
.open_cart table.cart .total{text-align: right;}

.open_cart table.cart .subtotal{text-align: right; font-weight: bold; font-size: 1.1em;}

.open_cart table.payment_methods input{ display: block;padding: 5px;}
.open_cart table label{ display: block;padding-left: 10px;}


.open_cart table.product_details td{ border-top: 1px dotted #bbb; text-align: right;}
.open_cart table.product_details .first td{border-top: none;}

.open_cart  .product_quantity{text-align: right; font-size: 17px; margin-top: 10px;}
.open_cart  .product_quantity label{display: none;}
.open_cart #main  .product_quantity  input.text{display: none;}

.open_cart #tab_related{display: none;}
.open_cart #tab_image{
    margin-top: 20px;
    width: 335px;
    margin: 20px auto;

}

.open_cart #tab_image .product_image_container{
    display: inline-block; 
    float: left; 
    text-align: center; 
    margin-right: 15px; 

    margin-bottom: 10px;
    
}


.open_cart #tab_image .product_image{
    border: 1px solid #DDDDDD; 
    margin-bottom: 3px;
}


.open_cart div.sort{display: none;}

.open_cart #main .middle .categoryview_product_details p{padding-bottom: 0.5em;}
.open_cart .categoryview_product_details{text-align: center;}

.open_cart .list td{ padding-right: 10px; vertical-align: top; padding-bottom: 10px;width: 25%;}


.open_cart .pagination{ text-align: center;margin-top: 20px;}

.open_cart .list img{width: 108px;}



table.recipes td.thumbnail{width: 72px; line-height:0;}
table.recipes td.thumbnail img{border: 1px solid #999; border-bottom: none;}
table.recipes td.description{padding-left: 5px;}
table.recipes td{border-bottom: 1px solid black;vertical-align: top; padding-top: 10px;}

table.recipes {margin-top: -10px; margin-bottom: 20px;}

table.recipes h1{color: #fb540b; font-size: 21px; font-family: Georgia; padding-bottom: 5px;}
table.recipes .subtitle{display: none;}
table.recipes .time,table.recipes .level{font-size: 80%; font-weight: bold;}




.recipe{width: 282px; padding: 0 19px;  float: left;}
.recipe.first{border-right: 1px dotted #555;}

.recipe h1{color: #fb540b; font-size: 21px; font-family: Georgia; padding-bottom: 15px;}
.recipe h2.subtitle{display: none;}

.recipe div.foodImage img{ border: 1px solid #555; width: 280px;}
.recipe div.infos{border-top: 1px solid #555;border-bottom: 1px solid #555;  font-weight: bold; font-size: 0.85em; margin-bottom: 5px; text-align: center;padding: 2px 0 1px 0; margin-bottom: 10px;}
.recipe div.infos .level{float: right; margin-right: 2px;}
.recipe div.infos .time{float:left; margin-left: 2px;}

.recipe h3.ingredients {display: none;}
.recipe h3 {border-top: 1px solid #555;border-bottom: 1px solid #555;  font-weight: bold; font-size: 0.85em; margin-bottom: 5px; padding: 2px 0 1px 0; margin-bottom: 10px;}

.recipe .stepNumber{display: none;}


.recipe .ingredients{ margin: 5px;}
.recipe .ingredients .ingImage { text-align: left;}
.recipe .ingredients .ingImage img{ height: 30px;}
.recipe .ingredients tr{vertical-align: middle;  }
.recipe .ingredients td{  padding-bottom: 5px;}
.recipe .ingredients  .ingText{padding-left: 10px;}

.recipe .tip{display: none;}


/*

.recipe{}
.recipe.first{display: none;}

.recipe h1{color: #fb540b; font-size: 21px; font-family: Georgia; padding-bottom: 15px;}
.recipe h2.subtitle{display: none;}

.recipe div.foodImage{float: right;}
.recipe div.foodImage img{ border: 1px solid #555; }
.recipe div.infos{border-top: 1px solid #555;border-bottom: 1px solid #555;  font-weight: bold; font-size: 0.85em; margin-bottom: 5px; text-align: center;padding: 2px 0 1px 0; margin-bottom: 10px; margin-right: 310px;}

.recipe div.infos .level{float: right; margin-right: 2px; }
.recipe div.infos .time{float:left; margin-left: 2px;}

.recipe h3.ingredients {display: none;}
.recipe h3 {border-top: 1px solid #555; border-bottom: 1px solid #555;  font-weight: bold; font-size: 0.85em; margin-bottom: 5px; padding: 2px 0 1px 0; margin-bottom: 10px; clear: both; margin-top: 10px;}


.recipe table.ingredients{ margin: 5px;  0; width: auto;}
.recipe .ingredients .ingImage { text-align: left;}
.recipe .ingredients .ingImage img{ height: 30px;}
.recipe .ingredients tr{vertical-align: middle;  }
.recipe .ingredients td{  padding-bottom: 5px;}
.recipe .ingredients  .ingText{padding-left: 10px;}

.recipe .tip{display: none;}


.recipe .steps .step{ clear: both; margin-bottom: 15px;}
.recipe .steps .step img{ float: left; width: 150px; height: 150px; margin-right: 20px; border: 1px solid #555;}
.recipe .steps .stepM{font-size: 21px; font-family: Georgia;  margin-bottom: 3px; }
.recipe .steps .stepNumber{font-size: 51px; font-family: Georgia;  margin-bottom: 3px; float: left; margin-right: 20px;margin-left: 10px; width: 50px; display: none;}

*/

.product_overview .product_overview_product_inside{padding:0 30px;}
.product_overview .product{  width: 420px; float: left; margin-bottom: 40px; }
.product_overview .product_icon {width: 150px; float: left; margin-right: 15px; margin-left: -10px;}
.product_overview .product .product_features_box ul{padding-left: 1em; margin-left: 155px; font-size: 0.9em;}
.product_overview .product .product_features_box ul li{ list-style-position:outside; list-style-type:disc;  }
.product_overview .product .product_features_headline{font-weight: bold;}
.product_overview .product .product_links_container{margin-top: 0.5em;}
.product_overview .product .product_links_container a{}



.book_overview .book_overview_book_inside{padding:0 30px;}
.book_overview .book{  width: 420px; float: left; margin-bottom: 40px; }
.book_overview .book_icon {width: 150px; float: left; margin-right: 15px; margin-left: -10px;}
.book_overview .book .book_features_box ul{padding-left: 1em; margin-left: 155px; font-size: 0.9em;}
.book_overview .book .book_features_box ul li{ list-style-position:outside; list-style-type:disc;  }
.book_overview .book .book_features_headline{font-weight: bold;}
.book_overview .book .book_links_container{margin-top: 0.5em;}
.book_overview .book .book_links_container a{}



#header .mod_navigation .online-shop{display: none;}



.mod_changelanguage ul li{float: left;}
.mod_changelanguage ul li a{padding: 2px 5px; font-size: 10px;}
#translation_switcher{position: absolute; top:0; left: 34px;}
.mod_changelanguage a{text-decoration:none;}