/* Basisopmaak */   

body {background-color: #ffc0ff;}

#totaal {background: #ffc0ff url(../images/kolompaars.gif) right top repeat-y;}

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

div#topbalk {background: #ffc0ff url(../images/kolompaars.gif) left top repeat-y;}

/* Titelbalk met aanduiding interessegebieden */

div#titelbalk {background-color: #d3d0e4; height: 45px; padding-top: 0;}
div#titelbalk h1.start {color: #000000; font-size: 18px; font-weight: normal; padding: 11px 15px;}
div#titelbalk h1 {color: #665ba2; font-size: 18px; padding: 6px; font-weight: normal;}
div#titelbalk h1 span.titel {color: #ffc0ff; text-transform: none; border-left: 2px solid #ffc0ff;}
#titelbalk img {vertical-align: middle; margin-right: 5px;}

/* 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;}
#menu_zoeken {background: #e2e0ed url(../images/menuplaatje_zoeken.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px;}
#menu_nieuws {background: #e2e0ed url(../images/menuplaatje_nieuws.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px;}
#menu_vacatures {background: #e2e0ed url(../images/menuplaatje_vacatures.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px;}
#menu_aansluiting {background: #e2e0ed url(../images/menuplaatje_aansluiting.jpg) 0 bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px;}
#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;}
#menubalk {background-color: #ffc0ff; 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: 8px 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: #000000; 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: #000000; 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;}
#menuitems a.ie5:hover {color: #c7000b;}
#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 0 43px; padding-bottom: 8px; width: 251px; height: 11px;}

.special {background-color: #ffc0ff; 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: #ffc0ff;}
.specialtekst p {padding: 5px 1px; color: #ffc0ff;}
.groot {font-size: 14px;}
.groter {font-size: 16px;}
.nadruk {color: #ff9900;}
#opendagbanner {padding: 5px 0;}

.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: #ffc0ff; font-size: 12px; padding-top: 4px; padding-bottom: 2px;}

/* Content */

div#middenkolom {background-color: #FED1FF; width: 580px; float: left;}
#contenttitel {background-color: #ffc0ff; height: 22px;}
#contenttitel h1 {padding-left: 25px;}
#content {padding: 11px; min-height: 500px; _height: 500px;}
#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.intro {color: #1d116a; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#content div.nieuwstitel {background-color: #b9b2d0; font-size: 13px; font-weight: bold; line-height: 16px; color: #303030; padding: 5px; border: 1px solid #ffc0ff; margin: 5px 14px 0 14px;}
#content div.nieuwscontent {background-color: #f1eff6; border-left: 1px solid #ffc0ff; border-right: 1px solid #ffc0ff; 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 #ffc0ff; 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 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;}

#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: #ffc0ff; text-decoration: none;}
#internmenu li a.actief {background-color: #cfcce2; color: #ffc0ff; 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: #ffc0ff; text-decoration: none;}
#internmenudubbel li a.actief {background-color: #cfcce2; color: #ffc0ff; text-decoration: none;}
#internmenudubbel li a.actief:hover {text-decoration: underline;}
#internmenudubbel li.zonder {border: none;}

#content ul#internmenusub {list-style: none; margin: 10px 0 0 14px; padding: 0; _margin: 10px 0 25px 14px;}
#internmenusub li {float: left; text-decoration: none; margin: 0; padding: 0; border-top: 1px solid #9f0002; border-right: 1px solid #9f0002; list-style-image: none;}
#internmenusub li a {font-size: 10px; color: #665ba2; display: block; font-weight: bold; text-decoration: none; margin: 0 1px; padding: 1px 7px;}
#internmenusub li a:hover {background-color: #fff; color: #ffc0ff; text-decoration: none;}
#internmenusub li a.actief {background-color: #fff; color: #ffc0ff; text-decoration: none;}
#internmenusub li a.actief:hover {text-decoration: underline;}
#internmenusub li.start {border-left: 1px solid #9f0002;}

#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;}

div.opsomkader {background-color: #d3d0e4; width: 255px; float: right; margin: 10px 14px; _margin: 10px 7px 10px 14px;}
div.opsomkader h2 {background-color: #ffc0ff; 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: #d3d0e4; width: 255px; float: left; margin: 10px 14px; _margin: 10px 14px 10px 7px;}
div.opsomkader-links h2 {background-color: #ffc0ff; 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: #d3d0e4; 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.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.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 {width: 120px; float: left;}
#kolomtitel {font-size: 12px; color: #000000; background-color: #ffc0ff; height: 22px; padding: 0 10px 0 10px;}
#kolomtitel h1 {font-size: 12px; font-weight: bold; color: #000000; 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 {border: 1px solid #c8c5de; margin: 0; position: inherit; _width: 1000px;}
#footer1 {text-align: center;}
#footer2 {text-align: center;}