body, html { padding:0; margin:0; color:#000000; font-size:14px; font-family: Georgia, Times; line-height: 20px; /* background: #eeeeee; */}
table { margin-top: 20px; margin-bottom: 50px;background-color:#eee; color:#000000; border-collapse:collapse; } 
td { border: 1px solid #ffffff; font-family: Verdana, Arial, sans-serif; padding-left:14px; padding-top:7px; padding-bottom:7px; vertical-align:top; text-align:left; font-size:11px; }
img { border: none; }

a {color: #002bb8; text-decoration: none}
a:hover {text-decoration: underline}

h1, h2, h3, .bovenschrift { font-family: Arial Narrow; font-weight:bold; }

h1 { margin-top: 20px; margin-bottom: 20px; font-size: 30px; line-height: 36px; }
h2 { margin-top: 30px; margin-bottom: 10px; font-size: 20px; line-height: 24px; }
h3 { margin-top: 30px; margin-bottom: 2px; font-size: 16px; line-height: 20px; }
h4 { margin-top: 30px; margin-bottom: 3px; font-family: Arial; font-weight: normal; font-style: italic; font-size: 14px; line-height: 18px; }

h2 a {color: #000000}

ul li p {margin: 0; padding: 0;}
ol li p {margin: 0; padding: 0;}

label { font-family: Arial Narrow; font-size: 15px; }
p.detail { font-family: Arial Narrow; font-style: italic; color: #7c7c7c; font-size: 15px; }
p.detail a { color: #7c7c7c; }
p.klein {font-size: 12px; margin: 0 0 12px 0; padding: 0}

input.textbox { background: url(img/textbox_bg.gif) repeat-x; border: 1px solid #979797; }
input.textbox.klein {width: 56px}
input.textbox.groot {width: 200px}
textarea.opmerking {width: 200px; height: 50px; font-family: Verdana, Arial, sans-serif; font-size: 11px; background: url(img/textbox_bg.gif) repeat-x;}

.bovenschrift { font-size: 14px; margin-top: 30px; margin-bottom: 30px; color:#000; }

.button {border: none; background: none; width: 120px; text-align:left; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

.dropdown {width: 204px;}

/* CONTAINER */
#container { position: relative; width: 900px; margin: 0 auto; }

/* HEADER */
#header { background: #000000 url(img/header_bg.gif) 0px 46px no-repeat; height: 160px; width:100%;}
#blok_wit { position:absolute; right:0px; bottom:0px; width:37px; height:18px; background:#ffffff; }
*html #blok_wit { right: -1px; }

#top_menu { position: relative; height: 46px; width: 100%; }
#top_menu a { float: left; height: 46px; width: 300px; }

#top_menu a#btn_probleemstellingen { background: #b60d14 url(img/btn_probleemstellingen.gif) no-repeat; }
#top_menu a#btn_tests { background: #1a6c3e url(img/btn_tests.gif) no-repeat; }
#top_menu a#btn_synopsissen { background: #ada61a url(img/btn_synopsissen.gif) no-repeat; }

#top_menu a#btn_probleemstellingen:hover, #top_menu a#btn_probleemstellingen.selected { background: url(img/btn_probleemstellingen_selected.gif) no-repeat; border-bottom: 17px solid #ffffff; }
#top_menu a#btn_tests:hover, #top_menu a#btn_tests.selected { background: url(img/btn_tests_selected.gif) no-repeat; border-bottom: 17px solid #ffffff; }
#top_menu a#btn_synopsissen:hover, #top_menu a#btn_synopsissen.selected { background: url(img/btn_synopsissen_selected.gif) no-repeat; border-bottom: 17px solid #ffffff; }

/*#login_gegevens { position: absolute; right: 37px; top: 133px; font-family: Verdana; font-size: 11px; color: #7b7979; }*/
#login_gegevens { position: absolute; left: 704px; top: 134px; font-family: Verdana; font-size: 11px; color: #7b7979; }
#login_gegevens .login_naam { color: #ffffff; }

.laatstbezocht {position: absolute; left: 20px; top: 98px; font-family: Verdana; font-size: 11px; color: #ffffff;}
.laatstbezocht table {border-collapse:collapse; margin: 0; padding: 0; background: none; color: #ffffff;}
.laatstbezocht table td {font-family: Verdana; padding:0; vertical-align:top; text-align:left; font-size:11px; line-height: 18px; border: none}
.laatstbezocht table td#links {color: #7b7979; width: 90px;}
.laatstbezocht table td#rechts {width: 250px;}
.laatstbezocht a {color: #ffffff; text-decoration: none; }
.laatstbezocht a:hover {text-decoration: underline; }

.bestbezocht {position: absolute; left: 320px; top: 98px; font-family: Verdana; font-size: 11px; color: #ffffff;}
.bestbezocht table {border-collapse:collapse; margin: 0; padding: 0; background: none; color: #ffffff;}
.bestbezocht table td {font-family: Verdana; padding:0; vertical-align:top; text-align:left; font-size:11px; line-height: 18px;  border: none}
.bestbezocht table td#links {color: #7b7979; width: 90px;}
.bestbezocht a {color: #ffffff; text-decoration: none; }
.bestbezocht a:hover {text-decoration: underline; }

#menu { position: absolute; height: 37px; width: 864px; left: 0px; bottom: 0px; background: url(img/menu_bg.gif) repeat-x; font-weight: bold; }
#menu ul { list-style: none; margin: 6px 0 0 20px; padding: 0; font-family: Arial Narrow; font-size: 13px; }
#menu ul li { float: left; margin-right: 12px; }
#menu ul li.geselecteerd a { color: #ffffff }
#menu ul li a { color: #a3a2a2; text-decoration: none; }
#menu ul li a:hover { color: #ffffff; }
#menu #btn_uitloggen { position: absolute; right: 0px; top: 0px; background: #8f8d8e; width: 69px; height: 19px; }
#menu #btn_uitloggen a { position: absolute; top: -1px; left: 6px; color: #ffffff; text-decoration: none; font-family: Verdana; font-size: 10px; }

#extramenu {position: absolute; top: 103px; left: 503px; }
#extramenu img {float: left; margin-left: 7px}

/* INHOUD */

#inhoud {position: absolute; top: 225px; width: 900px; left: 0px; background: #ffffff;}

/* INHOUD - LINKS */
#inhoud #links {float: left; width: 300px; margin-top: 10px; }
#inhoud #links #diagnostieknavigatie { margin-left: 20px;}

#blok { background: #ededed url(img/blok_top.gif) no-repeat; width: 247px; padding-bottom: 0px; }
#blok #blok_header { margin: 16px 20px; }
#blok #blok_inhoud { margin: 5px 23px; }

#blok #blok_inhoud table { margin: 0; padding: 0; border-collapse:collapse; }
#blok #blok_inhoud table td { margin: 0; padding: 0; border: none}
#blok #blok_inhoud table tr { margin: 0; padding: 0;}
#blok #blok_inhoud table td .image_button { position: relative; margin: 1px 0 0 3px}
#blok #blok_inhoud .textbox { width: 120px; margin-right: 5px; }
#blok #blok_bottom { background: url(img/blok_bottom.gif) no-repeat; height: 33px; width: 247px; }

*html #blok { width: 245px; overflow: hidden; }
*html #blok #blok_bottom { left: -2px; bottom: -2px; }

/* INHOUD - CONTENT */
#content { float: left; width: 565px; }

#abonneren { background: #ededed url(img/blok_groot_top.gif) no-repeat; width: 500px; padding-bottom: 0px; margin-bottom: 30px }
#abonneren #abonneren_inhoud { margin: 40px 19px 10px 8px; }

#abonneren #abonneren_inhoud table { margin: 0; padding: 0; border-collapse:collapse; }
#abonneren #abonneren_inhoud table td { margin: 0; padding: 2px 0 2px 15px; vertical-align:middle; border: none}
#abonneren #abonneren_inhoud table tr { margin: 0; padding: 0;}
#abonneren #abonneren_inhoud table td .image_button { position: relative; margin: 1px 0 0 3px}
#abonneren #abonneren_inhoud table label { font-family: Verdana, Arial, sans-serif;  font-size: 11px; }

#abonneren #abonneren_bottom { background: url(img/blok_groot_bottom.gif) no-repeat; height: 38px; width: 500px; }

table.aanhef { padding: 0; margin: 0; border-collapse:collapse; }
table.aanhef td {padding-left: 0; margin: 0; text-align: left; width: 20px; border: none}

#zoeken { background: #ededed url(img/blok_groot_top.gif) no-repeat; width: 500px; padding-bottom: 0px; margin-bottom: 30px }
#zoeken #zoeken_inhoud { margin: 40px 19px 10px 8px; }

#zoeken #zoeken_inhoud table { margin: 0; padding: 0; border-collapse:collapse; }
#zoeken #zoeken_inhoud table td { margin: 0; padding: 0 0 0 15px; vertical-align:text-top; text-align:left; border: none}
#zoeken #zoeken_inhoud table tr { margin: 0; padding: 0; text-align: left;}
#zoeken #zoeken_inhoud table td .image_button { position: relative; margin: 1px 0 0 3px}
#zoeken #zoeken_inhoud table label { font-family: Verdana, Arial, sans-serif;  font-size: 11px; }

#zoeken #zoeken_inhoud table td.tdCbl table {margin: 0; padding: 0; border: none;}
#zoeken #zoeken_inhoud table td.tdCbl table td {margin: 0; padding: 0; text-align:left; border: none}
#zoeken #zoeken_inhoud table td.tdCbl table td input {margin: 0; padding: 0;}

#zoeken #zoeken_bottom { background: url(img/blok_groot_bottom.gif) no-repeat; height: 38px; width: 500px; }

table.zoekresultaat {background: #ffffff; margin: 0; padding: 0; border: none}
table.zoekresultaat td {margin: 0; padding: 0; border: none; font-size:14px; font-family: Georgia, Times; line-height: 20px; }
table.zoekresultaat td a {color: #002bb8; text-decoration: none}
table.zoekresultaat td a:hover {text-decoration: underline}

table.zoekresultaat tr.paginering td table td {background: #ffffff; padding-right: 5px; border: none}

.error { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: Red; margin: 0 0 0 15px; padding: 0}
.error li {margin: 0; padding: 0; line-height: 15px;}

.rechts {float: right}

/* specifieke stylen per diagnostieksoort en zoekterm */

.zoekTerm {background-color: #ffffcf}

#container #inhoud #content .probleemstelling h1.titel {color: #b60c13}
#container #inhoud #content .test h1.titel {color: #1a6c3f}
#container #inhoud #content .synopsis h1.titel {color: #aea61a}

#container #inhoud #content .test table {background-color:#A3CEA1;}
#container #inhoud #content .test table td.tabelkop {background-color:#1A6C3F; color: #fff}
#container #inhoud #content .test table .zoekTerm {background-color: #1A6C3F}

#container #inhoud #content .probleemstelling table td.tabelkop {background-color:#b60c13; color: #fff}
#container #inhoud #content .probleemstelling table .zoekTerm {background-color: #b60c13}

/* INHOUD - FOOTER */
#inhoud #footer {width: 900px; margin: 10px 0 20px 0; color: #a3a2a2;}
#inhoud #footer a {color: #a3a2a2; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

/* POPUP */
#popup {width: 430px; margin: 10px 20px 10px 20px; text-align: left;}
table.popuptabel td {border: none}