@charset "utf-8";
@import url("reset.css");

/* CSS Document */

body, html{
	margin:0 0 20px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444;
	background:#F5F5F5;
}

div {
behavior: url(iepngfix.htc);
}
body.window {
	background:#fff !important;
}

* {
	border:0;
}

legend {
	display:none
}

p {margin:0 0 16px 0}

p a {color:#437BC0}
p a:hover {text-decoration:none}

.clearer {clear:both}

input, select, textarea {border:1px solid #BFE2F2; width:200px}
input.versturen {background:#DB1D2B; color:#fff; width:auto; border:0}
textarea {width:320px;}
.checkbox {width:20px !important;}

#frontpageForm label {display:block; width:180px; float:left; margin:0 0 9px 0;}
#frontpageForm input.checkbox {float:left; clear:both; margin:0 0 9px 0;}
#frontpageForm textarea {width:200px; height:150px} 

#success {border-top:1px solid #CADDEE; padding:15px 0 0 0}

fieldset sup {color:red;}

#middleBox ul {
    padding-left: 20px;
}

#middleBox li {
    padding: 5px 0 0 0;
}

/********************************
	popup windows
********************************/

.block { 
	border: 2px solid #B0CCE3;
	background-color: #F5FAFD;
	width: 400px; 
	height: 516px;
	margin: -40px 0 0 300px;
	position:absolute;
	display:none
}
#blockTitle {
	height:21px; 
	background:#80C5E6;
	margin:1px;
	padding:4px 0 0 0;
	cursor:move
}
	#blockTitle h2 {font-size:12px; color:#fff; font-weight:bold; margin:0 0 0 10px; float:left}
	#bottomWindow {height:10px; background:#80C5E6; margin:0px 1px 1px 1px; font-size:1px; }
	.close { behavior: url(iepngfix.htc);display:block; width:11px; height:10px; background:url(../images/close.png) no-repeat; margin:3px 15px 0 0; float:right}
	.close_venster { behavior: url(iepngfix.htc);display:block; width:65px; height:13px; background:url(../images/sluit.png) no-repeat; margin:30px 15px 0 0; float:right; z-index:11;}
    
    .close_venster span {display:none}
	.close span {display:none}
	
.dialogtekst {padding: 0 20px}
.dialogtekst p { margin: 0 0 10px 0; padding: 0; }
.dialogtekst h3 {font-weight:bold; margin:18px 0 2px 0; display:block}
.dialogtekst li { background: url(img/li.gif) no-repeat 0 5px; }
.dialogtekst li a { color: #336699; }

/*screenshow*/
.screenshow {
	background:url(../images/screenbackground.gif) no-repeat;
	width: 512px; 
	height: 432px;
	margin: -40px 0 0 270px;
	position:absolute;
	display:none;
    z-index: 10;
}
	.imgWrap {width:408px; height:326px; overflow:hidden; margin:31px 0 0 54px}
	.screenshow h3 {margin:27px 0 0 20px; float:left; font-weight:bold}

/********************************
	Structuur website
********************************/

#container {
	width:965px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#header {
	background:#fff url(../images/headerbg.jpg) repeat-x;
	width:965px;
	height:74px;
	margin:0 0 22px 0
}
#headerSubpage {
	background:#fff url(../images/headerbg.jpg) repeat-x;
	width:965px;
	height:74px;
	margin:0 0 0 0;
}
#content {
	overflow:hidden;
	margin:0 0 20px 0;
}
#leftMenu {
	float:left;
	margin:0 15px;
}
#midContent {
	float:left
}
#footer {
	clear:both;
}
#bankVisual {
	background:url(../images/kennisbank.jpg) no-repeat;
	width:341px;
	height:350px;
	float:left;
	margin:38px 0 0 29px;
}

/********************************
	Header
********************************/

h1 {display:block; background:url(../images/logo.jpg) no-repeat; height:58px; width:155px; margin:8px 0 0 25px; float:left; behavior: url(iepngfix.htc);}
h1 a {display:block; height:100%}
h1 a span {display:none}

#infomenu {float:right;}
#infomenu ul {list-style-type:none; margin:30px 0 0 0;}
#infomenu ul li {float:left; border-right:1px solid #444; padding:0 10px 0 0; margin:0 10px 0 0;}
#infomenu ul li.last {border:0;}
#infomenu ul li a {color:#444; text-decoration:none}
#infomenu ul li a:hover {text-decoration:underline}

/********************************
	Content Front
********************************/

#content p {line-height:17px;}

/*small front*/
.smallbox ul {list-style-type:none; margin:0; padding:0;}
.smallbox {
	width:206px;
	background:url(../images/smallboxbg.jpg) repeat-y;
	overflow:hidden;
}
#smallboxtop {
	background:url(../images/smallboxtop.jpg) no-repeat;
	overflow:hidden;
	padding:0 13px;
}
.smallboxbottom {
	background:url(../images/smallboxbottom.jpg) no-repeat;
	height:19px;
}

/*big front*/
.bigbox {
	width:337px;
	background:url(../images/bigboxbg.jpg) repeat-y;
	overflow:hidden;
}
#bigboxtop {
	background:url(../images/bigboxtop.jpg) no-repeat;
	overflow:hidden;
	padding:0 15px;
	border-top:1px solid #fff;
}
.bigboxbottom {
	background:url(../images/bigboxbottom.jpg) no-repeat;
	height:19px;
}

/*** left menu ***/
#mainmenu {padding:0 0 35px 0}
#mainmenu ul {margin:20px 0 0 0;}
#mainmenu ul li {padding: 0 0 10px 0;}
#mainmenu ul li a {display:block; color:#444; text-decoration:none; background:url(../images/bullet.gif) 0px 4px no-repeat; padding:0 0 0 10px}
#mainmenu ul li a:hover {text-decoration:underline}

#quickmenu {margin: 0}
#quickmenu ul {margin: 0}
#quickmenu ul li {border-bottom:1px solid #DADBDC; margin:0 0 10px 0}
#quickmenu ul li.last {border:0; margin:0 !important}
#quickmenu ul li a { behavior: url(iepngfix.htc); display:block; color:#444; text-decoration:none; background:url(../images/bullet.gif) 5px 6px no-repeat; padding:2px 0 0 25px; height:31px}
#quickmenu ul li a:hover {text-decoration:underline}
#quickmenu ul li a.referenties {background:url(../images/icons/referenties.gif) no-repeat;}
#quickmenu ul li a.afspraak {background:url(../images/icons/afspraak.gif) no-repeat;}
#quickmenu ul li a.informatie {background:url(../images/icons/informatie.gif) no-repeat;}

/********************************
	Content
********************************/
#subheader {
	behavior:none !important;
	height:181px;
	background:url(../images/subheader_background.png) repeat-x;
	border-bottom:2px solid #D1D2D2;
}
.kennisbankImage {
	width:239px;
	height:181px;
	margin:0 0 0 0;
	float:left;
}
#bulletframe {
	behavior: url(iepngfix.htc);
	background:url(../images/bulletframe.png) no-repeat;
	width:238px;
	height:149px;
	margin:10px 0 0 0;
	padding:17px 21px 0 21px;
	float:right;
}
	#bulletframe ul {list-style-type:none}
	#bulletframe ul li {background:url(../images/bullet.gif) 0px 4px no-repeat; padding:0 0 7px 10px; color:#444;}
	#bulletframe ul li a {display:block; background:url(../images/bullet.gif) 0px 4px no-repeat; padding:0 0 0 10px; color:#444; text-decoration:none}
	#bulletframe ul li a:hover {text-decoration:underline}
	
/*contentwrap*/

#contentwrap {
	margin:16px 0 0 0;
	overflow:hidden;
	clear:both;
}
#leftside {
	float:left;
	width:275px;
	overflow:hidden;
    text-align:center;
}
#middle {
	float:left;
	width:480px;
	margin:0 9px;
	overflow:hidden;
}
#rightside {
	float:left;
	width:185px;
	padding:20px 0 0 0;
	overflow:hidden
}

/*leftside*/

#leftBox {
	background:url(../images/leftbox_background.jpg) no-repeat;
	width:266px;
	margin:0 0 20px 9px;
	padding:0 0 25px 0;
	overflow:hidden;
    text-align:left;
}
	#leftBox ul.infolist {list-style-type:none; width:227px; margin:0 auto}
	#leftBox ul.infolist li {float:left; margin:0 0 0 14px;}
	#leftBox ul.infolist li.first {margin:0}
	#leftBox ul.infolist li a {display:block; background:url(../images/bullet.gif) 0px 4px no-repeat; color:#444; text-decoration:none; padding:0 0 0 10px; font-size:10px;}
	#leftBox ul.infolist li a:hover {text-decoration:underline}
	
	#leftBox ul.submenu {list-style-type:none; width:227px; margin:0 auto 0 auto; clear:both}
	#leftBox ul.submenu li {margin:0 0 12px 14px;}
	#leftBox ul.submenu li.first {margin:0}
	#leftBox ul.submenu li a {display:block; background:url(../images/bullet.gif) 0px 4px no-repeat; color:#444; text-decoration:none; padding:0 0 0 10px; font-size:11px;}
	#leftBox ul.submenu li a:hover {text-decoration:underline}
	
.banner {margin:0 0 15px 10px}

/*midle*/
#middleBox {
	background:url(../images/middlebox_background.jpg) no-repeat;
	width:435px;
	padding:21px;
	min-height:212px;
	_height:212px;
}


/********************************
	Footer
********************************/

#footer {
	width:965px;
	margin:0 auto 0 auto;
	background:#fff;
	border-top:2px solid #f4f4f4;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	overflow:hidden;
	clear:both;
}
.center {width:965px; margin:0 auto}
#footer #rbi_logo {
	margin: 10px 0px 0px 30px;
	float: left;
	width: 159px;
}

#footer #txt {
	margin: 20px 0px 0px 10px;
	float: left;
	color: #666666;
	font-size: 10px;
}

#footer #txt a {
	text-decoration: underline;
	color: #666666;
}

#footer #txt a:hover {
	text-decoration: none;
}

#footer_btns {
	margin: 23px 0px 0px 30px;
	float: left;
}

/************************
	SIFR REPLACEMENTS
*************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.front {
	/*visibility: hidden;*/
	letter-spacing: -2px;
	margin:21px 0 23px 0;
	font-size: 17px;
    color: #D76A60;
}
.sIFR-hasFlash h2.kennisbank {
	/*visibility: hidden; */
    color:#797D7F;
	letter-spacing: -2px;
	margin:0 0 10px 0;
	font-size: 17px;
	float:left;
}
.sIFR-hasFlash h3.titlekennisbank {
	/*visibility: hidden;*/
    color: #D76A60;
	letter-spacing: -2px;
	margin:0 0 10px 0;
	font-size: 17px;
	float:left;
}
.sIFR-hasFlash h3.grey {
	/*visibility: hidden;*/
	letter-spacing: -2px;
	margin:0 0 10px 0;
	font-size: 18px;
}

.sIFR-hasFlash a.actielink {
	/*visibility: hidden; */
	letter-spacing: -2px;
	font-size: 18px;
}


#videoItemContainer {
    padding: 20px;
}