/* BASIC STYLES */
* {margin: 0; padding: 0; font-size: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 0; border: 0; text-align: left; text-decoration: none;}

html, body {height: 100.1%;}
body {background: #ffffff; min-width: 975px;}

div {position: relative;}
div.hr {height: 10px; border-top: 2px solid #939598;}

p, td, th, input.text, input.text_faded, select, option, textarea, li, legend {font-size: 12px; line-height: 1.3em; color: #333333;}
h1 {padding-bottom: 5px;}
p, h2 {padding-bottom: 10px;}
p {text-align: justify;}

h1 {font-size: 20px; line-height: 1.3em; font-weight: bold; color: #333333; font-family: Arial, Helvetica, sans-serif;}
h2 {font-size: 14px; line-height: 1.3em; font-weight: bold; color: #333333; font-family: Arial, Helvetica, sans-serif;}

span, a, label {font-size: 1em; line-height: 1.3em;}

a {cursor: pointer; color: #85a8d8; text-decoration: underline;}
a:hover {color: #ff0000;}
a.image {font-size: 0; line-height: 0;}
a.name {cursor: text; text-decoration: none; color: #333333;}

.center {text-align: center;}
.right {text-align: right;}

.error {color: #b71319;}
.succes {color: #a1cc3a;}

.b, .error, .succes {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}

.large {font-size: 14px; line-height: 1.3em; color: #939598;}
.small {font-size: 10px; line-height: 1.6em;}

table {border-style: solid; border-color: transparent;}
th, td {vertical-align: top; padding: 0 10px 5px 0;}
th.right, td.right {padding: 0 0 5px 10px;}
th.image, td.image {font-size: 0; line-height: 0; padding: 0 0 5px 0;}
th.image img, td.image img {margin: 0 10px 0 0;}
th.nowrap, td.nowrap {white-space: nowrap;}

table.center {margin: 0 auto;}
td.hr {font-size: 0; line-height: 0; border-bottom: 2px solid #939598;}

table.box {border: 0;}
td.box {padding: 0; font-size: 0; line-height: 0;}

input.text, textarea, select {border: 1px solid #a7a6aa; color: #333333;}
input.text, input.text_faded {height: 18px; padding: 2px 3px 0 3px;}
input.text_faded {border: 1px solid #a7a6aa; color: #737373;}
textarea {padding: 0 3px;}
select {height: 22px; padding: 1px;}
select.multiple {height: auto !important;}
option {padding: 2px 3px; color: #333333;}
option.faded {color: #737373;}

fieldset {border: 1px solid #d1e9f6; padding: 10px 10px 0 10px; margin: 0 0 10px 0;}
legend {font-weight: bold; color: #007dc3; padding: 0 5px;}

ul {padding: 0 0 10px 15px;}
li {list-style-position: outside; color: #333333;}

img.link {cursor: pointer;}
img.left {margin: 0 10px 10px 0; float: left;}
img.center {display: block; margin: 0 auto;}
img.right {margin: 0 0 10px 10px; float: right;}
img.left, img.center, img.right, img.cart {border: 1px solid #d1e9f6;}

/* LAYOUT STYLES */
div#html {min-height: 100%; height: auto !important; height: 100%; width: 975px; background: #ffffff; text-align: left; margin: 0 auto -25px auto;}
div#html:after {content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}

div#top {position: absolute; width: 975px; height: 110px; background: #ffffff; z-index: 1;}
  div#logo {position: absolute; z-index: 3; width: 230px; height: 83px; top: 10px; left: 30px;}
  div#photo {position: absolute; z-index: 2; width: 670px; height: 135px; top: 0; right: 0;}
  div#menu_bg {position: absolute; z-index: 3; width: 953px; height: 25px; padding: 1px; top: 103px; left: 10px; background: #ffffff;}
  div#menu {position: absolute; z-index: 4; width: 953px; height: 25px; background: #000000;}
  div#menu p {color: #ffffff; padding: 3px 0 0 10px;}
  div#menu p a {color: #ffffff; text-decoration: none;}
  div#menu p a:hover {color: #85a8d8;}

/* container moet minimaal de hoogte van de gradient (500px) of (!) header + left / right zijn = 178 + 205 = 383 */
div#container {margin: 0 auto; min-height: 510px; height: auto !important; height: 510px; background: url('images/layout/container.gif') no-repeat 0 175px;}
  
div#left {width: 695px; float: left; display: inline; padding: 150px 30px 0 15px;}
  div#left_box {}
  div#left_box table {border-width: 0 0 5px 0;}
  div#left_box ul.search li {padding: 0 0 10px 0;}

div#center {width: 0; display: none;}

div#right {width: 225px; padding: 150px 0 0 0; float: left; overflow: hidden;} 
  div#right_box {background: #ffffff; padding: 10px 0 10px 10px;}
  input#zoek_trefwoord {width: 167px; float: left;}
  div#right div.hr {height: 0; border-top: 1px solid #939598;}
  div#right h2 {background: #000000; color: #ffffff; padding: 2px;}
  div#right p {padding: 5px 0 5px 0;}
  div#right a {color: #939598; text-decoration: none; font-weight: bold;}
  div#right a:hover {color: #85a8d8; text-decoration: underline;}

div#html_push {clear: both; height: 25px;}

div#footer {width: 975px;	height: 25px; margin: 0 auto; background: #ffffff;}
  div#copyright {position: absolute; width: 225px; top: 5px; right: 10px;}
    div#copyright p {text-align: center; color: #939598; padding: 0; font-size: 10px;}
    div#copyright p a {color: #939598; text-decoration: none;}
    div#copyright p a:hover {color: #85a8d8; text-decoration: underline;}

/* OTHER STYLES */
div#images {display: none;}

div.popup {position: absolute; z-index: 50; visibility: hidden; display: none; border: 2px solid #333333; background: #ffffff; overflow: auto; padding: 10px 0 0 0;}
  div.popup p {padding: 0 10px 10px 10px;}
  div.popup table {border-style: solid; border-color: transparent; border-width: 0 10px 7px 10px;}
  div.popup table.center {margin: 0 auto;}
  div.popup table th, div.popup table td {padding: 0 5px 3 5px;}
  div.popup table td.image {font-size: 0; line-height: 0; padding: 0 5px 3px 5px;}
  div.popup table td.thumb {width: 130px; border: 1px solid #333333; background: #ffffff; text-align: center; padding: 5px;} /* font-size: 0; line-height: 0; */
  div.popup table td.thumb img {max-width: 120px; width: auto !important; width: 120px; max-height: 120px; height: auto !important; height: 120px;}
  div.popup div.hr {height: 0; border-top: 1px solid #a7a6aa; margin: 0 10px 10px 10px;}