body { background-color: #4b4620; background-image: url(pix/background.jpg); color: #ffcc99; margin: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 10px; text-align: center; height: 100%; }

#container { background-image: url(pix/transdark.png); width: 900px; min-height: 100%; margin: auto; border-left: 1px solid #ffcc99; border-right: 1px solid #ffcc99; }

#content { display: -moz-inline-box; margin: 5px 0px; }

#headerNavigation, #footerNavigation { height: 16px; background-image: url(pix/boxback.png); border-top: 1px solid #ffcc99; border-bottom: 1px solid #ffcc99; font-weight: bold; }
#footerNavigation p, #footerCopyright p { margin: 1px; }

#headerNavigation a, #footerNavigation a { text-decoration: none; }
#headerNavigation a:hover, #footerNavigation a:hover { text-decoration: underline; }

#footerCopyright { height: 30px; text-align: center; }

#headerNavigation .left { float: left; text-align: left; margin: 2px 10px; }
#headerNavigation .right { float: right; text-align: right; margin: 2px 10px; }

#leftCol, #rightCol { width: 150px; display: inline-block; zoom: 1; *display: inline; padding: 0px; vertical-align: top; margin: 0px; }

.box { margin: 5px 5px 10px 5px; padding: 2px 5px 5px 5px; background-image: url(pix/boxback.png); border: 1px solid #ffcc99; text-align: center; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.box a { text-decoration: none; }
.box img { margin: 2px; }
.box h2 { font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 5px; margin-top: 3px; }
.box ul { margin: 0px; padding: 0px; list-style: none; text-align: center; }

#middle { width: 572px; font-size: 11px; line-height: 1.5; padding: 10px; margin: 0px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }

a, a:hover { color: #ffcc99; text-decoration: underline; }

h1 { font-size: 16px; font-weight: bold; color: #ffcc99; margin-top: 0px; }
h2 { font-size: 12px; font-weight: bold; text-align: left; margin-bottom: 12px; margin-top: 24px; }
h3 { font-size: 11px; font-weight: bold; margin-bottom: -9px; margin-top: 12px; text-align: left; }

#middle p { text-align: left; }

table { font-size: 11px; margin: auto; }
table a img { margin: 0px; }

.left { float: left; margin: 0px 5px; text-align: left; }
.right { float: right; margin: 0px 5px; text-align: right; }
.small { font-size: 9px; }
.alignleft { text-align: left; }

ul { text-align: left; margin: 0px; padding: 0px; list-style: none; }
form ul, fieldset ul { text-align: left; list-style: none; margin: 0px; padding: 0px; }
label { width: 100px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }
fieldset { margin: 10px 0px; padding: 5px; border: 1px solid #ffcc99; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
legend { color: #ffcc99; text-align: left; font-weight: bold; }

.category { text-align: left; margin: auto; width: 426px; padding: 0px; }
.category img { margin: 10px; width: 120px; height: 120px; display: inline-block; zoom: 1; *display: inline; border: none; }

.product { padding: 5px; border: 1px solid #ffcc99; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0px; }
.product img { width: 100px; height: 100px; float: left; margin: 5px 10px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ffcc99; }
.product h2 { margin-top: 0px; }
.prijs { float: right; font-size: 14px; font-weight: bold; margin: 0px 10px; }
.clear { clear: both; }

.button, .button:hover { text-decoration: none; border: 1px solid #ffcc99; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

form { margin: 10px 0px; }
table { border-collapse: collapse; text-align: left; }
tr { border-bottom: 1px solid #ffcc99; }
td, th { padding: 5px 10px; vertical-align: top; }
checkbox, input, radio, select, textarea { font-size: 11px; border: 1px solid #ffcc99; background-color: transparent; color: #ffcc99; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 2px; padding: 2px 5px; }

.popupback { width: 100%; height: 100%; background-image: url(pix/popupback.png); margin: 0px; padding: 0px; position: fixed; top: 0px; left: 0px; z-index: 20; }
.popup { width: 430px; margin: auto; margin-top: 75px; border: 4px double #ffcc99; padding: 10px; background-color: #110000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.close { border: 1px solid #ffcc99; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; margin: 0px; float: right; cursor: pointer; }
.popup h2 { margin-top: 0px; }
.foto { width: 400px; height: 400px; border: 1px solid #ffcc99; margin-bottom: 10px; }
.thumb { height: 50px; width: 50px; border: 1px solid #ffcc99; }
.thumb:hover { height: 48px; width: 48px; border: 2px solid #ffcc99; }