/* Proloog ------------------------------------- 

	Project: Tilburg University
	Auteur: Maarten van den Dungen
	Datum start: 08-05-2011
	Datum einde: 08-06-2011
	
	Inhoud:
	- Resets
	- Definition styles
	- Standard styles
	- jQuery styles
	
*/

/* date last updated 13-01-2015 */

/* Resets ------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-weight:normal;
border: none;
}

body {
background	: #ffffff;
font-family: "Arial", sans-serif;
height		: auto;
min-height	: 100%;
font-size	: 12px;
}  


/* Definitions ------------------------------ */


/* Standard styles -------------------------- */

a img { border: none;}

strong {
font-weight: bold !important;
}

q { font-style: italic; }

table {	border-collapse : collapse; }

td { vertical-align: top; 
     border-color: #E1DDD8;
	 padding: 5px;
}

th { vertical-align: top; 
     border-color: #E1DDD8;
	 font-weight: bold;
}

input, label { vertical-align: middle; }

.floatleft { float: left  !important; }
.floatright { float: right  !important; }
.textright { text-align: right; padding-right: 10px !important; }
.block { display: block; }
/* new class for overflow:auto */
.block_autoflow {
  display: block; 
  overflow:auto;
  padding:0px!important;
}

.bold { font-weight: bold !important; }

.clearboth { clear: both; display: block; }

/* fix voor iets */
p .clear {
clear:both;
}

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

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.hidden { display: none !important; }

.nopadding { padding: 0em  !important; }
.nomargin  { margin: 0em  !important; }
.noborder { border: none  !important; }
.nobg { background: none  !important; }
.nobullet { list-style:none !important; }

.textleft { text-align: left; }
.textright { text-align: right; }

.p50 { width: 50%;}

/* Frameset */
#wrapper{
	width	: 100%;
	margin	: auto;
}

#wrapper #contentWrapper{
	width		: 100%;
	margin		: auto;
	margin-top	: 125px;
	clear		: both;
	background-color	: #f0eeec;
	z-index		: 14;
}
	#meta{
		position	: absolute;
		width		: 500px;
		margin-left	: 300px;
		margin-top	: 12px;
		color		: #958b7c;
	}
		 		 /*I changed this to have support for the print icon in IE7*/
		 body #meta #print a{
			/* - !important: should be avoided, but it has to be changed through the all the cascaded styles. */
		   	background: url("../images/content/print.png") no-repeat scroll 0 0 transparent !important;
			display: inline-block;
			height: 15px;
			margin: 0 5px 0 5px !important;
			padding: 0;
			position: relative;
			top: 2px;
			width: 16px;
		}
				
					 		 
		 #meta ul{
		   float		: right ;
		   padding   	: 1px 0px 0px 0px;
		   height	  	: 25px;
		    
		  }
		  
		  #meta ul li{
		     list-style-type: none;
		     display   		: inline;
			 margin-top		: 5px;
		  }
  
			  #meta ul li a{
			    font-size	: 12px;
			    color		: #958b7c;
			    margin-top	: 5px;
				text-transform: none;
			    padding   	: 0px 7px 0px 5px;
			    border-right: 1px solid #339900;
			  }
			  	#meta ul li a:hover{
			    color		: #000;
			  }
   
   
	#languages{
	  float		: right;
	  width		: 155px;
	  height	: 22px;
	  
	  margin	: 10px 0px 0px 0px;
	  z-index	: 200;
	  font-size	: 11px;
	  color		: #958b7c;
	}
	
		#languages ul{
			border	: 1px solid #e1ddd8;
			background: #FFF;
			height:20px;
			list-style-type:none;
			cursor:default;
		}
			
			#languages ul li ul{
				margin-top	: 1px;
				margin-left	: -1px;
				height		: auto;
				width		: 153px;
				
				border		: 1px solid white;
				background	: #f0eeec;	
			}
			
			#languages ul img{
				margin:0px 5px -3px 0px;
			}	
		
				#languages ul li ul a{
					color		: #958b7c;
					padding:5px;
				}
				#languages ul li ul a:hover{
						background	: #e1ddd8;
						color		: #008ec6;
				}
		
			#languages .switchLanguage{
				padding: 3px;
			}
	
	
 
 
#header{
	position	:absolute;
	border-bottom:1px solid #c3bcb2;
	height		: 84px;
	width		: 100%;
	top			: 0;
	left		: 0;
	z-index		:150;
	
}
	#headerContent{
		margin		: auto;
		width		: 960px;
	}
	
	
	#header #logo{
		width		: 254px;
		height		: 84px;
		position	: relative;
		margin-left	: 15px;
		position	: absolute;
	}

	#header #payoff{
		width		: 256px;
		height		: 84px;
		position	: relative;
		margin-left	: 269px;
		position	: absolute;
	}
	
	#logo h2 {
		color: #af8411;
		    margin: 30px 0 0 225px;
		    position: absolute;
		    top: 1px;
		    left: 0;
		    width: 291px;
		    font-size: 18px;
	}
.topHeader {
font-size: 24px;
margin-bottom: 5px;
}
/* Navigation */

#navigation{
	position		: absolute;
	width			: 100%;
	top				: 88px;
	left			: 0;
	clear			: both;
	z-index			: 100;
}

	#navigation .navigationContent{
		width			: 960px;
		margin			: auto;
		
		
	}
	
		#navigation ul{
			list-style-type	: none;
			margin-top		: 0px;
			float			: left;
		}
			#navigation ul li{
				/*border-right	: 1px solid #339900;   -used image caused by padding which created a large divider*/
				background	: url("../images/framework/nav_divider.gif") right 10px no-repeat;
				
			}
			
			#navigation ul li a{
				font-size		: 12px;
				text-transform	: uppercase;
				color			: #063769;
				padding			: 10px 10px 8px 13px;
			}
			
			#navigation ul li a:hover{
				color		: #008ec6;
			}
		
			#navigation ul li ul{
				margin		: 0px;
				width		: 100%;
				border		: 1px solid white;
				position	: absolute;
				width		: 200px;
				display		: block;
				background	: #f0eeec;
				margin		: 0px 0px 0px 5px;
			}
			
			#navigation ul li ul li{
				background-image		: none !important;
				
			}
			
			#navigation ul li ul li a{
				text-transform:none;
				padding			: 10px;
				
				border			: none;
				border-bottom	: 1px solid #e1ddd8;
			}
			
			
			#navigation ul li ul li a:hover{
				/*background	: #e1ddd8;*/
				/*color		: #008ec6;*/
				/* defined in jquery.scripts.js */
			}


			.lastItem{
			 	border			: none !important;
				background-image: none !important;
				margin-right	: 0px !important;
			}
	
		#navigation .search{
		  width			: 240px;
		 
		  height		: 30px;
		  float			: right;
		  border		: none;
		}
					
			#navigation input{
				border		: 0px;
				padding		: 0px;
				margin		: 0px;
				background	: transparent;
			}
	
			#contentForm .searchInput ,#navigation .search .searchInput, .contentForm .searchInput {
			  width			: 155px;
			  height		: 15px;
			  color			: #339900;
			  font-size		: 12px;
			 
			  margin		: 5px 0px 0px 12px;
			  padding		: 4px 5px 4px 25px;
			 
			  float			: left;
			  background 	: url(../images/framework/search_icon.gif) 5px 5px no-repeat;
		 	  border		: 1px solid #c3bcb2;
			}
				#contentForm .searchSubmit,#navigation .search .searchSubmit, .contentForm .searchSubmit{
					width	: 34px;
					height	: 24px;
					border 	: 1px solid #c3bcb2 !important;
					margin	: 5px 0px 0px 2px;
					border	: none !important; 
					float	: left;
					cursor	: pointer;
					background : transparent url(../images/framework/searchbtn.gif) top left no-repeat;
					color	: #FFF;
					font-size	: 0.01em;
				}
				#contentForm .searchSubmit:hover , #navigation .searchSubmit:hover, .contentForm .searchSubmit:hover {
					background-position	: bottom left;
				}
				#contentForm .searchInput, .contentForm .searchInput{
				  width:300px;
				  margin-left:0;
				}
				
				#contentForm .searchSubmit, .contentForm .searchSubmit{
				  box-shadow: 0 1px 6px #B8AFA2;
				}

/* Home Page*/

#sections{
	z-index		: 20;
	position	: absolute;
	left		: 50%;
	width		: 240px;
	margin 		: 10px 0px 0px 251px;
}

	#sections .sectionBlock{
		display		: block;
		margin-top	: 15px;
		border		: 0px;
		height		: 71px;
		width		: 230px;
		text-align	: right;
		cursor		: pointer;	
		background	: url(../images/framework/section_block_bg.png) top left no-repeat;	
	}

	
		
		
		
		#sections .sectionBlock a{
			display		: block;
			width		: 180px;
			float		: right;
			
			font-size	: 20px;
			color		: #958b7c;
			padding		: 10px 35px 0px 0px;
			background	: url(../images/framework/section_arrow.png) 185px 14px no-repeat;
		}
		
		.sectionBlock a.singleLine {
		margin-top: 12px;
		}	
		
		
		
		.sectionhover a{
			color	: #000000;
		}
		
		
		.sectionhover img{
			border:1px solid #3a8c9d !important;
		}
		
		.currentnews .sectionhover img{
			border:0px !important;
		}
		
			.experts .sectionhover{
				color:000 !important;
				background-color:#e9e7e4 !important;
				/*background-color:#e1ddd8 !important;*/	
			}
	
/* Caroussel */
#headerCarousselContent{

	z-index		: 15;
	
	background	: url(../images/framework/background_header.gif) repeat-x top left;
	height		: 312px;
	padding-top	: 1px;
	
}		
	#carousselNav{
			position	: absolute;
			left		: 50%;
			top			: 475px;
			margin-left	: -465px;	
			width		: 600px;
			z-index		: 70;
			font-size	: 0.01em;
			color		: white;
		}
		#carousselNav a{
			float		: left;
			width		: 12px;
			height		: 12px;
			background	: url(../images/framework/caroussel_dot.png) top left no-repeat;
			font-size	: 0.01em;
			color		: white;
			margin-right: 5px;
			border		: none !important;
		}
		#carousselNav a.activeSlide{
			background	: url(../images/framework/caroussel_dot_active.png) top left no-repeat;
			font-size	: 0.01em;
			color		: #999999;
			border		: none !important;
		}
		
	#caroussel{
		z-index		: 19;
		height		: 371px;
		padding-top	: 1px;
	}
		#carousselItems{
				width		: 1024px;
				height		: 370px;
				position	: absolute;
				display		: block;
				left		: 50%;
				margin-left : -512px;
				overflow	: hidden;
		}
			
		#carousselItems div, #carousselItems div .bg{
			width	: 1022px;
			height	: 370px;
			overflow: hidden;
		}
		
		#carousselItems div img{
			height:370px;
		}
		
		
	    #carousselItems div .wrap{
	      color			: white;
	      position		: absolute;
		  margin-left	: 30px;
	      margin-top	: 190px;
	      background	: transparent url(../images/framework/info_blue.png) no-repeat;
	      width   		: 480px;
	      height  		: 149px;
	    }
		
		     .wrap  h2, .wrap h1{
		        padding		: 30px 30px 10px 15px !important;
				font-weight:normal;
		      }
		      
		      .wrap p{
				padding	: 5px 0px 0px 15px !important;
				font-size:16px;
				color		: #FFF;
		      }
		      
		      .wrap  a{
		        padding-right:30px;
		        margin		: 20px 10px 0px 0px;
		
		        display		: block;
				color		: #FFF;
		       
		        width		: 400px;
		        text-align	: right;
		        float		: right;
				font-size	: 18px;
		        background	: transparent url(../images/framework/link_arrow_small_white.gif) 410px 2px no-repeat;
		      }

   #carousselClusterstart{
		z-index		: 19;
		height		: 267px;
		padding-top	: 0px;
	}
		#carousselItemsClusterstart{
				width		: 477px;
				height		: 267px;
				position	: absolute;
				display		: block;
				left		: 0%;
				margin-left : 0px;
				overflow	: hidden;
		}
			
		#carousselItemsClusterstart div, #carousselItemsClusterstart div .bg{
			width	: 477px;
			height	: 267px;
			overflow: hidden;
		}
		
		#carousselItemsClusterstart div img{
			height:267px;
		}
			
	/*Content Column*/
	#content{
		background: #F0EEEC;
		width			: 100%;
		padding-bottom:20px;
		float: left;
	}
	.tabContent{
		background: #F0EEEC;
	}

	#contentBlocks, #contentBlocks1, #contentBlocks2, #contentBlocks3, #contentBlocks4,
	#contentBlocks5, #contentBlocks6, #contentBlocks7, #contentBlocks8,
	#contentBlocks9, #contentBlocks10 {
		margin		: auto;
		padding-top	: 20px;
		width		: 960px;
	}
	#contentdividerStart{
		float:left;
		width:480px;
		padding-right:20px;
	}

	#contentdividerStartRight{
		float:left;
		width:230px;
	}

	#contentdividerStartRight2{
		float:right;
		width:230px;
	}

	#contentdividerStudentportalLeft{
		float:left;
		width:720px;
	}

	#contentdividerStudentportalRight{
		float:right;
		width:240px;
	}

	/* News */
	.news{
		width	: 480px;
		float	: left;
		margin-right:20px;
	}
	
		.header{	
			border-bottom	: 2px solid #e1ddd8;
		}
		
	    
	    .news a.overview{
	      display	: inline;
	      
	      font-size	: 11px;
	      margin	: 5px 15px 0px 0px;
	    }
		
		.currentNews img{
			float:left;
			margin-right:10px;
		}
		
		.newsRow, .newsRowsmall, .currentNews .topicRow{
			padding-bottom	: 10px;
			padding-top		: 10px;
			border-bottom	: 1px solid #e1ddd8;
			list-style-type:none;
		}

		.newsRow, newsRowsmall{
		   	float		: left;
		   	clear		: both;
			width		: 100%;
			display		: block;
		 }
		 
		 	.news .newsRow p, .newsRowsmall, .news .currentNews p{
				padding-left:10px;
			}
		 
		 	.newsRow p, newsRowsmall p{
				float		: left;
			}
			
			.newsRow h4, newsRowsmall h4{
				margin-left	: 10px;
				margin-bottom:10px;
				font-size	: 14px;
			}
			
				.news .currentNews p a{
				 	float	: left;
					width	: 210px;
				}

				.newsRow p a,.news .currentNews p a{
					color		: #063769;
					font-size	: 12px;
					display:block;
					
				}
			.currentNews .date{
				padding-right	: 10px;
				padding-bottom	: 5px;
				padding-top	: 5px;
			}
			.currentNews .type{
				padding-right	: 10px;
				padding-bottom	: 5px;
				padding-top	: 5px;
			}
			.newsCol {
				 width:355px;
				 overflow:hidden;
			}
			
			li.newsRow{
				cursor			: pointer;
				width			: 100%;
				list-style-type	: none;
				margin-left		: 0px!important;
			}

			li.topicRow{
				cursor			: pointer;
				width			: 97%;
				list-style-type	: none;
			}
				
			li.newsRowsmall{
				cursor			: pointer;
				width			: 93.8%;
				list-style-type	: none;
			}
			
			.newsBlock .listImage{
				padding-bottom:5px;
				border-bottom:2px solid #E1DDD8;
				margin-bottom:10px;
				
			}
			
			.firstItem{
				margin-top		: 10px;
				border			: none !important;
				border-bottom	: 1px solid #E1DDD8 !important;
				height			: 139px;
			}
			.firstItem img{
				position		: relative;
				width			: 350px;
				margin			: -10px 0px 10px -14px;
			}

	/* Blog */
	#blog{
		float	: left;
		width	: 210px;
	}
	
	
		.blogger img{
	    	float		: left;
	    	margin		: 0px 15px 15px 15px;
		}
		
		.blogger p{
			
  			min-height:85px;
  			height:auto !important;
 			height:85px;
			padding-bottom: 15px;
			padding-top:10px;
		}
		
			
	.blogger{
	  clear				: both;
	  list-style-type	: none;
	  margin-bottom		: 20px;
	  font-size			: 16px;
	}
	
	
	/* Banners */
	#banners{
		float			: right;
		width			: 230px;
		overflow		: hidden;
		
	}
	
		#banners p{
		  float				: right;
		  display			: block;
		  margin-bottom		: 20px;
		}
	
	/* SideBar - used in content pages*/
	#sidebar{
		float			: right;
		width			: 230px;
	}
	
		#sidebar .block h2{
			color			: #958b7c;
			font-size		: 16px;
		}
		
		#sidebar .block h3{
			color			: #958b7c;
			font-weight		: bold;
			font-size		: 15px;
		}

		#sidebar .block{
			width			: 230px; /*opgehoogd van 200px */
			float			: left;
			clear			: both;
		  /* margin-left		: 6px; */
			
			padding-bottom	: 15px;
			border-bottom	: 1px solid #e1ddd8;
			margin-bottom	: 15px;
		}

			/* subclass */
			#sidebar .block .newsListSidebar {
				width			: 230px;
				padding-bottom	: 15px;
				border-bottom	: 1px solid #e1ddd8;
				margin-bottom	: 15px;
			}

		#sidebar .block .header{
			font-size		: 14px; 
			font-weight		: bold !important;
		}
			
			#sidebar .quote img{
				float			: left;
				margin			: 0px 10px 10px 0px;
				
			}
			
			#sidebar .quote p{
				float		: left;
				clear		: both;
				
			}
			
				#sidebar .quote blockquote p{
					display		: inline;
					font-size	: 16px;
					color		: #958b7c;
					clear		: none;
					float		: none;
					margin-bottom: 15px !important;
				}
			
			#sidebar .quote p a{
				line-height	: normal;
				clear		: both;
				margin-top	: 10px;
				padding-right: 20px;
			  	text-align	: right;
				
			}
			
		
		#sidebar .block p{
			color			: #59534a;
			font-size		: 12px;
			line-height		: 15px;
			margin-bottom	: 5px;
		}
		
			#sidebar .block p img{
				margin-bottom	: 10px;
			}
			
		#sidebar .block ul{
			font-weight:normal;
			font-size		: 14px;
			color			: #59534a;
			/* margin-left	: 15px; sidebar aanpassing ter uitlijning */
			line-height		: 15px;
			list-style-image: url(../images/framework/listDot.png);
		}
			
			#sidebar .block ul li {
				margin-bottom: 5px;
			}
			
			#sidebar .block ul li a{
				padding-right: 15px;
				color		 : #59534a;
				display		 : inline;
				font-size	 : 12px;
			}
			
			#sidebar .block a{
				text-decoration :underline; /*was voorheen important*/
			}
			
			#sidebar .block .newsListSidebar ul {
				margin-left:0px;
				width:230px;
			}
			
			#sidebar .block.newsListSidebar ul .date { margin-right:5px; }
			ul .date.time { font-weight:normal; }

	/* Content Page*/
	#headerVisual{
		left		: 0;
		margin-top	: 1px; 
		position	: absolute;
		width		: 100%;
		z-index		: 2;
		text-align	: center;
	}
	
	/*content page nonvideo header*/
	#wrapperContentText{
		margin		: auto;
		clear		: both;
		width		: 960px;
		height		: 311px;
		z-index		: 22;
		
	}
	
	#wrapperContentText .wrap{
	  position		: absolute;
	  color			: #FFF;
	  margin-left	: 0px;
      margin-top	: 140px;
	  
      background	: transparent url(../images/framework/info_blue.png) no-repeat;
      width   		: 525px;
	  z-index		: 80;
    }
	
	#wrapperContentText .wrapWide{
		
		width		: 719px !important;
		}
	
	
	#wrapperContentText .wrap  h2{
        padding		: 30px 30px 10px 30px;
      }
	  
	  #wrapperContentText .wrapWide  h2{
        padding		: 15px 30px 10px 15px !important;
      }
      
      #wrapperContentText .wrap p{
        padding	: 5px 30px 0px 30px;
		color		: #FFF;
      }
	  
	  #wrapperContentText .wrapWide p{
	  	 padding	: 5px 30px 0px 20px;
		color		: #FFF;
	  }
      
      #wrapperContentText .wrap  a{
        padding-right:20px;
        margin		: 20px 0px 0px 0px;
		vertical-align:baseline;
        display		: block;
		color		: #FFF;
       
        width		: 400px;
        text-align	: right;
        float		: right;
        background	: transparent url(../images/framework/link_arrow_small_white.gif) right 2px no-repeat;
      }
	
	/*content page video header*/
	#wrapperContentVideo{
		margin		: auto;
		width		: 960px;
		clear		: both;
		height		: 311px;
		z-index		: 20;
		position: relative;
	}
		
		#wrapperContentVideo .topHeader{
			padding: 15px 0px 0px 15px;
			margin-left: 485px;
			color: #003366;
			font-size: 24px;
	  	  font-weight: normal;
		}
		
		
		.videoContainer {
		    background: none repeat scroll 0 0 #C2BFBA;
		    float: left;
		    height: 267px;
		    left: 0;
		    margin-top: 0;
		    position: absolute;
		    top: 18px;
		    width: 477px;
		    z-index: 70;
		}
			.videoContainer iframe{
				width	: 477px;
				height	: 267px;
				border	: none!important;
			}
		
		.videoContainerSmall{
			float		: left;
			width		: 206px;
			height		: 137px;
			margin		: 15px 0px 15px 15px;
			background	: #c2bfba;
			z-index		: 70;
		}
		
		
		
		.videoContentSmall{
			
			float		: right;
			width		: 206px;
		}
			
			.videoOverlay{
				/*jQuery handles the videoClick*/
				
				width		: 477px;
				height		: 267px;
				cursor		: pointer;
				position	: absolute;
				z-index		: 62;
			}
			
			.videoOverlaySmall{
				/*jQuery handles the videoClick*/
				
				width		: 206px;
				height		: 137px;
				cursor		: pointer;
				position	: absolute;
				z-index		: 62;
			
			}
			
				.videoOverlay span{
					height		: 37px;
					width		: 37px;
					display		: block;
					position	: absolute;
					margin-left	: 220px;
					margin-top	: 110px;
					
					background	: url("../images/content/videoicon.png");
				}
				
				.videoOverlaySmall span{
					
					height		: 37px;
					width		: 37px;
					display		: block;
					position	: absolute;
					margin-left	: 80px;
					margin-top	: 50px;
					background	: url("../images/content/videoicon.png");
					z-index		: 90;
				}
				
				.videoOverlaySmall img{
					position	: absolute;
					z-index		: 85;
					}
			
			
			
			.videoCol{
				margin		: 5px 0px 0px 0px;
				width		: 210px;
				float		: left;
				margin-left	: 15px;
			}
				
				.videoCol h3{
					font-size	: 18px !important;
					color		: #000 !important;
					padding-bottom:15px;
				}
				
				.videoCol p{
					font-size	: 14px;
					color		: #000 !important;
				}
			
		.videoContent{
			position		: relative;
			width			: 470px;
			margin			: 16px 0px 0px 490px;
			float: left;
		}
		
			.topicBG .videoContent{
				margin-top	: 0px;
			}
			
			.videoContent .topics{
				border		: 1px solid #FFF;
				line-height : 15px;
				width		: 230px;
				float		: right;
				margin-left	: 0px;
				
				height 		: auto !important;
				min-height	: 230px;
				height		: 230px;
			}
			
			.videoContent .topics .content{
					position 	: absolute;
					width	 	: 200px;
					margin-left	: 15px;
					z-index	 	: 100;
					overflow	: hidden;
				}
				
					.videoContent .topics .content h3{
						
						font-size	: 18px !important;
						color		: #003366 !important;
						margin		: 10px 0px 10px 0px;
						padding		: 0px;
						line-height:25px;
					}
					
						.videoContent .topics .content ul{
						margin-left:22px;	
					}
				
						.videoContent .topics .content ul li{
							color				: #003366;
							list-style-image 	: url(../images/framework/list_arrow_v1.png);
							padding-bottom		: 10px;
						}
							.videoContent .topics .content ul li a{
								font-size:12px;
								font-weight:bold;	
							}	 
					
							.videoContent .topics .content ul li span{
								font-size:11px;
								/*font-style:italic;*/
								display:block;
								color:#008ec6;
							}

				.videoContent .topics .bg{
					position: absolute;
					width	: 230px;
					background-color:#FFF;
					opacity	: 0.2;
					filter: Alpha(Opacity=20);
					height: 97%;
					
					z-index: 90;
				}
			
			.videoEmbed, .videoEmbedSmall{
				display		: none;
				position:absolute;
				z-index		: 63;
			}	
				
				
		.videoContent h2{
			color			: #FFF !important;
		}
		.videoContent p{
			color		: #FFF;
			font-size	: 14px;
			line-height: 19px;
		}
		
		.medBG .smallBlock h2{
			color			: #FFF !important;
		}
		.medBG .smallBlock p{
			color		: #FFF;
			font-size	: 16px;
		}
		
	.medBG .smallBlock{
		width		: 230px;
		position	: absolute;
		width			: 470px;
		margin			: 16px 0px 0px 490px;
		z-index		: 40;
	}
	
	
	/* Header banner highlights */
	.headerHighlights{
		
		position 	: absolute;
		margin	 	: 171px 0px 0px 460px;
		
		/*margin	 	:166px 0px 0px 0px!important;*/
		z-index		: 70;
		width:500px;
		
		
	}
		
		.headerHighlights ul{
			float:none; /* van float right naar none gezet voor IE7 */
			margin-right:2px;	
		}
			
		.headerHighlights ul li{
			display			: block;
			list-style-type	: none;
			margin-left		: 12px;
			float			: right;
		/* 	float			: left;  omgezet naar right om de werking uniform te maken voor GX templates */
			width			: 228px;
			height			: 116px;
			overflow		: hidden;
		    cursor: pointer;
		}
		
		.headerHighlights img{
			position	: absolute;
			width		: 228px;
			height		: 116px;
			border		: 1px solid #FFF;
			z-index		: 60;
		}

		.headerHighlights img.vignet{
		border			: 0px; 
		height			: 120px;
		position		: relative;
		width			: 126px;
		z-index			: 60;
		float			: right;
		}
		
		.headerHighlights a{
			position	: absolute;
			margin-top	: 65px;			
			padding		: 3px 30px 3px 0px !important;
			width		: 195px;		
			
			color		: #FFFFFF;
			text-align	: right;
			font-size	: 16px;
			opacity		: 1 !important;
			filter		: alpha(opacity = 100);
			z-index		: 70;
			background	: url(../images/framework/link_arrow_small_white.gif) right bottom no-repeat;
			line-height : 22px;
		}
		

        .headerHighlights span{
		 	position	: absolute;
			margin		: 1px;
			margin-top	: 62px;
			z-index		: 61;	
			width		: 228px;
			height		: 55px;
		 }
		 
		
			
			
	/* Small Header content Page*/
	
	#wrapperContentText .smallBlock{
		width		: 470px;
		position	: absolute;
		margin-left	: 15px;
		margin-top	: 15px;
		z-index		: 40;
	}
	
	#wrapperContentText img.vignetten , #wrapperContentVideo img.vignetten {
		
		position	: relative;
		z-index		: 600;
		float		: right;
		margin-top	: 10px;
	}
	
	#wrapperContentText div.vignetten{
		width		: 700px !important;
	}
	
	#wrapperContentVideo div.vignetten{
		width		: 330px !important;
	}
	
	
	
		#wrapperContentText .smallBlock, h2 #wrapperContentText .smallBlock h1{
			color	: #FFF;
		}
		
		#wrapperContentText .smallBlock p{
			color:#FFF;
			font-size:16px;
		}
	
	.smallBG #wrapperContentText{
		height:141px;
	}
	
	.smallBG .headerHighlights{
		margin		: 12px 0px 0px 0px !important;
		position	: relative;
		float		: right;
	}
	
	
	/* Contentpage Menu */
	#menuContainer{
		width		: 230px;
		margin-right: 10px;
		float		: left;
	}
		
		#menuContainer ul{
			
			font-size:13px;
			padding-bottom:20px;
		}
		
		#menuContainer ul li{
			list-style-type	: none;
			border-bottom	: 1px solid #e1ddd8;
			
		}		
		
		#menuContainer ul li.visitedPage a{
			background		: #e9e7e4 url("../images/framework/nav_arrow_visited.png") 15px 15px no-repeat; 
			
			padding			: 10px 5px 5px 35px;
			margin-bottom	: 1px;
			display			: block;
			font-size		: 16px;
		}
		
		#menuContainer .currentPage a{
			background		: #FFFFFF;
			font-weight		: bold!important;
			color			: #000000;
			padding			: 10px 5px 5px 15px;
			margin-bottom	: 1px;
			font-size		: 16px;
			display			: block;
		}
		#menuContainer .currentSmall{
			background		: url('../images/framework/nav_arrow_list.png') no-repeat 15px 12px #FFFFFF;
			font-weight		: bold;
			
			padding			: 10px 5px 5px 35px;
			margin-bottom	: 1px;
			font-size		: 13px;
			display			: block;
		}
		#menuContainer .activePage{
			background		: #e9e7e4;
			font-weight		: bold;
			height			: 25px;
			padding			: 10px 5px 0px 35px;
			margin-bottom	: 1px;
			font-size		: 13px;
			display			: block;
		}
	
			#menuContainer ul li:last-child{
				border-bottom	: 2px solid #e1ddd8;
			}
			
			#menuContainer ul li.rowBg a{
				color			: #003366;
				background		: url("../images/framework/nav_arrow_list.png") 15px 10px no-repeat; 
				padding			: 6px 0px 5px 35px;
				background-color: #F0EEEC;
				display			: block;
			}
			
			#menuContainer ul li.rowBg a:hover{
				color			: #008ec6;
				background		: url("../images/framework/nav_arrow_list.png") 20px 10px no-repeat; 
			}
	
	/*Contentpage mid column content*/
	#middleColumn{
		float:left;
		width:480px;
	}
		#middleColumn .newsBlock{
			
			margin-bottom:0px !important;
			
		}
		
		#middleColumn .topicWide{
			margin-top:20px;
		}
	
	
	#mainContentContainer, .mainContentContainer{
		width					: 450px;
		padding					: 10px 10px 10px 20px;
		float					: left;
		background				: white;
		border					: none !important;
		font-size				: 12px;
		line-height				: 20px;
		color					: #003366;
		position: relative;

	}
		.wide, .mainContentContainer wide{
			width		: 690px !important;
		}
		
		.extraWide{
			width		: 925px !important;
			margin-left	: 15px !important;
		}

		.white .extraWide{
			width		: 930px !important;
			margin-left	: 0px !important;
		}
		
	
	
	/* contentpage mid column lists*/	

		#mainContentContainer h2,
		#mainContentContainer h1, .mainContentContainer h2{
			margin-bottom: 10px;
			padding		: 10px 0px 0px 0px;
			color		: #003366;
		}
			#mainContentContainer h2, .mainContentContainer h2 {
			font-size: 18px;
			}
		
		#mainContentContainer h3, .mainContentContainer h3{
			clear:both;
			font-size	: 18px;
			color		: #008ec6;
			font-weight	: bold;
			padding		: 20px 10px 5px 0px;
		}
		
		#mainContentContainer h4, #mainContentContainer h5, .mainContentContainer h4, .mainContentContainer h5 {
			clear:both;
			font-size	: 16px;
			color		: #008ec6;
			font-weight	: bold;
			padding		: 20px 10px 5px 0px;
		}
				
        #mainContentContainer legend, .mainContentContainer legend {
        font-size: 105%;
        font-weight: bold;
        display:block;
        }

        #mainContentContainer fieldset, .mainContentContainer fieldset {
        border:2px groove threedface;
        display:block;
        margin-left:2px;
        margin-right:2px;
        padding: 10px;
        }

		#mainContentContainer ul li, #contentdividerStartRight2 ul li, .mainContentContainer ul li{
			font-size	:12px;
			margin-left	:20px;
			line-height	:20px;
		}
		
		#mainContentContainer ol li, #contentdividerStartRight2 ol li, .mainContentContainer ol li {
			font-size	:12px;
			margin-left	:24px;
			line-height	:15px;
			padding 	:0px 0px 5px 0px;
		}

		#mainContentContainer hr, .mainContentContainer hr {
			 height: 1px;
			 color: #E1DDD8
		}

		#mainContentContainer ul li ul li, #mainContentContainer ol li ol li, .mainContentContainer ul li ul li, .mainContentContainer ol li ol li {
			font-size	:12px;
			margin-left	:20px;
			line-height	:15px;
		}
		
		
		#mainContentContainer p , #mainContentContainer ul, #mainContentContainer ol, .mainContentContainer p , .mainContentContainer ul, .mainContentContainer ol {
			font-size	: 12px;
			color		: #003366;
			padding	: 0px 0px 10px 0px; 
			line-height	: 20px;
		}
		
		#mainContentContainer table{
			line-height				: 15px;
			border-collapse			: collapse;
			border-color			: #E1DDD8;
		}
		
		#mainContentContainer .intro{
			color		: #333;
			font-weight	: bold;
		}
		
		
		#mainContentContainer .contactTable {
			margin-left		: 0px;
			font-size		: 12px;
			line-height 	: 20px;
			width			: 100%;
		}
		
		#mainContentContainer .contactTable td{
			width:50%;
			
			}
		
		#mainContentContainer .newsList{
			margin-left	: 0px;
			padding-left: 0px;
		}
			#mainContentContainer .newsList li{
				margin-left	: 0px;
				padding-left	: 0px;	
			}
	
		#mainContentContainer .block img{
			padding:0px 10px 0px 0px;
		}
		
		.programList{
			float			: left;
			width			: 210px;
			margin-left		: 0px;
			margin-right	: 10px;
		}
		.listEnd{
			float			: right;
			margin			: 0px 10px 0px 0px;
		}
		
		
		.program{
			padding-bottom	: 20px;
			margin-bottom	: 10px;
			border-bottom	: 1px solid #c2bfba;
		}
		
			.program h4{
				color		: #339900;
				font-size	: 16px;
				padding		: 5px 0px 0px 0px;
			}
			
			.program ul{
				margin	: 0px 10px !important;
				padding	: 0px 10px !important;
			}
			
			.program ul li{
				padding	: 5px 0px 0px 0px !important;
				font-size		: 12px;
				list-style-type	: none;
				margin		: 0px 0px 0px 0px !important;
			}
			
			.program ul li a{
				color: #003366 !important;
				text-decoration:underline;
			}
				.program ul li a:hover{
					color: #000 !important;
				}
	
	/*Banners - has to be reviewed, maybe an duplicate*/
	#bannersContainer{
		margin-top	: 20px;
		width		: 220px;
		margin-left	: 0px;
		float		: left;
	}
	
	#bannersContainer img{
		margin-bottom : 10px;
	}
	
	/* News and Events    --   Topic page */ 
					
	.newsCol ul{
		margin-bottom : 20px;
		width		  : 230px;
	}
	
	
	.newsCol{
		width	: 355px;
		float	: left;
	}
	
	
	.topicWide{
		width	: 480px;
		float	: left;
	}
	
	#contentBlocks1 .topicRight, #contentBlocks2 .topicRight,
	#contentBlocks3 .topicRight, #contentBlocks4 .topicRight
	#contentBlocks5 .topicRight, #contentBlocks6 .topicRight
	#contentBlocks7 .topicRight, #contentBlocks8 .topicRight
	#contentBlocks9 .topicRight, #contentBlocks10 .topicRight {
			float	: right;
			width	: 470px;
			
		}
		
	
	.topicCol{
		width	: 230px;
		float	: left;
	}
	
	.topicColHalf{
		width	: 230px;
		float	: left;
	}
	
	.topicWide .topicColHalf .newsCol{ width: 135px;}
	/*.topicWide .topicColHalf*/ .firstCol{
		width			: 75px; /*.aanpassing gemaakt voor startpagina news. Was 65px */
		margin-right	: 10px;
		margin-left		: 5px !important;
		}
		
	.firstCol *{
		clear:both;
	}
	
	.tthead  {
		color: #003366;
		padding: 0px;
	}
	
	.activeBackground{
		/* -- background lights white up  thru jQuery -- */
	}
	
	.newsBlock{
		clear			: both;
		width			: 100%;
		margin-bottom	: 20px;
		border			: 1px solid #f0eeec;
	}
		.newsBlock h3{
			padding:0px !important;
		}
	
		.newsBlock h4{
			width		: auto;
			clear		: both;
			font-size	: 18px;
			color		: #008ec6;
			font-weight	: normal;
			margin-left:0px !important;
		}
		
		.newsBlock .summary{
			font-size	: 12px;
			width		: 450px !important;
			display		: block !important;
			float		: left;
			clear		: both;
			
			background  : url(../images/framework/link_arrow_small.gif) bottom right no-repeat;
			padding-right: 4px;
			
		}
		
		.topicRight .summary{
			width		:440px !important;
		}
	
		.newsBlock p.date{
			width		: 80px;
			
		}
		
		.newsBlock .freeContent{
				padding		: 15px;
				font-size	: 12px;
				line-height	: 17px;
			}
			.newsBlock .freeContent img{
				float:left;
				margin: 0px 10px 10px 0px;
			}
		
		
		.newsBlock p.link{
			color		: #063769;
			font-size	: 14px;
			display		: inline;
			text-align	: left;
		}
		
		
		.news .newsCol a, .news .currentNews p a{
			font-size:14px;
		}
		
		
	/*.newsBlock*/ .header{
		padding			 : 5px 10px 5px 15px;
		
		color			 : #0b122c;
		background-color : #e9e7e4;
	  /*background-color : #d9d5cf;*/
	}
	
	.listFooter{
		clear:both;
		height			: 25px;
		overflow		: hidden;
		width			: 100%;
		color			: #F0EEEC;
		float			: left;
		margin-right	: 50px;
		margin-bottom	: 10px;
		border-top		: 2px solid #e1ddd8;
	}
	
	#mainContentContainer .listFooter{
		margin-bottom:15px;
	}
	
	.listFooter .linkArrow{
		margin-top:3px;
		margin-right:5px;
	}

		.newsBlock ul{
			list-style-type	: none;
			padding-right:15px;
			
		}
		
		.newsBlock ul li{
			padding-left:15px;
			clear			: both;
			float			: left;
			border-bottom	: 1px solid #e1ddd8;
			
		}
		.newsBlock .lastBlock{
				border:none !important;
				
		}
		
		.newsRow img{
			float			: left;
			margin-right	: 10px;
		}
		
			.newsBlock ul a{
				text-decoration: none!important;
				display:block;
				clear:right;
				margin-bottom:5px;
			}
			
			/*.addShadow .listFooter{
				border-top	: 2px solid #FFFFFF !important;
			}*/
		
			.newsBlock .videoSummary{
				float		: left;
				width		: 230px;
			
				padding 	: 12px 0px 0px 10px;
			}
				
				.newsBlock .videoSummary h4{
					font-size	: 14px;
					color		: #063769 !important;
					padding-bottom:10px;
				}
				
				.newsBlock .videoSummary .date{
					width		: 200px;
				}
				
					
			.newsBlock .experts{
				clear			: both;
				display			: block;
				border-top		: 1px solid #e1ddd8;
				border-bottom	: 1px solid #e1ddd8;
			}
				.newsBlock .experts img{
					margin-bottom	: 10px;
				}
					
				.newsBlock .experts .expertCol{
					width		: 90px;					
					float		: left;
					min-height	: 188px;
					height		: auto !important;
					height		: 188px;

					padding		: 15px;
					margin		: 0px 0px 0px 0px;
				}
					.newsBlock .experts .expertCol h4{
						font-size		: 14px;
						color			: #339900;
						padding-bottom	: 10px;
					}
					.newsBlock .experts .expertCol{
						line-height		: 15px;
						font-size		: 11px;
						color			: #008ec6;
					}
					
					
					.experts .lastBlock{
						width:88px !important;
					}
					
				.contactBlock{
					width:100%;
					clear			: both;
					margin		: 20px 0px;
					background-color: #339900;
				}
					
					.contactBlock h4{
						padding		: 10px 10px 5px 10px;
						color		: #FFF;
						font-size	: 20px;
					}
					.contactBlock p{
						padding		: 0px 10px 10px 10px;
						color		: #FFF;
						font-size	: 12px;
					}
					
					.contactBlock a{
						color		: #fff;
					}
					.contactBlock a:hover, .contactBlock a:active, .contactBlock a:visited{
						color		: #fff !important;
					}
					
					.newsBlock .link .date{
						font-weight	: normal;
						font-size	: 11px;
						float		: left;
					}
					
					.newsBlock .views{
						margin-top	: 5px;
						font-size	: 11px;
						color		: #008ec6;
						float		: right;
					}
					
					.newsBlock .published{
						margin-top	: 10px;
						font-size	: 11px;
						color		: #008ec6;
						
					}
					
		#sectionNews li.newsRow, #sectionEvents li.newsRow {
			width:338px;
		}

		#sectionNews span, #sectionEvents span{
		margin-right:10px}
		
		#sectionNews .type, #sectionEvents .type{
			min-width: 230px;}
		
		#sectionNews .newsRow p a, #sectionEvents .newsRow p a {
		 margin-top: 5px;
		 font-weight: bold;
		}

		#sectionYoutube{
			margin-bottom: 20px;
		}
		
		#sectionYoutube .link{
			float		: left;
			font-size	: 14px;
			color		: #063769;
			width		: 255px;
			clear		: right;
		}

		#sectionYoutube a img{
		 width: 120px;} 
		
		#sectionYoutube ul {
		width:100%;
		}

		#sectionTwitter{
			margin-bottom:20px;
		}
		
			#sectionTwitter .link{
				float		: left;
				font-size	: 14px;
				color		: #063769;
				width		: 265px;
				clear		: right;
			}
			
			#sectionTwitter .date{
				
			width		: 265px;
			}
	
	#sectionBlog{
		
	}
		#sectionBlog .date{
			width	: 270px;
			
			float:left;
			clear:left;
		}
		
		#sectionBlog .link{
			width	: 270px;
			
			clear:right;
		}
		
		
	
/* Footer */
#footer{
  width					: 100%;
  background			: #fff;
  color					: #c3bcb2;
  font-size				: 12px;
  padding-top			: 15px;
  position				: relative;
  clear					: both;
  
}
	#footer p {
		color: #958B7C;
		float: left;
		font-size: 12px;
		margin: 0 10px 0 0;
		padding-left: 35px;
		position: relative;
	}
	
	#footer .disclaimer a{
	  color					: #958b7c; 
	  margin				: 0px 0px 0px 0px; 
	  padding-left			: 10px; 
	}
	
	#footer a.sitemap{
	  color					: #958b7c; 
	  margin				: 0px 0px 0px 10px;
	  padding-left			: 10px; 
	  border-left			: 1px solid #339900;
	}
	
	
	#footer .footerContent{
		
		width		: 960px;
		margin		: auto;
		padding-top	: 15px;
		height		: 40px;
	}
	
	#footer .copyright{
		
		float			: left;
		padding-right	: 10px;
		border-right	: 1px solid #339900;
	}
	
	#footer .disclaimer, #footer .sitemap{
		float		: left;	
	}
	
	#footer .social{
		position:relative;
		margin-top	: -2px;
		width		: 300px;
		float		: left;
	  
	}
	
	#footer .payoff{
		position:relative;
		margin-top	: -5px;
		font-size	: 18px;
		color		: #063769;
		float		: right;
	}

	a.disclaimer {
	color:#C3BCB2;
	}

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

	#footer .copyright {
    margin-right: 10px;
	}
	
/*global layout classes*/
 #blog .blogger img,  #banners p img, .currentNews img, 
	#navigation .search .searchSubmit, 
	 #programmesContainer, #mainContentContainer, .mainContentContainer, #bannersContainer img,
	 .videoContainer,#navigation ul li ul,#languages ul li ul,#sidebar .quote img,
	 #sidebar img, .newsRow img, .videoContainerSmall , .expertCol img, .freeContent img,
	 .banner, #middleColumn .newsBlock , .addShadow, .news img, .main img, .blogs img, .collegas img,
	 .video img, .gallery img, .yammer img
	 {
		border				: 1px solid white;
		box-shadow			: 0px 1px 6px #b8afa2;
		-webkit-box-shadow	: 0px 1px 6px #b8afa2;
		-moz-box-shadow		: 0px 1px 6px #b8afa2;
		background-color	: #FFF !important;
		
}
	

 .removeShadow{
 		border				: 1px solid white;
		box-shadow			: 0px 0px 0px !important;
		-webkit-box-shadow	: 0px 0px 0px !important;
		-moz-box-shadow		: 0px 0px 0px !important;
 }


a{
  -webkit-transition-property:color; 
  -webkit-transition-duration: 500ms; 
  -webkit-transition-timing-function: ease-out;
  
  -o-transition-property:color; 
  -o-transition-duration: 500ms; 
  -o-transition-timing-function: ease-out;
  
  -moz-transition-property:color; 
  -moz-transition-duration: 500ms; 
  -moz-transition-timing-function: ease-out;
  
  text-decoration:none;
  color: #003366;
}

a:hover{	
  color:#000000;
}

a:active{	
  color:#000000;
}

#mainContentContainer p a, .mainContentContainer p a{
	text-decoration:underline;
	color:#008ec6;
}
#mainContentContainer a, .mainContentContainer a{
	text-decoration:underline;
	color:#008ec6;
}

	#mainContentContainer .newsList a{
		color:#003366;
		text-decoration:none;
	}

a:active{
	/*position	: relative;*/
	top			: 1px;
}
	#mainContentContainer a:hover, #sidebar a:hover, .mainContentContainer a:hover, #sidebar a:hover{	
	  color:#000000;
	}
	
	#mainContentContainer a:active{	
	  color:#000000;
	}


#mainContentContainer h2 , #wrapperContentVideo h2, .mainContentContainer h2{
	color		: #003366;
}

h2, h1{
	font-size	: 24px;
	font-weight	: normal;
	color		: #FFF;
	padding		: 0px 0px 10px 0px;
	margin		: 0px;
	
}

h3{
	color		: #008ec6;
	font-size	: 18px;	
	font-weight	: normal;
}

h4{
	color		: #339900;
	font-size	: 12px;
	font-weight	: bold;	
    padding-bottom: 3px;
}

h5{
  color			: #008ec6;
  /*font-style	: italic;*/
  font-size 	: 12px;
  font-weight 	: normal;
}

p{
	color		: #003366;
	font-size	: 14px;
}
#wrapperContentText p#clusterTitle {
color: #ffffff;
font-size: 24px;
margin-bottom: 10px;
}
#mainContentContainer h1, .mainContentContainer h1 {
color: #0c193a;
margin-top: 5px /* down from 10px */
}
#mainContentContainer h1  cufon, .mainContentContainer h1  cufon {
padding-bottom: 5px;
}

.linkArrowSmall{
	margin-top	: 6px !important;
	font-size	: 10px !important;
	width		: 150px;
	float		: right;
	color		: #af8411;
	background  : url(../images/framework/link_arrow_small.png) 155px 0px no-repeat;
	padding-right: 25px !important;
	text-align	: right;
}

.linkArrowInstitutes{
	margin-top	: 6px !important;
	font-size	: 10px !important;
	width		: 150px;
	float		: right;
	color		: #af8411;
	background  : url(../images/framework/link_arrow_small.png) 155px 0px no-repeat;
	padding-right: 25px !important;
	text-align	: right;
}

.linkArrow :hover,
.linkArrowInstitutes :hover,
.linkArrowCompare :hover,
.linkArrowSubscribe :hover,
.linkArrowSmall:hover {
	color:#000 !important;
}

.date, .type{
	float		: left;
	color		: #339900;
	font-size	: 12px;
	font-weight : bold; 
}

.newsBlock span.date, .newsBlock span.type{
	margin-top	: 5px;
}
.expertCol a{
  float			: left;
  color			: #008ec6;
  /*font-style	: italic;*/
  font-size		: 12px;
  font-weight 	: normal;
}


.type{
  color			: #008ec6;
  /*font-style	: italic;*/
  font-weight 	: normal;
  min-width     : 120px;
  overflow:hidden;
}

.linkArrow{
	margin-top	: 6px !important;
	font-size	: 11px !important;
	width		: 150px;
	float		: right;
	color		: #af8411;
	background  : url(../images/framework/link_arrow_forw_hover.png) 155px 0px no-repeat;
	padding-right: 25px !important;
	text-align	: right;
}

.linkArrow a {
	color   	: #af8411;
}

.linkArrowCompare{
	margin-top	: 6px !important;
	text-decoration:none!important;
	font-size	: 12px !important;
	width		: 150px;
	font-weight: bold;
	float		: right;
	color		: #cc9933!important;
	background  : url(../images/framework/link_arrow_topmargin.png) 155px 0px no-repeat;
	padding-right: 25px !important;
	text-align	: right;
}

.linkArrowSubscribe{
	text-decoration:none!important;
	font-size	: 11px !important;
	float		: left;
	color:#FFFFFF!important;
	background  : url(../images/framework/link_arrow_topmargin.png) 155px 0px no-repeat;
	padding-right: 15px !important;
	padding-left: 10px !important;
	background-attachment:initial;
	background-clip:initial;
	background-color:#1C7C8C;
	background-image:url(../images/content/arrow_white.png);
	background-position:6px 5px;
	background-repeat:no-repeat;
	float:left;
	font-size:11px;
	height:22px;
	width:100px;
}


/* -- Social Buttons -- */

.social a span, .socialIcons a span,
.social a img, .socialIcons a img{
	display:none;
}
.social span, .socialIcons a span,  span.socialIcons{
	float			: left;
	margin			: 0px 5px 0px 30px;	
	font-size		: 14px;
}

.socialIcons a{
		float	: left;
		margin	: 3px 15px 0px 15px;
	}



.social a , .socialIcons a {
	background	: url(../images/framework/social3.png);
	height		: 19px;
	width		: 16px;
	display		: block;
	float		: left;
	margin		: -2px 2px 0px 2px;
}

.rsslink {
	background	: url(../images/framework/social3.png);
	height		: 19px;
	width		: 16px;
	display		: block;
	float		: left;
	margin		: -2px 2px 0px 2px;
}
li.rss-feed {
			font-size	:12px;
			margin-left	:0px!important;
			line-height	:10px;
			list-style: none;
}
.nocufon {padding: 10px 0px 0px !important;}

.rss-feed .header-rss{
padding			 : 0px!important;
color			 : #0b122c;
background-color : #ffffff;
}
	.rss-feed h3{
		clear:both;
		font-size	: 14px!important;
		color		: #008ec6!important;
		font-weight	: bold!important;
}
p.rss-feed{padding: 0px!important;}

.rss-feed .block_autoflow {
  padding:0px!important;
}

.rsslink a {padding-left: 17px; width: 0px; overflow: hidden; height: 20px; float: left;}

 span.socialIcons, span.rsslink{
 	
 	margin: 5px 0px 0px 15px !important;
 }

.social{
	width		: 300px;
	height		: 20px;
}

h1{
	color:#FFF;
}

.rsslink{		 background-position:35px 18px;}
.rsslink:hover{background-position:35px 0px;}

a.googleplus{		 background-position:-1px 18px;}
a.googleplus:hover{background-position:-1px 0px;}

a.facebook{		 background-position:-20px 18px;}
a.facebook:hover{background-position:-20px 0px;}

a.youtube{		 background-position:16px 18px;}
a.youtube:hover{background-position:16px 0px;}

a.rss{		 background-position:35px 18px;}
a.rss:hover{background-position:35px 0px;}

a.twitter{		 background-position:54px 18px;}
a.twitter:hover{background-position:54px 0px;}

a.flickr{		 background-position:73px 18px;}
a.flickr:hover{background-position:73px 0px;}

a.linkedin{		 background-position:94px 18px;}
a.linkedin:hover{background-position:94px 0px;}

/* -- NAVIGATION DROPDOWN CSS -- */

/*Top level list items*/
.navigationContent ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.navigationContent ul li a{
	display: block;
}

	
/*1st sub level menu*/
.navigationContent ul li ul{
	position	: absolute;
	left		: 0;
	display		: block;
	visibility	: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.navigationContent ul li ul li{
	display	: list-item;
	float	: none;
}
/* Sub level menu links style */
.navigationContent ul li ul li a{
	border-top-width	: 0;
}

/*CSS classes applied to down and right arrow images*/
.downarrowclass{
	position: absolute;
}
.rightarrowclass{
	position: absolute;
}



/* -- Begin custom backgrounds / blocks  -- */


/* Not sure if this is still used..*/
.block_v1{
	background	: transparent url(../images/framework/info_blue.png) no-repeat !important;
	color		: #FFF;
	height		: 149px;
	color			: #FFF;
	margin-left	: 0px;
    margin-top	: 140px;
	  
}


.block_v2{
	background	: transparent url(../images/framework/info_blue.png) no-repeat;
	height		: 149px;
	color		: #FFF;
	margin-left	: 0px;
    margin-top	: 140px;
	  
}

.block_v3{
	background	: transparent url(../images/framework/info/info_blue_studentportal.png) no-repeat !important;
	height		: 70px;
	color		: #FFF;
	margin-left	: 30px!important;
    margin-top	: 35px!important;
	z-index		: 41!important;
}

.block_v3 h2 {
   padding		: 20px 10px 10px 15px !important;
   font-weight:normal;
}

	.block_v2 h2{
		color		: #FFF;
	}
	
	.block_v2 p{
		color		: #FFF;
	}
	
	
/* - Banners */

.banner{

 	width		: 228px;
	height		: 116px;
	display: block;
    float: left;
	margin		: 0px 0px 10px 0px;
	background	: bottom left no-repeat;
	
}
#sidebar .small, #banners .small{
	height	: 59px;
 }

#sidebar .row .small{
	height	: 16px;
 }
 	
 .noBG{
 	background:transparent !important;
 }
	
	.banner span{
		color		 : #FFF;
		font-size	 : 18px;
	}
	
	.banner a{
		color		 : #FFF;
		font-size	 : 18px;
		text-align	 : right;
		
	}
	.banner .small{
		background-position	: right -1px;
		font-size			: 12px;
		
	}
	
	.bannerArrow{
		float			: right;
		background 		: url("../images/framework/link_arrow_small_white.gif") no-repeat 180px 3px;
		
		width			: 170px;
		margin			: 20px 0px 0px 0px;
		padding-right	: 35px;
		text-align		: right;
	}
	
	.cycleItems{
		margin:auto;
	}
	
	.cycleItems li{
		list-style-type	: none;
		margin			: 0px;
		padding			: 0px;
		position		: absolute;
	}
	
	.marginTop_1{
		margin-top:10px !important;
	}
	.marginTop_15{
			margin-top:15px !important;
		}
	.marginTop_2{
		margin-top:20px !important;
	}
		.marginTop_25{
			margin-top:25px !important;
		}
	.marginTop_3{
		margin-top:30px !important;
	}
	.marginTop_4{
		margin-top:40px !important;
	}
	.marginTop_5{
		margin-top:50px !important;
	}
	.marginTop_6{
		margin-top:60px !important;
	}
	
		#sidebar .small .bannerArrow, #banners .small .bannerArrow{
 			margin: 8px 5px 0px 0px;
			background-position	: bottom right;
			padding-bottom	: 2px;
		}
		
	

/* - Background - Big */
.bigBG{
	height	: 372px;
	background:url(../images/framework/headers/big/green.gif) repeat-x 0px 0px;
}
.bigBG_green{ background:url(../images/framework/headers/big/green.gif) repeat-x 0px 0px }
	
.bigBG_blue{ background:url(../images/framework/headers/big/blue.gif) repeat-x 0px 0px }

.bigBG_brown{ background:url(../images/framework/headers/big/brown.gif) repeat-x 0px 0px }
	
.bigBG_beige{ background:url(../images/framework/headers/big/beige.gif) repeat-x 0px 0px }
	
.bigBG_grey{ background:url(../images/framework/headers/big/grey.gif) repeat-x 0px 0px }

.bigBG_lightgrey{ background:url(../images/framework/headers/big/lightgrey.gif) repeat-x 0px 0px}
	
	#carousselItems h2, #carousselItems p{
		color : #FFF;
	}
	
	.info_green{
		background: url("../images/framework/info_green.png") top left no-repeat !important;
	}
	.info_blue{
		background: url("../images/framework/info_blue.png") top left no-repeat !important;
	}
	.info_brown{
		background: url("../images/framework/info_brown.png") top left  no-repeat !important;
	}
	.info_beige{
		background: url("../images/framework/info_beige.png") top left no-repeat !important;
	}
	.info_grey{
		background: url("../images/framework/info_grey.png") top left no-repeat !important;
	}
	.info_lightgrey{
		background: url("../images/framework/info_lightgrey.png") top left no-repeat !important;
	}

	

/* - Background - Medium */
.medBG{
	height	: 311px;
	background:url(../images/framework/headers/medium/blue.gif) repeat-x 0px 0px;
}
.medBG_green{ background:url(../images/framework/headers/medium/green.gif) repeat-x 0px 0px;}
.medBG_blue{ background:url(../images/framework/headers/medium/blue.gif) repeat-x 0px 0px; }
.medBG_brown{ background:url(../images/framework/headers/medium/brown.gif) repeat-x 0px 0px; }
.medBG_beige{ background:url(../images/framework/headers/medium/beige.gif) repeat-x 0px 0p; }
.medBG_grey{ background:url(../images/framework/headers/medium/grey.gif) repeat-x 0px 0px ; }
.medBG_lightgrey{ background:url(../images/framework/headers/medium/lightgrey.gif) repeat-x 0px 0px ; }

/* - Background - Small */
.smallBG{
	height	: 141px;
	background:url(../images/framework/headers/small/brown.gif) repeat-x 0px 0px !important;
}
.smallBG_green{ background:url(../images/framework/headers/small/green.gif) repeat-x 0px 0px !important; }
.smallBG_blue{ background:url(../images/framework/headers/small/blue.gif) repeat-x 0px 0px !important; }
.smallBG_brown{ background:url(../images/framework/headers/small/brown.gif) repeat-x 0px 0px !important; }
.smallBG_beige{ background:url(../images/framework/headers/small/beige.gif) repeat-x 0px 0px !important; }
.smallBG_grey{ background:url(../images/framework/headers/small/grey.gif) repeat-x 0px 0px !important; }
.smallBG_lightgrey{ background:url(../images/framework/headers/small/lightgrey.gif) repeat-x 0px 0px !important; }

#carousselItems  .bg{
	background:#FFF;
}

 .bannerGrey{
 	background-image:url(../images/framework/banners/grey.gif);
	color			: #FFF;
 }
   .bannerGrey .bannerArrow a:hover{
   		color:#958b7c !important;	
   }
   
   .bannerRainbow .bannerArrow a:hover{
   		color:#FFF !important;	
   }
   
   .bannerGreen .bannerArrow a:hover{
   		color:#2d4713 !important;	
   }
   
   .bannerBlue .bannerArrow a:hover{
   		color:#092f37 !important;	
   }
   
   .bannerBeige .bannerArrow a:hover{
   		color:#615a4e !important;	
   }
   
   .bannerBrown .bannerArrow a:hover{
   		color:#615a4e !important;	
   }
   
   
  .bannerGreen{
 	background-image:url(../images/framework/banners/green.gif);
	color			: #FFF;
 }
  .bannerBlue{
 	background-image:url(../images/framework/banners/blue.gif);
	color			: #FFF;
 }
  .bannerBeige{
 	background-image:url(../images/framework/banners/beige.gif);
	color			: #FFF;
 }
  .bannerBrown{
 	background-image:url(../images/framework/banners/brown.gif);
	color			: #FFF;
 }
  .bannerDarkGreen{
 	background-image:url(../images/framework/banners/darkgreen.gif);
	color			: #FFF;
 }
  .bannerDarkBlue{
 	background-image:url(../images/framework/banners/darkblue.gif);
	color			: #FFF;
 }
  .bannerBlack{
 	background-image:url(../images/framework/banners/black.gif);
	color			: #FFF;
 }
 
 .bannerRainbow{
 	background-image:url(../images/framework/banners/rainbow.gif);
	color			: #FFF;
 }
 
 .headerHighlights ul li span{
 	filter			: alpha(opacity = 75);
	opacity			: 0.75;
	background-color: #008ec6;
 }

 
 
 .headerHighlights /*.bannerGrey*/ a:hover{
	/*color			: #615a4e !important;*/
	color:#FFF!important;
 }
 /*
  .headerHighlights .bannerGreen a:hover{
	color			: #2d4713 !important;
 }
  .headerHighlights .bannerBlue a:hover{
	color			: #092f37 !important;
 }
  .headerHighlights .bannerBeige a:hover{
	color			: #615a4e !important;
 }
  .headerHighlights .bannerBrown a:hover{
	color			: #615a4e !important;
 }
  .headerHighlights .bannerDarkGreen a:hover{
	color			: #FFF !important;
 }
  .headerHighlights .bannerDarkBlue a:hover{
	color			: #FFF !important;
 }
  .headerHighlights .bannerBlack a:hover{
	color			: #FFF !important;
 }
 .headerHighlights .bannerRainbow a:hover{
	color			: #FFF !important;
 }*/
 
 .headerHighlights .bannerGrey span{
 	background-color:#CCCCCC;
 }
  .headerHighlights .bannerGreen span{
 	background-color:#339900;
 }
  .headerHighlights .bannerBlue span{
 	background-color:#003366;
 }
  .headerHighlights .bannerBeige span{
 	background-color:#d9bc75;
 }
  .headerHighlights .bannerBrown span{
 	background-color:#cc9933;
 }
  .headerHighlights .bannerDarkGreen span{
 	background-color:#339900;
 }
  .headerHighlights .bannerDarkBlue span{
 	background-color:#0d122c;
 }
  .headerHighlights .bannerBlack span{
 	background-color:#333;
 }
 
 .headerHighlights .bannerRainbow span{
 	background-color:#003366;
 }


.lessMargin {
margin-bottom: 5px;
}

/*Students Portal*/
#content.white {
background-color: #ffffff;
}
.studentPortalBanner {
	background: url('../images/content/student_banner.png') no-repeat left 2px;
	height: 138px;
	position: relative;
}
	.studentPortalBanner p {
		background: url('../images/content/banner_5.png') no-repeat;
		text-indent: -9999em;
		width: 469px;
		height: 77px;
		position: absolute;
		top: 30px;
		left: 15px;
	}
.portalBlock {
float: left;
width: 230px; /*opgehoogd van 226 */
margin-right: 10px;
height: auto !important;
min-height: 190px;
height: 203px;
margin-bottom: 1px;
}
.inlineBlock {
float: left;
width: 100%;

}
	.cleanContainer h2,
	.portalBlock h2, #sidebar .block h2{
	font-weight: bold;
	color: #0c193a !important;
	font-size: 18px;
	border-bottom: 2px solid #7fb2cc;
	margin: 0px;
    margin-bottom: 0px;
	padding: 0px 0px 6px 10px !important;
	float: left;
	width: 96%;
	}
    
	.white .block h2{
	font-weight: bold;
	color: #0c193a !important;
	font-size: 18px;
	border-bottom: 2px solid #7fb2cc;
	margin: 0px;
    margin-bottom: 0px!important;
	padding: 0px 0px 6px 10px !important;
	float: left;
	width: 98%
	}

	.portalBlock ul, .block ul {
	background: #F0EEEC;
	list-style: none;
	float: left;
	width: 100%;
	}
	
	.portalBlock li a {
	line-height: 28px;
	padding-left: 14px;
	padding: 2px 0px 2px 14px;
	display: block;
	}

	.portalBlock .more{
	padding-right: 25px;
	color: #af8411;
	font-size: 10px;
	float: right;
	margin-right: 5px;
	background: url("../images/framework/link_arrow_small_low.png") no-repeat right top scroll transparent;
	display: block;
	width: 170px;
	margin-top: 10px;
	text-align: right;
	}
	.portalBlock a.sectionhover {
	color: #000;
	}
	
	.tt {
	padding-right: 25px;
	color: #af8411!important;
	font-size: 10px;
	float: right;
	margin-right: 5px;
	background: url("../images/framework/link_arrow_small_low.png") no-repeat right top scroll transparent;
	display: block;
	width: 170px;
	margin-top: 10px;
	text-align: right;
	}
	
	.tt a {
		color : #af8411!important;
	}
	
	/*exceptions*/
	.firstline {
	height: auto !important;
	min-height: 161px;
	height: 161px;
	}
	.twitterblock {
		float: right;
        margin-bottom: 66px;
	}
	.highlight {
	background: #66a924;
	padding-left: 0px;
	padding-top: 10px;
	width: 212px;
	height: auto !important;
	min-height: 151px;
	height: 151px;
	}
		.highlight h2 {
		border: none;
		color: #fff!important;
		padding-left: 0px;
		margin-bottom: 11px;
		padding-left: 14px;
		}
		.highlight ul {
		background: none;
		padding: 0px;
		margin-top: 10px;
		
		}
			.highlight li {
			line-height: 24px;
			cursor: pointer;
			}
				.highlight a {
				color: #fff;
				font-weight: bold;
				
				}
				.highlight li.hoverHighlight a {
				color: green;
				}
	.twoColumn {
	width: 480px;
	}	
	.last {
	margin-right: 0px!important;
	}
	.portalBlock .blog {
	min-height: 140px;
	}
		.blog li {
		line-height: normal;
		}
			.blog li img {
			margin-right: 12px;
			box-shadow: 0 1px 6px #B8AFA2
			}
			.blog li a {
			padding: 12px 10px 9px 10px;
			

			}
			.blog li span.title {
			font-size: 12px;
			/* padding-top: 10px; */
			line-height: 14px;
			display: block;
			}
	/*Buttons*/
	.btnGreen {
	background: #ffffff url('../images/content/arrow_green.png') no-repeat 8px 6px;
	color: #66a924;
	padding: 6px 15px 6px 30px;
	margin-bottom: 5px;
	margin-left: 14px;
	}
		.btnGreen:hover {
		text-decoration: none;
		}
		.btnGreen a{
		    color: #66A924;
			}
.tab {
height: auto !important;
height: 108px;
min-height: 108px;
}
#tabs {
font-family: Arial;

}
.tab ul.listInstitutes li {
height: 35px;
border-bottom: 1px solid #e1ddd8;
padding: 0px;
}
.tab ul.listInstitutes li a {
display: block;
padding-left: 11px;
padding-top: 3px;
padding-bottom: 3px;
}

.tab span.date {
width: 80px;
}
.tab span.title {
color: #063769;
font-size: 12px;
}
.tab p {
padding: 6px 11px;
}
/*overwrite styles UI*/
.ui-corner-all {
border: none;
border-radius: 0px;
}
.ui-tabs {
padding: 0px;
}
.ui-tabs .ui-tabs-panel {
background: #F0EEEC; /* was: f7f6f5 */
border-radius: 0px;
padding: 0px;
}
.ui-tabs .ui-tabs-panel ul {
padding: 0px;
margin: 0px;
}
.ui-tabs .ui-tabs-panel p {
font-size: 12px;

line-height: 18px;
}
.ui-tabs .ui-tabs-nav {
padding: 0px;
border-bottom: 1px solid #000;
}

ul.ui-tabs-nav {
background: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default  {
background: #e1ddd8;
border: none;
border-radius: 0px;
color: #063769;
}

#tabWide li .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default   {
background: #063769;
border: none;
border-radius: 0px;
color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background-color: #f7f6f5;
border: 1px solid #000;
border-radius: 0px;
padding: 0px!important;
}

.ui-tabs a,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #4c4945;
}
.ui-tabs .ui-tabs-nav li a  {
padding: 0px 10px;
font-size: 14px;
color: #fff;
}

.ui-tabs .ui-tabs-nav li a:hover {
	/* voorlopige kleuraanpassing actieve tabs */
	color: #999!important;

}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
font-weight: bold;
color: #000;
}

#inlineTabs li.ui-tabs-selected a {
    color: #0C193A;
    padding: 4px 10px;
}

/*Opleidingsvergelijker*/
#compareFilter {
float: left;
width: 100%;
border-bottom: 1px solid #e1ddd8;
}
	#compareFilter h2 {
	color: #18798d;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;

	
	}
	.themas {
	width:460px;
	float: left;
	}
		.themas input {
		float: left;
		margin-top: 4px;
		}
		.themas label {
		width: 203px;
		padding-left: 5px;
		float: left;
		}
	.niveau {
	float: left;
	width: 200px;
	}
	
	.submitbtn2 {
		width: 100%;
		float: right;
		margin-bottom: 10px;
		margin-top: -5px;
	}

	.submitbtn3 {
		float: right;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-right: 5px; 
	}
	
	.submitbtn {
	width: 100%;
	float: right;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 10px; 
	}
		input.btn:hover {
		cursor: pointer;
		}
		.submitbtn input.btn, .submitbtn3 input.btn, .submitbtn2 input.btn, .prevBtn input.btn, .nxtBtn input.btn {
		  background-attachment:initial;
		  background-clip:initial;
		  background-color:#1C7C8C;
		  background-image:url(../images/content/arrow_white.png);
		  background-origin:initial;
		  background-position:6px 5px;
		  background-repeat:no-repeat;
		  border-bottom-width:0;
		  border-color:initial;
		  border-left-width:0;
		  border-right-width:0;
		  border-style:initial;
		  border-top-width:0;
		  color:#FFFFFF;
		  display:inline;
		  float:right;
		  font-size:11px;
		  height:22px;
		  padding-bottom:4px;
		  padding-left:5px;
		  padding-right:5px;
		  padding-top:3px;
		  width:125px;
		}
		
		.submitbtn3 input.btn {
		width:155px;
		}


		.prevBtn input.btn {
		float: left;
		background: #1c7c8c url('../images/content/arrow_white_back.png') no-repeat 6px 5px;
		}
		
		.prevBtn input.btn:hover {
		float: left;
		background: #1c7c8c url('../images/content/arrow_white_back.png') no-repeat 4px 5px;
		}
		
		.nxtBtn input.btn {
			background-position: 103px 5px;
			background-image:url(../images/content/arrow_white.png);
			background-repeat: no-repeat;
		    padding: 2px 19px 4px 5px;
		}
		
		.nxtBtn input.btn:hover {
			background-position: 101px 5px;
		    padding: 2px 19px 4px 5px;
		}
		.prevBtn {
		float: left;
		}
		.nxtBtn {
		float: right;
		}
		.prevNxt {
		float: left;
		width: 100%;
		margin-top: 20px;
		}
#filterResults {
float: left;
width: 100%;
margin-bottom: 20px;
}		
#resultHeading {
background-color: #f0eeec;
float: left;
width: 100%;
/* margin-top: 10px;*/
border-bottom: 1px solid #e1ddd8;
}

	#resultHeading p {
	color: #1c7c8c;
	font-weight: bold;
	float: left;
	padding: 6px 0px 6px 10px;
	}

	#filterResults a.compare,{
	float: right;
	color: #af8411;
	font-weight: bold;
	text-decoration: none;
	background: url('../images/framework/link_arrow_forw.png') 0px 11px no-repeat;
	padding-top: 6px;
	padding-right: 20px;
	margin-right: 10px;
	padding-bottom: 4px;
	}
	#filterResults a.compareEdit {
	float: left;
	background: url('../images/framework/link_arrow_small_left.png') 0px 11px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	color: #af8411;
	font-weight: bold;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 20px;
	margin-right: 10px;
	padding-bottom: 4px;
	}
	
	
/*	
	#filterResults a.compare:hover,
	#filterResults a.compareEdit:hover {
	background: url('../images/framework/link_arrow_forw.png') 0px 11px no-repeat;
	float: right;
	}
	#filterResults a.compareEdit:hover {
	background: url('../images/framework/link_arrow_back.png') 0px 11px no-repeat;
	float: left;
	}
*/	
#resultOverview {
float: left;
width: 100%;
}
	#resultOverview ul {
	float: left;
	width: 100%;
	}
		#resultOverview ul li {
		float: left;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 15px 0px 0px;
		border-bottom: 1px solid #e1ddd8;
		}
		#resultOverview .liChecked {
		background-color: #e1ddd8;
		}
			#resultOverview input {
			float: left;
			margin-top: 5px;
			}
			#resultOverview label {
			float: left;
			width: 660px;
			margin-left: 8px;
			margin-top: 2px;
			display: block;
			font-size: 14px;
			color: #18798d;
			}
				#resultOverview h3 {
				padding: 0px;
				font-size: 15px;
				font-weight: normal;
				color: #18798d;
				}
				#resultOverview p {
				color: #333333;
				padding-left: 29px;
				padding-bottom: 15px;
				}
.threeColumns {
width: 33%;
float: left;
border-right: 1px solid #e1ddd8;
}
#resultOverview .threeColumns h3 {
margin: 3px 0px 25px 10px;
}
#resultOverview .threeColumns p {

padding: 0px 20px 30px 10px;

}
dl {
margin-bottom:50px;
width: 100%;
font-size: 11px;
color: #333333;
}

	dl dt {
	color:#1c7c8c;
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding:5px;
	width:100%;
	}
	
	dl dd {
	margin:2px 0;
	padding:5px;
	}
	dd.grey {
	background: #f0eeec;
	}	
#mainContentContainer h3 {
	padding:0.5em 0px 0.5em 0px;
}
#mainContentContainer ul.listInstitutes li {
	margin-left:0px;
}

ul.listInstitutes {
float: left;
width: 100%;
list-style:none;
}
	ul.listInstitutes li {
	float: left;
	width: 217px;
	margin-right: 11px;
	list-style: none;
	margin-bottom: 11px;
	min-height: 217px;
	}
	
.header {
	padding: 0px 0px 0.5em 0.5em;
	height:auto;
}
#mainContentContainer h3 a {
text-decoration: none;
}
.EN {
	background-image: url('../images/framework/flags/EN.gif');
	background-repeat:no-repeat;
	background-position: 16em 0.5em;
}
div.middle {
	height:108px;
	padding: 0.5em;
}
.institutes {
float: left;
width: 100%;
}
div.middle2 {
	height:90px;
	padding: 0.5em;
}
div.naam {
	font-weight:bold;
}
div.thema {
	margin-top:1em;
	margin-bottom:1em;
}
li.activeBackground {
	background-color: #F0EEEC;
}
#mainContentContainer .institute .listFooter {
margin-bottom: 5px;
}
div#tabs {
float: left;
width: 100%;
}
.ui-tabs-panel {
float: left;
width: 100%;
}
.tab-inline .tab {
background: #fff;
}
ul#inlineTabs {
padding-bottom: 0px;
margin-bottom: 10px;
width: 100%;
padding-left: 6px;
}
	ul#inlineTabs li {
	padding: 4px 5px;
	margin-left: 3px;
	}
	ul#inlineTabs li.ui-tabs-selected {
	-moz-border-bottom-colors: none;
	    -moz-border-image: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background: none repeat scroll 0 0 #FFFFFF;
	    border-color: #828282 #828282 -moz-use-text-color;
	    border-style: solid solid none;
	    border-width: 1px;
	    padding-bottom: 5px;
	    top: 1px;
	}
#mainContentContainer .listFooter .linkArrow {
	background-position: 165px 0px;
}
ul#inlineTabs li a {
color: #fff;
text-decoration: none;
}

ul#inlineTabs li a .ui-tabs-selected, .ui-state-active {
color: #0C193A!important;
text-decoration: none;
font-weight: bold;
}

ul#inlineTabs li a ui-state-default ui-corner-top ui-tabs-selected ui-state-active {
color: #fff;
text-decoration: none;
font-weight: bold;
}

/*tabs page wide*/
.topicTab {
background: #e2dfda; 
}
#tabs #tabWide {
    margin: 0 auto;
    padding-left: 10px;
    padding-top: 16px;
    width: 948px;
}
	#tabWide li {
	padding: 4px 6px;
	color: #063769;
	}
		#tabWide li.ui-tabs-selected {
		padding: 7px 6px 3px!important;
		margin-top: -2px;
		color: #1c7c8c;
		}
		#tabWide li.ui-tabs-selected a {
		color: #0c193a;
		}
		#tabWide li a {
		font-size: 15px;
		color: #fff;
		}

/*print stylesheet*/
.icons {
float: right;
}
	.icons a {
	width: 15px;
	float: left;

	padding: 0px 3px;
	}
		.icons a img {

		float: left;
		}
		.icons a span {
		display: none;
		}
		
		#browse {
			background: url("../images/content/share2.png") no-repeat scroll left 2px transparent;
			display: block;
			height: 19px;
		}

/*meta data*/
.metaDataContainer {
    float: left;
    padding: 0 10px 20px 20px;
	}
	.metaDataContainer .meta {
	font-weight: bold;
	float: none;
	padding-bottom: 0px!important;
	color: #339900!important;
	}
	.metaDataContainer span {
	font-weight: normal!important;
	float: none;
	padding-bottom: 0px!important;
	color: #339900!important;
	}
	.metaDataContainer h2 {
	font-size: 14px;
	margin: 0px 0px 5px;
	padding: 0px!important;
	color: #003366;
	}
	.metaDataContainer .meta_link a {
	color: #339900;
	font-weight: bold;
	}
	.metaDataContainer p{
	font-size: 12px;
	font-weight: bold;
	}
	.metaDataContainer a{
	text-decoration: underline;
	}
	.downloadsize {
	font-size: 10px;
	margin: 0px 10px 0px;
	}

/* GALLERY STYLES */	

#mainContentContainer img.left{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	/* border: 0px ; */
}

#mainContentContainer img.right{
margin-left: 15px;
margin-right: 0px;
margin-bottom: 10px;
float: right;
/* border: 0px ; */
}

#mainContentContainer .foto-overzicht ul li{
list-style: none outside none;
margin-left: 0px!important;
padding-left: 4px!important;
height: 100px;
border-top: 2px solid #7FB2CC;
}

#mainContentContainer .foto-detail ul li{
list-style: none outside none;
margin-left: 0px!important;
padding-left: 10px!important;
border-top: 2px solid #7FB2CC;
}


#mainContentContainer img.gallery,
#mainContentContainer img.galleryRight,
#mainContentContainer img.gallery_thumb{
	float: left;
	margin-right: 15px;
	border: 3px solid #e1ddd8;
	margin-bottom: 5px;
}

#mainContentContainer img.gallery:hover,
#mainContentContainer img.galleryRight:hover,
#mainContentContainer img.gallery_thumb:hover {
	border: 3px solid #bcb3a8;
}
#mainContentContainer img.galleryRight {
margin-left: 15px;
margin-right: 0px;
float: right;
}
#mainContentContainer img.gallery_thumb{
width: 80px; }


/* TABLE STYLES */

#mainContentContainer table {
	width: 100%;
	margin: 20px 0px 20px 0px;
}

	#mainContentContainer caption, th, td {
		border-bottom: 1px solid #e1ddd8;
	}
	
	#mainContentContainer th, td {
		text-align: left;
		padding: 8px 5px 8px 5px;
	}
	
	#mainContentContainer caption {
		background: #f0eeec;
		color: #036;
		font-weight: bold;
		font-size: 18px;
		padding: 5px;
	}
	
	#mainContentContainer th {
		font-size: 11px;
	}
	
	#mainContentContainer th.right, td.right {
		text-align: right;
	}
	
	#mainContentContainer th.center, td.center {
		text-align: center;
	}
	
	#mainContentContainer th.green, td.green {
		color: #390;
		font-weight: bold;
	}
	
	#mainContentContainer table.nobgColor{
	border: 1px solid #E1DDD8;
	}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}




.agenda {
	margin-top:10px;
	position:relative;
}	
	.agenda #resultHeading div{
		position:absolute;
		float: none !important;
		top:15px;
		left:200px;
		width: 250px;
		clear: none !important;
		text-align: center;
	}
	.agenda #resultHeading h3 {
		padding:0px !important;
		color:#003366;
	}
	.agenda #resultOverview div {
		float:left;
		margin-bottom: 15px;
	}
	
		.agenda #resultOverview div.date 	{width:100px; padding-left:4px;}
		.agenda #resultOverview div.title 	{width:340px;}
		.agenda #resultOverview div.time 	{width:90px;}
		.agenda #resultOverview div.link 	{width:150px;}
		
		.agenda #resultOverview p {
			padding:0px !important;
		}
		.agenda #resultOverview h3 {
			padding:0px !important;
		}
		.agenda #resultOverview span {
			font-size: 11px;
			color:#003366;
		}
		
		.agenda #resultOverview .head div{
			font-weight: bold;
			font-size: 11px;
			color:#003366;
			margin-bottom:10px !important;
		}
		
.paginate {
	margin-top:5px;
}	
	.paginate ul {
		list-style: none;
	}
		.paginate ul li {
			float: left;
		}
		
		.pagination {
			float: left;
			margin-right: 10px;
		}
		
.form {}
	.form .group {
		margin:10px 0 0 0;
		padding:10px 0 20px 0;
		width:100%;
		float: left;
		border-top:1px solid #e1ddd8;
	}
	.form .group_center {
		margin:10px 0 0 0;
		padding:10px 0 20px 0;
		width:100%;
		float: left;
		border-top:1px solid #e1ddd8;
		text-align: center;
	}
	.form .optionsGroup {}
		.form .optionsGroup label{
			width:auto;
		}
		.form .optionsGroup input{
			float: left;
		}
	.form .row {
		margin-top: 10px;
		width: 100%;
		float: left;
	}
	
	.form .row .row {
	
	                float:none;
	
	                margin-top:0;
	
	                width:auto;
	
	}
		.form .row div {
			float: left;
		}
	.form label {
		font-size: 12px;
		color:#003366;
		width: 30%;
		float:left;
	}
	.form .group .row div label {
		width:auto;
	}
	.form input {
		font-size: 12px;
		margin-right:10px;
	}
	.form select {
		font-size: 11px;
	}
	.form .upload {
	border: 1px solid #bdb9b5;
	font-size: 11px;
	}
	.form .freetext {
	font-size: 11px;
	font-family: Arial;
	resize: none;
	width: 100%;
	}
	.form .text {
		width:40%;
		border:1px solid #bdb9b5;
	}
		.form .text:focus {
			border:1px solid #1c7c8c;
		}
	
	.form .default	{ width:auto;} /*changed 07-12-2012 */
	.form .medium 	{ width:27.5%;}
	.form .small 	{ width:10%;}
	.form .half		{ width:50%;}
	.form .full		{ width:100%;clear:both;}
	.form .big 		{ width:70%;}
	
	.form .marginLeft {
		margin-left: 30%;
	}

	.form .comment {
		font-style: italic;
	}

	.form .help {
		font-size: 11px!important;
		font-family: Arial;
	}
	
	.error {
		color:red !important;
	}
	
	.errorText {
		border-color:red !important;
	}
	
	.errorRadio {
		color:#fff;
		background-color:red!important;
	}
	
	.errorCheck {
		color:#fff;
		background-color:red!important;
	}

	.form .submitbtn {
		margin-top: 0px !important;
	}
		.form .submitbtn .btn {
			float: left !important;
		}

		
.downloadList {
	list-style: none!important;
	line-height: 19px!important;
}
.downloadList_inline {
    border-left: 1px solid #E1DDD8;
    float: right;
    margin: 0 10px 10px 50px;
}
	.icon_file 		{ background: url("../images/framework/page_white.png") top left no-repeat;}
	.icon_pdf 		{ background: url("../images/framework/page_white_acrobat.png") top left no-repeat;}
	.icon_excel 	{ background: url("../images/framework/page_white_excel.png") top left no-repeat;}
	.icon_word 		{ background: url("../images/framework/page_white_word.png") top left no-repeat;}
	.icon_ppt 		{ background: url("../images/framework/page_white_powerpoint.png") top left no-repeat;}
	
	.downloadList li {
		float:left;
		width:100%;
		padding-left: 25px;
		margin-bottom: 3px;
		
	}
	.downloadList .head {
		margin-bottom: 10px;
		padding: 0px;
		float:left;
	}

.share {
	float: right;
	width: 55px;
	text-align: right;
}

  .tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    display: inherit; 
  /*height: 374px; fix voor scrollbars in twitterblok */
  } 
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em;}
      
      .tweet li a {
      	display: inline;
      	padding: 0px 0px 0px 5px;
      }
      
      .tweet_time {
      	float: left;
      	min-height: 35px;
      }
      
      .tweet_text {
      	float: left;
      	line-height: 16px;
      }
      
      .tweet_text a {
      	line-height: 16px!important;
      }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
        
        
       .tweet_odd {
       	border-bottom: 1px solid #e1ddd8;
    /* 	height: 118px;  fix voor scrollbars in twitterblok */
       }
       
       .tweet_even {
       	border-bottom: 1px solid #e1ddd8;
    /* 	height: 116px;  fix voor scrollbars in twitterblok */
       }
       
       .portalImage {
       		margin-top: 27px;
       }

input[disabled='disabled'] {
  background: #eee;
}

input.disabled {
	background: #eee;
}

input[readonly='readonly'] {
	color: #8D8D8D;
}

input.readonly {
	color: #8D8D8D;
}

// Share it Social Styling       
       #shareit-box {
       	position:absolute;
       	display:none;
       }
        
       	#shareit-header {
       		width:138px;
       	}
        
        
       	#shareit-body {
       		width:138px; height:100px;
       		background:url(images/shareit.png);
       	}
        
       		#shareit-blank {
       			height:20px;
       		}
        
       		#shareit-url {
       			height:50px;
       			text-align:center;
       		}
        
       			#shareit-url input.field{
       				width:100px; height:26px;
       				background: transparent url(images/field.gif) no-repeat;
       				border:none; outline:none;
       				padding:7px 5px 0 5px;
       				margin:3px auto;font-size:11px;
       			}
        
       		#shareit-icon  {
       			height:20px;
       		}
       		
       			#shareit-icon ul {
       				list-style:none;
       				width:130px;
       				margin:0; padding:0 0 0 8px;
       			}
        
       			#shareit-icon ul  li{
       				float:left;
       				padding:0 2px;
       			}
       			
       			#shareit-icon ul  li img{
       				border:none;
       			}			
        
        .prev {
        	float: left;
        	width: 40%;
        	margin-top: 10px;
        }

		.next {
			float: right;
			width: 40%;
			margin-top: 10px;
		}
		
		.newsDiv {
			float: left;
			width: 100%;
		}
		
		#data {
			width: 700px;
			height: 600px;
		}
		
		.menu_class {
			padding-left: 68px!important;
			float: right;
		}
		
		.the_menu {
			display:none;
			width:150px;
			border: 1px solid #eee;
			position: absolute;
			z-index: 1;
			right: 0px;
			top: 30px;
			list-style-type: none;
			margin: 0;
			padding: 0!important;
		}
		/* nog testen
		.the_menu ul{
			display:none;
			width:150px;
			border: 1px solid #eee;
			position: absolute;
			z-index: 1;
			right: 0px;
			top: 30px;
			list-style-type: none;
			margin: 0;
			padding: 0!important;
		} */

		.the_menu li {
			background-color: #fff;
			margin-left: 0px!important;
			padding: 0;
			min-height: 25px;
		}
		
		.the_menu li a {
			color:#000; 
			text-decoration:none!important; 
			padding:5px; 
			display:block;
			top: -2px;
			height: 0px;
		}
		
		.the_menu li a span{
			margin-left: 10px;
		}
		
		.social a {
			margin-top: -2px;
			display: block;
		}
		
		.the_menu li a:hover {
			font-weight:bold;
			color: #000;
			text-decoration: none;
		}
		
		.the_menu li a span:hover {
			text-decoration: underline;
		}
		
		
/* SEARCH RESULTS PAGE --- added 2011.07.19 --- 100HERTZ MultiMedia */		
		
		
	.listingItem {
	  padding:10px 0;
	}
	.listingItemBody {
	  border-bottom: 1px solid #D6D6D6;
	  padding:10px;
	}
	.listingItemBody .meta {
		float:none;
		font-size:10px;
		color: #339900;
		font-weight:bold;
	}
	.listingItem a {
	color: #008EC6;
	}
	#mainContentContainer .listingItemBody h4, #mainContentContainer .listingItemBody p, .listingItemBody .date,
	.mainContentContainer .listingItemBody h4, .mainContentContainer .listingItemBody p{
		padding:0;
		margin:0;
	}
		
	#mainContentContainer .highlighted, .mainContentContainer .highlighted {
		border: 1px solid #D6D6D6;
		background-color:#F0EEEC;
	}
	.resultsBar ul {
		list-style:none;
		float:right;
	}
	
	.searchResults #tabs-1, .searchResults #tabs-2, .searchResults #tabs-3, .searchResults #tabs-4, .searchResults #tabs-5 {
		border:none;background-color:#fff;
	}
	#mainContentContainer.searchResults fieldset, .mainContentContainer.searchResults fieldset {
		border:none;margin:0;padding:0;	
	}
	.searchPage {
		border:1px solid #D6D6D6;
		height:19px;
		width:300px;
	}
	
	.unitText h2 {
		margin-top:-25px;	
	}
	.facetBlock {
		margin-left:6px;	
	}
	#sidebar .facetBlock h2{
		margin-bottom: 5px!important;	
	}

	#sidebar .block.facetBlock ul{
		margin-left	: 15px!important;
		background-image:none;
	}
	
/* STYLES FILTER ZOEKEN --- added 2011.07.20 --- 100HERTZ MultiMedia */
	
	#sidebar ul.selectedfacet{margin-bottom: 15px !important;}
	#sidebar ul.selectedfacet a{text-decoration: none !important;}
	#sidebar ul.selectedfacet span{color:red; padding-right: 5px; font-weight:bold;}
		
	#sidebar ul.searchFilter li a{color:#CCC5BF; padding-right: 5px;}
	#sidebar ul.searchFilter li a:hover,#sidebar ul.searchFilter li a.selected,ul.searchFilter li a.clicked {color:#59534A !important;}
	.delete {background: url(images/ui-icons_222222_256x240.png) no-repeat -85px -133px;}
	#sidebar ul.searchFilter li span {display: inline-block; width: 12px; height: 12px; font-size: 0px;}
	a.filterReset{text-decoration:none !important;color:#D3992E;font-weight:bold;display:block;margin:0px 6px;}	

/* STYLES ACCORDION-KLAPPER --- added 2011.07.20 --- 100HERTZ MultiMedia */	

.newstudent {
  width:			100%;
  height:			30px;
  border:			1px solid #008ec6;
  background-color:	#e1ddd8;
  margin-top:		10px;
  cursor:			pointer;
}

.newstudent div {
  padding-left:		10px;
  padding-top:		4px;
}

.newstudent div h3 {
  font-size:		14px !important;
  padding:			0px !important;
}

.newstudent1 {
  width:			100%;
  height:			16px;
  border:			1px solid #008ec6;
  background-color:	#F0EEEC;
  position:			relative;
}

.newstudent1 div{
  height:			16px;
  padding-left:		10px;
  position:			absolute;
  top:				-2px;
  color:			#008EC6;
}

.uitleg {
  width:			100%;
  height:			auto;
  border:			1px solid #008ec6;
  border-top:		none;
  background-color:	#ffffff;
  margin-bottom:	15px;
}

.uitleg div {
  padding-left:		10px;
  padding-right:	10px;
  padding-top:		4px;
  padding-bottom:	4px;
}

.uitleg1 {
  width:			100%;
  height:			auto;
  border:			1px solid #008ec6;
  border-top:		none;
  background-color:	#ffffff;
  margin-bottom:	15px;
}

.uitleg1 div {
  padding-left:		10px;
  padding-right:	10px;
  padding-top:		4px;
  padding-bottom:	4px;
}

.verborgen {
  display:			none;
}		
     
#content td{
	font:100% Arial, Helvetica, sans-serif;
}

#sidebar .block label{
display:block;clear:both;
	}

.datelastchanged {
	font:80% Arial, Helvetica, sans-serif;
	color: #958B7C;
	width: 100%;
	float: left;
	clear: both;
	}

/* last update by GX */

.horizontalLinkBlocks{
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:underline;
	width:12px;
}
/* Styles for new navigation */
#main-nav {
  position: absolute;
  width: 100%;
  top: 83px;
  left: 0;
  clear: both;
  z-index: 100;
}

#main-nav .search {
  width: 240px;
  height: 41px;
  float: right;
  border: none;
}

#main-nav input {
  border: 0px;
  padding: 0px;
  margin: 0px;
  background: transparent;
}

#contentForm .searchInput, #main-nav .search .searchInput, .contentForm .searchInput {
  width: 155px;
  height: 30px;
  color: #339900;
  font-size: 12px;
  margin: 5px 0px 0px 12px;
  padding: 4px 5px 4px 25px;
  float: left;
  background: url(../images/keuzecampus/search_icon.gif) 5px 5px no-repeat;
  border: 1px solid #c3bcb2;
}

#contentForm .searchSubmit, #main-nav .search .searchSubmit, .contentForm .searchSubmit {
  width: 34px;
  height: 24px;
  border: 1px solid #c3bcb2 !important;
  margin: 5px 0px 0px 2px;
  border: none !important;
  float: left;
  cursor: pointer;
  background: transparent url(../images/keuzecampus/searchbtn.gif) top left no-repeat;
  color: #FFF;
  font-size: 0.01em;
}

#contentForm .searchSubmit:hover, #main-nav .searchSubmit:hover, .contentForm .searchSubmit:hover {
  background-position: bottom left;
}

#contentForm .searchInput, .contentForm .searchInput {
  width: 300px;
  margin-left: 0;
}

#contentForm .searchSubmit, .contentForm .searchSubmit {
  box-shadow: 0 1px 6px #B8AFA2;
}

#blog .blogger img, #banners p img, .currentNews img, #main-nav .search .searchSubmit, #programmesContainer, #mainContentContainer, .mainContentContainer, #bannersContainer img, .videoContainer, #languages ul li ul, #sidebar .quote img, #sidebar img, .newsRow img, .videoContainerSmall, .expertCol img, .freeContent img, .banner, #middleColumn .newsBlock, .addShadow, .news img, .main img, .blogs img, .collegas img, .video img, .gallery img, .yammer img {
  border: 1px solid white;
  box-shadow: 0px 1px 6px #b8afa2;
  -webkit-box-shadow: 0px 1px 6px #b8afa2;
  -moz-box-shadow: 0px 1px 6px #b8afa2;
  background-color: #FFF !important;
}

.dropdown-menu {
  text-align: left;
  padding: 0;
}

.navbar {
  min-height: 41px;
  height: 41px;
  margin-bottom: 0;
}

.navbar-nav {
  height: 41px;
  margin-left: 40px;
}

.navbar-nav > li {
  background: url(../images/keuzecampus/nav_divider.gif) right 13px no-repeat;
  height: 100%;
}

.navbar-nav > li > a {
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
  line-height: 41px;
  color: #063769;
  height: 41px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #fff;
  border: none;
}

.nav > li > a:focus, .nav > li > a:hover {
  background: white url(../images/keuzecampus/nav_divider.gif) right 13px no-repeat;
  border: none;
  text-decoration: underline;
  color: #428bca;
}

ul.navbar-nav li:hover > ul.dropdown-menu {
    opacity: 1;
    transition: opacity 0.5s ease-in 0.4s;
    visibility: visible;
}

pre {
  margin: 0;
  padding: 10px 20px !important;
}

.jumbotron {
  margin: 60px 0;
  padding-left: 0;
  padding-right: 0;
}

.jumbotron.intro {
  margin-top: 0;
}

.jumbotron .navbar {
  font-size: 14px;
  line-height: 1.6;
}

.list-unstyled,
.list-unstyled ul {
  min-width: 120px;
}

@media (min-width: 767px) {
  .panel-group {
    width: 400px;
  }
  .thumbnail {
    margin: 0;
  }
}
.grid-li {
    box-sizing: border-box;
    height: auto;
    padding: 5px 0 0 20px;
}

.grid-li [class*="col-"] {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1em;
  text-align: left;
  background-color: #fff;
  padding: 10px 25px;
}
.grid-li:hover {
  background-color: #edebe8;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}

.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: auto;
}

.dropdown-menu {
    display: block !important;
    opacity: 0;
    padding: 0;
    text-align: left;
    visibility: hidden;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.yamm .yamm-content {
  padding: 0 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 8px;
  right: 8px;
  top: 40px;
}

#languages ul {
  height: 23px;
}

#languages ul img {
  margin: -1px 6px 0 3px;
}

.navigationContent {
  height: 50px;
  color: #fff;
}

.navigationContent ul {
  color: #fff;
}
.navigationContent ul a {
  margin: 1px;
  height: 22px;
  line-height: 22px;
}

.navigationContent ul li a {
  width: 153px;
  height: 21px;
  line-height: 21px;
  color: #958b7c;
}
.navigationContent ul li a:hover {
  background-color: #f0eeec;
  color: #428bca;
}

.navigationSubContent {
  width: 155px;
  list-style: none;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-in 0;
  border: none !important;
  box-shadow: 0px 1px 6px #b8afa2;
  -webkit-box-shadow: 0px 1px 6px #b8afa2;
  -moz-box-shadow: 0px 1px 6px #b8afa2;
}

.navigationContent:hover .navigationSubContent {
  max-height: 200px;
  transition: max-height 2s ease-out 0.5s;
}

.theme-menu-bottom {
    list-style:none;
    margin:0 0 10px 0;
    padding:0
}
.theme-menu-bottom li{
    line-height:1.1;
    margin-bottom:10px
}
.theme-menu-bottom a {
    color: #008ec6;
    font-size: 11px;
}

.dropdown-menu a {
    font-size: 13px;
}

h3.theme-blue-third-subsubtitle {
    color: #036;
    font-size: 15px;
    font-weight: bold;
    margin: 12px 0px 6px;
}