/* Basisopmaak */

body {background: #dfdceb url(../pix/bg_linkerkolom.gif) 0 0 repeat-y; color: #000; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; height: 100%;}

div#totaal {background: transparent url(../pix/bg_rechterkolom.gif) right 0 repeat-y; margin: 0; padding: 0; height: 100%;}

/* Kolom 1: hoofdnavigatie */

div#kolom1 {background-color: transparent; margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 220px;}
div#kolom1 div#topk1 {background-color: #fff; height: 65px; text-align: right;}
div#kolom1 div#titelbalkk1 {background-color: #b3aed1; height: 122px;}
div#kolom1 div#titelbalkk1 div#logo {background-color: #25167a; width: 190px; height: 122px; margin: 0; padding: 0; float: right;}
div#kolom1 div#contentk1 {background-color: transparent; border-top: 2px solid #fff;}

div#menubalk {float: right; width: 190px; margin-top: 5px;}
div#menubalk img#nav {position: absolute; left: 15px; margin-top: -2px;}
div#menubalk h1 {color: #fff; font-size: 18px; font-weight: bold; margin: 0; padding: 3px 8px;}

div#menubalk a {display: block; color: #fff; background: transparent; margin: 10px 0; padding: 2px 10px; text-decoration: none;}
div#menubalk a:visited {color: #fff; background: transparent;}
div#menubalk a:hover {color: #fff; font-weight: bold; background-color: #b3aed1;}
div#menubalk a:active {color: #fff; font-weight: bold; background-color: #b3aed1;}

div#menubalk a.actief {color: #fff; font-weight: bold; background-color: #b3aed1; margin-bottom: 0; padding-bottom: 5px;}
div#menubalk a.actief:visited {color: #fff; font-weight: bold; background-color: #b3aed1; margin-bottom: 0; padding-bottom: 5px;}

div#menubalk a.sub {color: #000; background-color: #b3aed1; font-weight: normal; margin: 0; padding: 1px 15px 5px 15px;}
div#menubalk a.sub:visited {color: #000; background-color: #b3aed1;}
div#menubalk a.sub:hover {color: #000; background-color: #fff; font-weight: normal;}
div#menubalk a.sub:active {color: #000; background-color: #fff;}

div#menubalk a.subactief {color: #000; background-color: #fff; margin: 0; padding: 1px 15px 5px 15px;}
div#menubalk a.subactief:visited {color: #000; background-color: #fff; margin: 0px;}
div#menubalk a.subactief:hover {color: #000; background-color: #fff; margin: 0px; font-weight: normal;}

/* Colofon */

div#colofon {background-color: #b3aed1; color: #303030; border: 2px solid #25167a; font-size: 10px; position: absolute; left: 38px; width: 170px; text-align: center;}
div#colofon p {padding: 5px 9px;}
div#colofon p#datum {font-size: 9px;}
div#colofon a {display: inline; color: #212121; font-size: 10px; font-weight: bold; padding: 0; text-decoration: none;}
div#colofon a:hover {background: transparent; color: #212121; font-weight: bold; text-decoration: underline;}

/* Samenwerkingsverwijzingen */

div#samenwerking {background-color: #b3aed1; color: #000; border: 2px solid #25167a; font-size: 10px; margin-left: 8px; width: 170px;}
div#samenwerking p {padding: 5px 9px; margin: 0; font-size: 11px;}
div#samenwerking a {background-color: transparent; color: #000; font-size: 10px; margin: 4px 0; padding: 3px 10px; text-decoration: none;}
div#samenwerking a:visited {background-color: transparent; color: #000; font-size: 10px;  margin: 3px 0; padding: 2px 10px; text-decoration: none;}
div#samenwerking a:hover {background-color: #f2f2f2; color: #000; font-weight: normal; text-decoration: none;}

/* Kolom 2: Belangrijkste inhoud */

ul {font-size: 12px; list-style-image: url(../pix/item.gif); margin-top: 0; margin-bottom: 0;}
ul.sub {font-size: 12px; margin-left: 0; margin-top: 5px; padding-left: 20px; list-style-image: url(../pix/item_sub.gif);}
ol {font-size: 12px; margin-top: 0; margin-bottom: 0;}
ol.sub {font-size: 12px; margin-left: 0; margin-top: 5px; padding-left: 20px; list-style-type: lower-alpha;}
li {line-height: 18px; margin-left: 1px; margin-bottom: 2px; padding-right: 25px;}
.kader {border: 2px solid #25167a; background-color: #c8c5de; padding: 10px;}
.kaderhalf {border-top: 2px solid #25167a; border-bottom: 2px solid #25167a; background-color: #fff; padding: 5px;}
.klein {font-size: 11px;}
.rechts {text-align: right;}
.midden {text-align: center;}

hr.lijntje {border-top: 1px solid #b3aed1; width: 90%; text-align: center; height: 1px; border-bottom: 0; border-left: 0; border-right: 0; padding: 5px; margin: 5px;}

img {border: none;}
img.border {border: 1px solid #000;}
img.links {float: left; margin: 5px 15px 10px 0;}
img.rechts {float: right; margin: 5px 0 10px 15px;}
img.logo {float: left; margin: 6px 0 6px 5px;}
img.lees {margin: 0 4px; vertical-align: middle;}
object.rechts {float: right; margin: 12px 20px 5px 15px;}

div#kolom2 {background-color: #dfdceb; height: 100%; margin: 0 160px 0 220px; padding: 0; border-top: 1px solid #fff; border-right: 2px solid #fff;}
div#kolom2 div#topk2 {background-color: #fff; height: 65px; margin-bottom: -1px;}
div#kolom2 div#topk2 div#menu {background-color: #fff; color: #737373; padding: 15px 10px;}
div#kolom2 div#topk2 div#menu a {color: #737373; text-decoration: none; padding: 1px 15px;}
div#kolom2 div#topk2 div#menu a:visited {color: #3d3d3d; text-decoration: none;}
div#kolom2 div#topk2 div#menu a:hover {color: #000; background-color: #b3aed1; text-decoration: none;}
div#kolom2 div#topk2 div#menu a:active {color: #000; background-color: #b3aed1; text-decoration: none;}

div#kolom2 div#titelbalkk2 {background: #b3aed1 url(../pix/top_oj.jpg) right 0 no-repeat; height: 122px;}
div#kolom2 div#titelbalkk2 h1 {color: #25167a; font-size: 28px; font-weight: bold; margin: 0; padding: 17px 20px 0 20px;}
div#kolom2 div#titelbalkk2 div#img {border-left: 2px solid #fff; float: right; height: 122px; width: 200px; text-align: right;}

div#kolom2 div#contentk2 {background-color: #dfdceb; padding-bottom: 20px; height: 100%}
div#kolom2 div#contentk2.start {border-top: 2px solid #fff;}
div#kolom2 div#contentk2 h2 {color: #25167a; font-size: 20px; margin: 0; padding: 10px 25px 5px 15px;}
div#kolom2 div#contentk2 h2.top {padding-top: 18px;}
div#kolom2 div#contentk2 h3 {color: #25167a; font-size: 16px; font-weight: bold; margin: 0; padding: 10px 25px 3px 25px;}
div#kolom2 div#contentk2 h4 {font-size: 14px; font-weight: bold; margin: 0; padding: 8px 25px 3px 25px;}
div#kolom2 div#contentk2 p {font-size: 12px; line-height: 18px; margin: 0; padding: 6px 25px 6px 25px;}
div#kolom2 div#contentk2 p.rood {font-size: 12px; line-height: 18px; color: red; margin: 0; padding: 6px 25px 6px 25px;}
div#kolom2 div#contentk2 p.inleidingstart {font-weight: bold; line-height: 22px; padding-top: 15px;}
div#kolom2 div#contentk2 p.inleiding {color: #666; font-size: 13px; font-weight: bold;}
div#kolom2 div#contentk2 p.klein {color: #3d3d3d; font-size: 11px;}
div#kolom2 div#contentk2 p.ergklein {color: #3d3d3d; font-size: 11px; line-height: 14px;}
div#kolom2 div#contentk2 table {font-size: 12px; line-height: 18px; margin: 5px 25px 0 25px; padding: 0;}
div#kolom2 div#contentk2 table.sub {margin: 0;}
div#kolom2 div#contentk2 table h3 {padding: 10px 0 3px 0;}
div#kolom2 div#contentk2 table h4 {padding: 8px 0 3px 0;}
div#kolom2 div#contentk2 table p {padding: 6px 0 6px 0;}
div#kolom2 div#contentk2 a {color: #0047bd; font-size: 11.5px; font-weight: bold; text-decoration: none; _font-size: 12px;}
div#kolom2 div#contentk2 a:visited {color: #3578dc; font-weight: bold; text-decoration: none;}
div#kolom2 div#contentk2 a:hover {color: #25167a; font-weight: bold; text-decoration: underline;}
div#kolom2 div#contentk2 a:active {color: #25167a; font-weight: bold; text-decoration: underline;}
.rood {color: red;}

/* Kolom 3: bannier */

div#kolom3 {background-color: #c8c5de; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 160px; border-left: 2px solid #fff;}
div#kolom3 p {margin: 0 15px; line-height: 16px;}
div#kolom3 div#topk3 {background-color: #fff; height: 65px;}
div#kolom3 div#titelbalkk3 {background-color: #b3aed1; height: 122px;}
div#kolom3 div#contentk3 {background-color: #c8c5de; padding-bottom: 20px; border-top: 2px solid #fff;}
div#kolom3 div#contentk3 p {margin-top: 15px;}
div#kolom3 div#contentk3 p.start {color: #4b4b4b;}
div#kolom3 div#contentk3 a {color: #000; font-size: 10px; font-weight: bold; text-decoration: underline;}
div#kolom3 div#contentk3 a:visited {color: #3d3d3d; font-weight: bold; text-decoration: underline;}
div#kolom3 div#contentk3 a:hover {color: #25167a; font-weight: bold; text-decoration: underline;}
div#kolom3 div#contentk3 a:active {color: #25167a; font-weight: bold; text-decoration: underline;}
div#kolom3 div#contentk3 ul {font-size: 11px; margin-right: 5px;}
div#kolom3 div#contentk3 ol {font-size: 11px;}
div#kolom3 div#contentk3 li {margin-left: -15px;}
div#kolom3 div#contentk3 img {margin: 0 0 0 15px;}
div#kolom3 div#contentk3 img#pijl {position: absolute; right: 100px; top: 180px; margin: 0;}


/* linkjes */

a.swf {background: transparent url(http://www.hva.nl/images/flashpaper2.gif) right no-repeat; padding: 0 20px 0 0;}
a.pdf {background: transparent url(http://www.hva.nl/images/pdf.gif) right no-repeat; padding: 0 20px 1px 0;}