/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Page
----------------------------------------------- */
html, body{ width:100%; height:100%;}

html {
	overflow-y: scroll;
	background-color:#eeebc0;
}

body {
	color: #6a6a6a;
	font-size: 13px;
	font-family: Arial, Verdana;
}

/* Default element styles
----------------------------------------------- */
a {
	color: #355a7a;
	/*text-decoration: none;*/
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 16px;
	text-align:center;
	margin: 10px 0 2px 0;	
}

h2 {
	font-size:12px; margin-bottom:5px; 
}

h3 {
	font-size:12px; text-decoration:underline; 
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

ul li,
ol li {
	list-style-image: none;
	list-style-position: inside;
}

ul li {
	list-style-type:none;	
}

p{padding-bottom:10px;}

hr{border: 0;
	color: #F1F1DD;
	background-color: #F1F1DD;
	height: 2px;
	width: 100%;
	}


/* siteWrapper
----------------------------------------------- */

#container{
	position:relative;
}
#siteWrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 1;
	background:none;

	
	
}

/* Header
----------------------------------------------- */
div.header {
	height: 70px;
	position: relative;	
	padding-top:5px;
}

div.header a.logo{float:left; margin-left:35px;}

div.header ul{
	float:left;
	margin-left:157px;
	padding-top:4px;
}
div.header ul li{
	display:inline;
	float:left;
	margin-right: 19px;
	font-size:12px;
}

div.header ul li.adres{
	background-image: url(/img/adres.gif);
	background-repeat:  no-repeat;
	margin-left:0;
	margin-right:10px;
	width:195px;
}

div.header ul li.mail{
	background-image: url(/img/email.gif);
	background-repeat:  no-repeat;
	margin-right:32px;
}

div.header ul li.mail a{
	text-decoration: none;	
}

div.header ul li.telefoonnummer{
	background-image: url(/img/telefoonnummer.gif);
	background-repeat:  no-repeat;
	margin-right:19px;
	width:110px;
}

div.header ul li.adres span, div.header ul li.mail span, div.header ul li.telefoonnummer span{
	visibility: hidden;
	display:block;
}

/* Footer
----------------------------------------------- */
.footer{
	clear:	both;
	margin:	0 auto;
	width:	960px;
}

/**
 * tijdelijk uitgeschakeld - de footer valt hierdoor -onder- leftpane en is daardoor niet klikbaar
 * links verplaatst naar leftpane
 */
/*
.footer ul {float:left; margin-top:-48px;}
*/
/*.colofon {overflow: hidden;}*/
.colofon ul {float:left; margin-top:-3px;}
.colofon ul li{float:left; display:inline; margin:2px 5px; }
.colofon ul li a{outline: none;}
.colofon li.first{margin:0;}
.colofon ul.translationpicker{list-style:none; float:left; margin:0 0 0 5px;}
.colofon ul.translationpicker li{display:inline; float:left; list-style:none; width:30px;}

.colofon ul.translationpicker li a{display:block; width:25px; height:25px; text-indent:-99999px; outline: none;}
.colofon ul.translationpicker li a.en{background:url('/img/uk-language.gif') 0 0 no-repeat; outline: none;}
.colofon ul.translationpicker li a.nl{background:url('/img/nl-language.gif') 0 0 no-repeat; outline: none;}


/* Content
----------------------------------------------- */
div.content {
	float: left;	
	padding:0 0 15px;
	position: relative;
	width: 415px;
	color:#355a7a;
	height: 485px;
	background-color: #f6f6f1;
	margin-bottom:20px;
	overflow:hidden;
}

div.content img {
	text-align: center;
}

div.content_image {
	text-align: center;
}

div.scrollbar{
	height: 20px;
	background-image: url(/img/scrollbar.gif);
	background-position: center left;
	background-repeat: no-repeat;
	margin-left: 30px;
}

div.highlited_text{
	width: 411px;
}

div.highlited_text .volume{
	float: left;
	height: 25px;
	width: 25px;
	padding: 10px 0 0 1px;
}

div.highlited_text .next{
	float: right;	
	height: 25px;
	width: 25px;
	padding-top: 10px;
	margin-top:-42px;
}

div.highlited_text p{	
	width: 345px;
	margin-left: 28px;
	padding: 5px;
	background-color: #efefd6;	
	color: #536f8e;
}

div.content-text{
	width: 342px;
	padding:15px 0 0 35px;
	line-height:18px;
}

a.edit-page{position:absolute; left:10px; top:10px;}
div.content ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
div.content ul li {	
	list-style-position: outside;
	padding: 0 0 0 10px;
	background: url('/img/li-style-image.gif') 0 5px no-repeat;
	margin-top:5px;

	/*background-position: 0 .5em;*/
}

a.pagelink{
	white-space:nowrap; display:block;
	position:absolute;
	right:30px;
	bottom:30px;
	color:#355A7A;
	
}
.searchPagination{width:350px; margin:30px;}
.searchPagination a{text-decoration:none; outline:none; position:relative}
.searchPagination a.prev{float:left;}
.searchPagination a.next{float:right;}

/* Sidebar left
----------------------------------------------- */
div.sidebar-left{
	float:left;
	width:260px;
}


div.sidebar-left .flash_home ul li.hasActiveChild a, div.sidebar-left ul li.activeChild a{color:#C4B700;}
div.sidebar-left .flash_home ul li ul {display:none;}
div.sidebar-right ul#subMenu li.activeChild a{color:#536F8E; background-color: #D3C82C;}

	
	
/* Sidebar right
----------------------------------------------- */
div.sidebar-right {
	float: right;
	width: 238px;
	height: 464px;
	margin: 34px 23px 0 0;
	position: relative;
}


  
/* scrollbar */
#scrollbar_track {  
 position:absolute;  
 top:0;  
 right:2px;  
 height:100%;  
 width: 14px;
 cursor:move;  
 background-color: #355a7a; 
} 
 
#scrollbar_handle {  
 width:12px; 
 height:25px;   
 background-color:#B7C0CC;  
 border-top:10px solid #355a7a;
 border-bottom:10px solid #355a7a;
 border-left:1px solid #355a7a;
 border-right:1px solid #355a7a;
 cursor:move;  	
} 

    
#scrollbar_content {  
 overflow:hidden;  
 width:215px;  
 height:460px;  
}  
	
	
div#scrollbar_container {
	background-color:#EFEFD6;
	border:2px solid white;
	height:460px;
	width:215px;
	z-index:1;
}


/* increased height to fit flash menu */
#scrollbar_content,
div#scrollbar_container
{
	height: 462px;
}

div#scrollbar_track{height:466px;}
h2.columnHead {
	position:absolute;
	right:61px;
	margin-top:5px;
	color:#d3c82c;
	font-size:18px;
}
/*
div.scroll_area {
	background-color:#EFEFD6;
	border:2px solid white;
	height:464px;
	position:absolute;
	right:50px;
	top:112px;
	width:212px;
	z-index:1;
}
*/
div.sidebar-right ul{
	padding: 0;
	margin: 0;
	/*height: 564px;*/
	padding-right: 10px;
	z-index: 2;
	/*position: relative;*/
	margin-top: 8px;	
}

div.sidebar-right ul li{
	list-style-type: none;
	height: 50px;
	padding: 0;
	margin: 0;
}

div.sidebar-right ul li a{
	display:block;	
	height:38px;
	margin-left:8px;
	padding:2px 11px 0 0;
	text-align:right;
	text-decoration:none;
	width:188px;
}

div.sidebar-right ul li a:hover, div.sidebar-right ul li a.active{
	background-color: #d3c82c;
	color: #355a7a;
}

div.sidebar-right ul li a .relation{display:block; font-size:10px; margin-top:3px;}

form.search input {
	background-color: #FFF;
	border-width: 0;
	height: 16px;
	line-height: 16px;
	padding: 2px 5px;
	width:165px;
}

form.search input.submit {
	border: 0;
	cursor: pointer;
	background:none;
	vertical-align:middle;	
	width:22px;
	height:22px;
	margin-left:7px;
	
}

form.search span {
	color: #FFF;
	display: block;
	font-size: 20px;
}

/* ---- Slider ---- */

div#contentHome a{
	color:#6F6F6F;
	text-decoration:none;
}

div.blockContainer{
	width: 365px;
	height:255px;
	margin-right:9px;
	overflow:hidden;
	padding-left: 27px;

}
div.block{

	width:302px;
	height:141px;
	background-color:#F3F3F3;
	width: 360px;
	height: 280px;
}

div.block h3 span{
	font-size:22px;
	background:url(../images/bull-orange.gif) no-repeat 100% 25%;
	padding-right:5px;

}

div.block p{
	margin-top:-14px;
	font-size:11px;
	color:#6f6f6f;
}
div.blockContainer h2{
	font-size:22px;
	color:#ffffff;
	margin-bottom:0px;
}

div.homepageFrame{
	position:absolute;
	top: 0px;
	left: 0px;
}
div.homepageFrame span{
	top:150px;
	left:15px;

}

/*--- Slider homepage----*/


.yui-sldshw-displayer{  
	position: relative;
	overflow: hidden;
}

.yui-sldshw-displayer   table {
	position: absolute;
	width: 100%;
	height: 100%
}
.yui-sldshw-displayer  div {
	position: absolute;
	width: 100%;
	height: 100%
}

.yui-sldshw-active {
	 z-index: 10;
	 display: block;
	 opacity: 1.0;
}

.yui-sldshw-cached {
	 display: none;
	 z-index: 0;
	 opacity: 1.0;
}


/*--- projects --- */


#slideShowContent {text-align:center; height:315px; position:relative; margin-top:3px;}

#slideShowContent .slideshow-nav{background:url('/img/btn-prev-next.gif') no-repeat #F6F6F1; margin-top:-35px; z-index:9999; position:relative;  text-indent:-99999px; display:block; width:29px; height:35px; outline:medium none; cursor:pointer;}
#slideShowContent .prev{background-position:2px -35px;  float:left;}
#slideShowContent .next{background-position:2px 0; float:right;}

#slideShowContent div#slideShowCrossFade {width: 100%;	height: 100%; list-style: none;}

#slideShowContent div.slide {list-style: none; position: absolute; width:100%; height:265px; top: 0; left: 0; z-index:10;}
#slideShowContent div.slide .media-wrap{height:265px; position:relative;}
#slideShowContent div.slide img{border:2px solid #FFF;}
#slideShowContent div.video{z-index:100;}
#slideShowContent div.video img.play{position:absolute; top:99px; left:181px; border:0 none; cursor:pointer;}

div.slide-info{background-color:#efefd6; height: 35px; color:#355a7a; margin:15px 0 0 29px; width:358px; overflow:hidden; font-size:11px;}
div.info{padding:3px 10px 2px 10px; float:left;  text-align:left; width:330px;}
/*#slideShowContent div.video div.slide-info{margin:15px 0 0 ; }*/

#slideShowContent  a.mute {background:url('/img/btn-video.gif') 0 -66px no-repeat #F6F6F1;  margin-top:-35px; float:left; text-indent:-99999px; display:block; width:28px; height:35px; outline:medium none; cursor:pointer;}
/*#slideShowContent a.mute {background-position:0 -66px; float:left; margin-top:15px;}*/
#slideShowContent a.muted{background-position:0 -103px;}

/*
#slideShowContent div.slide-info a.play-pause, #slideShowContent div.slide-info a.mute {background:url('/img/btn-video.gif') 0 4px no-repeat #F6F6F1;  text-indent:-99999px; display:block; width:28px; height:35px; outline:medium none; cursor:pointer;}

#slideShowContent div.slide-info a.play-pause {float:right;}
#slideShowContent div.slide-info a.pause{background-position:0 -30px;}
#slideShowContent div.slide-info a.mute {background-position:0 -66px; margin-left:-27px; float:left;}
#slideShowContent div.slide-info a.muted{background-position:0 -103px;}
*/

/*--- search --- */




