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

/* .js_show are hidden elements that will only show if javascript is enabled */
.js_show{
	display: none;
}

	
	
	

html,body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/bg_body.jpg) bottom left repeat-x #F1F1F1;
	font-size: 13px;
	color: #595A5A;
}

a {
	color: #595A5A;
}
a img {
	border: none;
}

#loading {
	vertical-align: middle;
}
	

p {
	margin: 0;
	padding: 0 0 12px 0;
	line-height: 140%;
}

#alternative {
	color: #FFF;
	font-size: 12px;
	line-height: 140%;
	padding: 25px;
}
	#alternative a {
		color: #FFF;
	}
	#alternative ul {
		list-style-type: square;
		padding: 0 0 14px 10px;
		margin: 0 0 0 16px;
	}
		#alternative ul li {
			line-height: 140%;
		}
		
		
.sitemap-column {
	width: 295px;
	float: left;
	margin: 0 0 65px 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.hr {
	border-top: 2px solid #E9E9E9;
	margin: 6px 0 12px 0;
}
.hr hr {
	display: none;
}

.hr-cases .hr {
	margin: 12px 0 16px 0;
}


.default {
	display: none;
}

h1 {
	font-size: 20px;
	color: #FFF;
	padding: 5px 10px;
	margin: 0 0 16px 0;
	background-color: #4E8ABE;
	font-weight: normal;
}
	h1 .left {
		background:url(../img/bg_pagetitle_left.png) 0px 0px no-repeat;
	}
	h1 .right {
		background:url(../img/bg_pagetitle_right.png) 0px 0px no-repeat;
	}
	
h2 {
	color: #5A8BA9;
	font-size: 14px;
	padding: 0;
	margin: 8px 0 2px 0;
	font-weight: bold;
}
h3 {
	margin: 0;
	padding: 0;
	color: #666;
	font-weight: normal;
	font-size: 14px;
}

.more {
	color: #598BA9;
	text-decoration: none;
}
.more:hover {
	text-decoration: underline;
}


#header_holder {
	height: 293px;
	background: url(../../images/header1.jpg) center top;
}
#cases-detail #header_holder,
#kennispunt-detail #header_holder,
#publications-detail #header_holder{
	height: 384px;
	background: url(../img/header2_middle.jpg) center top;
}
#peoples-details #header_holder {
	height: 384px;
	background: url(../img/header2_middle.jpg) center top;
}
#cases #header_holder,
#kennispunt #header_holder,
#publications #header_holder,
#peoples #header_holder {
	height: 207px !important;
	background: url(../img/header2_small.jpg) center top;
}
#portalslanding #header_holder {
	height: 100% !important;
}

	#header {
		width: 930px;
		height: 394px;
		margin: 0 auto;
		position: relative;
		padding: 0 10px 0 26px;
	}
	#cases-detail #header,
	#kennispunt-detail #header,
	#publications-detail #header{
		height: 384px;
	}
	#peoples-details #header {
		height: 384px;
	}
	#cases #header,
	#kennispunt #header,
	#publications #header,
	#peoples #header {
		height: 207px !important;
	}
	
	#portalslanding #header {
		height: 100% !important;
	}
	#header #logo {
		position: absolute;
		z-index: 1;
		right: 0;
		margin: 16px 28px 0 0;
		height: 36px;
		width: 199px;
	}
	#header #logo img{
		height: 36px;
		width: 199px;
	}
	#header .tagline {
		display: block;
		font-size: 15px;
		color: #E0E0E0;
		padding: 10px 0 10px 25px;
	}
	#header .padding{
		margin-left: 20px;
	}
	#header h2.bar {
		margin: 25px 0 23px 0;
	}
	#metaheader ul {
		margin: 0;
		padding: 12px 227px 12px 0;
		list-style: none;
		float: right;
	}
	#metaheader ul li {
		margin: 0;
		padding: 0 8px 0 8px;
		float: left;
		font-size: 11px;
		color: #FFF;
		border-left: 1px solid #759AB2;
	}
	#metaheader ul .first {
		border-left: none;
	}
	#metaheader ul li a {
		color: #FFF;
		text-decoration: none;
	}
	#metaheader ul li .active,
	#metaheader ul li a:hover {
		color: #759AB2;
	}
	#intro {
		color: #FFF;
		line-height: 130%;
		font-size: 13px;
		width: 510px;
		padding: 15px 0 0 25px;
	}
	#header #intro {
		height: 105px;
		overflow: hidden;
	}
	
	#peoples #intro,
	#peoples-details #intro {
		float: left;
		padding-top: 0;
		width: 440px;
	}
	#portalslanding #intro,
	#cases #intro,
	#kennispunt #intro,
	#publications #intro {
		float: left;
		padding-top: 0;
		width: 290px;
	}
	#portalslanding #intro {
		height: 100%;
	}
	#metamenu {
		height: 37px;
	}
	#metamenu ul {
		margin: 0;
		padding: 12px 26px 0 0;
		list-style: none;
	}
	#metamenu ul li {
		margin: 0;
		padding: 0 0 0 0;
		float: left;
		font-size: 15px;
		color: #FFF;
	}
	#metamenu ul li a {
		color: #FFF;
		text-decoration: none;
	}
	#metamenu ul li .active,
	#metamenu ul li a:hover {
		color: #6D90A8;
	}
	
	
	#searchHeader {
		position: absolute;
		top: 0;
		left: 0;
		margin: 44px 0 0 27px;
		width: 275px;
	}
		#searchHeader .text {
			background: url(../img/bg_search.png) 0 0 no-repeat;
			font-size: 11px;
			line-height: 15px;
			color: #666;
			padding: 2px 10px 2px 10px;
			width: 147px;
			height: 17px;
			border: 0;
		}
		
		#searchHeader input {
			vertical-align: middle;
		}
	
	
	/*#mainmenu ul {
		margin: 0;
		padding: 12px 26px 10px 0;
		list-style: none;
		position: absolute;
		bottom: 0;
	}
	#mainmenu ul li {
		margin: 0;
		padding: 0 0 0 0;
		float: left;
		font-size: 15px;
		font-weight: normal;
		color: #84A8BE;
	}
	#mainmenu ul li a {
		color: #84A8BE;
		text-decoration: none;
	}
	#mainmenu ul li .active,
	#mainmenu ul li a:hover {
		color: #FFF;
	}*/
	

#content {
	min-height: 450px;
	position: relative;
	width: 907px;
	margin: 0 auto;
	padding: 27px 27px;
/*	background: url(../img/bg_content.gif) 0px 0px repeat-y #FFF; */
	background-color: #FFF;
	border-left: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
}

	#content a {
		color: #5A8BA9;
	}

#cases-detail #content,
#kennispunt-detail #content,
#publications-detail #content,
#peoples-details #content {
	min-height: 460px;
}
#cases #content,
#kennispunt #content,
#publications #content,
#peoples #content {
	min-height: 637px;
}


	#left {
		float: left;
		width: 440px;
	}
	#right {
		float: right;
		width: 440px;
		margin: 0;
	}
	
	#telengy_intro {
		padding: 0 0 24px 0;
	}
		#telengy_intro_content {
			padding: 0 4px;
		}
	
	
	#telengy_at_work,
	#telengy_intro {
		color: #666;
	}
	#telengy_at_work h2,
	#telengy_intro h1 {
		background-color: #A8A9AD;
		color: #FFF;
		font-size: 20px;
		font-weight: normal;
	}
	#latest_news h2 {
		background-color: #4E8ABE;
		color: #FFF;
		font-size: 20px;
		font-weight: normal;
	}
	#telengy_at_work .box img
	{
		display: block;
		float: right;
		padding: 4px 0px 0px 10px;
	}	
	#telengy_at_work h2,
	#telengy_intro h1,
	#latest_news h2 {
		padding: 5px 10px;
		margin: 0 0 16px 0;		
	}
	
	#telengy_at_work h3 {
		background-color: #E5E5E6;
		padding: 4px;
		line-height: 1em;
		margin: 0 0 10px 0;
		font-weight: bold;		
	}
	#telengy_at_work .box {
		padding: 0 0 15px 0;
	}
	#telengy_at_work .case .reference {
		padding: 2px 15px 2px 0;
	}
	#telengy_at_work .case .reference img {
		display: block;
		float: left;
		padding: 0 8px 8px 0;
	}
	#telengy_at_work .more {
		padding-left: 4px;
		display: block;
	}
	#telengy_at_work em {
		font-style: normal !important;
	}
	#telengy_at_work p {
		padding-left: 4px;
		padding-right: 4px;
	}
	
	#latest_news {
		padding: 0 0 23px 0;
	}
	#latest_news .box {
		padding: 14px;
		margin: 0 0 4px 0;
		font-size: 14px;
	 	background-color: #F6F6F7;	
	}
	#latest_news .first {
		background-color: #EDF3F8;
	}
	#latest_news .second {
	 	background-color: #F6F6F7;	
	}
	#latest_news .box img {
		display: block;
		float: right;
		padding: 0 0 10px 10px;
	}
	#latest_news .box p {
		font-size: 12px;
	}
	#latest_news .box .more {
		font-size: 12px;;
	}
	#latest_news h3 {
		font-size: 14px;
		font-weight: bold;
		color: #6C6C6C;
		padding-bottom: 6px;
	}
	
	#home .case {
	}
	.reference {
		font-size: 13px;
		color: #7CA8CF;
	}
	.reference a {
		color: #7CA8CF;
	}
	.reference p {
		font-size: 13px;
	}
	.reference small{
		display: block;
		font-size: 9px;
		padding: 4px 0 0 0;
	}	
	
	#newsletter {
		background-color: #95B9D8;
		padding: 16px;
		color: #333;
		margin: 0 0 12px 0;
		font-size: 12px;
	}
		#newsletter form, 
		#newsletter fieldset {
			padding: 0;
			margin: 0;
		}
		#newsletter h2 {
			font-size: 20px;
			color: #FFF;
			padding: 0 0 16px 0;
			margin: 0px;
			font-weight: normal;
		}
		#newsletter .text {
			width: 389px;
			padding: 7px;
			margin: 0 0 5px 0;
			font-size: 10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		#newsletter #name {
			margin-top: 14px
		}
		#newsletter #email {
			margin-bottom: 14px
		}
		
#portal #content #left, 
#default #content #left {
	width: 203px;
	float: left;
	margin: 0 10px 0 0;
}

	#content #left #submenu h2 {
		margin: 0 0 16px 0;
		font-size:20px;
		padding: 5px 10px;
		color:#FFFFFF;
		background-color: #A8A9AD;
		font-weight: normal;
	}

	#content #left #submenu { 
		padding-right: 6px;
	}
	
	#content #left #submenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#content #left #submenu ul li {
		background: 0;
	}
		#content #left #submenu ul li a {
			text-decoration: none;
			display: block;
			padding: 5px 6px 5px 13px;
			color: #4E8ABE;
			/*border-bottom: 1px solid #FFF;*/
			background: url("../img/submenuitem_blue_bg.gif") no-repeat 5px 11px #F6F6F7;
			outline: 0;
		}
			#content #left #submenu ul li a:hover {
				text-decoration: underline;
			}

			#content #left #submenu ul li ul li a {
				background: url("../img/submenuitem_blue_bg.gif") no-repeat 16px 11px #F6F6F7;
				padding: 5px 6px 5px 26px;
			}
			
			#content #left #submenu ul li ul .first a {
				background: url("../img/submenuitem_blue_bg.gif") no-repeat 16px 11px #F6F6F7;
				padding: 5px 6px 5px 26px !important;
			}
			
			#content #left #submenu li .active_link {
				font-weight: bold;
				background: url("../img/submenuitem_lightblue_bg.gif") no-repeat 5px 11px #EFF4FA !important;
			}
			#content #left #submenu li ul li .active_link{
				font-weight: bold;
				background: url("../img/submenuitem_lightblue_bg.gif") no-repeat 13px 11px #EFF4FA !important;
			}

/*
	#content #left #submenu{
		padding: 17px 6px;
		border: 1px solid #4E8ABE;
		font-size: 12px;
	}
	#content #left #submenu ul, #content #left #submenu ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#content #left #submenu ul li {
		background: url(../img/submenuitem_bg.gif) no-repeat left 5px;
		padding: 2px 0 2px 8px;
	}
	*/

#portal #content #middle, 
#default #content #middle {
	width: 438px;
	float: left;
	padding: 0 0 0 0px;
	margin: 0;
	color: #6C6C6C;
}
#default #content #middle {
	width: 675px;
	float: right;
}	
	
	
#footer {
	width: 907px;
	margin: 0 auto;
	padding: 2px 27px;
	background-color: #A8A9AD;
	height: 30px;
	border-left: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
}
	#footer .tagline {
		display: block;
		font-size: 22px;
		color: #FFF;
		float: right;
		font-weight: bold;
		padding: 2px 0 0 0;
	}
	#footer #copyright {
		float: left;
		padding: 8px 6px 0 0;
		color: #FFF;
	}
	#metafooter {
		float: left;
		padding: 8px 0 0 0;
	}
	#metafooter ul {
		margin: 0;
		padding: 0px;
		list-style: none;
	}
	#metafooter ul li {
		margin: 0;
		padding: 0 12px 0 0;
		float: left;
	}
	#metafooter ul li a {
		color: #FFF;
		text-decoration: none;
	}
	#metafooter ul li a:hover {
		text-decoration: underline;
	}
		




.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear{
	clear: both;
}
.clear-left{
	clear: left;
}
.clear-right{
	clear: right;
}
.float-left{
	float: left;
}

#share {
	border: 1px solid #4E8ABE;
	padding: 21px 10px;
	color: #4E8ABE;
	font-size: 12px;
}
	#share h2 {
		font-size: 14px !important;
		background: none !important;
		color: #4E8ABE !important;
		font-weight: normal !important;
		margin: 0 !important;
		padding: 0 0 3px !important;
	}
	#share .method {
		margin-top: 5px;
	}
	#share .method a {
		color: #4E8ABE;
		text-decoration: none;
	}
	#share .method a:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	#share .icon {
		float: left;
		margin-right: 5px;
	}


ul.page-numbers {
	margin: 0px !important;
	padding: 26px 0 !important;
	list-style: none !important;
}
	ul.page-numbers li {
		margin: 0px;
		padding: 0 6px 0 0;
		float: left;
		background: #FFF;
	}
	ul.page-numbers .results {
		padding-right: 25px;
	}
	ul.page-numbers li a:hover {
		text-decoration: none;
	}
	ul.page-numbers li .current {
		text-decoration: none;
		font-weight: bold;
	}
	.searchresult {
		padding: 12px 0 0 0;
	}
	.searchresult h2 {
		font-size: 14px;
		font-weight: bold;
	}
	
h2.bar {
	padding: 4px 9px;
	margin: 0 0 23px 0;
	background-color: #4E8ABE;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	clear: both;
	position: relative;
	width: 500px;
}

#cases #carrousel,
#kennispunt #carrousel,
#publications #carrousel,
#peoples #carrousel {
	margin: -88px -5px 45px 0;
}

#cases-detail #carrousel,
#kennispunt-detail #carrousel,
#publications-detail #carrousel,
#peoples-details #carrousel{
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 22px;
	margin-top: -240px !important;
}
#carrousel_info{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	color: #6F94AD;
	font-weight: bold;
	margin: 115px 30px 0 0;
	width: 200px;
	text-align: right;
}

.jobs_expertise {
	padding-top: 4px;	
}
.jobs_expertise .clearfix {
	padding-bottom: 16px;	
}

.jobs_expertise h4 {
	margin-bottom: 2px;
}

.imgleft {
	float: left; 
	margin-right: 6px;	
}

.imgright {
	float: right; 
	margin-left: 6px;	
}

#relateditems {

}

	#relateditems .box_container {
		padding: 0 0 27px 0;	
	}
	
	#relateditems .box{
		background-color: #F6F6F7;
		padding: 16px 6px 10px 8px !important;
	}
	
	#relateditems .first{
		background-color: #EDF3F8;
	}
	#relateditems h3{
		color: #6C6C6C;
		font-size: 14px;
		font-weight: bold;
		padding-left: 14px;
	}
	
	#relateditems .boxlinks {
		margin: 0px 0 14px 0;
		padding: 6px;
		font-size: 12px;
		color: #333;
	}

	#relateditems .box ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#relateditems .box ul li {
		background: url(../img/submenuitem_blue_bg.gif) no-repeat left 5px;
		padding: 2px 0 2px 8px;
	}
	
		#relateditems .box ul li a{
			text-decoration: none;
		}
		#relateditems .box ul li a:hover{
			text-decoration: underline;
		}		
		
	
	
#searchBarForm {
	zoom: 1;
	margin-left: 16px;
}
#searchBar {
	padding: 13px;
	background: url(../img/bg_searchbar.jpg) 0px 0px no-repeat;
	height: 33px;
	zoom: 1;
}
	#searchBar fieldset {
		margin: 0px;
		padding: 0px;
	}
	#searchBar input {
		vertical-align: middle;
		margin: 0px;
		padding: 0px;
	}
	#searchBar .text {
		padding: 4px;
		width: 350px;
		font-size: 14px;
		margin: 0px;
	}
	#searchresults {
		
		font-weight: bold;
		padding: 5px 25px 0 13px;
	}
	
	#cse {
		padding: 0 25px 0 0;
	}