/* Basisopmaak */

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

div {background: transparent; margin: 0; padding: 0;}

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

p {margin: 0; padding: 5px 14px;}

ul {list-style-image: url(../images/list-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;}
ul.sub {list-style-image: url(../images/list-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;}
dl {padding: 0; margin: 0;}
dt {padding: 0; margin: 0; float: left;}

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-left: auto; margin-right: auto; display: block;}
img.border {border: 1px solid #000033;}
img.vert {vertical-align: middle;} 

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

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

a {color: #0068b4; text-decoration: none; font-family: Verdana, Arial, sans-serif;}
a:hover {text-decoration: none; border-bottom: 1px dotted #0068b4;}
a:hover img {border-bottom: none;}

a.extern {background: transparent url(../images/link_extern2.gif) right no-repeat; padding-right: 10px;}
a.pdf {background: transparent url(../images/pdf.gif) right no-repeat; padding: 1px 20px 1px 0;}
a.ppt {background: transparent url(../images/ppt.gif) right no-repeat; padding: 1px 20px 1px 0;}
a.word {background: transparent url(../images/word.gif) right no-repeat; padding: 1px 20px 1px 0;}
a.xls {background: transparent url(../images/excel.gif) right no-repeat; padding: 1px 20px 1px 0;}
a.zip {background: transparent url(../images/zip_file.gif) right no-repeat; padding: 1px 20px 1px 0;}
a.flash {background: transparent url(../images/flashpaper2.gif) right no-repeat; padding: 1px 20px 1px 0;}
a.lees {background: transparent url(../images/link_pijl.gif) right no-repeat; padding: 0 12px 1px 0;}
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.video {background: transparent url(../images/miniplayicon.gif) right no-repeat; padding: 7px 30px 7px 5px;}

.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;}
.melding {background: #fff url(../afbeeldingen/let_op.gif) 10px 6px no-repeat; border: 1px solid #c8c5de; margin: 10px 14px; padding: 12px 12px 12px 85px !important; -moz-border-radius: 6px; border-radius: 6px; min-height: 60px; _height: 75px;}

.kader {background: #fff; border: 1px solid #25167a; margin: 10px 10px 10px 10px; padding: 12px 12px 12px 12px; overflow: hidden;}

/* Zoeken */

#zoeken {margin: 11px 4px 0 0; float: right; width: 165px; height: 21px;}
#zoeken form {margin: 0; padding: 0;}
#zoeken #cse-search-box {margin: 0;}
#zoeken input#sa {background: transparent url(../images/zoeken.gif) 0 0 no-repeat; border: none; cursor: pointer; height: 23px; width: 25px; margin: 0 0 0 -5px; padding: 0; *margin-top: -3px;}
#zoeken input#sa:hover {background: transparent url(../images/zoeken-2.gif) 0 0 no-repeat;}
#zoeken .mb {-moz-border-radius-topleft: 2px;}

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


/* 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 {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)}


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


/* Stijl van links in de middenkolom */

#middenkolom a {font-family: Arial, Helvetica, sans-serif;}
#middenkolom a:hover {text-decoration: none;}

/* Sitestat code box */
#sitestat {position:absolute; top:0px; left:0px; margin:10px; text-align:left}

/* id's en class voor flash container */
#flashmovieplayer {text-align: left; margin: 10px 0;}
#flashmovieplayer-midden {text-align: center; margin: 10px auto;}
#flashmovieplayer-rechts {text-align: center; float: right; margin: 2px;}
.flashmovieplayercontainer {background-color: #f5f4f9; padding: 0; border: 1px solid #25167a; margin: 15px;}
#playercontainer {text-align: center; margin-left: auto; margin-right: auto; font-family: arial,verdana,helvetica,sans-serif;}
.myplayer {border: 1px solid #25167a; padding: 10px; background-color: #f5f4f9;}
.myplayernoborder {padding: 10px; background-color: #f5f4f9; margin: 15px;}

/*voor de dubbele flashmovies*/
#flashmovieplayerdubbel {text-align: left;}
#flashmovieplayerdubbel-midden {text-align: center; margin: 10px auto;}