/* Basisopmaak */

body {background-color: #fff;}

#totaal {background: #fff /*url(http://www.hva.nl/images/kolompaars.gif) right top repeat-y*/; margin: 0 auto; padding: 0; text-align: left; width: 1000px;}

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

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

/* Top met navigatie */

#topbalk {background-color: #25167a;}

/* Titelbalk met aanduiding interessegebieden */

#titelbalk {background-color: #d3d0e4; height: 45px; padding-top: 0;}
#titelbalk h1 {color: #665ba2; font-size: 18px; font-weight: normal; padding: 10px 15px;}
#titelbalk h1 span.titel {color: #25167a; text-transform: none; border-left: 2px solid #25167a;}
#titelbalk h1 span.titelopl {color: #25167a; text-transform: none; border-left: 2px solid #25167a; font-size: 14px;}
#titelbalk img {vertical-align: middle; margin-right: 5px; margin-top: -3px;}

/* Menu */

div#linkerkolom {width: 300px; float: left;}
#menu {background: #e2e0ed url(../images/menuplaatje_org.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px; overflow: auto; _overflow: none;}
#menu_zoeken {background: #e2e0ed url(../images/menuplaatje_zoeken.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px; overflow: auto; _overflow: none;}
#menu_nieuws {background: #e2e0ed url(../images/menuplaatje_nieuws.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px; overflow: auto; _overflow: none;}
#menu_vacatures {background: #e2e0ed url(../images/menuplaatje_vacatures.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px; overflow: auto; _overflow: none;}
#menu_aansluiting {background: #e2e0ed url(../images/menuplaatje_aansluiting.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px; overflow: auto; _overflow: none;}
#menu_studiesinalmere {background: #e2e0ed url(../images/menuplaatje_studies-in-almere.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px; overflow: auto; _overflow: none;}
#menubalk {background-color: #25167a; height: 22px; opacity: 0.6; filter: alpha(opacity=60);}
#menuitems {background: transparent url(http://www.hva.nl/images/menu-top.png) 0 0 no-repeat; margin: 25px 5px 0 43px; padding: 10px 0 0 0; line-height: 18px; width: 251px;}
#menuitems a {background: transparent url(http://www.hva.nl/images/menu-back.png) 0 0 no-repeat; color: #25167a; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; height: 18px; text-decoration: none; padding: 0 18px 0 5px; display: block; position: relative; _width: 251px;}
#menuitems a.ie5 {color: #25167a; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; height: 18px; text-decoration: none; padding: 0 18px 0 5px; display: block; position: relative; _width: 251px;}
#menuitems a:hover {background: transparent url(http://www.hva.nl/images/menulink-back.png) 0 0 no-repeat; color: #c7000b; border: none;}
#menuitems a.ie5:hover {color: #c7000b; border: none;}
#menuitems a.actief {background: transparent url(http://www.hva.nl/images/menulink-back.png) 0 0 no-repeat; color: #c7000b;}
#bottom {background: transparent url(http://www.hva.nl/images/menu-bottom.png) 0 0 no-repeat; margin: 0 5px 25px 43px; padding-bottom: 8px; width: 251px; height: 11px;}
#menu ul, #menu li {margin: 0; padding: 0; list-style: none; line-height: 16px; text-align: left; width: 251px;}
ul#menuitems {margin: 25px 5px 0 43px; padding: 10px 0 0 0;}
#menuitems li span.kop {padding: 4px 11px; font-size: 13px; font-weight: bold; display: block; width: 229px; color: #150c5a; _width: 251px; /*border-top: 1px solid #ffe469; border-bottom: 1px solid #ffe469;*/}
#menuitems li a {padding: 2px 18px 1px 30px; font-weight: normal; color: #150c5a;}
#menuitems li a:hover {font-weight: normal; color: #150c5a; border: none;}

.special {background-color: #514595; height: 20px;}
.special h1 {font-size: 12px; color: #fff; font-weight: bold; margin: 0; padding: 2px 15px;}
.specialtekst {padding: 10px 15px;}
.specialtekst img {vertical-align: middle; margin-bottom: 3px;}
.specialtekst a {font-weight: bold; text-decoration: none;}
.specialtekst a:hover {text-decoration: underline;}
.specialtekst h2 {padding: 5px 1px; color: #25167a;}
.specialtekst p {padding: 5px 1px; color: #25167a;}
.groot {font-size: 14px;}
.groter {font-size: 16px;}
.nadruk {color: #ff9900;}
#opendagbanner {padding: 0;}
#opendagbanner .specialtekst {padding: 5px 0;}
#overzicht a {font-size: 10px;}
#overzicht img.vert {vertical-align: middle;}

.aankondigingklein {background: transparent url(http://www.hva.nl/images/announce_middle.gif) top no-repeat; width: 250px; height: 150px; margin: 10px 15px;}
.aankondigingklein h2 {color: #ef741d; font-size: 14px; padding-bottom: 2px;}
.aankondigingklein p {padding-top: 3px;}

.aankondigingkleiner {background: transparent url(http://www.hva.nl/images/announce_kleiner.gif) top no-repeat; width: 250px; height: 75px; margin: 10px 15px;}
.aankondigingkleiner h2 {color: #ef741d; font-size: 14px; padding-top: 6px; padding-bottom: 1px;}
.aankondigingkleiner p {padding-top: 3px;}
.aankondigingkleiner h4 {color: #25167a; font-size: 12px; padding-top: 4px; padding-bottom: 2px;}

/* Content */

div#middenkolom {background-color: #f4f3f8; float: left; width: 700px;}
#middenkolom a {font-family: Arial, Helvetica, sans-serif;}

.domeinoverzicht {width:630px !important;}

#contenttitel {background-color: #3a2d87; height: 22px;}
#contenttitel h1 {padding-left: 25px;}
#contenttitel a {font-weight: bold;}
#content {padding: 11px; min-height: 623px; _height: 623px; margin-right: 120px;}
#content h2.vacaturekop {background: transparent url(../images/vacaturekop.gif) 0 0 no-repeat; font-weight: normal; font-size: 18px; height: 95px; margin: 10px 14px 7px 14px; padding: 7px 14px 0 14px; text-align: center; _margin: 14px; _padding: 7px; line-height: 28px;}
#content p {line-height: 16px;}
#content p.intro {color: #25167a; font-weight: bold;}
#content div.nieuwstitel {background-color: #b9b2d0; font-size: 13px; font-weight: bold; line-height: 16px; color: #303030; padding: 5px; border: 1px solid #25167a; margin: 5px 14px 0 14px;}
#content div.nieuwscontent {background-color: #f1eff6; border-left: 1px solid #25167a; border-right: 1px solid #25167a; padding: 15px 10px 15px 20px; margin: 0 14px;}
#content div.nieuwscontent p {margin: 5px 0;}
#content div.nieuwsdatum {background-color: #c8c5de; font-size: 11px; line-height: 16px; color: #303030; padding: 5px; text-align: right; border: 1px solid #25167a; margin: 0 14px 5px 14px;}

table tr.header1 {background-color: #a7a1ca;}
table tr.header2 {background-color: #d3d0e4;}
table tr.header2 th {font-size: 13px;}
table th.header {background-color: #e2e0ed; font-size: 13px; text-align: left;}
table td.header {background-color: #e2e0ed; font-size: 13px; text-align: left; font-weight: bold;}
table tr.header3 {background-color: #e9e7f1;}
table tr.header3 th {font-size: 12px;}
table th.header3 {background-color: #e9e7f1; font-size: 12px;}
table.border {border: 1px solid #7c73af; border-spacing: 1px;}
table td.trans {background-color: #f4f3f8;}


#content ul#internmenu {background: #bbd5f0 url(../images/verloop_internmenu.gif) bottom repeat-x; list-style: none; line-height: 30px; padding: 0 0 0 16px; margin: -10px -11px 5px -11px;}
#internmenu li {display: inline; text-decoration: none; margin: 0; padding: 0; *line-height: 30px;}
#internmenu li a {background-color: transparent; font-size: 12px; color: #25167a; font-weight: bold; text-decoration: none; padding: 8px 9px 7px 9px; margin: 0 -3px 0 0; white-space: nowrap; border-right: 1px solid #eff2ff;}
#internmenu li a:hover {background: #ebf2fb url(../images/verloop_internmenu_actief.gif) bottom repeat-x; color: #25167a; text-decoration: none; border-bottom: none;}
#internmenu li a.actief {background: #ebf2fb url(../images/verloop_internmenu_actief.gif) bottom repeat-x; color: #25167a; text-decoration: none;}
#internmenu li a.actief:hover {text-decoration: underline; border-bottom: none;}


/* #content ul#internmenu {background: transparent url(../images/internmenu_achter.gif) 0 0 no-repeat; list-style: none; width: 531px; height: 28px; margin: 0 0 0 11px; padding: 0; _margin-bottom: 15px;}
#internmenu li {float: left; border-right: 1px solid #7c73af; text-decoration: none; height: 12px; margin: 6px 0 6px 1px; padding: 0; _margin: 5px 0 5px 1px;}
#internmenu li a {font-size: 10px; color: #665ba2; display: block; font-weight: bold; text-decoration: none; margin: -2px 1px 0 0; padding: 0 7px; _padding: 1px 7px;}
#internmenu li a:hover {background-color: #cfcce2; color: #25167a; text-decoration: none;}
#internmenu li a.actief {background-color: #cfcce2; color: #25167a; text-decoration: none;}
#internmenu li a.actief:hover {text-decoration: underline;}
#internmenu li.zonder {border: none;}

#content ul#internmenudubbel {background: transparent url(../images/internmenudubbel_achter.gif) 0 0 no-repeat; list-style: none; width: 531px; height: 52px; margin: 0 0 0 11px; padding: 0; _margin-bottom: 15px;}
#internmenudubbel li {float: left; text-decoration: none; border-right: 1px solid #7c73af; height: 12px; margin: 5px 0 4px 1px; padding: 0 0 2px 0; _margin: 4px 0 1px 1px;}
#internmenudubbel li a {font-size: 10px; color: #665ba2; display: block; font-weight: bold; text-decoration: none; margin: 0 1px 0 0; padding: 0 8px;}
#internmenudubbel li a:hover {background-color: #cfcce2; color: #25167a; text-decoration: none;}
#internmenudubbel li a.actief {background-color: #cfcce2; color: #25167a; text-decoration: none;}
#internmenudubbel li a.actief:hover {text-decoration: underline;}
#internmenudubbel li.zonder {border: none;} */

ul#internmenusub {float: right; list-style: none; margin: 15px 14px 10px 10px; width: 180px; font-size: 12px; font-weight: bold; line-height: 12px; _margin: 18px 8px 10px 10px;}
#internmenusub li {display: block; text-decoration: none; margin: 0; padding: 0; border: 1px solid #25167a; list-style-image: none; border-top: none;}
#internmenusub a {background-color: #ffffff; font-size: 9px; color: #000033; display: block; padding: 3px 5px 5px 5px; text-decoration: none;}
#internmenusub a:hover {background-color: #e0e9f6; text-decoration: none; border-bottom: none;}
#internmenusub a.intern_subkop {background-color: #ffd6b2; font-weight: bold; color: #25167a;}
#internmenusub a.actief {background-color: #eef3fa; color: #25167a; text-decoration: none;}
#internmenusub a.intern_kop {background-color: #514595; font-weight: bold; color: #ffffff; font-size: 12px; padding: 5px 5px 7px 5px;}

#internmenux {float: right; border-bottom: 1px solid #9F0002; border-right: 1px solid #9F0002; margin: 0 14px 6px 10px; width: 150px; font-size: 12px; font-weight: bold;}
#internmenux a {background-color: #e0e9f6; font-size: 9px; color: #000033; display: block; padding: 3px 5px; text-decoration: none; border-left: 1px solid #9F0002; border-top: 1px solid #9F0002;}
#internmenux a:hover {background-color: #bfd2ec; text-decoration: none; border-bottom: none;}
#internmenux a.intern_subkop {background-color: #ffffff; font-weight: bold; color: #000000;}
#internmenux a.intern_actief {background-color: #5789cc; font-weight: bold; color: #ffffff;}
#internmenux a.intern_kop {background-color: #9F0002; font-weight: bold; color: #ffffff; font-size: 11px}

#content ul#internmenu2 {background: #514595 url(../images/verloop_internmenu.jpg) bottom left repeat-x; list-style: none; line-height: 22px; padding: 1px 27px 2px 27px; margin: -11px -11px 12px -11px; border-bottom: 1px solid #25167a; *padding: 4px 27px 5px 27px;}
#internmenu2 li {display: inline; padding: 0; margin: 0 0 0 -3px;}
#internmenu2 li a {background-color: transparent; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 8px; border-right: 1px solid #a8a2ca;}
#internmenu2 li a:hover {background-color: #d3d0e4; color: #25167a; border-bottom: none;}
#internmenu2 li a.actief {background-color: #d3d0e4; color: #25167a;}
#internmenu2 li a.actief:hover {text-decoration: underline; border-bottom: none;}

#content h2.menu {clear: both; padding-top: 12px; _padding-top: 0; _margin-top: -3px;}
#content h2.menuhoog {clear: both; padding-top: 20px; _padding-top: 8px; _margin-top: -3px;}
#content h3 a {color: #252525; font-size: 16px; font-weight: normal; padding: 9px 30px 15px 47px; text-decoration: none; display: block; _height: 30px; _width: 270px; _padding: 9px 20px 12px 53px; border-bottom: none;}
#content h3 a:hover {cursor: pointer; border-bottom: none;}
#content h3 a.bsv {background: transparent url(http://www.hva.nl/images/bsv-header.png) 0 0 no-repeat;}
#content h3 a.em {background: transparent url(http://www.hva.nl/images/em-header.png) 0 -1px no-repeat;}
#content h3 a.gz {background: transparent url(http://www.hva.nl/images/gz-header.png) 0 0 no-repeat;}
#content h3 a.mr {background: transparent url(http://www.hva.nl/images/mr-header.png) 0 0 no-repeat;}
#content h3 a.mci {background: transparent url(http://www.hva.nl/images/mci-header.png) 0 -1px no-repeat;}
#content h3 a.oo {background: transparent url(http://www.hva.nl/images/oo-header.png) 0 -1px no-repeat;}
#content h3 a.tn {background: transparent url(http://www.hva.nl/images/tn-header.png) 0 0 no-repeat;}
#content h3.tip {background: transparent url(http://www.hva.nl/images/tip.gif) 0 5px no-repeat; padding-left: 28px; font-weight: bold;}

iframe {background-color: transparent; width: 600px; border: none; padding: 0; margin: 0 2px; text-align: left;}
form {padding: 0; margin: 10px 14px;}
fieldset {background: #f8fafd; margin: 0; padding: 0 0 13px 0; border: 1px solid #2d6cc0; -moz-border-radius: 4px; -moz-border-top-colors: #2d6cc0; -moz-border-right-colors: #2d6cc0; -moz-border-bottom-colors: #2d6cc0; -moz-border-left-colors: #2d6cc0;}
legend {background-color: #79a3d8; border: 1px solid #2d6cc0; padding: 5px 8px; margin-left: 10px; font-weight: bold; font-size: 14px; color: #363636; *margin-top: -11px; _margin-top: 0;}


form {padding: 0; margin: 10px 14px;}
fieldset {background: #f8f8fb; margin: 0; padding: 0 0 13px 0; border: 1px solid #25167a; clear: both; position: relative; -moz-border-radius: 4px; -moz-border-top-colors: #25167a; -moz-border-right-colors: #25167a; -moz-border-bottom-colors: #25167a; -moz-border-left-colors: #25167a;}
legend {background-color: #a8a2ca; border: 1px solid #25167a; padding: 5px 8px; margin-left: 10px; font-weight: bold; font-size: 14px; color: #363636; position: relative; left: -7px; top: -0.75em;}
fieldset ol {list-style: none; white-space: nowrap; margin: 5px 0; padding: 0;}
fieldset li {margin: 0 13px; padding: 3px 0 0 0; clear: both; line-height: 20px;}
fieldset label {text-align: left; float: left; font-size: 12px;}
fieldset select {text-align: left; float: right; width: 153px; vertical-align: middle; border: 1px solid #7f9db9; padding: 1px 1px 3px 1px; font-size: 13px;}
fieldset input.text {text-align: left; float: right; width: 150px; vertical-align: middle; border: 1px solid #7f9db9; padding: 1px 1px 3px 1px; font-size: 13px;}
fieldset textarea {float: right; text-align: left; width: 380px; height: 75px; border: 1px solid #7f9db9; padding: 1px 1px 3px 1px; font: 13px Verdana, Arial, Helvetica, sans-serif;}
fieldset input.text:hover, textarea:hover {background-color: #f5f5f5; border: 1px solid #25167a;}
fieldset select:hover {padding: 1px 1px 3px 1px;}
fieldset input.check {text-align: left; float: left; vertical-align: middle; padding: 1px 1px 3px 0; border: none; margin-left: 0;}
fieldset input.check2 {text-align: left; float: right; vertical-align: middle; padding: 1px 0 3px 1px; border: none;}
fieldset textarea#opmerkingen {float: left; width: 550px;}
fieldset input.radio {float: left; vertical-align: middle; padding: 1px 1px 5px 1px; border: none;}
fieldset input.text2 {text-align: left; float: left; width: 150px; border: 1px solid #7f9db9; padding: 0; margin: 1px 0; font-size: 13px; *margin: 1px 0 1px -12px;}

div.opsomkader {background-color: #e9e7f1; width: 255px; float: right; margin: 10px 14px; _margin: 10px 7px 10px 14px;}
div.opsomkader h2 {background-color: #25167a; color: #fff; font-size: 14px; font-weight: bold; border-bottom: 1px solid #fefbf2; padding: 5px;}
div.opsomkader ul {margin-left: 9px; padding-bottom: 5px;}

div.opsomkader-links {background-color: #e9e7f1; width: 255px; float: left; margin: 10px 14px; _margin: 10px 14px 10px 7px;}
div.opsomkader-links h2 {background-color: #25167a; color: #fff; font-size: 14px; font-weight: bold; border-bottom: 1px solid #fefbf2; padding: 5px;}
div.opsomkader-links ul {margin-left: 9px; padding-bottom: 5px;}

div.kader-rechts {background-color: #e9e7f1; border-top: 10px solid #665ba1; border-right: 1px solid #665ba1; border-bottom: 10px solid #665ba1; border-left: 1px solid #665ba1; padding: 10px; float: right; font-size: 11px; margin: 10px 14px; width: 235px; _margin: 10px 7px 10px 14px; _width: 255px;}
div.kader-rechts img.lees {margin: 2px 0 -2px 4px; vertical-align: middle;}

div.kadernieuw {float: left; margin: 5px 0 5px 5px; width: 48%;}
div.kadernieuw .kader-kop {background: transparent url(../images/kader-header.jpg) left top no-repeat; overflow: hidden;}
div.kadernieuw h3 {background: transparent url(../images/kader-header.jpg) right top no-repeat; font-size: 16px; margin-left: 30px; padding: 10px 15px 7px 3px;}
div.kadernieuw .kader-body {background: transparent url(../images/kader-body.jpg) bottom left no-repeat; overflow: hidden; border-top: 1px solid #ebebeb;}
div.kadernieuw .kader-body .kader-inhoud {background: transparent url(../images/kader-body.jpg) bottom right no-repeat; margin-left: 10px; padding: 8px 15px 15px 1px;}
div.kadernieuw .kader-body .kader-inhoud ul {margin-left: 11px;}
div.kadernieuw .kader-body .kader-inhoud ul a.actief {color: #000;}
div.kadernieuw .kader-body .kader-inhoud ul a.actief:hover {border-color: #000;}

div.aanmeldscherm {background-color: #fff; border: 1px solid #665ba1; margin: 10px 14px; padding: 5px;}
div.aanmeldscherm h2 {color: #ef741d; font-size: 14px; font-weight: bold;}

div.aanmeldscherm_mbo {background-color: #cadd50; border: 1px solid #665ba1; margin: 10px 14px; padding: 5px;}
div.aanmeldscherm_mbo h2 {color: #ef741d; font-size: 14px; font-weight: bold;}

div.faq {cursor: pointer; text-decoration: none; padding: 4px 0; color: #0068b4; margin-bottom: 5px; width: 530px;}
div.faq div {color: #313131; font-weight: normal; display: none; clear:both;}

/* Rechterkolom */

#rechterkolom {/*background-color: #7c73af; width: 120px; float: left;*/ display: none;}
#kolomtitel {font-size: 12px; color: #ffffff; background-color: #25167a; height: 22px; padding: 0 10px 0 10px;}
#kolomtitel h1 {font-size: 12px; font-weight: bold; color: #ffffff; padding: 3px 0 2px 0; margin: 0;}
#kolom {margin-top: 10px;}
#kolom p {color: #fff; padding: 5px; font-size: 11px;}
#kolom img {margin: 5px 2px 0 5px;}
#kolom a {color: #fff; text-decoration: underline;}
#kolom div.lijn {border-bottom: 1px solid #fff; margin: 5px 2px;}

/* Footer */

#footer {clear: both; background: #f8f8fb url(http://www.hva.nl/images/verloop_footer.jpg) bottom repeat-x; border: 1px solid #c8c5de; margin: 0; position: inherit; padding: 5px; _width: 1000px;}

#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; border: none;}

#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; border: none;}


/* Crumbtrail */

#crumbs {position: absolute; top: 149px; _top: 152px;}
#crumbs a:hover {border: none;}

.brochure_download {display:block; background-repeat:no-repeat !important; background-color:#fff !important; margin-left:5px; float:right; width:150px; color:#25167a; font-weight:700; font-size:14px; text-align:center; padding:215px 0 5px}
.brochure_download:hover {background-color:#25167a !important; color:#fff}