@import url('thickbox.css');

* { border: 0; font-size: 1em; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #681888 }
a:hover { color: #a08d50 }
address { font-style: normal }
body { background: #f5f1ea; margin: 0 auto; width: 1000px }
button, input, select, textarea { font: normal 14px/1.5 'Trebuchet MS', sans-serif }
button, .button { background: #681888; color: #fff; cursor: pointer; font-size: 75%; margin: 0; padding: 0; text-align: center; width: 137px }
h1 { font-size: 2em; font-weight: normal }
html { background: url('-root.png') #681888 no-repeat top center; color: #946ba5; font: normal 14px/1.5 'Trebuchet MS', sans-serif; overflow-y: scroll }
li { display: list-item; margin: 0 0 0 1.5em; padding: 0 }
table { border-collapse: collapse; display: table; empty-cells: hide; margin: 1.5em 0 }
td, th { border: 1px solid #ded1e0; display: table-cell; padding: 0 4px; text-align: left; vertical-align: top }

#header { background: url('header.png') transparent no-repeat; height: 216px; position: relative }
  #foto-links { background: #a08d50; height: 94; left: 75px; position: absolute; top: 47px }
  #foto-rechts { background: #a08d50; height: 94; left: 831px; position: absolute; top: 47px }
  #foto-links img, #foto-rechts img { vertical-align: bottom }
  #foto-links td, #foto-rechts td { border: 0; height: 94px; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 94px }
  #logo { height: 144px; left: 250px; overflow: hidden; position: absolute; width: 500px }
  #logo a { display: block; height: 144px; text-indent: -9999px; width: 500px }
  #menu { left: 100px; position: absolute; text-align: center; top: 160px; width: 800px }
#body {  }
  #aside { float: left; width: 200px }
  #content { float: left; padding: 12px 0 0 34px; width: 766px }
#footer { background: url('footer.png') transparent no-repeat; clear: both; height: 1.5em; margin-top: 100px; padding: 32px 8px 8px 0; position: relative; text-align: right }

#vloeier { background: url('vloeier.png') transparent no-repeat; float: left; height: 218px; padding: 8px; width: 306px }
#intro { float: left; padding: 0 0 0 25px; width: 350px }

a.active { color: #a08d50; font-weight: bold }

.brands { clear: both; padding: 40px 0 }
.brands li { display: block; float: left; list-style: none; margin: 0 21px 0 9px; padding: 0 }
.products { clear: both; padding: 40px 0 }
.products li { display: block; float: left; list-style: none; padding: 0 21px 21px 9px; margin: 0; width: 137px }
.name { height: 20px; overflow: hidden }
.nav { padding: 14px 0 1.5em 4px }
.nav li { list-style: none }
.categories { padding: 14px 0 100px 4px }
.categories li { list-style: none }
.text { padding-right: 300px }
.tn a img { border: 3px solid #a08d50 }
.vloeier { list-style: none; margin: 0; padding: 0; position: relative }
.vloeier li { list-style: none; margin: 0; padding: 0; position: absolute }

table.tn { background: #a08d50; border: 0; height: 137px; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 137px }
table.tn td { background: #a08d50; border: 0; height: 137px; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 137px }
table.tn td img { vertical-align: bottom }

body.contact form { text-align: right; width: 400px }
body.home #content .categories, body.store #content .categories { clear: both; margin: 0; padding: 20px 0 }
body.home #content .categories li, body.store #content .categories li { background: url('star.png') transparent no-repeat; display: inline; font-size: 30px; list-style: none; padding-left: 24px; margin: 0 }