@charset "UTF-8";
@import url(css/grid.css);

*{ font-family: "Times New Roman", serif; }

html{ margin:0; padding:0; color:black;}
body{ background-color:#edf8eb; background-image:url('img/bg_gruen.jpg'); background-repeat:repeat-x; margin:0;padding:0; }
img{ border:0; }
img.cart{ max-width:100px; max-height:100px; }
p{ text-align:left; margin:0; padding:0;  }
a{ text-decoration: none; color:#003300; }
table{ width:100%; }
tr{ vertical-align:top; }
td{ }


ul.navigation{padding:0;margin:0;}
ul.navigation li{list-style-type:none;padding:0;margin:0;}
ul.navigation li a{display:block; font-size:1em;}
ul.navigation li a:hover{background-color:#003300; color: #ffffff; }
ul.navigation li a.current{background-color:yellow;color:brown;}
ul.navigation li a.current:hover{color:#000000;}
ul.navigation li ul{margin:0;padding-left:10px;}
ul.navigation li ul li{font-weight:bold;}
ul.navigation li ul li a{display:block; font-size:0.95em;}

/*
#page{ width:990px; margin:auto;   }
*/

#top{ background-color:#ffffff; }


#header{ height: 177px; background-color:#ffffff; }
#logo {height:177px;}
/*
#header .left{ width:250px;height: 100px; }
#header .right{ width:250px;height: 100px; }
*/
#header .center{ padding:20px 0; }
#breadcrumb{ font-weight:bold; background-color:#ffffff; }
#navtop{ font-weight:bold; text-align:right; padding-right:3px; }

#main{ margin-top:0px; }


#navleft{ margin-right:10px; }
#navleft .box{ background-color:#edf8eb;background-image:url('img/bg_box.jpg'); background-repeat:repeat-x; }
#navleft .box .box-content{ font-weight: bold; }
#navleft .box .box-content small{ font-weight: normal; }

#navright{ margin-left:10px;  }
#navright .product{ width:190px; height:auto; margin-bottom:10px; border-top:1px solid silver; }
#navright .box{ background-color:#edf8eb;background-image:url('img/bg_box.jpg'); background-repeat:repeat-x; }
#navright .box .box-content{ font-weight: bold; }
#navright .box .box-content .image {text-align:center; }
#navright .box .box-content .image img{ max-width:188px; }


#content{ background-image: url(img/background.gif); min-height:700px; }
#content .box{ border:0; }
#content .box-title{ border-top:1px solid silver;border-bottom:1px solid silver;padding:3px;text-align:center; }
#content .box-title h1{ margin:0; padding:0; font-size:24px; }
#content .box-title h2{ margin:0; padding:0; font-size:18px; }
#content .box-title.next{ border-top:1px solid silver;padding:3px; }
#content .box-content{ margin: 10px 0; }
#content .box-content.productsinformation{   }
#content .box-content.content{ margin: 10px 3px; }
#content .box-content .general{ float:left; width: 279px; margin:10px 0; }
#content .box-content .cart{ margin:10px 0; }
#content .box-content .description{ float:left; padding:3px;margin:10px 0; width:600px; }
#content .box-content .images{ float:left; margin: 10px; width:300px; border-left:1px solid silver;text-align:center; }
#content .box-content .images img{  }

#cart{ height:165px; margin: 5px; }
#cart .box-title{ height:20px; padding:1px; }
#cart .box-title a{ height:20px; font-size:16px; padding:0; margin:0;  }
#cart .box-title img{ float:left; }
#cart .box-content ul{ list-style-type:none; margin:0; padding:0; }
#cart .box-content ul li{  }
#cart .box-content div{ text-align: right;  }
#cart .box-content table{ font-size:16px;  }


#footer{ width:900px; float:left; margin:20px 0;}

#box-content{ font-size:14px; }
#box-information{ font-size:14px; }
#box-bestseller{ font-size:14px; }
#box-bestseller ol{ margin:0 0 0 25px; padding:0; }
#box-bestseller ol li{ margin:0; padding:0; }

.box{ border:1px solid silver; border:1px solid silver; margin-bottom:10px; padding:0; }
.box-title{ background-color:white; font-size:18px; font-weight:bold; border-bottom:1px solid silver; }
.box-title h2{ padding:0; margin:0; }


.product{ /* width:188px; height:280px; */ }
.product h3{ padding:0; margin:0; text-align:center; height:54px; font-size:16px; line-height:18px; }
.product h3 a{ text-decoration:none;color:black; }
.product small{ text-align:center; height:18px; display:block; font-weight:normal; font-size:12px; }
.product .name{ text-align:center; height:40px; }
.product .image{ text-align:center; height:150px; }
.product .price{ display:block;text-align:right; height:40px; }
.productOldPrice{ text-decoration:line-through;font-weight:normal;display:block; }
.productNewPrice{ font-weight:bold;display:block;}
.product .info{ text-align:center; height:18px; display:block; font-weight:normal; font-size:12px; }

.box.plv1{  }
.box.plv1 .box-content{ padding:0; margin:0; }
.box.plv1 .box-content .listing-products{ float:left; width:600px; }
.box.plv1 .box-content .product{ border:1px solid silver; margin:5px; height:170px;float:none; width:auto; font-weight:normal; }
.box.plv1 .box-content .product .image{ text-align:center; height:150px;width:200px; float:left;margin:10px 0; }
.box.plv1 .box-content .product h3{ padding:0; margin:0; text-align:left; height:35px; font-size:16px; }
.box.plv1 .box-content .product h3 a{ text-decoration:none;color:black; }
.box.plv1 .box-content .product .shortdescription{ text-align:left; height:40px; }
.box.plv1 .box-content .product .shipping{ height:24px; }
.box.plv1 .box-content .product .buttons{ text-align:right; }
.box.plv1 .box-content .product strong{ display: block;  text-align: right; }
.box.plv1 .box-content .product strong .productOldPrice{ text-decoration:line-through;}
.box.plv1 .box-content .product small{ text-align:right; height:18px; display:block; }

.box.plv2{  }
.box.plv2 .box-content{ padding:0; margin:0; }
.box.plv2 .box-content .product{ height:300px; border:1px solid silver; margin:3px; }
.box.plv2 .box-content .product h3{ padding:0; margin:0; text-align:center; height:50px; font-size:16px; }
.box.plv2 .box-content .product h3 a{ text-decoration:none;color:black; }
.box.plv2 .box-content .product .shortdescription{ text-align:left; height:18px; }
.box.plv2 .box-content .product .image{ text-align:center; height:150px; }
.box.plv2 .box-content .product .buttons{ text-align:right; }
.box.plv2 .box-content .product strong{ text-align:right; height:40px; display:block;padding:0;margin:0;}
.box.plv2 .box-content .product strong .productOldPrice{ text-decoration:line-through;font-weight:normal; }
.box.plv2 .box-content .product strong .productNewPrice{ font-weight:bold;}
.box.plv2 .box-content .product small{ text-align:right; height:18px; display:block; }

.box.plv3{  }
.box.plv3 .box-content{ padding:0; margin:0; }
.box.plv3 .box-content .product{ margin:3px; height:310px; border:1px solid silver;}
.box.plv3 .box-content .product h3{ padding:0; margin:0; text-align:center; height:55px; font-size:16px; line-height:18px;}
.box.plv3 .box-content .product h3 a{ text-decoration:none;color:black; }
.box.plv3 .box-content .product .shortdescription{ text-align:left; height:18px; }
.box.plv3 .box-content .product .image{ text-align:center; height:150px; }
.box.plv3 .box-content .product .buttons{ text-align:right; float:right; }
.box.plv3 .box-content .product strong.price{ display:block; text-align:right; }
.box.plv3 .box-content .product strong .productOldPrice{ text-decoration:line-through;}
.box.plv3 .box-content .product small{ text-align:center; height:18px; display:block; }

.box.plv4{  }
.box.plv4 .box-content{ padding:0; margin:0; }
.box.plv4 .box-content .product{ margin:2px; height:330px; border:1px solid silver;}
.box.plv4 .box-content .product h3{ padding:0; margin:0; text-align:center; height:60px; font-size:16px; }
.box.plv4 .box-content .product h3 a{ text-decoration:none;color:black; }
.box.plv4 .box-content .product .shortdescription{ text-align:left; height:18px; }
.box.plv4 .box-content .product .image{ text-align:center; height:150px; }
.box.plv4 .box-content .product .buttons{ text-align:right; }
.box.plv4 .box-content .product strong{ text-align:right; height:40px; display:block;padding:0;margin:0;}
.box.plv4 .box-content .product strong .productOldPrice{ text-decoration:line-through;font-weight:normal; }
.box.plv4 .box-content .product strong .productNewPrice{ font-weight:bold;}
.box.plv4 .box-content .product small{ text-align:right; height:30px; display:block;font-size:10px; }

.box.piv1 .box-content .general{ width:320px; float: left; }
.box.piv1 .box-content .general .price{ font-size:14px; text-align:right; }
.box.piv1 .box-content .general .price strong{ font-size:20px; }
.box.piv1 .box-content .general .price small{ font-size:12px; }
.box.piv1 .box-content .cart{ text-align:right; height:25px;padding-left:140px;}
.box.piv1 .box-content .cart input{ float:left; }
.box.piv1 .box-content .images{ width:250px; float: left; }
.box.piv1 .box-content .description{ width:600px; }

.box.piv2 .box-content .general{ width:320px; float: left; }
.box.piv2 .box-content .options{ width:320px; float: left; }
.box.piv2 .box-content .description{ float: left; }
.box.piv2 .box-content .general .price{ font-size:14px; text-align:right; }
.box.piv2 .box-content .general .price strong{ font-size:20px; }
.box.piv2 .box-content .general .price small{ font-size:12px; }
.box.piv2 .box-content .cart{ width:180px; float: left; text-align:right; height:25px; padding-left:140px; }
.box.piv2 .box-content .cart input{ float:left; }
.box.piv2 .box-content .images{ width:250px; float: left; }
.box.piv2 .box-content .description{ width:600px; }


.listing-category{ }
.listing-category .box-category{  }

.center{ text-align:center; }
.left{float:left; }
.right{ float:right; }


.clear{ clear:both; }
.clearleft{ clear:left; }
.clearright{ clear:right; }

.onepxwidth{ width:1px; }
.confirmationEdit{ font-style:italic; text-decoration:none; color:blue; }
a.confirmationEdit:hover{ text-decoration:underline; }

span.box-category{ display:inline-block; width:190px; border:1px solid silver; margin: 4px 0 0 4px; }
span.box-category a{ display:block; padding:3px; background-color: yellow; color: black; }
span.box-category a:hover{ background-color:#003300; color: #ffffff; }


p.error{ margin:10px 0; border:1px solid red; padding:5px; }
p.highlight { border: 1px solid #00ff00; background-color: #dddddd; padding:10px; margin:10px; }
div.error{ margin:10px 0; border:1px solid red; padding: 5px; }


/* Box Login */
#loginbox { margin-top:3px; }
#loginbox  label{ display:inline-block; width:70px; }
#loginbox  .field input{ width:110px; }
#loginbox  .submit{ text-align:right; margin-top:3px; }

/* Box Quickfind */
#quick_find{ position:relative; padding:3px; }
#quick_find #search_keywords{ width:175px;margin-top:2px; height:16px; font-size:14px; }
#quick_find #search_submit{ position:absolute; right:5px; top:6px; }

/* Box Schnellkauf */
#quick_add{ position:relative; padding:3px; }
#quick_add #quick_add_keywords{ width:175px;margin-top:2px;height:16px; font-size:14px; }
#quick_add #quick_add_submit{ position:absolute; right:5px; top:6px; }

/* Newsletter */
#sign_in{ margin-top:3px; }
#sign_in label{ display:inline-block; width:70px; }
#sign_in  .field input{ width:110px; }
#sign_in .submit{ text-align:right; margin-top:3px; }



.formal * { font-family: Verdana; font-size:12px; }
.formal h2{ font-size: 16px; margin-top:20px; }
.formal h3{ font-size: 14px; margin-top:10px; }
.formal p{ }
.formal .highlight { border: 1px solid #00ff00; background-color: #dddddd; padding:10px; margin:10px; }
.formal a { color: blue; }
.formal a:hover { text-decoration: underline; }


textarea{ width:99%; }

#popupContainer{ position:fixed; top:20px; right:20px; left:20px; bottom: 20px; text-align:center; }
#popup{ margin: auto; width:600px; text-align:center; padding:10px; border:2px solid silver; background-color: white;  cursor: pointer;}
#popup div{ text-align: center; vertical-align: top; margin:20px;}
#popup p{ text-align: center; text-decoration: underline; color: blue; }

#checkout_confirmation_submit,
#checkout_confirmation_submit_top,
#checkout_confirmation_submit_bottom{
    border:3px solid red;
}