/* Basisopmaak */

body {background-color: #fff; color: #000; font: 6.5pt Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; height: 100%; size: portrait;}

div#totaal {background-color: #c8c5de; color: #000; margin: 0; padding: 0; height: 100%;}

/* Kolom 1: hoofdnavigatie */

div#kolom1 {background-color: #c8c5de; margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 47mm;}
div#kolom1 div#topk1 {background-color: #fff; height: 14mm; text-align: right;}
div#kolom1 div#topk1 img {width: 40mm; height: 14mm}
div#kolom1 div#titelbalkk1 {background-color: #b3aed1; height: 26mm; text-align: right;}
div#kolom1 div#titelbalkk1 div#logo {background-color: #25167a; width: 40mm; height: 26mm; margin: 0 0 0 7mm;; padding: 0;}
div#kolom1 div#titelbalkk1 div#logo img {width: 40mm; height: 13mm;}
div#kolom1 div#content {background-color: transparent; border-top: 2px solid #fff; width: 47mm;}

div#menubalk {background-color: #7167a8; float: right; width: 40mm; margin: 0 0 0 7mm; padding: 5px 0 0 0; height: 220mm;}
div#menubalk img#nav {position: absolute; left: 4mm; height: 4mm; width: 4mm; margin-top: -2px;}
div#menubalk h1 {color: #fff; font-size: 9pt; 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: 5.5pt; margin-left: 8px; width: 36mm; text-align: center;}
div#colofon p {padding: 5px 9px;}
div#colofon p#datum {font-size: 5pt;}
div#colofon a {display: inline; color: #212121; font-size: 5pt; 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(../pix/semitransparant.gif); color: #000; border: 2px solid #25167a; font-size: 6pt; margin-left: 8px; width: 36mm;}
div#samenwerking p {padding: 5px 9px; margin: 0; font-size: 7pt;}
div#samenwerking a {background-color: transparent; color: #000; font-size: 6pt;  margin: 3px 0; padding: 2px 10px; text-decoration: none;}
div#samenwerking a:visited {background-color: transparent; color: #000; font-size: 6pt;  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: 6.5pt;; list-style-image: url(../pix/item.gif); margin-top: 0; margin-bottom: 0;}
ul.sub {font-size: 6.5pt;; margin-left: 0; margin-top: 5px; padding-left: 20px; list-style-image: url(../pix/item_sub.gif);}
ol {font-size: 6.5pt;; margin-top: 0; margin-bottom: 0;}
ol.sub {font-size: 6.5pt;; margin-left: 0; margin-top: 5px; padding-left: 20px; list-style-type: lower-alpha;}
li {line-height: 8pt; 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: #c8c5de; padding: 5px;}
.klein {font-size: 5.5pt;}
.kleiner {font-size: 5pt;}
.rechts {text-align: right;}
.midden {text-align: center;}
.rood {color: #ff0033;}
.wit {color: #ffffff;}

img {border: none;}
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;}
object.rechts {float: right; margin: 12px 20px 5px 15px;}

div#kolom2 {background-color: #dfdceb; height: 100%; margin: 0 33mm 0 47mm; padding: 0; border-top: 1px solid #fff; border-right: 2px solid #fff;}
div#kolom2 div#topk2 {background-color: #fff; height: 14mm; 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-color: #b3aed1; height: 26mm;}
div#kolom2 div#titelbalkk2 h1 {color: #25167a; font-size: 16pt; font-weight: bold; margin: 0; padding: 10px 20px 0 20px;}
div#kolom2 div#titelbalkk2 div#img {border-left: 2px solid #fff; float: right; height: 26mm; width: 42mm; text-align: right;}
div#kolom2 div#titelbalkk2 div#img img {width: 42mm; height: 26mm;}

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: 10.5pt; 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: 9pt; font-weight: bold; margin: 0; padding: 10px 25px 3px 25px;}
div#kolom2 div#contentk2 h4 {font-size: 8pt; font-weight: bold; margin: 0; padding: 8px 25px 3px 25px;}
div#kolom2 div#contentk2 p {font-size: 6.5pt; line-height: 8.5pt; margin: 0; padding: 5px 25px 5px 25px;}
div#kolom2 div#contentk2 p.inleidingstart {font-weight: bold; line-height: 12pt; padding-top: 15px;}
div#kolom2 div#contentk2 p.inleiding {color: #666; font-size: 7pt; line-height: 12pt; font-weight: bold;}
div#kolom2 div#contentk2 p.klein {color: #3d3d3d; font-size: 5.5pt;}
div#kolom2 div#contentk2 p.testimonial {color: #3d3d3d; font-size: 5.5pt; border: 2px solid #25167a; background-color: #c8c5de; padding: 10px; margin: 5px 25px 5px 25px;}
div#kolom2 div#contentk2 table {font-size: 6.5pt; line-height: 8.5pt; margin: 5px 25px 0 25px; padding: 0;}
div#kolom2 div#contentk2 table.sub {margin: 0;}
div#kolom2 div#contentk2 table.klein {font-size: 5.5pt;}
div#kolom2 div#contentk2 a {color: #0047bd; font-size: 6pt; 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;}
table#border tr {background-color: #dfdceb;}
table#border th {background-color: #7167a8; color: #fff; font-weight: bold; text-align: left; padding: 5px;}
table#border td {padding: 5px;}

/* Kolom 3: bannier */

div#kolom3 {background-color: #c8c5de; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 33mm; border-left: 2px solid #fff;}
div#kolom3 p {margin: 0 15px 0 15px; line-height: 10pt;}
div#kolom3 div#topk3 {background-color: #fff; height: 14mm;}
div#kolom3 div#titelbalkk3 {background-color: #b3aed1; height: 26mm;}
div#kolom3 div#titelbalkk3 img {width: 33mm; height: 26mm;}
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: 5.5pt; 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: 6pt; margin-right: 5px;}
div#kolom3 div#contentk3 ol {font-size: 6pt;}
div#kolom3 div#contentk3 li {margin-left: -15px;}
div#kolom3 div#contentk3 img {margin: 3px 10px;}
div#kolom3 div#contentk3 img#pijl {position: absolute; right: 20mm; top: 39mm; margin: 0; height: 4mm; width: 4mm;}

div#kolom3 div#contentk3 div#ezine {margin: 0; background-color: transparent; color: #25167a;}
div#kolom3 div#contentk3 div#ezine h1 {font-size: 9pt; font-weight: bold; margin: 10px 0; padding: 3px 8px 3px 8px;}
div#kolom3 div#contentk3 div#ezine a.ezine {display: block; background-color: transparent; font-size: 7pt; color: #fff; margin: 4px 0; padding: 3px 10px 3px 10px; text-decoration: none; border-top: 2px solid #25167a; border-bottom: 2px solid #25167a; padding: 4px 10px 4px 10px;}
div#kolom3 div#contentk3 div#ezine a.ezine:visited {color: #fff; border-top: 2px solid #25167a; border-bottom: 2px solid #25167a; text-decoration: none;}
div#kolom3 div#contentk3 div#ezine a.ezine:hover {color: #25167a; background-color: #fff; border-top: 2px solid #25167a; border-bottom: 2px solid #25167a; text-decoration: none;}
div#kolom3 div#contentk3 div#ezine .klein { font-size: 5.5pt;}

/*
expand CSS voor studieloopbaanweek - programma ed.
*/
.expand span.expand-item,
.collapse span.collapse-item,
.collapse .expand span.expand-item,
.expand .collapse span.collapse-item {
 display: inline;}
 
.hide,
.collapse .expand-item,
.expand .collapse-item, 
.expand .collapse .expand-item,
.collapse .expand .collapse-item {
display: none}

a.collapse-item,
a.expand-item {
background: transparent;
color: #000}

/*
formulier textarea
*/

.textarea{
color: #25167a; font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
kleurtje studie & loopbaanweek
*/

.kleurtje{
color:#ff4500;
}