*
{
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
                -moz-box-sizing: content-box; /* Mozilla */ 
                box-sizing: content-box; /* Opera7 */ 
}

:focus
{
                outline: 0;
}

ol, ul, li
{
                list-style: none;
}

table
{
                border-collapse: collapse;
                border-spacing: 0px;
                border: 0px;
}

caption, th, td
{
                text-align: left;
                vertical-align: top;
                font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after 
{
                content: "";
}

blockquote, q 
{
                quotes: "" "";
}

form {display:table; width:100%;}

body {font-family: Tahoma; font-size: 11px; color: #000; background: #fff; margin: 0px auto; text-align: center; line-height: 1; overflow: none; width: 980px;}
html { overflow-y: scroll; }

.topbox { float: left; width: 989px; height: 110px; background: url(../images/bg_topbox.gif) repeat-x left top; }
.logobox { float: left; width: 200px; height: 80px; }
.bannerbox { float: left; width: 600px; height: 70px; text-align: center; padding-top: 10px; }
.toplinkbox { float: left; width: 789px; height: 60px; padding: 20px 0px 0px 0px; text-align: right; }
.toplinkbox a { font-size: 11px; color: #297d27; text-decoration: underline; line-height: 1.3em; }
.toplinkbox a:visited { color: #297d27; text-decoration: underline; }
.toplinkbox a:hover { color: #000; text-decoration: underline; }

.searchbox { float: left; width: 200px; height: 30px; text-align: left; }
.searchbox dl { float: left; width: 190px; height: 30px; padding: 0px 0px 0px 10px; }
.searchbox dt { float: left; width: 145px; padding: 6px 3px 3px 0px;}
.searchbox dd { float: left; width: 30px; padding: 5px 0px 3px 0px; }
.searchbox input[type="text"] { width: 130px; font-size: 11px; color: #333; padding: 1px 4px 1px 4px; background-color: #fff; border: #dcdcdc; border-style: solid; border-width: 1px;}

.topmenubox { float: left; width: 789px; height: 30px; text-align: right; }
.topmenubox ul { list-style-type: none; padding-left: 169px; }
.topmenubox li { float: left; color: #8a8a8a; display: block; text-align: center; width: 150px; height: 30px; line-height: 30px; }
.topmenubox li.border { float: left; width: 5px; height: 30px; display: block; }
.topmenubox a { font-size: 11px; color: #297d27; text-decoration: none; background: url(../images/bg_topmenu.gif) no-repeat left top; padding: 0px 5px 0px 5px; display: block; }
.topmenubox a:visited { color: #297d27; text-decoration: none; background: url(../images/bg_topmenu.gif) no-repeat left top; }
.topmenubox a:hover { color: #000; text-decoration: none; }
.topmenubox a.active { color: #fff; text-decoration: none; background-position: 0px -31px; }
.topmenubox img { padding: 6px 5px 0px 0px; vertical-align: top; }

.container { float: left; width: 989px; height: 776px; padding: 10px 0px 10px 0px; text-align: left; background: url(../images/bg_container.jpg) no-repeat left top;}

.homecontentbox { float: left; width: 300px; height: 260px; text-align: left; padding: 0px 20px 0px 20px; overflow: hidden; }
.homecontentbox h1 { font-size: 18px; color: #518c2b; font-weight: normal; padding: 5px 0px 10px 30px; background: url(../images/ico_title1.gif) no-repeat left top;}
.homecontentbox h2 { font-size: 12px; color: #333; padding: 3px 0px 3px 0px; line-height: 1.2em; text-align: right;}
.homecontentbox p { font-size: 12px; color: #333; padding: 3px 0px 3px 0px; line-height: 1.2em;}

.cornertop940 { float: left; width: 940px; height: 20px; background: url(../images/corner_top940.gif) no-repeat left bottom; }
.box940 { float: left; width: 898px; padding: 0px 20px 0px 20px; background: #f7f7f7 url(../images/bg_box940.gif) repeat-x left top; border: #e2e2e2; border-style: solid; border-width: 0px 1px 0px 1px;}
.cornerbot940 { float: left; width: 940px; height: 20px; background: url(../images/corner_bot940.gif) no-repeat left top; }

.leftbox { float: left; width: 175px; padding: 5px 20px 0px 20px; }
.cornertop175 { float: left; width: 175px; height: 15px; background: url(../images/corner_top175.png) no-repeat left bottom; }
.box175 { float: left; width: 173px; padding: 5px 1px 5px 1px; background: url(../images/bg_box.png) repeat left top; }
.cornerbot175 { float: left; width: 175px; height: 15px; background: url(../images/corner_bot175.png) no-repeat left top; }

.leftmenubox { float: left; width: 175px; text-align: left; border: #b9b9b9; border-style: solid; border-width: 0px 0px 0px 0px;}
.leftmenubox ul { list-style-type: none; }
.leftmenubox li { float: left; list-style-type: none; text-align: left; width: 175px; }
.leftmenubox a { font-size: 11px; color: #297d27; text-decoration: none; padding: 10px 0px 10px 20px; display: block; width: 100%; background: url(../images/bg_leftmenu.gif) no-repeat left top;}
.leftmenubox a:visited { color: #297d27; text-decoration: none; }
.leftmenubox a:hover { color: #fff; text-decoration: underline; background-position: 0px -36px;}
.leftmenubox a.active { color: #fff; text-decoration: underline; background-position: 0px -36px;}
.leftmenubox a.noactive { color: #999; text-decoration: none; }
.leftmenubox a.noactive:hover { color: #518c2b; text-decoration: none; }

.leftmenubox li ul { list-style-type: none; padding: 0px; }
.leftmenubox li ul li { float: left; text-align: left; width: 150px; }
.leftmenubox li ul a { font-size: 11px; color: #fff; text-decoration: none; padding: 3px 0px 5px 40px; background: none; }
.leftmenubox li ul a:visited { color: #fff; text-decoration: none; }
.leftmenubox li ul a:hover { color: #628a7b; text-decoration: underline; }
.leftmenubox li ul a.active { color: #628a7b; text-decoration: underline; }
.leftmenubox li ul a.noactive { color: #999; text-decoration: none; }
.leftmenubox li ul a.noactive:hover { color: #518c2b; text-decoration: none; }

.centerbox { float: left; width: 564px; }
.homeproductbox { float: left; width: 262px; padding: 5px 20px 0px 0px; }
.cornertop262 { float: left; width: 262px; height: 15px; background: url(../images/corner_top262.png) no-repeat left bottom; }
.homeproductcontent { float: left; width: 260px; height: 220px; padding: 0px 1px 10px 1px; background: url(../images/bg_box.png) repeat left top; overflow: hidden;}
.homeproductcontent img { padding: 0px 8px 8px 8px; }
.homeproductcontent h2 { position: relative; font-size: 11px; color: #fff; font-weight: bold; padding: 8px 10px 8px 10px; background: #297d27; line-height: 1.2em; }
.homeproductcontent h2 a { color: #fff; font-weight: bold; line-height: 1.2em; text-decoration: none;}
.homeproductcontent h2 .price { position: absolute; top: 8px; right: 5px; text-align: right; width: 80px;}
.homeproductcontent p { font-size: 11px; color: #8a8a8a; font-weight: normal; padding: 3px 10px 3px 10px; line-height: 1.2em; }

.rightbox { float: left; width: 190px; padding: 5px 20px 0px 0px; }
.cornertop190 { float: left; width: 190px; height: 15px; background: url(../images/corner_top190.png) no-repeat left bottom; }
.box190 { float: left; width: 188px; padding: 0px 1px 5px 1px; background: url(../images/bg_box190.png) repeat left top; }
.box190 h2 { font-size: 12px; color: #297d27; padding: 0px 0px 3px 5px; line-height: 1em; }
.box190 table { font-family: Tahoma; }
.box190 th { font-size: 11px; color: #297d27; font-weight: bold; padding: 3px 3px 3px 3px; line-height: 1.2em; }
.box190 td { font-size: 11px; color: #297d27; font-weight: normal; padding: 3px 3px 3px 3px; line-height: 1.2em; }
.box190 a {font-size: 11px; color: #8a8a8a; text-decoration: none;}
.box190 a:hover { color: #fff; text-decoration: underline;}
.cornerbot190 { float: left; width: 190px; height: 25px; background: url(../images/corner_bot190.png) no-repeat left top; }

.contentbox { float: left; width: 755px; text-align: left; padding: 0px 19px 0px 0px; }
.contenttext { float: left; width: 735px; height: 730px; padding: 0px 10px 0px 10px; background: url(../images/bg_box.png) repeat left top; overflow-y: auto; }
.contenttitle { float: left; width: 735px; padding: 0px 10px 0px 10px; background: url(../images/bg_box.png) repeat left top; }
.productbox { float: left; width: 753px; padding: 0px 1px 1px 1px; background: url(../images/bg_box.png) repeat left top; }
.cornertop755 { float: left; width: 755px; height: 20px; background: url(../images/corner_top755.png) no-repeat left bottom; }
.cornerbot755 { float: left; width: 755px; height: 15px; background: url(../images/corner_bot755.png) no-repeat left top; }
.productcontent { float: left; width: 553px; height: 115px; overflow: hidden;}

.contentbox h1 { font-size: 12px; color: #000; font-weight: bold; padding: 5px 10px 5px 10px; }
.contentbox h2 { font-size: 14px; color: #000; font-weight: normal; padding: 5px 10px 5px 10px; line-height: 1.2em; }
.contentbox h3 { font-size: 11px; color: #fff; font-weight: bold; padding: 8px 0px 8px 10px; background: #297d27; line-height: 1.2em; }
.contentbox h4 { font-size: 14px; color: #518c2b; font-weight: normal; padding: 10px 0px 5px 30px; line-height: 1.2em; }
.contentbox h5 { font-size: 12px; color: #333; padding: 3px 0px 3px 0px; line-height: 1.2em; text-align: right;}
.contentbox p { font-size: 12px; color: #297d27; padding: 3px 10px 3px 10px; line-height: 1.5em;}
.contentbox ul { font-size: 12px; padding: 0px 0px 0px 70px;}
.contentbox li { list-style-image: url(../images/arrow1.gif); padding: 2px 0px 5px 10px;}
.contentbox span { font-weight: bold;}
.contentbox a { color: #000; text-decoration: underline; }
.contentbox a:visited { color: #000; text-decoration: underline; }
.contentbox a:hover { color: #618879; text-decoration: none; }

.contentbox table { width: 100%; text-align: center; border: #608779; border-style: solid; border-width: 0px 0px 1px 1px; }
.contentbox th { font-size: 12px; color: #000; font-weight: bold; padding: 5px 5px 5px 5px; vertical-align: middle; border: #608779; border-style: solid; border-width: 1px 1px 0px 0px;}
.contentbox td { font-size: 12px; color: #297d27; font-weight: bold; padding: 5px 5px 5px 5px; vertical-align: middle; border: #608779; border-style: solid; border-width: 1px 1px 0px 0px;}
.contentbox td.center-td { text-align: center; }
.contentbox td.right-td { text-align: right; }
.contentbox dl { width: 440px; padding: 0px 0px 0px 100px;}
.contentbox dt { float: left; font-size: 12px; color: #333; font-weight: normal; width: 210px; padding: 5px 5px 2px 5px; text-align: right;}
.contentbox dd { float: left; font-size: 12px; color: #333; font-weight: normal; width: auto; padding: 1px; margin: 1px 4px 4px 4px;}
.contentbox sup {color: #cc0000; font-weight: bold; }
.contentbox input[type="text"] { font-size: 12px; color: #333; width: 200px; padding: 2px; border: 1px solid #ccc; background: #fff; }
.contentbox textarea { font-size: 12px; color: #333; width: 200px; padding: 2px 2px 2px 2px; border: 1px solid #ccc; background: #fff; height: 70px;}
.contentbox table input[type="text"] { font-size: 12px; color: #333; width: 60px; padding: 2px; border: 1px solid #ccc; background: #fff; }
.contentbox input[type="submit"] { font-size: 12px; color: #fff; font-weight: bold; border: 1px solid #333; background: #297d27; padding: 2px; width: 200px;}
.contentbox table input[type="submit"] { font-size: 12px; color: #fff; font-weight: bold; border: 1px solid #333; background: #297d27; padding: 2px; width: auto;}
.contentbox td img { vertical-align: middle; }

.error { font-size: 12px; color: #ff0000; font-weight: bold; }

.prevbox { float: left; padding: 5px; }
.nextbox { float: right; padding: 5px; }

.photobox { float: right; width: 200px; height: 120px; text-align: center; }
.photobox img { padding: 0px 10px 5px 10px; }
.bestellenbox { float: left; width: 693px; padding: 8px 50px 8px 10px; background: #297d27; line-height: 1.2em; text-align: right; color: #FFFFFF; font-weight: bold;}

.pagingbox { float: left; color: #ccc; width: 755px; text-align: center; color: #fff; padding: 5px 0px 5px 0px; }
.pagingbox  a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; padding: 1px 1px 1px 1px;}
.pagingbox  a:visited { color: #fff; text-decoration: none; }
.pagingbox  a:hover { color: #fff; text-decoration: underline; }
.pagingbox a.active { color: #fff; text-decoration: underline; }

.hardwarebox1 { float: left; width: 160px; background: url(../images/bg_spacerbox.gif) repeat-y right top; padding-right: 10px;}
.hardwarebox1 ul { font-size: 11px; padding: 0px 0px 0px 15px;}
.hardwarebox1 li { list-style-image: url(../images/point.gif); padding: 0px 0px 3px 0px;}
.hardwarebox2 { float: left; width: 160px; }
.hardwarebox2 ul { font-size: 11px; padding: 0px 0px 0px 15px;}
.hardwarebox2 li { list-style-image: url(../images/point.gif); padding: 0px 0px 3px 0px;}

.contactform { float: left; width: 435px; height: 320px; background: url(../images/bg_contactform.gif) no-repeat left top; padding: 20px 15px 10px 25px; }
.contactform dl {}
.contactform dt { float: left; width: 170px; padding: 8px 0px 0px 0px; font-size: 12px; color: #333; }
.contactform dd { float: left; padding: 1px 1px 1px 1px; margin: 4px 0px 4px 0px;}
.contactform dd input[type="text"] { font-size: 12px; color: #333; width: 200px; padding: 2px 2px 2px 2px; border: 1px solid #ccc; background: #fff; }
.contactform dd input[type="file"] { font-size: 12px; color: #333; width: 200px; padding: 2px 2px 2px 2px; border: 1px solid #ccc; background: #fff; }
.contactform dd select { font-size: 12px; color: #333; width: 200px; padding: 2px 2px 2px 2px; border: 1px solid #ccc; background: #fff; }
.contactform dd input[type="submit"] { font-size: 12px; color: #fff; text-transform: uppercase; border: 1px solid #333; background: #fff url(../images/bg_button.gif) repeat-x left top; padding: 2px; width: 200px;}
.contactform dd textarea { font-size: 12px; color: #333; width: 250px; padding: 2px 2px 2px 2px; border: 1px solid #ccc; background: #fff; height: 70px;}
.contactinfo { float: left; width: 195px; height: 340px; background: url(../images/bg_contactinfo.gif) no-repeat left top; padding: 0px 0px 10px 0px;}
.error { font-size: 12px; color: red; font-weight: bold; }

.cornertop670 { float: left; width: 670px; height: 10px; background: url(../images/corner_top670.gif) no-repeat left bottom; }
.box670 { float: left; width: 623px; padding: 0px 20px 0px 25px; background: #eee url(../images/bg_box670.gif) repeat-x left top; border: #bfbfbf; border-style: solid; border-width: 0px 1px 0px 1px;}
.box670 p { padding: 5px 0px 5px 0px; }
.cornerbot670 { float: left; width: 670px; height: 20px; background: url(../images/corner_bot670.gif) no-repeat left top; }

.logotypesbox { float: right; width: 410px; border: #ccc; border-style: solid; border-width: 1px 0px 0px 0px; margin: 40px 20px 0px 0px; }
.disclaimerbox { float: left; width: 100px; padding: 60px 0px 0px 300px; text-align: left;}
.disclaimerbox a { color: #518c2b; text-decoration: underline; }
.disclaimerbox a:visited { color: #518c2b; text-decoration: underline; }
.disclaimerbox a:hover { color: #333; text-decoration: none; }

.detailcontainer { float: left; width: 472px; padding: 5px 20px 0px 0px; }
.detailcornertop { float: left; width: 472px; height: 15px; background: url(../images/corner_top472.png) no-repeat center top; }
.detailcontentbox { float: left; width: 472px; background: url(../images/bg_box.png) repeat left top; text-align: center; }
.detailcontentbox img { text-align: left; padding: 2px;}
.detailcornerbot { float: left; width: 486px; height: 11px; background: url(../../images/0/corner_bot_detail.gif) no-repeat center top; }

.detailphotobox { float: left; width: 452px; text-align: center; padding: 5px 10px 5px 10px; }
.detailpricebox { float: left; width: 160px; height: 190px;}
.detaildescriptionbox { float: left; width: 210px; padding: 10px; text-align: left;}

.relatedcontainer { float: left; width: 262px; padding: 5px 0px 0px 0px; }
.relatedcontent  { float: left; width: 260px; text-align: center; padding: 0px 1px 1px 1px; background: url(../images/bg_box.png) repeat left top; }

.footerbox { float: left; width: 989px; height: 20px; background: #297d27; text-align: left; }

.registrationbox { float: left; width: 180px; height: 80px; }
.registrationbox h2 { font-size: 11px; color: #297d27; padding: 3px 0px 3px 0px; line-height: 1.2em; text-align: left; }
.registrationbox dl { text-align: right;}
.registrationbox dt {}
.registrationbox dd { float: left; padding: 1px 1px 1px 1px; font-size: 11px; color: #777; text-align: right; width: 176px; }
.registrationbox dd input[type="text"] { font-size: 11px; color: #777; font-style: italic; width: 170px; padding: 1px 2px 1px 2px; border: 1px solid #297d27; background: #fff; }