/* Basisopmaak */

body {background-color: #fff; color: #313131; font: 12px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; size: landscape;}

div {margin: 0; padding: 0;}

h1 {color: #fff; font-size: 18px; /* text-transform: uppercase; */ font-weight: normal; margin: 0; padding: 1px 20px 3px 15px;}
h2 {color: #25167a; font-size: 16px; margin: 0; padding: 14px 14px 7px 14px; font-family: Arial, Verdana, Helvetica, sans-serif;}
h2.start {padding-top: 5px;}
h3 {color: #25167a; font-size: 15px; font-weight: normal; margin: 0; padding: 10px 14px 2px 14px; font-family: Arial, Verdana, Helvetica, sans-serif;}
h3.start {padding-top: 5px;}
h4 {color: #25167a; font-size: 13px; font-weight: bold; margin: 0; padding: 7px 14px 0 14px; font-family: Arial, Verdana, Helvetica, sans-serif;}

p {margin: 0; padding: 5px 14px; line-height: 16px;}

ul {list-style-image: url(../images/item.gif); margin: 5px 24px; padding: 0;}
ol {margin: 5px 24px; padding: 0;}
ol li {_margin-left: 16px;}
li {line-height: 16px; margin-left: 10px; margin-bottom: 2px;}
ul.sub {list-style-image: url(../images/item2.gif);}
ul.intro {color: #1d116a; font-weight: bold;}
ol.sub {list-style-type: lower-alpha;}
ol.intro {color: #1d116a; font-weight: bold;}
li.link {list-style-image: url(../images/item_link.gif);}
li.ruimte {margin-bottom: 12px;}

table {font: 12px Arial, Verdana, Helvetica, sans-serif; margin: 5px 14px;}
table tr {background-color: #fff; vertical-align: top;}
table th {padding: 5px; font-size: 14px; text-align: center;}
table td {padding: 5px; text-align: left;}
table td.rechts {text-align: right;}
table table {margin: 0;}
table.transparant tr {background-color: transparent;}
table ul {margin: 3px 10px;}
table ol {margin: 3px 10px;}

iframe {background-color: transparent; width: 558px; border: none; padding: 0; margin: -9px 0 5px 0;}
form {margin: 0; padding: 10px 14px;}
form table {margin: 0; text-align: left;}
form p {padding: 5px 0;}
input {font: 12px Arial, Verdana, Helvetica, sans-serif; vertical-align: -2px; _vertical-align: middle;}
select {font: 12px Arial, Verdana, Helvetica, sans-serif;}

img {border: none; margin: 0; padding: 0;}
img.links {float: left; margin: 3px 15px 8px 0;}
img.rechts {float: right; margin: 3px 0 8px 15px;}
img.midden {vertical-align: middle;  margin-top: -5px;}
img.border {border: 1px solid #000033;}

object.links {float: left; margin: 3px 15px 8px 0;}
object.rechts {float: right; margin: 3px 0 8px 15px;}

a {color: #0068b4; text-decoration: none;}
a:hover {text-decoration: underline;}
a.extern {background: transparent url(../images/link_extern2.gif) right no-repeat; padding-right: 10px;}
a.terug {background: transparent url(../images/pijl_terug.gif) left no-repeat; padding: 7px 5px 7px 18px;}
a.vooruit {background: transparent url(../images/pijl_vooruit.gif) right no-repeat; padding: 7px 18px 7px 5px;}
a.pdf {background: transparent url(../images/pdf.gif) right no-repeat; padding: 0 20px 1px 0;}
a.ppt {background: transparent url(../images/ppt.gif) right no-repeat; padding: 0 20px 1px 0;}
a.word {background: transparent url(../images/word.gif) right no-repeat; padding: 0 20px 1px 0;}
a.zip {background: transparent url(../images/zip_file.gif) right no-repeat; padding: 0 20px 1px 0;}
a.lees {background: transparent url(../images/link_pijl.gif) right no-repeat; padding: 0 12px 1px 0;}

.normaal {font-weight: normal; font-size: 12px; color: #313131;}
.groot {font-size: 14px;}
.groter {font-size: 16px;}
.klein {font-size: 11px;}
.kleiner {font-size: 10px;}
.caption {color: #707070; font-size: 10px; font-style: italic; text-align: center; padding-top: 0;}
.nadruk {color: #25167a;}
.wit {color: #fff;}
.rood {color: #c7000b;}
.groen {color: #339900;}
.links {text-align: left;}
.midden {text-align: center;}
.rechts {text-align: right;}
.lijn {border-bottom: 1px solid #25167a; margin: 5px 14px; text-align: right;}
.lijn img {vertical-align: top;}
.ullijn {border-bottom: 1px solid #25167a; margin: 15px 14px 5px 14px; text-align: right;}

#totaal {width: 1000px; margin: 0 auto; padding: 0; text-align: left;}

#meertekst {margin: 10px 14px 5px 14px;}
#meertekst img {text-align: center; vertical-align: top;}
.expand-item {border-left: 1px solid #857cb4;}
.expand span.expand-item,
.collapse span.collapse-item,
.collapse .expand span.expand-item,
.expand .collapse span.collapse-item {display: inline;}
 
.hide,
.collapse .expand-item,
.expand .collapse-item, 
.expand .collapse .expand-item,
.collapse .expand .collapse-item {display: none;}

a.collapse-item,
a.expand-item {background: transparent;}

table.voltijd {width: 255px; float: left; margin: 10px 0 5px 14px; _margin: 10px 0 5px 7px;}
table.voltijd tr {background-color: transparent; vertical-align: top;}
table.voltijd td {border-left: 2px solid #f1ad03; border-right: 2px solid #f1ad03;}
table.voltijd th.hoofd {background: transparent url(../images/tabelhoofd_vt.gif) left top no-repeat; height: 40px; padding: 0;}
table.voltijd th.hoofd h2 {margin: 0; padding: 5px 0;}
table.voltijd th.voet {background: transparent url(../images/tabelvoet_vt.gif) left top no-repeat; height: 20px;}

table.duaal {width: 255px; float: right; margin: 10px 14px 5px 0; _margin: 10px 7px 5px 0;}
table.duaal tr {background-color: transparent; vertical-align: top;}
table.duaal td {border-left: 2px solid #60d237; border-right: 2px solid #60d237;}
table.duaal th.hoofd {background: transparent url(../images/tabelhoofd_du.gif) left top no-repeat; height: 40px; padding: 0;}
table.duaal th.hoofd h2 {margin: 0; padding: 5px 0;}
table.duaal th.voet {background: transparent url(../images/tabelvoet_du.gif) left top no-repeat; height: 20px;}

table.deeltijd {width: 255px; float: right; margin: 10px 14px 5px 0; _margin: 10px 7px 5px 0;}
table.deeltijd tr {background-color: transparent; vertical-align: top;}
table.deeltijd td {border-left: 2px solid #647ffc; border-right: 2px solid #647ffc;}
table.deeltijd th.hoofd {background: transparent url(../images/tabelhoofd_dt.gif) left top no-repeat; height: 40px; padding: 0;}
table.deeltijd th.hoofd h2 {margin: 0; padding: 5px 0;}
table.deeltijd th.voet {background: transparent url(../images/tabelvoet_dt.gif) left top no-repeat; height: 20px;}


/* Top met navigatie */

#topbalk {background-color: #25167a; height: 75px; text-align: left;}
#logo {margin: 9px 0 0 5px; height: 49px; width: 310px; float: left;}
#nav {background-color: transparent; float: right; margin: 0;}

#steunmenu {text-align: right; padding-top: 20px; padding-left: 2px; padding-right: 2px; padding-bottom: 16px;}
#steunmenu a {font-weight: bold; color: #cccccc; font-size: 10px; text-decoration: none;}
#steunmenu a:hover {color: #ffffff; text-decoration: none;} 

.item {width: 120px; height: 24px; background: transparent url(../images/nav_tab3.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center;}
.item a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none;}
.item a:hover {color: #0068b4; text-decoration: none;}

/* Een studie kiezen */

#studie_menu {width: 120px; height: 24px; background: transparent url(../images/nav_tab3.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center;}
#studie_menu a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none;}
#studie_menu a:hover {color: #0068b4; text-decoration: none;}
#studie_items {position: absolute; visibility: hidden; width: 180px; background: #fbfbfb url(../images/hoofdmenu_item.gif) 0 0 repeat-y; border: 1px solid #313131; border-top: 0; margin: -6px 0 0 -1px; _margin: -2px 0 0 -1px;}
#studie_items a {display: block; background: transparent; padding: 3px 10px 2px 22px; font-size: 11px; color: #434343; text-decoration: none;}
#studie_items a:hover{background: #ccdcf1; border: 1px solid #8aaad9; margin: 1px 2px; padding: 1px 7px 0 19px; color: #313131; text-decoration: none;}
#studie_items img {margin: -6px 2px 2px 2px;}

/* Informatie voor... */

#informatie_menu {width: 120px; height: 24px; background: transparent url(../images/nav_tab3.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center;}
#informatie_menu a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none;}
#informatie_menu a:hover {color: #0068b4; text-decoration: none;}
#informatie_items {position: absolute; visibility: hidden; width: 170px; background: #fbfbfb url(../images/hoofdmenu_item.gif) 0 0 repeat-y; border: 1px solid #313131; border-top: 0; margin: -6px 0 0 -1px; _margin: -2px 0 0 -1px;}
#informatie_items a {display: block; background: transparent; padding: 3px 10px 2px 22px; font-size: 11px; color: #434343; text-decoration: none;}
#informatie_items a:hover{background: #ccdcf1; border: 1px solid #8aaad9; margin: 1px 2px; padding: 1px 7px 0 19px; color: #313131; text-decoration: none;}
#informatie_items img {margin: -6px 2px 2px 2px;}

/* De HvA */

#hva_menu {width: 120px; height: 24px; background: transparent url(../images/nav_tab3.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center;}
#hva_menu a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none;}
#hva_menu a:hover {color: #0068b4; text-decoration: none;}
#hva_items {position: absolute; visibility: hidden; width: 145px; background: #fbfbfb url(../images/hoofdmenu_item.gif) 0 0 repeat-y; border: 1px solid #313131; border-top: 0; margin: -6px 0 0 -1px; _margin: -2px 0 0 -1px;}
#hva_items a {display: block; background: transparent; padding: 3px 10px 2px 22px; font-size: 11px; color: #434343; text-decoration: none;}
#hva_items a:hover{background: #ccdcf1; border: 1px solid #8aaad9; margin: 1px 2px; padding: 1px 7px 0 19px; color: #313131; text-decoration: none;}
#hva_items img {margin: -6px 2px 2px 2px;}

/* De instituten */

#instituuts_menu {width: 120px; height: 24px; background: transparent url(../images/nav_tab3.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center;}
#instituuts_menu a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none;}
#instituuts_menu a:hover {color: #0068b4; text-decoration: none;}
#instituuts_items {position: absolute; visibility: hidden; width: 235px; background: #fbfbfb url(../images/hoofdmenu_item.gif) 0 0 repeat-y; border: 1px solid #313131; border-top: 0; margin: -6px 0 0 -1px; _margin: -2px 0 0 -1px;}
#instituuts_items a {display: block; background: transparent; padding: 3px 10px 2px 22px; font-size: 11px; color: #434343; text-decoration: none;}
#instituuts_items a:hover{background: #ccdcf1; border: 1px solid #8aaad9; margin: 1px 2px; padding: 1px 7px 0 19px; color: #313131; text-decoration: none;}
#instituuts_items img {margin: -6px 2px 2px 2px;}

/* International */

#international_menu {width: 133px; height: 24px; background: transparent url(../images/nav_tab2.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center; margin-left: 2px;}
#international_menu a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none;}
#international_menu a:hover {color: #0068b4; text-decoration: none;}

/* nav overzichten linkerkolom interessegebieden en vt, dt, du */

#overzicht {border-bottom: 1px solid #514595; padding-bottom: 7px;}
#overzicht p {color: #25167a; margin: 0;}
#overzicht h4 {color: #25167a; padding: 1px 2px 8px 2px; font-size: 11px;  margin: 0;}
#overzicht a {font-size: 10px; font-weight: bold;}
#overzicht div.lijntje {border-bottom: 1px solid #ccc; margin: 5px 15px; padding: 0; width: 250px; _margin-top: -10px;}

img.vert {vertical-align: middle;}

/* Footer */

#footer {clear: both; background: #f8f8fb url(../images/verloop_footer.jpg) bottom repeat-x; padding: 5px;}

#footer1 {padding: 5px 15px 0 15px; font-size: 11px; color: #626262; text-align: center; vertical-align: middle;}
#footer1 a {color: #626262; text-decoration: none; padding: 0 5px;}
#footer1 a:hover {color: #313131; background: #dcdcdc; margin: 0 -3px; padding: 0 8px;}

#footer2 {color: #898989; font-size: 10px; margin-top: 8px; padding: 0 15px 3px 15px; text-align: center;}
#footer2 a {color: #0068b4; text-decoration: none; padding: 0;}
#footer2 a:hover {text-decoration: underline;}