/* Basisopmaak */

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

div {margin: 0; padding: 0}

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

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; _margin-left: 12px; *margin-left: 12px;}
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 15px}
table p {padding: 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}
textarea {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.xls {background: transparent url(../images/excel.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}
a.swf {background: transparent url(../images/flashpaper2.gif) right no-repeat; padding: 0 20px 0 0}

.normaal {font-weight: normal; font-size: 12px; color: #313131}
.groot {font-size: 14px; line-height: 17px}
.groter {font-size: 16px; line-height: 18px}
.klein {font-size: 11px}
.kleiner {font-size: 10px}
.caption {color: #707070; font-size: 10px; font-style: italic; text-align: center; padding: 0; float: right; margin: 10px 14px 8px 15px}
.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}
.datum {color: #707070; font-size: 11px}
.ingesprongen {margin-left: 25px; margin-right: 25px}

/* Stijl bij Guido's uitschuif-script */

.schuifopenklik {padding: 10px 2px 0 14px; margin: 0; color: #0068b4; cursor: pointer; line-height: 16px}
.schuifopenklik:hover {text-decoration: none; cursor: pointer; }
.schuifopenopen {color: #0068b4; cursor: pointer; font-weight: bold}
.schuifopendicht {color: #0068b4; cursor: pointer; font-weight: normal}
.schuifopeninhoud {padding: 0 0 0 0px; margin-left: 2px}

/* Kan onderstaande door het bovenstaande nu weg? */

div.uitklapper {background: transparent url(../images/open_12x12.gif) 0 8px no-repeat; font-size: 12px;  line-height: 12px; margin: 0 15px; padding: 8px 0 4px 20px; *line-height: 18px}
div.uitklapper2 {background: transparent url(../images/close_12x12.gif) 0 8px no-repeat; font-size: 12px;  line-height: 12px; margin: 0 15px; padding: 8px 0 4px 20px; *line-height: 18px}
table.uitklapscherm {background-color: transparent; border: 1px solid #ccc; -moz-border-radius: 4px; -moz-border-top-colors: #ccc; -moz-border-right-colors: #ccc; -moz-border-bottom-colors: #ccc; -moz-border-left-colors: #ccc; display: block; margin: 10px 20px 0 0}
.uitklapperlink {color: #0068b4; text-decoration: none; cursor: pointer}

/* Renee's box-dingetjes voor de interessegebieden */

#voltijdbox {border: solid 1px #f1ad03; background: transparent url(http://www.hva.nl/images/verloop.png) left bottom no-repeat; padding: 0 0 5px 0; margin: 15px 14px 10px 14px; width: 530px; -moz-border-radius: 8px}
#voltijdbox h2 {padding: 4px 14px; border-bottom: 1px solid #f1ad03; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px}
#voltijdbox ul.pijltje {list-style-image: url(http://www.hva.nl/images/bullet_yellow.png); _list-style-image: url(http://www.hva.nl/images/bullet_yellow.gif)}

#duaalbox {border: solid 1px #60d237; background: transparent url(http://www.hva.nl/images/verloop.png) left bottom no-repeat; padding: 0 0 5px 0; margin: 10px 14px 10px 14px; width: 530px; -moz-border-radius: 8px}
#duaalbox h2 {padding: 4px 14px; border-bottom: 1px solid #60d237; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px}
#duaalbox ul.pijltje {list-style-image: url(http://www.hva.nl/images/bullet_green.png); _list-style-image: url(http://www.hva.nl/images/bullet_green.gif)}

#deeltijdbox {border: solid 1px #647ffc; background: transparent url(http://www.hva.nl/images/verloop.png) left bottom no-repeat; padding: 0 0 5px 0; margin: 10px 14px 10px 14px; width: 530px; -moz-border-radius: 8px}
#deeltijdbox h2 {padding: 4px 14px; border-bottom: 1px solid #647ffc; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px}
#deeltijdbox ul.pijltje {list-style-image: url(http://www.hva.nl/images/bullet_blue.png); _list-style-image: url(http://www.hva.nl/images/bullet_blue.gif)}

#masterbox {border: solid 1px #25167a; background: transparent url(http://www.hva.nl/images/verloop.png) left bottom no-repeat; padding: 0 0 5px 0; margin: 10px 14px 10px 14px; width: 530px; -moz-border-radius: 8px}
#masterbox h2 {padding: 4px 14px; border-bottom: 1px solid #25167a; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px}
#masterbox ul.pijltje {list-style-image: url(http://www.hva.nl/images/bullet_purple.png); _list-style-image: url(http://www.hva.nl/images/bullet_purple.gif)}

#kopbox {border: solid 1px #25167a; background: transparent url(http://www.hva.nl/images/verloop.png) left bottom no-repeat; padding: 0 0 5px 0; margin: 10px 14px 10px 14px; width: 530px; -moz-border-radius: 8px}
#kopbox h2 {padding: 4px 14px; border-bottom: 1px solid #25167a; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px}
#kopbox ul.pijltje {list-style-image: url(http://www.hva.nl/images/bullet_purple.png); _list-style-image: url(http://www.hva.nl/images/bullet_purple.gif)}

div.verwant {margin-left: 12px; margin-top: 5px; _margin-left: 6px}
div.box {float: left; width: 170px; border: 1px solid #cccccc; background: transparent url(http://www.hva.nl/images/verloop.png) left bottom no-repeat; margin: 5px; -moz-border-radius: 8px}
div.box h3 {border-bottom: 1px solid #cccccc; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px}
ul.verwantlijst {list-style-image: url(http://www.hva.nl/images/arrow_right_grey.png); _list-style-image: url(http://www.hva.nl/images/arrow_right_grey.gif)}

/* 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 {padding: 20px 2px 16px 2px; width: 610px; height: 15px}
#steunmenu dl {padding: 0; margin: 0; float: right}
#steunmenu dl dt {padding-right: 9px; margin: 0; float: left}
#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 {z-index:1;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 dl {padding: 0; margin: 0}
#studie_items dl dt {padding: 0; margin: 0; float: left; width: 180px}
#studie_items dl dt.scheiding {border-top: 1px solid #dedede; color: #898989; font-style: italic; font-size: 12px; margin: 5px 1px 1px 1px; padding: 0 0 0 20px; width: 157px}
#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}

/* 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 {z-index:1;position: absolute; visibility: hidden; width: 210px; 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 dl {padding: 0; margin: 0}
#informatie_items dl dt {padding: 0; margin: 0; float: left; width: 210px}
#informatie_items dl dt.scheiding {border-top: 1px solid #dedede; color: #898989; font-style: italic; font-size: 12px; margin: 5px 1px 1px 1px; padding: 0 0 0 20px; width: 187px}
#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 a.nietactief {color: #898989; font-style: italic; cursor: pointer}
#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 {z-index:1;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 dl {padding: 0; margin: 0}
#hva_items dl dt {padding: 0; margin: 0; float: left; width: 145px}
#hva_items dl dt.scheiding {border-top: 1px solid #dedede; color: #898989; font-style: italic; font-size: 12px; margin: 5px 1px 1px 1px; padding: 0 0 0 20px; width: 122px}
#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 domeinen */

#domeinen_menu {width: 120px; height: 24px; background: transparent url(../images/nav_tab3.gif) 0 0 no-repeat; float: left; padding-top: 4px; text-align: center}
#domeinen_menu a {color: #25167a; font-size: 12px; font-weight: bold; text-decoration: none}
#domeinen_menu a:hover {color: #0068b4; text-decoration: none}
#domeinen_items {z-index:1;position: absolute; visibility: hidden; width: 210px; 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}
#domeinen_items dl {padding: 0; margin: 0}
#domeinen_items dl dt {padding: 0; margin: 0; float: left; width: 210px}
#domeinen_items dl dt.scheiding {border-top: 1px solid #dedede; color: #898989; font-style: italic; font-size: 12px; margin: 5px 1px 1px 1px; padding: 0 0 0 20px; width: 187px}
#domeinen_items a {display: block; background: transparent; padding: 5px 10px 4px 22px; font-size: 11px; color: #434343; text-decoration: none}
#domeinen_items a:hover{background: #ccdcf1; border: 1px solid #8aaad9; margin: 1px 2px; padding: 3px 7px 2px 19px; color: #313131; text-decoration: none}
#domeinen_items a.nietactief {color: #898989; font-style: italic; cursor: pointer}
#domeinen_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}

/* Navigatie 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}

.melding {background: #fff url(../images/let_op.jpg) 8px 5px no-repeat; border: 1px solid #25167a; margin: 10px 14px; padding: 12px 12px 12px 50px;}

div.vacaturescherm {background-color: #fff; border: 1px solid #7c73af; margin: 10px 14px; padding: 5px}
div.vacaturescherm h2 {font-size: 12px; font-weight: bold; padding: 2px 14px 0 14px; text-align: center}
div.vacaturescherm h3 {font-size: 16px; font-weight: bold; padding: 5px 14px 2px 14px; text-align: center}
div.vacaturescherm p {color: #25167a; text-align: center}

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}

/* Crumbtrail */

#crumbs {	position:absolute; top: 124px; _top:127px; margin-left: 321px; width: 400px; white-space: nowrap; color:#e6e2fc; font-size: 11px; z-index: 0; }
#crumbs a {	font-size: 11px; margin-left: 5px; margin-right: 5px; color:#e6e2fc; text-decoration:none; }
#crumbs a:hover { text-decoration: underline; color:#fff}

.ehva { margin-left: 275px !important; color:#25167A !important; }
.ehva a { color:#25167A !important; }
.oo { color:#25167A !important; }
.oo a { color:#25167A !important; }

/* Vacatures iframe */

.Body {background-color:transparent !important}
.Body tr {background-color:transparent !important}
.Body table {margin:0}
.Body .vacancies {border:1px solid #7c73af; background-color:#fff; margin:2%; width:96%; border-spacing:1px;}
.Body .Kopregel {background-color:#d3d0e4 !important; white-space:nowrap}
.Body .Kopregel a {font-weight:700; color:#000}
.Body .Kopregel img {display:none}
.Body h1 {color:#25167a; padding:3px 10px}
.Body .SubRegelOneven {background-color:#f6f6f6 !important}
.Body .DataTable {position:relative; top:0;}
.Body .Datafield {padding-left:10px}
.Body .Datafield h4 {padding: 7px 0 0}
.Body .Datafield p {padding: 3px 0}

/* google custom zoekveldje op elke pagina */
form#cse-search-box {margin: -2px 0 0 0; padding: 0;}
form#zoek-cse-search-box {margin: -2px 0 0 0; padding: 0;}
input#zv  {background-image:none !important}
input#sa {background: transparent url(http://www.hva.nl/images/magnifier.gif) 2px 3px no-repeat; border: none; cursor: pointer; height: 20px; width: 20px;}

/* id's en class voor flash container */
#flashmovieplayer {text-align: left;}
#flashmovieplayer-midden {text-align: center; margin-left: auto; margin-right: auto;}
.flashmovieplayercontainer {background-color: #f5f4f9; padding: 0; border: 1px solid #25167a; margin: 15px;}