body {background: #54433a url(../images/imgdesign/background-body.gif) repeat-y top center; margin: 0; padding: 0; text-align: center}

* {font-family: arial}

form {margin: 0; padding: 0; display: inline}

#wrappedup {width: 800px; margin: 0 auto; text-align: left; height: 600px}

.logo {float: left; width: 570px; margin-right: 10px; margin-left: 10px; display: inline}
.logo img {padding-top: 20px}

.login {float: left; width: 200px; font-size: 11px}
.login .rlogin {width: 200px; background: #c9bf58; margin-bottom: 10px}
.login .rloginbody {padding: 10px 10px 0 10px}
.login .rloginbot  {background: transparent url(../images/imgdesign/corner-login-br.gif) no-repeat top right}
.login img.corner  {width: 10px; height: 10px; border: none; display: block !important}

.login a {color: #000; font-weight: normal; text-decoration: none}
.login a:hover {color: #fff; font-weight: normal; text-decoration: none}
.login input.fields {color: #737f50; font-size: 12px; width: 165px}
.login input.loginbtn {color: #fff; font-size: 11px; font-weight: bold; background: #737f50; border: none; margin: 10px 0 5px 0; padding: 2px 3px}

.image {float: left; width: 570px; margin: 0 10px; display: inline}

.menu  {float: left; width: 200px; font-size: 11px}
.menu .rmenu {width: 200px; background: #737f50}
.menu .rmenutop  {background: url(../images/imgdesign/corner-menu-tr.gif) no-repeat top right}
.menu .rmenubody {font-size: 12px; min-height: 255px; height: auto !important; height: 255px}
.menu .rmenubody ul {list-style: none; margin: 0; padding: 0 10px}
.menu .rmenubody li {margin-bottom: 10px; background: transparent url(../images/imgdesign/icon-mainmenu.gif) no-repeat right 1px}
.menu .rmenubody a {color: #fff; font-weight: bold; text-decoration: none}
.menu .rmenubody a:hover {color: #dbcb00; font-weight: bold; text-decoration: none}
.menu .rmenubot  {background: url(../images/imgdesign/corner-menu-br.gif) no-repeat top right}
.menu img.corner {width: 10px; height: 10px; border: none; display: block !important}

.filter {float: left; width: 160px; font-size: 11px; margin-top: 10px; margin-left: 10px; margin-right: 10px; display: inline}
.rfilter {width: 160px; background: #dadada}
.rfilter .rfiltertop  {background: url(../images/imgdesign/corner-filter-tr.gif) no-repeat top right}
.rfilter .rfilterbody {color: #666; font-size: 11px; padding: 0 10px}
.rfilter .rfilterbody input.trefwoord {color: #666; font-size: 11px; width: 130px; margin: 5px 0 10px 0}
.rfilter .rfilterbody input.zoek  {font-family: arial; color: #fff; font-size: 11px; font-weight: bold; background: #9b3328; border: none; padding: 2px 3px}
.rfilter .rfilterbody input.empty {font-family: arial; color: #fff; font-size: 11px; font-weight: bold; background: #999; border: none; padding: 2px 3px}
.rfilter .rfilterbody select.collectie {font-family: arial; color: #666; font-size: 11px; width: 130px; margin: 5px 0 5px 0}
.rfilter .rfilterbody select.merk {font-family: arial; color: #666; font-size: 11px; width: 130px; margin: 5px 0 5px 0}
.rfilter .rfilterbody select.soort {font-family: arial; color: #666; font-size: 11px; width: 130px; margin: 5px 0 5px 0}
.rfilter .rfilterbot  {background: url(../images/imgdesign/corner-filter-br.gif) no-repeat top right}
.rfilter img.corner   {width: 10px; height: 10px; border: none; display: block !important}

.filter .productlist {font-size: 11px; margin: 10px 0}
.filter .productlist a {color: #333; font-weight: bold; text-decoration: none; display: block; margin: 5px 0; padding: 5px; background: #eee; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3}
.filter .productlist a:hover {color: #fff; font-weight: bold; text-decoration: none; background: #9b3328 url(../images/imgdesign/icon-productlist.gif) no-repeat right center}

.contentbody {float: left; width: 400px; margin-top: 10px; margin-right: 10px}

.contentbody .body .breadcrumbs {font-family: tahoma, sans-serif; font-size: 9px; color: #ccc}
.contentbody .body .breadcrumbs a {color: #ccc; font-size: 9px; font-weight: normal; text-decoration: none}
.contentbody .body .breadcrumbs a:hover {color: #000; font-size: 9px; font-weight: normal; text-decoration: none}


.contentbody .body h1 {font-size: 14px; color: #737f50; margin: 0 0 15px 0}
.contentbody .body h3 {font-size: 13px; color: #333; margin: 0 0 15px 0}
.contentbody .body {font-size: 11px; color: #333; line-height: 18px; margin: 0 0 10px 0}
.contentbody .body a {color: #9b3328; font-weight: bold; text-decoration: none}
.contentbody .body a:hover {color: #000; font-weight: bold; text-decoration: none}

.contentbody .body .submenu {float: right; border-top: 1px solid #ddd; margin-bottom: 25px}
.contentbody .body .submenu p {border-bottom: 1px solid #ddd; padding: 5px 0; margin: 0}

.contentbody .body .parentmenu {float: right; border-top: 1px solid #ddd; margin-bottom: 25px}
.contentbody .body .parentmenu p {border-bottom: 1px solid #ddd; padding: 5px 0; margin: 0}

.contentbody .product-overzicht-list {font-size: 12px; margin-bottom: 15px; padding: 10px 0; background: #f2f3ef}
.contentbody .product-overzicht-list a {color: #737f50; font-weight: bold; text-decoration: none; display: block; float: left; width: 185px; height: 45px; padding-left: 10px; margin-left: 5px; background: transparent url(../images/imgdesign/icon-productoverzicht.gif) no-repeat left 7px; display: inline}
.contentbody .product-overzicht-list a:hover {color: #000; font-weight: bold; text-decoration: none}

.contentbody .product-list {font-size: 11px; margin-bottom: 2px; padding: 10px; background: #f2f3ef}
.contentbody .product-list h2 {font-size: 12px; color: #333; margin: 0 0 0 0}
.contentbody .product-list h2 a {color: #000; font-weight: bold; text-decoration: none}
.contentbody .product-list h2 a:hover {color: #737f50; font-weight: bold; text-decoration: none}
.contentbody .product-list a.moreinfo {color: #737f50; text-decoration: none}
.contentbody .product-list a.moreinfo:hover {color: #000; text-decoration: none}
.contentbody .product-list p {margin: 10px 0 0 0}
.contentbody .product-list img {float: right; border: none}
.contentbody .product-list a {color: #000; font-weight: normal; text-decoration: none}
.contentbody .product-list a:hover {color: #737f50; font-weight: normal; text-decoration: none}
.contentbody .product-list span.price {font-size: 14px; font-weight: bold}

.contentbody .product-detail {font-size: 11px; margin-bottom: 2px; padding: 10px}
.contentbody .product-detail h1 {font-size: 12px; color: #333; margin: 0 0 0 0}
.contentbody .product-detail a {color: #000; font-weight: normal; text-decoration: none}
.contentbody .product-detail a:hover {color: #737f50; font-weight: normal; text-decoration: none}
.contentbody .product-detail p.prophoto {text-align: left; float: right; margin: 0 0 0 10px}
.contentbody .product-detail input.order {font-family: arial; color: #fff; font-size: 11px; font-weight: bold; background: #9b3328; border: none; width: 75px; padding: 2px 3px}
.contentbody .product-detail p.price input {margin: 0; padding: 0; vertical-align: middle}
.contentbody .product-detail span.voorraad {font-size: 11px; color: #666; font-style: italic}


.contentbody .body .recommended {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd}
.contentbody .body .recommended h3 {font-size: 12px; color: #737f50; margin: 0 0 10px 0}
.contentbody .body .wrapper {float: left; color: #666; width: 100px; min-height: 120px; height: auto !important; height: 120px; padding: 5px; text-align: center; border: 1px solid #eee; margin-right: 15px; margin-bottom: 10px}
.contentbody .body .wrapper .label {margin-top: 5px}
.contentbody .body .wrapper a {color: #000; font-weight: normal; text-decoration: none}
.contentbody .body .wrapper a:hover {color: #737f50; font-weight: normal; text-decoration: none}

.contentbody .paginatie {padding: 10px 0}
.contentbody .paginatie a.number {color: #333; font-weight: normal; text-decoration: none; background: #dadada}
.contentbody .paginatie a.number:hover {color: #fff; font-weight: normal; text-decoration: none; background: #9b3328}

.contentbody .paginatie span.current {color: #aaa; font-weight: bold; padding: 5px; border: 1px solid #ddd; background: #eee}

.contentbody .body .orderhistory {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd}

.contentbody table.afleveradres input {font-family: arial, sans-serif; font-size: 11px; color: #333; width: 230px}
.contentbody table.afleveradres input.postcode {width: 100px}

.contentbody .contactform h1 {font-size: 14px; color: #737f50; margin: 0 0 15px 0}
.contentbody .contactform .fields {margin-bottom: 15px}
.contentbody .contactform .fields input {font-family: arial; font-size: 11px; width: 300px}
.contentbody .contactform .fields textarea {font-family: arial; font-size: 11px; width: 385px; height: 150px}
.contentbody .contactform .fields input.btn  {font-family: arial; color: #fff; width: 75px; font-size: 11px; font-weight: bold; background: #9b3328; border: none; padding: 2px 3px}

.sidebar {float: left; width: 200px; margin: 10px 0}

.sidebar .newsletter {font-size: 11px; color: #666}
.sidebar .newsletter a {color: #999; font-weight: bold; text-decoration: none}
.sidebar .newsletter a:hover {color: #9b3328; font-weight: bold; text-decoration: none}
.sidebar .newsletter input.fields {color: #666; font-size: 11px; border: 1px solid #999; width: 194px; padding: 2px 3px}
.sidebar .newsletter input.btn {color: #333; font-size: 11px; background: #c9bf58; border-top: 1px solid #ddd696; border-right: 1px solid #a79c3e; border-bottom: 1px solid #a79c3e; border-left: 1px solid #ddd696}

.sidebar .companyinfo {font-size: 11px; color: #999; margin-top: 25px}
.sidebar .companyinfo a {color: #999; font-weight: bold; text-decoration: none}
.sidebar .companyinfo a:hover {color: #9b3328; font-weight: bold; text-decoration: none}

.rquickcart {width: 200px; background: #9b3328; margin-bottom: 25px}
.rquickcart .rquickcarttop  {background: url(../images/imgdesign/corner-kassa-tr.gif) no-repeat top right}
.rquickcart .rquickcartbody {font-size: 11px; padding: 0 10px}
.rquickcart .rquickcartbot  {background: url(../images/imgdesign/corner-kassa-br.gif) no-repeat top right}
.rquickcart p {font-size: 11px; color: #fff; margin: 10px 0 0 0}
.rquickcart .rquickcartbody a {color: #fff; font-weight: bold; text-decoration: none}
.rquickcart .rquickcartbody a:hover {color: #c9bf58; font-weight: bold; text-decoration: none}
.rquickcart img.corner   {width: 10px; height: 10px; border: none; display: block !important}
.rquickcart table.quickcart {width: 100%; border: none; margin-top: 10px}
.rquickcart table.quickcart .pricelabel {font-size: 11px; color: #fff; border-top: 1px dotted #fff; padding: 5px 0}
.rquickcart table.quickcart .totalprice {font-size: 11px; color: #fff; font-weight: bold; border-top: 1px dotted #fff; padding-top: 5px 0}

.rquickcart table.quickcart .label {font-size: 11px; color: #fff; border-top: 1px dotted #fff; padding: 5px 0}
.rquickcart table.quickcart .price {font-size: 11px; color: #fff; border-top: 1px dotted #fff; padding: 5px 0}


.basketoverview th {padding: 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999}
.basketoverview th.header {padding: 5px 0; border-top: 1px solid #999; background: #f6f6f6}
.basketoverview td.details {padding: 5px 0; border-bottom: 1px solid #999}

.prijsPerStuk { font-size: 10px; }

/* slightly enhanced, universal clearfix hack */
.clfx:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clfx { display: inline-block; }
/* start commented backslash hack \*/
* html .clfx { height: 1%; }
.clfx { display: block; }
/* close commented backslash hack */