/* Basisopmaak */

body {background-color: #fff;}

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

a {color: #0068b4; text-decoration: none;}
a:hover {text-decoration: underline;}
.normaal {font-weight: normal;}

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

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


/* Top met navigatie */

div#topbalk {background: #25167a;}
#studie_menu {_margin-bottom: -4px;}
#studie_items {_margin-top: -6px;}
#informatie_menu {_margin-bottom: -4px;}
#informatie_items {_margin-top: -6px;}
#hva_menu {_margin-bottom: -4px;}
#hva_items {_margin-top: -6px;}
#domeinen_menu {_margin-bottom: -4px;}
#domeinen_items {_margin-top: -6px;}
#international_menu {_margin-bottom: -4px;}

/* Titelbalk met aanduiding interessegebieden */

div#titelbalk {background-color: #d3d0e4; height: 45px; padding-top: 0;}
div#titelbalk h1.start {color: #25167a; font-size: 18px; font-weight: normal; padding: 11px 15px;}
div#titelbalk h1 {color: #25167a; font-size: 18px; padding: 6px; font-weight: normal;}

/* Menu */

div#linkerkolom {width: 250px; float: left;}
#menu {background: #cadaef url(../images/menuplaatje.jpg) left bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px;}
#menubalk {background-color: #2d6cc0; height: 22px; opacity: 0.6; filter: alpha(opacity=60);}
#menuitems {padding: 15px 2px; line-height: 18px;}
#menuitems a {background: transparent url(http://www.hva.nl/images/item_highlight_uit.gif) right no-repeat; color: #25167a; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; padding: 0 18px; display: block;}
#menuitems a.ie5 {color: #25167a; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; padding: 0 18px; display: block;}
#menuitems a:hover {background: transparent url(../images/item_highlight_aan.gif) right no-repeat; color: #c7000b; border-bottom: none;}
#menuitems a.ie5:hover {color: #c7000b;}
#menuitems a.actief {background: transparent url(../images/item_highlight_aan.gif) right no-repeat; color: #c7000b;}
#menuitems a.select {background: transparent url(../images/item_highlight_select.gif) right no-repeat; color: #c7000b;}
#menuitems a.select:hover {background: transparent url(../images/item_highlight_aan.gif) right no-repeat; color: #c7000b;}
#menuitems a.sub {background: transparent url(http://www.hva.nl/images/subitem_highlight_uit.gif) right no-repeat; margin-right: 10px; font-size: 10px;}
#menuitems a.sub:hover {background: transparent url(http://www.hva.nl/images/subitem_highlight_aan.gif) right no-repeat; color: #c7000b;}
#menuitems a.subactief {background: transparent url(http://www.hva.nl/images/subitem_highlight_aan.gif) right no-repeat; color: #c7000b; margin-right: 10px; font-size: 10px;}
#menuitems a.subactief:hover {background: transparent url(http://www.hva.nl/images/subitem_highlight_aan.gif) right no-repeat; color: #c7000b;}

.special {background-color: #427ac6; height: 20px;}
.special h1 {font-size: 12px; font-weight: bold; margin: 0; padding: 2px 15px;}
.specialtekst {}
.specialtekst img {vertical-align: middle; margin-bottom: 3px;}
.specialtekst a {font-weight: bold; color: #25167a; text-decoration: none;}
.specialtekst a:hover {text-decoration: underline;}
.specialtekst p {font-size: 11px;}
#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 0;}
.aankondigingklein h2 {color: #ef741d; font-size: 14px; padding-top: 5px; 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-bottom: 2px;}
.aankondigingkleiner p {padding-top: 3px;}
.aankondigingkleiner h4 {color: #25167a; font-size: 12px; padding-top: 4px; padding-bottom: 2px;}


/* Content */

div#middenkolom {background-color: #f4f8fc; width: 630px; min-height: 435px; float: left; _height: 435px;}
#contenttitel {background-color: #2d6cc0; height: 22px;}
#contenttitel h1 {padding-left: 25px;}
#content {padding: 11px;}
#content p.intro {color: #25167a; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

table.border {border: 1px solid #2d6cc0; border-spacing: 1px;}
table tr.header1 {background-color: #abc4e6;}
table tr.header2 {background-color: #d5e1f3;}
table tr.header3 {background-color: #d5e1f3; padding: 0; margin: 2px;}
table td.header3 {background-color: #d5e1f3; padding: 0; margin: 2px;}
table tr.header2 th {font-size: 13px;}
table th.header {background-color: #cadaef; font-size: 13px; text-align: left;}
table th.trans {background-color: #fffdf2;}

#content ul#internmenu {background: #5789cd url(../images/verloop_internmenu.jpg) bottom left repeat-x; list-style: none; line-height: 22px; padding: 2px 27px; margin: -11px -11px 0 -11px; border-bottom: 1px solid #2d6cc0; *padding: 2px 27px 3px 27px;}
#internmenu li {display: inline; padding: 0; margin: 0 0 0 -3px; *line-height: 22px;}
#internmenu li a {background-color: transparent; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 8px; border-right: 1px solid #d5e2f2;}
#internmenu li a:hover {background-color: #c0d3ec; color: #225190; border-bottom: none;}
#internmenu li a.actief {background-color: #c0d3ec; color: #225190;}
#internmenu li a.actief:hover {text-decoration: underline;}
#internmenu li a.disabled {background-color: #cecece; font-size: 11px; color: red; font-weight: bold; text-decoration: none; padding: 3px 8px; border-right: 1px solid #d5e2f2;}

#content ul#internmenusub {background: #c0d3ec url(../images/verloop_internmenusub.jpg) bottom left repeat-x; list-style: none; line-height: 18px; padding: 1px 27px; margin: 0px -11px; border-bottom: 1px solid #2d6cc0; *padding: 1px 27px 2px 27px;}
#internmenusub li {display: inline; padding: 0; margin: 0 0 0 -3px; *line-height: 18px;}
#internmenusub li a {background-color: transparent; font-size: 10px; color: #225190; font-weight: bold; text-decoration: none; padding: 2px 8px; border-right: 1px solid #2d6cc0;}
#internmenusub li a:hover {background-color: #eaf0f9; color: #225190; border-bottom: none;}
#internmenusub li a.actief {background-color: #eaf0f9; color: #225190;}
#internmenusub li a.actief:hover {text-decoration: underline;}
#internmenusub li a.disabled {background-color: #cecece; font-size: 10px; color: red; font-weight: bold; text-decoration: none; padding: 2px 8px; border-right: 1px solid #2d6cc0;}

#content h2.menu {clear: both; padding-top: 12px; _margin-top: -3px;}

#content ul#internmenusubsub {list-style: none; margin: 1px 0 20px 0; padding: 0 0 0 14px; _margin: 1px 0 20px 0;}
#internmenusubsub li {background-color: #e9f0f9; float: left; height: 15px; text-align: center; text-decoration: none; margin: 0 3px 3px 0; padding-bottom: 3px; border: 1px #2d6cc0 solid}
#internmenusubsub li:hover {background-color: #ffffff; text-decoration: none;}
#internmenusubsub li.actief {background-color: #ffffff; text-align: center; text-decoration: none;}
#internmenusubsub li.actief:hover {text-decoration: none;}
#internmenusubsub li a {font-size: 9px; color: #25167a; font-weight: bold; text-decoration: none;}

#subsub {border: 1px #2d6cc0 solid; background-color: #ffffff; float: right}
#subsub ul li {list-style: disc outside none; white-space: normal; font-size: 9px; color: #0068b4;}

#internmenux {float: right; border-bottom: 1px solid #2d6cc0; border-right: 1px solid #2d6cc0; margin: 15px 0 6px 10px; width: 125px; 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 #2d6cc0; border-top: 1px solid #2d6cc0;}
#internmenux a:hover {background-color: #bfd2ec; text-decoration: none;}
#internmenux a.interny {background-color: #ffffff; font-weight: bold; color: #000000;}
#internmenux a.internx {background-color: #5789cc; font-weight: bold; color: #ffffff;}
#internmenux a.internz {background-color: #2d6cc0; font-weight: bold; color: #ffffff; font-size: 11px}

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;}
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;}
label {text-align: left; float: left; font-size: 12px;}
select {text-align: left; float: right; width: 153px; vertical-align: middle; border: 1px solid #7f9db9; padding: 1px 1px 3px 1px; font-size: 13px;}
input.text {text-align: left; float: right; width: 150px; vertical-align: middle; border: 1px solid #7f9db9; padding: 1px 1px 3px 1px; font-size: 13px;}
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;}
input.text:hover, select:hover, textarea:hover {background-color: #f5f5f5; border: 1px solid #2d6cc0;}
select:hover {padding: 1px 1px 3px 1px;}
input.check {text-align: left; float: right; vertical-align: middle; padding: 1px 1px 3px 1px; border: none;}
textarea#opmerkingen {float: left; width: 550px;}

div.kader {background-color: #d5e1f3; border-top: 10px solid #2d6cc0; border-right: 1px solid #2d6cc0; border-bottom: 10px solid #2d6cc0; border-left: 1px solid #2d6cc0; padding: 10px; font-size: 11px; margin: 10px 14px;}
div.kader img.lees {margin: 2px 0 -2px 4px; vertical-align: middle;}

div.kader-rechts {background-color: #d5e1f3; border-top: 10px solid #2d6cc0; border-right: 1px solid #2d6cc0; border-bottom: 10px solid #2d6cc0; border-left: 1px solid #2d6cc0; 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.opsomkader {background-color: #d5e1f3; width: 235px; float: right; margin: 10px 14px; _margin: 10px 7px 10px 14px; _width: 255px;}
div.opsomkader h2 {background-color: #2d6cc0; color: #fff; font-size: 14px; font-weight: bold; border-bottom: 1px solid #2d6cc0; padding: 5px;}
div.opsomkader ul {margin-left: 24px; padding-bottom: 5px;}

div.aanmeldscherm {background-color: #fff; border: 1px solid #2d6cc0; margin: 10px 14px; padding: 5px;}

div#rechterkolom {background-color: #7c73af; width: 120px; float: left;}
#kolomtitel {background-color: #25167a; height: 22px;}
#kolom {}

/* Footer */

#footer {clear: both; background: #fff; margin: 0 auto; height: 20px; width: 1000px; padding: 5px 0;}
#footer p {color: #7d7d7d;}
#footer p.copyright {font-size: 12px; float: left;}
#footer p.onderschrift {font-size: 10px; float: right; color: #b7b7b7;}
#footer a {color: #b7b7b7; padding: 0 12px; border-right: double #b7b7b7;}
#footer a:hover {text-decoration: underline; border-bottom: none;}