/* CSS Document */
body, html { margin: 0px; padding: 0px; height: 100%; }

/* SearchHeader */
div.searchheader { background-color: #441D03; width: 100%; height: 25px; font-family: Verdana, Arial; font-size: 9px; color: white; font-weight: bold; }
div.searchheader div.line { background-color: #441D03; width: 100%; height: 2px; position: absolute; top: 26px; font-size: 0px; z-index: 12px; }

div.searchheader div.zoekformtextboxitem { position: absolute; top: 4px; left: 50%; margin-left: -309px; color:white;  }
div.searchheader div.zoekformbuttonitem { position: absolute; top: 4px; left: 50%; margin-left: -116px; }


div.searchheader div.taf { position: absolute;  left: 50%; margin-left: 60px; top:0px; }
div.searchheader div.print { position: absolute;  left: 50%; margin-left: 90px; top:0px; }
div.searchheader div.bookmark { position: absolute;  left: 50%; margin-left: 120px; top:0px; z-index: 999; }
div.searchheader div img { border: none; }
/* YouAre */
div.breadcrumbs { padding-left: 5px; width: 424px; _width: 429px; height: 21px; background-color: #f2cc8f; position: absolute; top: 35px; left: 50%; margin-left: -310px; z-index: 3; }
div.breadcrumbs {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #472101; line-height:20px; }
div.breadcrumbs A:link {text-decoration:none; color: #472101; line-height:20px;  }
div.breadcrumbs A:visited {text-decoration:none; color: #472101; line-height:20px;  }
div.breadcrumbs A:hover {text-decoration:none; color: #472101; line-height:20px;  }

/* HeaderPic */
div.headerpic { background-image:url(images/headerpic1.jpg); width: 427px; _width: 429px; height: 118px; border: 1px solid #441D03; position: absolute; top: 60px; left: 50%; margin-left: -310px; z-index: 3; }

div.headerpic img { width: 427px; _width: 427px; height: 118px; }

/* Logo */
div.logo { width: 228px; height: 255px; background-image: url(images/logoandtips.gif); position: absolute; top: 0px; left: 50%; margin-left: 124px; z-index: 2; top: 10px;}

div.logo div { margin-left: 40px; width: 140px; height: 80px;  margin-top: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #663600; max-height: 80px; }


div.logo A:link {text-decoration:none; color: #663600; }
div.logo A:visited {text-decoration:none; color: #663600; }
div.logo A:hover {text-decoration:none; color: #663600; }


div.logobo { width: 228px; height: 255px; background-image: url(images/logoandlogout.gif); background-repeat: no-repeat; position: absolute; top: 0px; left: 50%; margin-left: 124px; z-index: 2; top: 8px;}

div.logobo div { margin-left: 152px; width: 140px; height: 80px;  margin-top: 230px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: white; max-height: 80px; }


div.logobo A:link {text-decoration:none; color: white; }
div.logobo A:visited {text-decoration:none; color: white; }
div.logobo A:hover {text-decoration:none; color: white; }


div.login { background-image:url(images/loginbackground.gif); width: 144px; height: 160px; _height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: white; position:absolute; top: 0px; left: 50%; margin-left: 175px; z-index: 2; padding-top: 40px; top: 380px; }

div.login label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: white; } 
div.login input.logintextbox { border: 1px solid #CCCCCC; height: 14px; _height: 18px; width: 120px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black; font-weight:normal; margin-left: 10px; }

/* Menu */
div.menu {  border: 1px solid white; width: 429px; _width: 431px;  height: 21px; background-color: #663600; position: absolute; top: 183px; _top: 181px; left: 50%; margin-left: -311px; z-index: 3; }
div.menu div.line {  width: 429px; height: 3px; background-color: #f2cc8f; position: absolute; top: 23px; z-index: 3; font-size: 0px; }
div.menu div a { font-family:Verdana, Arial; color: white; font-size: 9px; text-decoration: none; font-weight: bold; }

div.menu div.menuitem { cursor: pointer; padding: 0px; margin: 0px; background-image:url(images/menuitembackground.gif);  display: inline; padding-left: 8px; _padding-left: 10px;padding-right: 2px; _padding-right: 5px; height: 21px; _height: 19px; vertical-align: middle; line-height: 12px; }

div.menu div.menuitem_first { cursor: pointer; padding: 0px; margin: 0px; display: inline; padding-left: 9px; _padding-left: 9px;padding-right: 2px; _padding-right: 5px; height: 21px; _height: 19px; vertical-align: middle; line-height: 12px; }


/* Submenu */
div.submenu { background-color: white; padding-top: 1px;  _padding-top: 1px; position: absolute; top: 21px; _top: 19px; left: 50%;  z-index: 8; visibility: hidden; }

div.submenu div a { font-family:Verdana, Arial; color: white; font-size: 9px; text-decoration: none; font-weight: bold; }
div.submenu div.submenuitemout { width: 140px; cursor: pointer; height: 18px; background-color: #663600; border-top: 1px solid white; vertical-align: middle; padding-left: 3px; padding-right: 3px; line-height: 17px; _line-height: normal; z-index: 1; }

/* ContentContainer */
div.contentcontainer { background-image: url(images/sitebackground.gif);  width: 655px; _width: 690px; position: absolute; left: 50%; margin-left: -345px; top: 28px; z-index: 1; min-height: 200px; _height: 200px; padding-top: 200px; padding-left: 38px;  }
div.content { width: 433px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; height: expression(document.body.offsetHeight-232  + 'px'); }
div.content textarea.content { border: 1px solid #5B5B5B; width: 310px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; height: 100px; }
div.content textarea.contenttext { border: 1px solid #5B5B5B; width: 413px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; height: 100px; }
div.content input.content { border: 1px solid #5B5B5B; width: 310px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; }
div.content input.contentverkort { border: 1px solid #5B5B5B; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; }
div.content select { border: 1px solid #5B5B5B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; }
div.content h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #472101; font-weight:bold; margin: 0px; padding: 0px;}
div.content h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #A39080; font-weight: normal; margin: 0px; padding: 0px; }
div.content h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #E16934; font-weight:bold; margin: 0px; padding: 0px; }
div.content h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; vertical-align: middle; padding-bottom: 3px; }
div.content p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; }
div.content button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; }
div.abcfilter { background-color: #F2CC8F; width: 423px;  height: 14px; text-align: center; }
div.abcfilter  a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; font-weight:bold;  padding-bottom: 2px; text-decoration: none; }

div.abcfilter  a.active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #E16934; font-weight:bold;  padding-bottom: 2px; text-decoration: none; }

div.chocoladetreffer { width: 158px; _width: 183px; height: 85px; _height: 115px; background-image:url(images/chocoladetreffer_background.gif); position: absolute; left: 50%; margin-left: 138px; top: 265px; z-index: 4; padding-top: 30px; padding-left: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #663600; }

div.chocoladetreffer div { display: inline;  }

form { margin: 0px; padding: 0px; }

input.postcodeletters { border: 1px solid #CCCCCC; height: 14px; _height: 18px; width: 33px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black; font-weight:normal; margin-right: 4px;  }

input.postcodecijfers { border: 1px solid #CCCCCC; height: 14px; _height: 18px; width: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black; font-weight:normal; }

div.chocoladetreffer A:link {text-decoration:none; color: #663600; }
div.chocoladetreffer A:visited {text-decoration:none; color: #663600; }
div.chocoladetreffer A:hover {text-decoration:none; color: #663600; }

input.checkbox {  margin: 0px; padding: 0px;  }
input.textbox { border: 1px solid black; height: 15px; width: 115px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black; font-weight:normal; }

input.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; }
input.loginbutton { margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; }

table.list { width: 423px; }
table.list tr.header td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5B5B5B; font-weight:bold; border-bottom: 2px solid #E16934; padding-bottom: 2px;  }

table.list tr.header a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5B5B5B; font-weight:bold; border-bottom: 2px solid #E16934; padding-bottom: 2px; text-decoration: none; }

table.list tr.content td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; vertical-align: middle; padding-bottom: 3px; }
table.list tr.content td A:link {text-decoration:none; color: #5B5B5B; }
table.list tr.content td A:visited {text-decoration:none; color: #5B5B5B; }
table.list tr.content td A:hover {text-decoration:none; color: #E16934; }

td.icon { width: 20px; }


label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; }
div.zoekformtextboxitem label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; }
.error { cfont-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: red; }

img.button { cursor: pointer; };