/* Basisopmaak */

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

/* Kolom 1: hoofdnavigatie */

div#kolom1 {background-color: transparent; margin: 0; padding: 0 0 10px 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; margin-left: 8px; 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: transparent url(http://www.uva-hva.nl/pix/semitransparant.gif); 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;}

/* Links */
a.pdf {background: transparent url(../pix/pdf.gif) right no-repeat; padding: 0 20px 1px 0}

/* Kolom 2: Belangrijkste inhoud */

ul {font-size: 12px; list-style-image: url(http://www.uva-hva.nl/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(http://www.uva-hva.nl/pix/item_sub.gif);}
ol {font-size: 12px; margin-top: 0; margin-bottom: 0; list-style-image: none; list-style-type: decimal;}
ol.sub {font-size: 12px; margin-left: 5px; margin-top: 5px; padding-left: 20px; list-style-type: lower-alpha;}
li {line-height: 18px; margin-left: 1px; margin-bottom: 2px; padding-right: 25px;}
.ruimte {margin: 10px 0;}
.kader {border: 2px solid #25167a; background-color: #c8c5de; padding: 10px;}
.kader_progr {border: 1px solid #25167a; background-color: #c8c5de; margin-left: 25px; margin-bottom: 5px; padding: 0px; width: 80%;}
.kaderhalf {border-top: 2px solid #25167a; border-bottom: 2px solid #25167a; background-color: #c8c5de; padding: 5px;}
.klein {font-size: 11px;}
.kleiner {font-size: 10px;}
.groot {font-size: 14px;}
.groter {font-size: 18px;}
.rechts {text-align: right;}
.midden {text-align: center;}
.rood {color: #ff0033;}
.groen {color: #228b22;}
.wit {color: #ffffff;}
.grijs {color: #626262;}

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

div#kolom2 {background-color: transparent; margin: 0 0 0 220px; padding: 0; border-top: 1px solid #fff;}
div#kolom2 div#topk2 { background: #fff; /* url(http://www.uva-hva.nl/pix/beeldmerk.jpg) top right no-repeat; */ 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(http://www.uva-hva.nl/pix/beeldmerk.jpg) bottom right no-repeat; */ height: 122px;}
div#kolom2 div#titelbalkk2 h1 {color: #25167a; font-size: 28px; font-weight: bold; margin: 0; padding: 15px 20px 0 20px;}

div#kolom2 div#contentk2 {background-color: transparent; padding-bottom: 20px;}
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 h3.top {padding-top: 18px;}
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: 17px; margin: 0; padding: 6px 25px 6px 25px; *line-height: 18px;}
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.testimonial {color: #3d3d3d; font-size: 11px; border: 2px solid #25167a; background-color: #c8c5de; padding: 10px; margin: 6px 25px 6px 25px;}
div#kolom2 div#contentk2 a {color: #0047bd; font-weight: bold; text-decoration: none;}
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;}
div#kolom2 div#contentk2 form {margin: 0; padding: 6px 25px 6px 25px; display: block;}

div#kolom2 div#contentk2 ul#internmenu {list-style: none; height: 25px; margin: 5px 0 5px 25px; padding: 0;}
div#kolom2 div#contentk2 ul#internmenu li {float: left; height: 10px; margin: 6px 0 6px 1px; padding: 0;}
div#kolom2 div#contentk2 ul#internmenu li a {color: #626262; font-size: 10px; font-weight: normal; text-decoration: none; padding: 2px 8px; border-right: 1px solid #7c73af;}
div#kolom2 div#contentk2 ul#internmenu li a:hover {background-color: #c8c5de; color: #313131; padding: 2px 8px;}
div#kolom2 div#contentk2 ul#internmenu li a.actief {background-color: #c8c5de; color: #25167a; padding: 2px 8px; text-decoration: none;}
div#kolom2 div#contentk2 ul#internmenu li a.actief:hover {text-decoration: underline;}
div#kolom2 div#contentk2 ul#internmenu li.zonder {border: none;}

fieldset {background: #e9e7f1; width: 450px; margin: 0; padding: 0 0 13px 0; border: 1px solid #ccc; -moz-border-radius: 4px; -moz-border-top-colors: #ccc; -moz-border-right-colors: #ccc; -moz-border-bottom-colors: #ccc; -moz-border-left-colors: #ccc; *position: relative;}
legend {margin-left: 10px; font-weight: bold; font-size: 14px; color: #636363; *position: relative; *top: -0.75em; *left: -7px;}
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: 200px; 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, input.text2:hover, select:hover, textarea:hover {background-color: #f5f5f5; border: 1px solid #25167a;}
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;}
input.radio {float: left; vertical-align: middle; padding: 1px 1px 5px 1px; border: none;}
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;}

table {font-size: 12px; line-height: 17px; margin: 10px 0 10px 24px; padding: 0; border: 1px solid #ccc; border-spacing: 1px; -moz-border-radius: 8px; _margin: 10px 205px 10px 0;}
table tr {vertical-align: top; padding: 0; margin: 0;}
table th {padding: 6px 8px; background-color: #b3aed1; color: #636363; font-size: 14px; text-align: left; border-bottom: 1px solid #b7b7b7;}
table tr th:first-child {-moz-border-radius-topleft: 6px;}
table tr th:last-child {-moz-border-radius-topright: 6px;}
table tr th.sub {background-color: #e4e4e4; color: #7d7d7d; font-size: 13px; border-bottom: none; -moz-border-radius: 0;}
table tr th.sub2 {background-color: #e8e8e8; color: #7d7d7d; font-size: 12px; font-style: italic; border-bottom: none; -moz-border-radius: 0;}
table td {background-color: #e9e7f1; padding: 6px 8px; text-align: left; margin: 0;}
table td.rechts {text-align: right;}
table table {margin: 0;}
table.transparant tr {background-color: transparent;}
table.transparant tr td {background-color: transparent; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.transparant tr td:first-child {border-left: none;}
table ul {margin: 5px 0 5px -27px; *margin-left: 20px}
table h2 {padding: 7px 0}
table h3 {padding: 5px 0;}
table p {padding: 5px 0;}

.header1 {background-color: #ffffff;}
.padding {padding: 10px;}

div#aandacht {height: 80px; width: 98%; margin: 15px; border: 1px; border-color: #25167a; border-style: dotted; float: none; padding: 5px 20px 2px 10px; }

.schuifopeninhoud {padding: 10px 25px; background-color: #e9e7f1; border: 1px solid #ccc; -moz-border-radius: 4px; -moz-border-top-colors: #ccc; -moz-border-right-colors: #ccc; -moz-border-bottom-colors: #ccc; -moz-border-left-colors: #ccc; margin: 5px 190px 0 0;}

/* Kolom 3: bannier */

div#kolom3 {background-color: #c8c5de; margin: 0 0 0 25px; padding: 0; float: right; width: 180px; border-left: 2px solid #fff; height: 100%;}

/* Footer */

#footer {clear: both; background-color: #f8f8fb; border-top: 1px solid #c8c5de; border-bottom: 1px solid #c8c5de; padding: 5px 0; height: 45px;}

#footer1 {padding: 5px 0 0 0; font-size: 10px; color: #626262; text-align: center; vertical-align: middle;}
#footer1 a {color: #626262; text-decoration: none; padding: 0 2px;}
#footer1 a:hover {color: #313131; background: #dcdcdc; margin: 0 -3px; padding: 0 5px;}

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