/* 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; height: 100%;}

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

div#totaalgeenbg {background: none; background-color: #fff; 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;  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;}

/* Links */
a.extern {background: transparent url(http://www.uva-hva.nl/pix/link_extern2.gif) right no-repeat; padding-right: 10px}
a.terug {background: transparent url(http://www.uva-hva.nl/pix/pijl_terug.gif) left no-repeat; padding: 7px 5px 7px 18px}
a.vooruit {background: transparent url(http://www.uva-hva.nl/pix/pijl_vooruit.gif) right no-repeat; padding: 7px 18px 7px 5px}
a.pdf {background: transparent url(http://www.uva-hva.nl/pix/pdf.gif) right no-repeat; padding: 0 20px 1px 0}
a.ppt {background: transparent url(http://www.uva-hva.nl/pix/ppt.gif) right no-repeat; padding: 0 20px 1px 0}
a.word {background: transparent url(http://www.uva-hva.nl/pix/word.gif) right no-repeat; padding: 0 20px 1px 0}
a.xls {background: transparent url(http://www.uva-hva.nl/pix/excel.gif) right no-repeat; padding: 0 20px 1px 0}
a.zip {background: transparent url(http://www.uva-hva.nl/pix/zip_file.gif) right no-repeat; padding: 0 20px 1px 0}
a.lees {background: transparent url(http://www.uva-hva.nl/pix/link_pijl.gif) right no-repeat; padding: 0 12px 1px 0}
a.swf {background: transparent url(http://www.uva-hva.nl/pix/flashpaper2.gif) right no-repeat; padding: 0 20px 0 0}

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

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

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

table th {padding: 5px 10px; text-align: left;}
div#kolomblm div#contentk2 table th h2 {color: #fff; padding: 0; margin: 0; margin-bottom: 5px;}
table td {padding: 5px 10px; vertical-align: top;}

/* Kolom 2: Belangrijkste inhoud */
div#kolomblm {background-color: #ffffff; height: 100%; margin: 0 0 0 300px; padding: 0; border-top: 1px solid #fff; border-right: 0;}

div#kolomblm div#topk2 {background-color: #fff; height: 65px; margin-bottom: -1px;}
div#kolomblm div#topk2 div#menu {background-color: #fff; color: #737373; padding: 15px 10px;}
div#kolomblm div#topk2 div#menu a {color: #737373; text-decoration: none; padding: 1px 15px;}
div#kolomblm div#topk2 div#menu a:visited {color: #3d3d3d; text-decoration: none;}
div#kolomblm div#topk2 div#menu a:hover {color: #000; background-color: #b3aed1; text-decoration: none;}
div#kolomblm div#topk2 div#menu a:active {color: #000; background-color: #b3aed1; text-decoration: none;}

div#kolomblm div#titelbalkk2 {background-color: #ffffff; height: 122px;}
div#kolomblm div#titelbalkk2 h1 {color: #25167a; font-size: 28px; font-weight: bold; margin: 0; padding: 15px 20px 0 20px;}
div#kolomblm div#titelbalkk2 .kleinrood {color: #ff0033; font-size: 12px; line-height: 14px; font-weight: bold; margin: 0; padding: 10px 20px 0 20px;}
div#kolomblm div#titelbalkk2 div#img {border-left: 2px solid #fff; float: right; height: 122px; width: 200px; text-align: right;}
div#kolomblm div#titelbalkk2 .bgwit {background-color: #ffffff;}

div#kolomblm div#contentk2 {background-color: #dfdceb; padding-bottom: 20px; height: 100%;}
div#kolomblm div#contentk2.start {border-top: 2px solid #fff;}
div#kolomblm div#contentk2 h1 {color: #25167a; font-size: 26px; font-weight: bold; margin: 0; padding: 15px 20px 0 20px;}
div#kolomblm div#contentk2 h2 {color: #25167a; font-size: 20px; margin: 0; padding: 10px 25px 5px 15px;}
div#kolomblm div#contentk2 h2.top {padding-top: 18px;}
div#kolomblm div#contentk2 h3 {color: #25167a; font-size: 16px; font-weight: bold; margin: 0; padding: 10px 25px 3px 25px;}
div#kolomblm div#contentk2 h4 {font-size: 14px; font-weight: bold; margin: 0; padding: 8px 25px 3px 25px;}

div#kolomblm div#contentk2 p {font-size: 12px; line-height: 18px; margin: 0; padding: 6px 25px 6px 25px;}
div#kolomblm div#contentk2 p.inleidingstart {font-weight: bold; line-height: 22px; padding-top: 15px;}
div#kolomblm div#contentk2 p.inleiding {color: #666; font-size: 13px; font-weight: bold;}
div#kolomblm div#contentk2 p.klein {color: #3d3d3d; font-size: 11px;}
div#kolomblm div#contentk2 p.testimonial {color: #3d3d3d; font-size: 11px; border: 2px solid #25167a; background-color: #c8c5de; padding: 10px; margin: 6px 25px 6px 25px;}
div#kolomblm div#contentk2 table {font-size: 12px; line-height: 18px; margin: 5px 25px 0 25px; padding: 0;}
div#kolomblm div#contentk2 table.sub {margin: 0;}
div#kolomblm div#contentk2 table.klein {font-size: 11px;}
div#kolomblm div#contentk2 a {color: #0047bd; font-size: 11.5px; font-weight: bold; text-decoration: none;}
div#kolomblm div#contentk2 a:visited {color: #3578dc; font-weight: bold; text-decoration: none;}
div#kolomblm div#contentk2 a:hover {color: #25167a; font-weight: bold; text-decoration: underline;}
div#kolomblm div#contentk2 a:active {color: #25167a; font-weight: bold; text-decoration: underline;}

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-color: #b3aed1; 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#titelbalkk2 .kleinrood {color: #ff0033; font-size: 12px; line-height: 14px; font-weight: bold; margin: 0; padding: 10px 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#titelbalkk2 .bgwit {background-color: #ffffff;}

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 h1 {color: #25167a; font-size: 26px; font-weight: bold; margin: 0; padding: 15px 20px 0 20px;}
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.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 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.klein {font-size: 11px;}
div#kolom2 div#contentk2 a {color: #0047bd; font-size: 11.5px; 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 {border: 1px solid #25167a; background-color: #25167a;}
table#noborder {border: none;}
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;}

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

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

div#kolom2opleidingenzoeker {background-color: #dfdceb; height: 100%; margin: 0 0 0 220px; padding: 0; border-top: 1px solid #fff; border-right: 2px solid #fff;}
div#kolom2opleidingenzoeker div#topk2opleidingenzoeker {background-color: #fff; height: 65px; margin-bottom: -1px;}
div#kolom2opleidingenzoeker div#titelbalkk2opleidingenzoeker {background-color: #b3aed1; height: 122px;}
div#kolom2opleidingenzoeker div#titelbalkk2opleidingenzoeker h1 {color: #25167a; font-size: 28px; font-weight: bold; margin: 0; padding: 15px 20px 0 20px;}
div#kolom2opleidingenzoeker div#contentk2opleidingenzoeker {background-color: #dfdceb; padding-bottom: 20px; padding-left: 25px; height: 100%;}
div#kolom2opleidingenzoeker div#contentk2opleidingenzoeker.start {border-top: 2px solid #fff;}

/* 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: 3px 10px;}
div#kolom3 div#contentk3 img#pijl {position: absolute; right: 100px; top: 180px; margin: 0;}

div#kolom3 div#contentk3 div#ezine {margin: 0; background-color: transparent; color: #25167a;}
div#kolom3 div#contentk3 div#ezine h1 {font-size: 18px; font-weight: bold; margin: 10px 0; padding: 3px 8px;}
div#kolom3 div#contentk3 div#ezine a.ezine {display: block; background-color: transparent; font-size: 12px; color: #fff; margin: 4px 0; padding: 3px 10px; text-decoration: none; border-top: 2px solid #25167a; border-bottom: 2px solid #25167a; padding: 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: 10px;}

/*
expand CSS voor studieloopbaanweek - programma ed.
*/

.topnav {background-color: #ffffff; border: 1px solid #000000; cursor: pointer; text-decoration: none; font-size: 10px; width: 150px; padding: 4px; text-align: center; margin-top: 10px; margin-bottom: 10px;}

div.faq {background-color: none; border: 1px solid #b3aed1; cursor: pointer; text-decoration: none; color: #0068b4; margin: 10px 20px; padding: 5px; font-size: 12px;}
div.faq div {color: #313131; font-weight: normal; display: none;}
div.faq_content {background-color: none; cursor: text; text-decoration: none; padding: 4px 5px; color: #0068b4; margin-bottom: 5px; font-size: 11px;}

div.faq_float {background-color: none; cursor: pointer; text-decoration: none; color: #0068b4; margin:0; padding: 4px;font-size: 12px; font-weight: bold;}
div.faq_content_float {background-color: none; text-decoration: none; padding: 0; color: #0068b4; margin: 0; font-size: 11px; padding-bottom: 20px;}

.pointer { cursor: pointer;}

div#floater {position: absolute; visibility:hidden; height: auto; color: #330000; margin-top: 10px; padding-bottom: 6px; background: none; width: 160px;}

div#floater a.float {color: #003399; font-size: 9px; text-decoration: none; font-weight: normal;}
div#floater a.float:visited {font-size: 9px; text-decoration: none; font-weight: normal;}
div#floater a.float:active {font-size: 9px; text-decoration: none; font-weight: normal;}
div#floater a.float:hover {font-size: 9px; text-decoration: none; font-weight: bold;}


/*
formulier textarea
*/

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

/*
kleurtje studie & loopbaanweek
*/

.kleurtje{
color:#ff4500;
}

/* opval div */
.opval {background-color: #ffffff; border: 1px dashed #25167a;  padding: 6px 25px 6px 0; margin: 6px 25px 6px 25px;}
.opvalborderonly {background: transparent none; padding: 6px 25px 6px 0; margin: 6px 25px 6px 25px; border: 1px dashed #B572AD;}


/** stijlaanduidingen JQuery accordion **/

.schuifopenklik { font-size: 11px; padding: 2px 2px 2px 18px; margin: 0; color: #0068b4; cursor: pointer; line-height: 16px; text-decoration: none;}

.schuifopenklik:hover {text-decoration: none;}

.schuifopenopen {color: #0068b4; cursor: pointer; font-weight: bold; text-decoration: none;}

.schuifopendicht {color: #0068b4; cursor: pointer; font-weight: normal; text-decoration: none;}

.schuifopeninhoud {margin: 0 0 0 35px;  padding: 0 0 0 5px; text-decoration: none;}