@charset "utf-8";
/* CSS Document */

/** 
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) 
* Richard Clark (http://richclarkdesign.com) 
* http://cssreset.com 
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, 
samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, 
thead, tr, th, td,article, aside, canvas, details, figcaption, 
figure,footer, header, hgroup, menu, nav, 
section, summary,time, mark, audio, video {    
	margin:0;    
	padding:0;    
	border:0;    
	outline:0;    
	font-size:100%;    
	vertical-align:baseline;    
	background:transparent;
	background-repeat: no-repeat;
}

body {    
	line-height:1.4;
	color: #505050;
}

aside h2, aside h3{
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

.left{
	float: left;
}

.right{
	float: right;
}

header{
	padding-top: 5px;
	height: 189px;
}

body.home header{
  height: 87px;
}
body.landing header{
  height: 87px;
}


nav ul {
	list-style:none;
	width:100%;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* end of HTML Doctor reset */


/* on advise of Paul Irish */
* { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

html {
	background-image: url(/images/background/bg.png);
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	background-repeat: repeat;
}

body {
	width: 990px;
	margin: 0 auto;
	height: 100%;
	display: block;
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: Arial, Helvetica, sans-serif;
        font-family: "lucida Grande", "Lucida Sans Unicode";
	color: #505050;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 2px 2px #d5d6e7;
	box-shadow: 1px 1px 2px 2px #d5d6e7;
}

body.mceContentBody.CMSMSBody{
width: 585px !important;
-webkit-box-shadow: 10px 10px #fff;
box-shadow: 10px 10px #fff;
}

#wrap {
	min-height: 100%;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 2px 2px #d5d6e7;
	box-shadow: 1px 1px 2px 2px #d5d6e7;
}

#main {
	overflow:auto;
	padding-bottom: 40px;
} 

footer {position: relative;
	margin-top: -40px;
	height: 30px;
	clear:both;} 

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

h1,h2,h3{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

article h1{
	letter-spacing: -1px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-size: 25px;
	font-size: 2.5rem;
	color: #0d2b88;
	line-height: 1.2;
}

article h2 {
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 15px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #0d2b88;
	line-height:1.3;

}

article h3 {
	letter-spacing: -1px;
	margin-bottom:1px;
	margin-top:15px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #0d2b88;
	line-height:1.2;
}

article h4 {
	margin-bottom:0px;
	margin-top:15px;
	font-weight:bold;
}

article ul{
	margin-bottom:10px;
	list-style-type: none;	
	line-height: 1.2;
	margin-left:2px;
}

article ul li{
	background:url(/images/background/pijltjer2.gif) no-repeat 0px 4px;
	padding-left:15px;
	line-height: 1.5;

}

article ol {
	padding-left:20px;
}



article a{ 
	color: #0d2b88;
	text-decoration: none;
	color:#da2826; 
}

a:hover{
	text-decoration:underline !important;
}

.darkblue {
	color: #0d2b88;
}



.fullred {
	color: #fa142f;	
}
.edured{
	color:#da2826; 
}

.blue20procent {
	color: #cfd5e7;
}

.red10percent {
	color: #fee7ea;
}
.servicemenu {
	text-align:right;
	width:100%;
	padding-right:5px;
	display:block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 150%;
}
.servicemenu a {
	color: #505050;
	text-decoration:none;
}

.servicemenu a:hover {
	text-decoration:underline;
}

.logo {
  margin-left: 20px;
  display: block;
  height: 53px;
}

.logoimg{
 float:left;
}

.educationusa {
	float:right;
	margin-right:20px;
}

/* ====================================== */
/* ==========     mainmenu   ============ */
/* ====================================== */

ul.clearfix2{
	position:absolute;
	z-index:200;
	list-style-type:none;
	margin: 3px 0px 3px 0px;
	width:100%;
	background-color: #0d2b88;
}

ul.clearfix2>li{
 	display:inline;
	margin:0px;
	height:25px;
	line-height: 1;
	padding: 0;
	border-right: 1px solid #fff;
	color: #fff;
	float:left;
	font-size: 12px;	
	font-size: 1.2rem;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}

ul.clearfix2 li a{
	color: #fff;
	text-decoration:none !important;
}

ul.clearfix2 li span{
	height: 25px;
 	display:block;
 	padding: 4px 10px 2px 10px;
 	font-size: 16px;
 	font-size: 1.6rem;
}

ul.clearfix2>li:hover>a>span{
	background-color: #fa142f;
}




ul.clearfix2 li ul{
	height: 0;
	display: none;
	position: absolute;
	z-index: 201;
	margin-left: 0px;
}

ul.clearfix2 li ul li{
	display: block !important;
	float: none;
	/* text-transform: lowercase; */

}

ul.clearfix2 li ul li a span{
	color:  #0d2b88;
	background-color: #ecf0f5;
	border: 1px #0d2b88 solid;
	border-top-width: 0;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.1;
	min-width:200px;
}
ul.clearfix2 li ul li ul{
	display: none !important;
	border: 2px red solid; 
}


ul.clearfix2 li ul li:first-of-type a span{
	border-top: 1px #0d2b88 solid;
	margin-top: 1px;
}

ul.clearfix2 li ul li a span:hover{
  color:  #0d2b88;
  color:  white;
  background-color: #b0bdf1;
  min-width: 200px;
  background-color: #fa142f;	
}

ul.clearfix2 li:hover ul{
	height: auto;
	display: block;
}

p{
	margin-bottom: 10px;
}


section{
	position: relative;
	margin-top: 0px;
	left: 0px;
	width: 990px;
	display: block;
	background-color: #fff;
min-height: 70%;
}

article{
	float:left;
	width:510px;
	margin-left: 30px;
}

article:after, section:after{
   content: "";
   display: block;
   height: 0;
   clear: both;
}

footer{
/*	-webkit-box-shadow: 1px 1px 2px 2px #d5d6e7;
	box-shadow: 1px 1px 2px 2px #d5d6e7;*/
	display: block;
	height: 40px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.4;
	vertical-align: bottom;
	padding-top: 10px;
	color: gray;
}

footer a{
 color: gray;
}


/*========================*/
/*=====    aside    ======*/
/*========================*/

div#rechterkolom{
	width: 240px;
	float: right;
        margin-top: 25px;
}




aside.right{
	float:right;
	width:240px;
	margin:0 0 10px 0;
	padding:12px 5px 12px 12px;
	background-color: #ebe5d2;
	font-size:12px;
	font-size:1.2rem;
	-webkit-border-radius: 5px 0px 0px 5px; 
	border-radius: 5px 0px 0px 5px;
	border-width: 0;
	min-height:60px;
}

aside.right h2{
	font-size:1.5rem;
	/* color:#da2826; */
	color:#0d2b88;
	margin-bottom:5px;	
}

aside.right ul{
  list-style-type: none;
}

aside.right ul li{
	background:url(/images/background/pijltjeb.png) no-repeat 0px 4px;
	padding-left:15px;
}



aside.right a{
	color:#0d2b88;
 	text-decoration:none;
}



ul.mainmenu li.search{
	border-right-width:0px;
	float:right !important;
	padding-right: 5px;
}

form.search{
	float:right;
	height:18px;
	display:inline-block;
	margin-top:-2px;
	padding-bottom: 3px;
	width:100%;
	text-align:right;
}

form.search input{
	display:inline-block;
}

form.search input[type="search"]{
	background: white;
	width: 120px;
	height:18px;
	border-style:solid;
	border-width:1px !important;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: #0d2b88;
	//background-image:url(/images/background/search_field.png)
}

form.search input[type="submit"]{
	background-color: #d5d6e7;
	height:17px; 
	line-height:0px;
	margin:1px 0px 0px 3px;
	border: solid 1px #cfd5e7;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #0d2b88;
}

#languages{
	position: absolute;
	z-index: 10;
	left: 720px;
	top:0px;
	margin-top: 3px;
	/* background-color: #EBE5D2;*/
	/* padding: 3px 5px 2px 5px; */
	
/* -webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;*/
}

#languages img{
	margin-right: 1px;
}

#socialmedia{
	position: absolute;
	z-index: 10;
	left: 550px;
	top:0px;
	background-color: #EBE5D2;
	background-color: #fff;
	padding: 0 5px 2px 5px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

#socialmedia img{
	margin-top: 3px;
	margin-right: 3px;
}

div.department span{
/*  background-color:silver; filter:alpha(opacity=60); opacity:.6;*/
}
div.department{
  position: relative;
  top: 29px;
  text-shadow: 0px 0px 9px rgba(51, 51, 51, 1);
  padding-top: 45px;
  letter-spacing: 1px;
  padding-left: 10px;
  color: #fff;
  height:92px;
  font-size: 30px;
  font-weight: normal;
  margin-top: 0px;
  border-bottom:  #F96 5px solid;
  border-bottom:  #f47003 5px solid;
  border-bottom:  #f03 2px solid;	
  border-bottom:  #fa142f 2px solid;	
  background-size: 990px 92px;
  background-image: url("/media/images/headerimages/studentenopgras92.jpg");
}

.met-menu .slide img{
  border-bottom:  #fa142f 2px solid;
}

a.tooltip{
  color:#0D2B88;
  border: dashed silver 1px;
  padding: 1px 1px 0 1px;
  text-decoration: none;
  cursor: pointer;
}

.tooltip:hover:after { 
  content: attr(title);
  z-index: 100;
  position: absolute;
  max-width: 300px;
  background-color: #ffe;
  padding: 6px 6px;
  color:#0D2B88;
  border-color: 1px #000 solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 10px 0 10px;
/* -webkit-box-shadow: 2px 2px 1px 2px #d5d6e7;*/
  box-shadow: 2px 2px 1px 2px #d5d6e7;
}


footer a,
footer span{
	display: inline-block;
	margin: 0 10px 0 10px
}

.slides_container img{
	width: 990px;
	height: 210px;
	float: left;
}

div.slides_container{	
	height:210px;
	width: 990px;
	overflow: hidden;
	position: relative;
	display: block;
}

.slide-content{
	width: 300px;
	height: 160px;
	float: left;
	margin-left: 10px;
	padding: 20px 10px 10px 10px;
	position: absolute;
	left:670px;
	top:30px;
	z-index: 5;
	background-color:rgba(255,255,255,0.7);
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

.landing .slide-content{
	width: 350px;
	height: 160px;
	left:620px;
}

.slide-content a{
	color: #0d2b88;
	text-decoration: none;
}


div.volgendevorige{
	float: right;
	position:absolute;
	height: 25px;
	overflow: hidden;
	width: 120px;
	z-index: 5;
	top: 265px;
	left: 860px;
	padding: 5px 10px 5px 10px;
	background-color:rgba(255,255,255,0.7);
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.volgendevorige a{
	font-size: 12px;
	font-size: 1.2rem;	
}

.home #kolom1,
.home #kolom2,
.home #kolom3{
	float: left;
	width: 308px;
	margin: 5px 10px  10px 10px;
}



.landing #kolom1{
	width: 530px;
	float: left;
	margin: 0px 10px  10px 10px;
}

.landing #kolom2,
.landing #kolom3{
	width: 200px;
	margin: 0px 10px 10px 10px;
}
.landing #kolom3{
	float: right;
}

.landing #kolom2{
	float: left;
}


/* ==================================== */
/* ==========    widgets    =========== */
/* ==================================== */

div.widget{
	min-height: 100px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
	padding: 5px 10px;
        font-size: 1.2rem;
}

div.widget: first-of-type,
.home #kolom2 div.widget: first-of-type,
.home #kolom3 div.widget: first-of-type{
	margin-top: 0px !important;
}



div.widget div.content{
	padding: 5px 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

div.widget p{
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}


div.widget p a{
  color: #fa142f;
  color: #0d2b88;
  text-decoration: none;
}


div.widget div.content a{
  color: #fa142f;
  color: #0d2b88;
  text-decoration: none;
}

div.widget div.content p:last-of-type{
	margin-bottom:0px;
}

div.widget.rood{
	border:1px #fa142f solid;
	border:1px silver solid;
}

div.widget.blauw{
	border:1px #0d2b88 solid;
	border:1px silver solid;
}
div.widget h2{
   width: 100%;
   padding: 5px 0;
}



.blauw h2, .blauw h3{
	color: #0d2b88;
	padding: 5px 0;
}


.rood h2, .rood h3{
	color: #fa142f;
}

div.widget li{
	margin: 3px 10px 3px 0px;
	list-style-type: none;
}

.home #kolom3 div.snelnaar a{
	color: #0d2b88;
	font-size: 12px;
	font-size: 1.2rem;
}

div.widget li a{
	text-decoration: none;
	color: #505050;
	font-size: 12px;
	font-size: 1.2rem;
}

/*div.widget li a:after{
	padding-left: 5px;
	content: url(/images/background/pijltjer2.gif);
}*/

div.widget li a{
	padding-left: 15px;
	background-image: url(/images/background/pijltjeb.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


div.widget div.content a.redarrow:after{
	padding-left: 5px;
	content: url(/images/background/pijltjer2.gif);
}

.home .tijdenplaats{
	font-size: 12px;
	font-size: 1.2rem;
	color: #fa142f;
	color: #0d2b88;
	text-transform: lowercase; 
}

.twtr-widget{
	margin-top: 10px;
}

#featured{
   margin-top: 0px;
}

#featured:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.landing #container{
	margin-top:20px;
	margin-top:20px;
}

.mainmenu a:hover{
	text-decoration:none !important;
}

.landing article{
	width; 500px;
}

p.intro{
	color: #505050;
	font-weight: bold;
}

aside.agenda li{
	margin-bottom: 10px;
}

.agendadatumtijd{
  color: #fa142f;
  font-size: 15px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.links h4>a{
	padding-left: 15px;
	background-image: url(/images/background/pijltjer2.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.links p>a{
	color: #505050;
}
.links p>a:hover{
	text-decoration: none !important;
}

div#zoekformulier{
	height: 25px;
	display: block;
	padding: 3px 10px 2px 10px;
        width: 100%;
        text-align: right;
}


#catalogus div#zoekformulier{
	height: 25px;
	display: block;
	padding: 3px 10px 2px 0px;
        width: 100%;
        text-align: left;
}


#zoekveld{
	background: white;
	width: 120px;
	height: 18px;
	border-style: solid;
	border-width: 1px !important;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: #0D2B88;
}


#catalogus #zoekveld{
	background: white;
	border-style: solid;
	border-width: 1px !important;
	-webkit-border-radius: 1px;
	border-radius: 1px;
        border-color:silver; 
        height: 25px;
        width: 200px;
	color: #0D2B88;

}

.infobladsummary{
	display: none;
}

ul.infoblad li:hover .infobladsummary{
	display: inline;

}

.search-button{
	background-color: #D5D6E7;
	height: 17px;
	line-height: 0px;
	margin: 1px 0px 0px 3px;
	border: solid 1px #CFD5E7;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #0D2B88;
}


#catalogus .search-button{
	background-color: silver;
	height: 25px;
	line-height: 0px;
	margin: 1px 0px 0px 3px;
	border: solid 1px #CFD5E7;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #0D2B88;
}


.klein{
   font-size: 10px;
}

.kleiner{
   font-size: 11px;
}


.item_attribute_name{
   font-weight: bold; 
   color: #0D2B88;
float:left;
width: 125px;
}

.item_attribute_val{
float:left;
display:table;
width: 375px;
}

article ul li.noarrow{
  background: none !important;
  padding-left: 0 !important
}


#winkelmandjevol{
   display: none;   
}

#winkelmandinhoud{
   font-weight: bold;
}

#winkelmandinhoud div{
   margin-top: 5px;
}

.winkelmandaanmelden,
.aanmelden2 .voegtoe,
.voegtoePassief{
        padding: 2px 10px 2px 10px !important;
	cursor: pointer;
	font-weight: bold;
        width: 200px !important;
        
}

#bestellijst{
   margin-top: 10px;
}

#bestellijst div {
  border-top: 1px silver solid;
  width: 100%;
  padding: 5px 0;
} 
#bestellijst div span.artikel-titel{
  width: 100%;
  display: block;
}

#bestellijst div span.artikel-prijs{
  display: block;
  float: left;
}

#bestellijst div span.bestelselect{
  display: block;
  float: right;
}

#bestellijst div:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.bestelformulier .veld-titel div{
  display: inline;
}

div.bestelformulier.aanmeldencursus{
  padding-top: 0px;
}

.contactformulier > div,
.bestelformulier > div{
  margin-bottom: 10px;
}

.contactformulier label,
.bestelformulier label{
  margin-right: 10px;
  min-width: 120px;
  display: inline-block;
  vertical-align: top;
}

.required.bericht label{
  float: left;
}

.contactformulier label{
   width: 120px;
}


.bestelformulier .veld-titel label{
   min-width: 0;
}

.contactformulier input, 
.contactformulier select
.bestelformulier input, 
.bestelformulier select{
   border: silver 1px solid;
}

.bestelformulier .veld-accoord-incasso div, 
.bestelformulier .veld-aanmelden-nieuwsbrief div{
   display: inline;
}

select, input, textarea{
  font-family:Tahoma, Geneva, sans-serif;
  font-family: "lucida Grande", "Lucida Sans Unicode";
  font-size: 11px;
  font-size: 1.1rem;
}

.contactformulier > div,
.bestelformulier > div{
  margin-left: 0px;
}

.bestelformulier .uwgegevens,
.bestelformulier .veld-tekst-intro,
.bestelformulier .veld-tekst-uw-gegevens,
.bestelformulier .veld-tekst-incasso,
.bestelformulier .veld-tekst-voorprogrammamakers{
  margin-left: 0px;
}

.bestelformulier .veld-tekst-intro h3{
  margin-top: 0;
}

.contactformulier .submit input,
.bestelformulier .submit input{
  font-size: 15px;
  background-color: #ff0033;
  color: #fff;
  border: 1px #000 solid;
  padding: 2px 5px 2px 5px;
margin-left: 130px;
}

.contactformulier .submit,
.bestelformulier .submit{
  width: 100%;
  text-align: left;
}

.contactformulier h3,
.bestelformulier h3{
   background-color: #636363;
   width: 100%;
   text-transform:lowercase;
   padding: 0 10px 5px 10px;
   color: #fff;
} 

.contactformulier{
  padding-top: 0 !important;
}

#fbrp__3_2 + label{
  width: 300px;
} 

.contactformulier h3{
   margin-left: -10px;
   margin-right: -10px;
   margin-top: 0;
   padding-right: -10px;
}

.contactformulier,
.bestelformulier{
  padding: 10px 0;
  /* border: 1px silver solid; */
}

#bestellijstformulier{

}

#bestelinhoud .titel{
  display: block;
  font-weight: bold;
}

#bestelinhoud .prijs{
  display: inline-block;
  width: 150px;
}

#bestelinhoud .aantal{
  display: inline-block;
  width: 150px;
}
#bestelinhoud .subtotaal{
  display: inline-block;
  width: 150px;
  float: right;
}

span.plabel{
  font-weight: normal;
  display: inline-block;
  width: 150px;
  float: left;
}

span.pinhoud{
  width: 360px;
  float: left;
  display:inline-block;
}

ul.clearfix2 li.verborgen{
  display: none;
}

ul.clearfix2>li.engels{
 display: none !important;
}


li.level_2{font-weight: bold;}

li.level_2_actief, li.level_2{
    background-color: #0D2B88;
    background-color: #AAAFBE;
    color: #fff;
    font-weight: normal;
    width: 160px;
    min-height:25px;
    
    
}
li.level_2_actief a, li.level_2 a, li.level_3_actief a, li.level_3 a{
   color: #fff;
   font-weight: bold;
} 

.navleft li{border-top: 1px solid white;}

li.level_4_actief, li.level_4{
    background-color: #CBCFDC;
    background-color: #ECF0F5;
    color: #0D2B88 !important;
    font-weight: normal;
    width: 160px;
    border-top: 1px solid white;
}

li.level_4_actief a, li.level_4 a{
    color: #0D2B88 !important;
}
li.level_3 span, li.level_3_actief span, li.level_4_actief span, li.level_2_actief span, li.level_2 span{
padding: 3px 10px 2px 10px;
}


ul li.level_2_actief.current ul li.level_3{
display:block !important;
}

ul li.level_2_actief.parent ul li.level_3{
display:block !important;
}

ul li.level_3_actief.current ul li.level_4{
display:block !important;
}
ul li.level_3_actief.parent ul li.level_4{
display:block !important;
}

li.level_3_actief, li.level_3{
   background-color: #AAAFBE;
   background-color: #CBCFDC;

}

li.level_4,li.level_3{display:none;}

li.level_3.parent{display:block;}

.current li.level_3.parent{display:none !imporpant;}
 

li.level_4_actief a {
  color: #0D2B88;
} 

.navleft li span{
  width: 100%;
  min-height: 25px;
}
.navleft li{position: relative;}
/* =================================== */
/* =======      navleft    =========== */
/* =================================== */

div.onderdeel{
	position: relative;
	letter-spacing: 1px;
	padding-left: 10px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	margin-top: 0px;
	text-transform: lowercase;
	width:190px;
	border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border: 2px solid #F96;
	border-top: 0;
}

nav.navleft li a{
  text-decoration: none !important;
  font-size: 12px !important;
}

nav.navleft{
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 10px 0;
  border-top: 7px #ff9966 solid;
  border-top: 7px #f47003 solid;
  border-top: 4px #fa142f solid;
  border-left: 0;
  width:160px;
  min-height:300px;
  float:left;
  margin-top: -10px;
  position:relative;
}

.landing nav.navleft{
margin-top: -3px;
}



nav.navleft>ul>li>span{
	background-color: #0D2B88;
	border-bottom: 2px solid #fff;
}


nav.navleft span{
	width: 160px;
	display: inline-block;
	position:relative;
}


nav.navleft>ul>li{
  position: relative;
}


	
	

._pdf{
  background-image: url(/images/background/pdf.png);
  background-position: 0;
  background-repeat: no-repeat;
  min-height: 20px;
  padding-left: 30px; 
  padding-top: 5px;
  display: inline-block;
}

.current:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    border-width: 10px 0 10px 10px; 
    border-left-color:#0D2B88;
    border-left-color:#AAAFBE;
    border-top-color:#fff;
    border-bottom-color:#fff;
    border-style: solid;
    left: 160px; 
    top: 0px;
    z-index: 9;
}

.current > a:hover:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    border-width: 10px 0 10px 10px; 
    border-left-color:#0D2B88;
    border-left-color:#fa142f;
    border-top-color:#fff;
    border-bottom-color:#fff;
    border-style: solid;
    left: 160px; 
    top: 0px;
    z-index: 19;
}



li.level_4_actief.current:after{
   border-left-color: #CBCFDC;
   border-left-color: #ECF0F5;

}
li.level_3.current:after, 
li.level_3_actief.current:after{
   border-left-color: #AAAFBE;
   border-left-color: #CBCFDE;
}
.current a{
 font-weight: bold;
}

.intro{
  font-weight: bold;
  margin-bottom: 10px;
}

.landing .widget H3{
 color: #0d2b88;
}

.navleft li{
 list-style-type: none;
}

body.programmas div.department{
  background-image: url(/media/images/headerimages/studentenopgras92.jpg)
}

body.scholieren div.department{
  background-image: url(/media/images/headerimages/studentenopgras92.jpg)
}

body.studenten div.department{
  background-image: url(/media/images/headerimages/studenteninbibliotheek92.jpg)
}

body.agenda div.department, body.home2 div.department{
  background-image: url(/media/images/headerimages/studentenopgras92.jpg)
}

body.wetenschappers div.department{
  background-image: url(/media/images/headerimages/onderzoek92.jpg)
}

body.alumni div.department{
  background-image: url(/media/images/headerimages/studentenopgras92.jpg)
}

body.servicecentrum div.department{
  background-image: url(/media/images/headerimages/onderzoek92.jpg)
}

body.overons div.department{
  background-image: url(/media/images/headerimages/studentonderboom92.jpg)
}

body.english div.department{
  background-image: url(/media/images/headerimages/studentonderboom92.jpg)
}

body #tinymce{
  width: 500px !important;
}


#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
    color: #0d2b88 !important;
  background-color: #fff !important;
}

#twtr-widget-1 .twtr-doc{
   border: 1px solid silver !important;
   border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
}

#twtr-widget-1 .twtr-tweet a {
    color: #0D2B88 !important;
}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
    color: #444444 !important;
}
#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline {
    background: none repeat scroll 0 0 #FFFFFF !important;
}


li.level_2_actief span:hover, 
li.level_2:hover span,
li.level_3_actief span:hover,
li.level_3 span:hover,
li.level_4_actief span:hover,
li.level_4 span:hover
{
   
   background-color:#fc8997;
   background: -moz-linear-gradient(top, #fa142f, #fc8997);
   background: -ms-linear-gradient(top, #fa142f, #fc8997);
   background: -o-linear-gradient(top, #fa142f, #fc8997);
   background: -webkit-gradient(linear, center top, center bottom, from(#fa142f),    to(#fb4f63));
   background: -webkit-linear-gradient(top, #fa142f, #fc8997);
   background: linear-gradient(top, #fa142f, #fc8997);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fa142f', endColorstr = '#fc8997');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fa142f', endColorstr = '#fc8997')";   
   
} 


li.level_4_actief:hover a,
li.level_4:hover a
{
   color: #fff !important;
   font-weight: normal !important;
} 


li.level_4_actief.current:hover a
{
font-weight: bold !important;
} 


li.level_4, li.level_4 span{
font-weight: normal!important;
}

#cntnt01moduleform_2 label{
display:inline-block;
width: 200px;}


form .gender div{display: inline;}
form .gender div label{width: 60px !important;}


form .inlineradio div{display: inline;}
form .inlineradio div label{width: 60px !important;}


form.cms_form div{min-height:30px;}


article.Formulier{
  width: 700px !important;
} 

form .testdate{
  display: inline-block;
width: 500px;
}

form .testdate label{
  width: 80px !important;
}

form .test{
  display: inline-block;
clear: left;
}

form .test label{
  width: 130px !important;
}

form .job, form .special,.spaceabove{
  margin-top: 15px;
}

form .other div{display: inline-block;}

form .other label{width: 100px !important;}



form .brothersandsisterstext textarea{
  width: 600px;
  height: 150px;
}

div.hidden{
  min-height: 0px !important;
}

.formbuilderform H2{
  padding-top: 0px !important;
  margin-top: 0px !important;
}
form .maxamount label{width: 400px !important;}

form .maxamount input[type="text"]{vertical-align:bottom !important;clear:both;}

form .maxamount{margin-bottom: 10px;}

form .maxamount div{display: inline !important;}

.formbuilderform input{vertical-align: top !important;}

.formbuilderform .withwhomdoyoulive input,  .formbuilderform .inlineradio input{vertical-align: bottom !important;}

.formbuilderform div.yourparentsare{margin-top: 10px;}

.formbuilderform div.yourparentsare div{margin-left: 200px;}

.submit1 label, .submit2 label{width: 500px !important;}

.formbuilderform div.test div{display: inline !important;} 

.formbuilderform div.IhavedecidednottotakeSATSubjectTests label{width: 500px !important;}

div.timeline-header h1.summary a.customisable-highlight{
  color: #0d2b88 !important; 
}

a.customisable-highlight:hover{
  text-decoration: none !important;
}

nav.navleft.steunons li.level_3{display: block !important;}

div.contact-kopie{width: 600px !important;}
/* Stylesheet: Fulbright Modified On 2014-12-02 13:23:08 */