/*
Copyright (c) 2007-2009 Ylab,http://www.ylab.nl
	soft green:#d9ebec;
	dark green:#016772;
	soft blue: #ccd8e3;
	mid1 blue: #8ea9c1;
	mid2 blue: #527c9f;
	dark blue: #00396e;
	orange:    #ff8040;
*/
html{
	overflow-y:scroll; /*prevents NS from toggling scrollbar on and off*/
	overflow-x:hidden;
}
body{
	font-family:Tahoma,sans-serif;
	font-size:small;
	background:#3c566f url('../images/bg_canvas.gif') repeat-x;
	cursor:default;
	margin:20px 0;
	color:#00396e;
	line-height:125%;
}
a:link,a:visited{
	color:#ff8040;
	cursor:pointer;
	text-decoration:underline;
}
img{
	border:0;
}
h1{
	font-size:150%;
	line-height:1;
}
h2{
	font-size:130%;
	clear:both;
}
h3{
	font-size:110%;
	clear:both;
}
h4{
	font-size:100%;
}
ul,ol{
	padding-left:1.8em;
}
ul{
	list-style-image:url('../images/ul.gif');
}
ul ul{
	list-style-image:url('../images/ulul.gif');
}
table ul,table ul ul{
	list-style-image:url('../images/ul-.gif');
}
h1,h2,h3,p,ul,ol,table{
	margin:0 0 1em;
}
hr{
	background-color:transparent;
	height:0;
	border:0;
	border-top:1px solid #016772;
	margin:1em 0;
	display:block;
}
th,td{
	text-align:left;
	vertical-align:top;
	padding:0 1ex 0 0;
}
th{
	background:#003e71;
	color:#fff;
}
table{
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
}
table table{
	margin:0;
}
table table td, table table th{
	padding:0!important;
}
form{
	margin:0;
}
input{
	font-family:Tahoma,sans-serif;
	font-size:100%;
	margin:0;
}
label{
	cursor:pointer;
}
textarea{
	font-family:Tahoma,sans-serif;
	font-size:100%;
	overflow-y:auto;
}
/*ie*/
body,textarea{
	scrollbar-3dlight-color:#005aa4;
	scrollbar-arrow-color:#005aa4;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#003e71;
	scrollbar-highlight-color:#005aa4;
	scrollbar-shadow-color:#005aa4;
	scrollbar-track-color:#005aa4;
}
#canvas{
	position:relative;
	width:780px;
	margin:0 auto;
	background:#fff;
	border:1px solid #00396e;
	border-width:0 1px;
}
#top,#bot{
	width:782px;
	margin:0 auto;
}
#top{
	height:3px;
	overflow:hidden;
	background:url('../images/bg_top.gif') no-repeat;
}
#bot{
	background:url('../images/bg_bot.gif') no-repeat center top;
	text-align:center;
	padding-top:5px;
	color:#fff;
	font-size:11px;
}
/*header*/
#header{
	position:relative;
	height:115px;
}
#login{
	float:left;
	padding:15px 10px 0 20px;
	font-size:12px;
}
#login div{
	margin-bottom:2px;
}
#logo{
	position:absolute;
	right:0;
	top:0;
}
#logo-sub{
	text-align:right;
	line-height:1;
}
#logo-srv{
	position:absolute;
	right:-135px;
	bottom:0;
	width:130px;
	height:65px;
	color:#fff;
	font-size:11px;
}
#keyimages{
	position:relative;
	height:173px;
}
#certificates{
	position:absolute;
	right:10px;
	top:140px;
}
#certificates img{
	border:1px solid #000;
	margin-left:5px;
}
/*home*/
#introduction{
	margin-top:30px;
	table-layout:fixed;
}
#introduction td{
	width:33%;
}
/*page*/
#pagetitle{
	padding:0 10px 5px 210px;
}
#pagetitle h1{
	margin:0;
}
#langmenu{
	width:340px;
	border-bottom:1px solid #01727D;
	font-size:11px;
	letter-spacing:0.6px;
	color:#aaa;
	margin-bottom:9px;
}
#prevnext{
  float:right;
  margin:0 0 10px 10px;
  border:1px solid #aaa;
  background:#eee;
  padding:10px;
}
#prevnext div{
  padding:4px 0;
}
.level2 #langmenu{
	position:absolute;
	left:20px;
	top:-18px;
	height:17px;
}
#langmenu a:link,#langmenu a:visited,#langmenu a:hover{
	color:#00396e;
	text-decoration:none;
}
#tools{
	margin-top:50px;
}
#page{
	padding:10px;
}
/*menu*/
#content{
	padding:20px;
	height:30em;
	position:relative;
}
#content[id]{
	height:auto;
	min-height:30em;
}
#article{
	width:550px;
	float:left;
	padding-top:2px;
	padding-left:20px;
	overflow-x:hidden;
}
#article a{
	padding:0 1px;
}
#article a:hover{
	color:#fff;
	background:#ff8040;
	text-decoration:none;
}
#article th,#article td{
	padding:2px;
	border:1px solid #ccd8e3;
}
.softgreen{
	background-color:#d9ebec;
}
.b{
	font-weight:bold;
}
.Kop1{
	font-size:130%;
	font-weight:bold;
	margin:0 0 1em 0;
}
.Kop2{
	font-size:110%;
	font-weight:bold;
	margin:0 0 1em 0;
}
.Kop3{
	font-size:100%;
	font-weight:bold;
	margin:0 0 1em 0;
}
.Citaat {
	position:relative;
	right:-20px;
	padding-right:20px;
	font-size:110%;
	font-weight:normal!important;
	color:#ff8040;
	text-align:right;
	background: url('../images/bg_quote.gif') repeat-y top right;
	z-index:0;
}
.pagelist h3{
	font-size:1em;
	margin-bottom:0.25em;
}
.posts{
	table-layout:fixed;
}
#article .posts td{
	width:260px;
	padding:0 20px 10px 0;
	border:0;
}
.postprops{
	font-size:smaller;
	color:#aaa;
	height:16px;
}
.postborder{
	border-top:1px solid #eee;
}
.postimg{
	width:260px;
	overflow:hidden;
}
.postimg img{
	/*height:172px;*/
	width:258px;
	border:1px solid #3c566f;
}
.icon_new{
	margin-left:10px;
}
.clear{
	clear:both;
}
.ra{
	text-align:right;
}
.nowrap{
	white-space:nowrap;
}
/*sIFR*/
.sIFR-hasFlash h1{
	font-size:24px;
	letter-spacing:-4px;
	line-height:1em;
}
.sIFR-flash    {visibility:visible !important; margin:0;	padding:0;}
.sIFR-replaced {visibility:visible !important;}
.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/*Hide Adblock Object tab:the text should show up just fine,not poorly with a tab laid over it.*/
.sIFR-flash + div[adblocktab=true]{display:none !important;}

.caption{
	font-weight:bold;
	margin-top:0.5em;
}
.hint{
	font-style:italic;
}
/*forms*/
.rect{
	border:1px solid #ccd8e3;
	margin-right:2px;
	padding:1px 2px;
}
.checkbox{
}
button,.button{
	padding:0;
	width:auto;
	background:none;
	border:1px solid #ccd8e3;
	color:#00396e;
	cursor:pointer;
}
.text-s {width:65px;}
.text-m {width:130px;}
.text-l {width:275px;}
.text-xl{width:360px;}
.text-xxl{width:480px;}
.number{
	width:75px;
	text-align:right;
}
.text-6l{height:8em;}/*6 lines*/
.text-9l{height:12em;}/*9 lines*/
.text-el{height:16em;}/*12 lines*/

label{
	cursor:pointer;
}
#article .form td,.form td{
	padding:0 1ex 1ex 0;
	white-space:nowrap;
	border:0;
}
.form td.label{
	padding-top:2px;
	padding-right:1em;
	white-space:nowrap;
}
.error{
	color:#b00;
}
.disabled{
	cursor:default;
	color:#eee;
	border-color:#eee;
	cursor:default!important;
}
.req{
	background: url('../images/req.gif') no-repeat right top;
	padding-right:20px!important;
}
.link,.photo{
	padding:5px 0;
}
.facebook td{
	padding:2px 1px;
}
#article .fr,#article img[align=right]{
	border:1px solid #ff8040;
	border-bottom-width:10px;
	margin:0 0 1em 10px;
}
.Interview {
	border-left:10px solid #d9ebec;
	padding-left:20px;
	margin-bottom:0;
	padding-bottom:1em;
}
h3.Interview{
	color:#ff8040;
}
.hotspot{
	width:260px;
	height:173px;
	background: url('../images/arrow-down.gif') no-repeat right top;
}
.hotspot div{
	border:1px solid #fff;
	height:171px;
	cursor:pointer;
	background: url('../images/arrow-down-hover.gif') no-repeat right top;
}
.hotspot div a{
	margin:10px;
	position:absolute;
	top:80px;
	right:0;
	text-align:right;
}
.hotspot div a:link,.hotspot div a:visited{
	color:#ff8040;
	text-decoration:none;
}
.slides,.hotspot{
	position:absolute;
	top:0;
}
.slide1{
	left:0px;
}
.slide2{
	left:260px;
}
.slide3{
	left:520px;
}
.list2column{
	float:left;
	width:45%;
}
.list3column{
	float:left;
	width:auto;
	margin-right:1em;
}
.menu{
	width:170px;
	position:relative;
	left:-20px;
	float:left;
	font-size:12px;
}
.menu a{
	display:block;
	width:145px;/*170*/
	padding:4px 5px 4px 20px;
}
.menu a:link,.menu a:visited,.menu a:hover{
	text-decoration:none;
	border:0;
	color:#000;
}
.menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
}
/* level1 */
.menu ul li{
	float:left;
	position:relative;
	z-index:9;
}
.menu ul li.hassubmenu{
	background:url('../images/arrow.gif') no-repeat right;
}
.menu ul li.selected{
	background-color:#d9ebec;/*soft green*/
}
.menu ul li:hover{
	background:#ccd8e3;
}
.menu ul li.hassubmenu:hover{
	background:#ccd8e3 url('../images/arrow-hover.gif') no-repeat right;
}

/* level2 */
.menu ul ul{
	display:none;
	border:1px solid #00396e;
}
.menu ul li:hover ul{
	display:block;
	position:absolute;
	top:0;
	left:170px;
}
.menu ul li:hover ul a.hide{
	background:#ccd8e3;/*softblue*/
	color:#000;
}

.menu ul li:hover ul a{
	display:block;
	background:#ccd8e3;/*softblue*/
	color:#000;
	width:150px;
}
.menu ul ul li.selected a{
	background-color:#8ea9c1;/*mid1 blue*/;
}

.menu ul li:hover ul a:hover{
	background:#527c9f;/*mid2 blue*/
	color:#fff;
}
#verhuisbericht{
	display:none;
	position:absolute;
	height:502px;
	top:100px;
	left:49px;
	width:702px;
	z-index:99;
	border:1px solid rgb(217, 235, 236);
	background:#fff url('../images/verhuisbericht.jpg') no-repeat;
}
#verhuisbericht-close{
	text-align:right;
	padding:0 26px;
}
#verhuisbericht-close span{
	cursor:pointer;
	padding-right:12px;
	background:#fff url('../images/x.png') no-repeat right 5px;
}
#verhuisbericht-body{
	padding:26px 100px;
	color:#fff;
}
#verhuisbericht h1{
	margin-bottom:0.5em;
}
#newaddress{
	position:relative;
}
#newaddress span{
	display:block;
	position:absolute;
	top:1.25em;
	left:14em;
	font-weight:bold;
	cursor:text;
}