/*------------------------------------------------------------------
Project:		Fundeon, Loopbaantraject?
Version:		0.3
Last change:	13:10 AM 03/11/2008
-------------------------------------------------------------------*/

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
outline: 0;
}
/* div { border:1px solid red; }*/
a img,
fieldset {
border: none;
}

:focus {
outline: 0;
}


a {
color: #342e6d;
text-decoration: underline;
font-weight:bold;
font-size:11px;
}

a:hover {
color: #8b4289;
text-decoration: none;
}

a span {
visibility: hidden;
text-decoration: none;
}

/* hyperlinks */
a.link, a.link:hover {
background: transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/icon_a_link.gif') no-repeat left top;
padding:1px 0 2px 20px;
}
	a.link:hover {
	color:#342e6d;
	}
		#blueblock a.link, #blueblock a.link:hover {
		background: transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/icon_a_link_blueblock.gif') no-repeat left top;
		padding:1px 0 2px 20px;
		color:white;
		
		}
		.documenten a.link, .documenten a.link:hover {
		background: transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/icon_a_link_green.gif') no-repeat left top;
		padding:1px 0 3px 20px;
		color:white;
		}
a.back, a.back:hover {
background: transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/icon_a_back.gif') no-repeat left top;
padding:1px 0 3px 20px;
}
	a.back:hover {
	color:#342e6d;
	}

ul {
list-style: none;
}

p {
padding-bottom:10px;
line-height:16px;
}

/* default list */
ul.list {
list-style-type:inherit;
margin-bottom:10px;
}
	ul.list li {
	margin-left:15px;
	}

/*
div, ul {border:1px solid red;}
*/

/* Heading Styles ------------------------------- */

h1, h2, h3, h4 {
}
h4 {
font-size:110%;
}
/* Markup styles ------------------------------- */



/* Layout Styles ------------------------------- */

HTML, BODY {
background:transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/bg.gif') repeat-x left top;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #000000;
height:100%;
}

#wrapper {
width: 900px;
min-height: 100%;
height:auto !important;
height: 100%;
margin:0 auto -33px auto;
position:relative;
}

	#header{
	position:relative;
	height:118px;
	background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/header.jpg') no-repeat left top;
	margin-bottom:20px;
	}
	
	#logo {
	position:absolute;
	left:30px;
	top:10px;
	height:	45px;
	width: 249px;
	background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/logo.jpg') no-repeat left top;
	}
		#logo a {
		height:45px;
		width:249px;
		display:block;
		text-indent:-1000px;
		}
	
	ul#metamenu {
	height:	26px;
	width:	273px;	
	position:absolute;
	top:0; right:0;
	}
		#metamenu li {
		float:left;
		display: inline;
		margin-right:1px;
		padding: 2px 15px 2px 15px;
		background-color:white;
		}
			#metamenu li a:link,
			#metamenu li a:visited {
			color:#e38628;
			text-decoration:none;
			font-size:10px;
			font-weight:normal;
			}
			#metamenu li a:hover,
			#metamenu li a:active {
			color:#342e6d;
			text-decoration:underline;
			font-size:10px;
			}

	#navigation {
		height:	44px;
		width:685px;
		float:right;
		margin:72px 0 0 0;
		display:inline;
		/*background:url(/_layouts/1033/IMAGES/Fundeon/LBT/navigation_bg.png) no-repeat left top;*/
		position:relative;
	}
		#navigation ul { z-index:20; position:relative;}

		#navigation li { display:inline; z-index:2; }

		#navigation li a {
			height:	35px;
			width:274px;
			top:0;
			text-indent:-9999px;
			position:absolute;
		}
			#navigation li.loopbaan a {
			background:transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_loopbaan_link.gif') no-repeat left top;	
			width:190px;
			}
			#navigation li.loopbaan a:hover {
			background:transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_loopbaan_link.gif') no-repeat left bottom;
			}
				#navigation li.loopbaan_active a {
				background:transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_loopbaan_link.gif') no-repeat left bottom;
				
				}
				
			#navigation li.ervaringen a {
			background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_ervaringen_link.gif') no-repeat left top;
			left:192px;
			}
			#navigation li.ervaringen a:hover {
			background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_ervaringen_link.gif') no-repeat left bottom;
			}
				#navigation li.ervaringen_active a {
				background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_ervaringen_link.gif') no-repeat left bottom;
				left:192px;
				}

				
			#navigation li.magazine a{
			background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_magazine_link.gif') no-repeat left top;
			left:433px;
			} 
				
			#navigation li.magazine a:hover {
			background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_magazine_link.gif') no-repeat left bottom;
			}
				#navigation li.magazine_active a{
				background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/nav_magazine_link.gif') no-repeat left bottom;
				left:433px;
				}

			/*breadcrumb */
			#breadcrumb {
			margin-top:-20px;
			background-color:white;
			padding:7px;
			height:15px;
			font-size: 10px;
			}
				#breadcrumb li {
				float: left;
				display: inline;
				margin-right: 4px;
				}
					#breadcrumb li.noborder {
					padding-left: 5px;
					}
				#breadcrumb a,
				.breadcrumbCurrent a{
				color: #000000; 
				font-weight: normal;
				border-right:1px solid #e3bc47;
				padding-right: 11px; 
				padding-left:5px;
				text-decoration: none;
				font-size:10px;
				}

				#breadcrumb a:hover,
				.breadcrumbCurrent a:hover {
				color: #333;
				text-decoration:underline;
				}
						
#content {
float:left;
width:530px;
padding:0 30px 0 30px;
_padding: 0 0 0 30px; /* IE6 HAck */
z-index:3;
}
	#intro {
	background-color:#e38628;
	padding:20px 30px 0 30px;
	color:white;
	margin:0 -30px 0 -30px;
	z-index:4;
	}
		#intro_bg {
		height:37px;
		background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/intro_bottom.gif') no-repeat left top;
		margin:0 -30px 20px -30px;
		}
	#adviseurs {
	background: #e38628 url('/_layouts/1033/IMAGES/Fundeon/LBT/adviseur_header_bg.gif') no-repeat left bottom;
	padding:20px 30px 40px 30px;
	color:white;
	margin:0 0 20px 0;
	}
	/* adv's */
	#adv_werknemer {
	background: url(/_layouts/1033/IMAGES/Fundeon/LBT/adv_werknemer.gif) no-repeat left top;
	float:left;
	width:190px;
	height:124px;
	padding:90px 0 0 190px;
	margin-top:30px;
	}
		#adv_werknemer p { padding:00px 0 10px 0; }
	
	/* blueblock */
	#blueblock {
	background-color:#322e6d;
	padding:20px;
	width:135px;
	float:left;
	margin:0 20px 10px -30px;
	} * html #blueblock {padding:20px 20px 20px 50px;}

	/* veel gestelde vragen */
	#faq {
	padding-bottom:10px;
	position:relative;
	}
		#faq li {
		padding:5px 0 5px 0;
		}
		#faq a.first {
		padding-left:20px;
		padding-bottom:1px;
		background: url(/_layouts/1033/IMAGES/Fundeon/LBT/list_plus.gif) no-repeat;
		background-position: left 2px;
		font-size: 11px;
		font-weight: normal;
		line-height: 18px;
		cursor: pointer;
		display:inline;
		font-weight:bold;
		}
		
		#faq a.selected {
		background: url(/_layouts/1033/IMAGES/Fundeon/LBT/list_min.gif) no-repeat;
		background-position: left 2px;
		border-bottom:0px;
		font-weight:bold;
		text-decoration:none;
		}

			#faq hr { height:1px; background-color:#dadada; border:1px solid #dadada; border-width:1px 0 0 0; margin:0; padding:0 }
			#faq li { border-top:1px solid #dadada; }
			
			#faq li.regular { border-bottom:1px solid white; }
			#faq li.last { border-bottom:1px solid #dadada; }
	
			#faq div { padding:0 0 0 21px; }

#sidepanel { 
width:300px;
float:right;
min-height:10px;
height:auto !important;
height:10px;
position:relative;
}

#sidepanel h3.mleft20 {
display: none;
}
	#bg {
	background:	transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/bg_circle.gif') no-repeat left top;
	position:absolute;
	top:460px;
	right:-25px;
	width:362px;
	height:336px;
	display:none;
	}
		.bg_pers {
		top:120px !important;
		}
		.bg_det {
		top:170px !important;
		}
	#zoekadviseur {
	margin-left:20px;
	position:relative;
	height:55px;
	}
		#zoekadviseur .zoekadviseur {
		position:absolute;
		top:20px;
		left:0;
		border:1px solid black;
		}
		#zoekadviseur .zoekbtn {
		position:absolute;
		top:20px;
		left:192px;
		cursor:pointer;
		}

/* Footer */
.push { clear:both; height:30px;  }

#footer {
text-align:right;
background-color:white;
margin:0 auto;
}
	#footer div {
	width:930px;
	margin:0 auto;
	padding:10px;
	}
	
	 /* paging */
	#paging {
	position:absolute;
	bottom:0; left:80px;
	width:779px;
	height:23px;
	text-align:center;
	}
		#paging ul { float:right; }
		#paging li { float:left; }
		#paging li a { 
		float:left; 
		padding:5px;
		width:40px;
		text-decoration:none;
		}
			#paging li a:hover { text-decoration:underline; }
			#paging li a.active { 
			background:white url('../images/paging_active.gif') no-repeat left top;
			}

/* Form styles ------------------------------ */

.regular_forms { margin-top:20px; } 
 .regular_forms label{
                display:block;
                width:100%;

}
 .regular_forms input,
 .regular_forms textarea,
 .regular_forms select {
                margin-bottom:10px;
                border:1px solid #e38628;
                font-family:tahoma;
                font-size:11px;
                padding:2px;
}
 .regular_forms input,
 .regular_forms select{
                width:185px;
}

.submit_button {
                padding:3px 6px 3px 6px;
                width:63px;
                background-color:#e38628;
                font-family:tahoma;
                font-size:11px;
                }

a.send_button:link,
a.send_button:visited
{
                color:white;
                font-weight:normal;
                padding:3px 6px;
}

.field, textarea {
border:1px solid #af1d42;
padding:2px;
font-family:tahoma;
font-size:11px;
width:185px;
}
textarea {
width:305px;
height:90px;
}
.submit {
border:0;
background-color:#af1d42;
color:white;
padding:3px 6px 3px 6px;
font-family:tahoma;
font-size:11px;
}
label {
display:inline
}


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

.twhite {
color:white;
}
.tblack {
color:black
}

.small {
font-size: 94%;
line-height: inherit;
}

.large {
font-size: 110%;
line-height: inherit;
}
.extralarge {
font-size: 130%;
line-height: inherit;
}
.fixed_bottom {
position:absolute;
left:0; bottom:0;
}
.blueborder {
border: 1px solid #009eb5;
}
q {
font-style: italic;
}

input, label {
vertical-align: middle !important;
}

.left {
float: left;
}
.imgLeft {
float:left;
margin:0 20px 10px 0;
}
.right {
float: right;
}

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

.hidden {
display: none;
}
.nopadding {
padding: 0em;
}
.nomargin {
margin: 0em;
}
.noborder { 
border: none !important;
}
.nobg { 
background: none !important;
}

/* margins */
.mtop10 { margin-top:10px; }
.mtop15 { margin-top:15px; }
.mtop20 { margin-top:20px; }
.mright10 { margin-right:10px }
.mbottom10 { margin-bottom: 10px; }
.mbottom20 { margin-bottom: 20px; }
.mleft20 { margin-left: 20px; }
/* paddings */
.pleft5 { padding-left:5px; }
.pleft10 { padding-left:10px; }
.pleft40 { padding-left:40px; }
.ptop5 { padding-top:5px; }
.ptop15 { padding-top:15px; }
.ptop20 { padding-top:20px; }
.pbottom5 { padding-bottom:5px; }

.bold {
font-weight: bold;
}

/* Sifr styles --------------------------------- */

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

.sIFR-replaced, .sIFR-ignore {
	visibility: visible;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Table Styles ------------------------------------------- */
/*
#content table {
border-collapse:collapse;
border:0;
text-align:left;
margin:5px 0 5px 0;
}
#wrapper table tr.even {
background-color:#DBEBD0;
}
#wrapper table th {
background-color:#c1e5a7;
padding:5px;
}
#wrapper table td {
padding:2px;
}*/

table.lijstweergave {
border-collapse:collapse;
border:0;
width:810px;
text-align:left;
margin:55px 0 5px 40px;
float:left;
}
table.lijstweergave tr.even {
background-color:#DBEBD0;
}
table.lijstweergave th {
background-color:#c1e5a7;
padding:5px;
}
table.lijstweergave td {
padding:5px;
}

.adviseurs {
width:640px;
}
	.adviseurs th {
	border-bottom:1px solid #342e6d; 
	}
	.adviseurs tbody td {
	padding:5px;
	vertical-align:top;
	}

	.adviseurs .icon {
	background: url(/_layouts/1033/IMAGES/Fundeon/LBT/adviseur_icon_head.gif) no-repeat 10px 5px;
	}


/* Jquery Styles ------------------------------------------- */


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 175px;
    height: 175px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-personage .jcarousel-container-horizontal {
	padding:00;
	width: 295px;
}

.jcarousel-skin-personage .jcarousel-clip-horizontal {
    width:  295px;
    height: 440px;
}

.jcarousel-skin-personage .jcarousel-item {
    width: 295px;
    height: 490px;
	position:relative;
}
.jcarousel-skin-personage .jcarousel-item-horizontal {
    
}

.jcarousel-skin-personage .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-personage .title_holder {
position:absolute;
top:200px;
left:0;
background-color:#38326d;
height:55px;
width:230px;
padding:15px 0 0 70px;
color:white;
}
.jcarousel-skin-personage .personage_info {
padding:20px 25px 0 40px;
}

.jcarousel-skin-personage .jcarousel-next-horizontal {
    position: absolute;
    top: 223px;
    right: 20px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/personages_arrow_right.gif) no-repeat 0 0;
}
.jcarousel-skin-personage .jcarousel-next-disabled-horizontal,
.jcarousel-skin-personage .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-personage .jcarousel-next-disabled-horizontal:active {
    cursor: default;
     background-position:  0 -31px;
}
.jcarousel-skin-personage .jcarousel-prev-horizontal {
    position: absolute;
    top: 223px;
    left: 15px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/personages_arrow_left.gif) no-repeat 0 0;
}
.jcarousel-skin-personage .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-personage .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-personage .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
     background-position:  0 -31px;
}

.jcarousel-control {
    margin-top:500px;
    text-align: center;
	position:absolute;	
	
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}
.woei { background-color:gray; }
.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}




#ervaringen_holder{
width:900px;
background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/ervaringen_bg.gif) no-repeat left top;
height:350px;
margin-top:20px;
margin-bottom: 20px;
_margin-left: -260px;
position:relative;
clear:both !important;
}
	/* weergave */
	#weergave {
	background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/carousel_weergave_bg.gif) no-repeat left top;
	height:147px;
	width:200px;
	position:absolute;
	top:-92px;
	right:-27px;
	padding:30px 0 0 25px;
	}
		#weergave ul li a { 
		display:block;
		padding:5px;
		color:white;
		text-decoration:none;
		width:110px;
		}
			#weergave ul li a.foto:hover, #weergave ul li a.lijst:hover {
			color:black;
			background-color: white;
			}
				#weergave ul li a.foto {
				background: transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/icon_weergave_foto.gif') no-repeat 10px 5px;
				padding-left:35px;
				}
				
				#weergave ul li a.lijst {
				background: url('/_layouts/1033/IMAGES/Fundeon/LBT/icon_weergave_lijst.gif') no-repeat 10px 5px;
				padding-left:35px;
				}
				#weergave ul li a.active {
				background-color: white;
				color:black;
				}

	.ervaringen {
	width:820px;
	padding:40px 20px 20px 32px;
	}

	.ervaringen .items {
	overflow:hidden;
	position:relative;
	height:250px;
	margin:20px 0 0 15px;
	}
		* html .ervaringen .items { margin-top:60px }

		.ervaringen .items ul{
		list-style:none;
		padding-left:0;
		margin-left:0;
		}
			.ervaringen .item {
			float:left;
			background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/white.gif) no-repeat left top;
			width:151px;
			margin:0 0.5em 0.5em;
			position:relative;
			padding:5px 0 10px 0;
			}
				.ervaringen .item p { padding-left:10px }
			
		#scroller{display:none;}

		.ui-slider-handle { 
		position: absolute; 
		height: 20px; 
		width: 128px; 
		top: 0px; 
		left: 0px; 
		background: url(/_layouts/1033/IMAGES/Fundeon/LBT/carousel_scroll.gif);
		cursor:pointer;
		cursor:hand;
		z-index:4;
		}
		

		.ui-slider-1 { 
		width: 836px; 
		height: 20px; 
		position: relative; 
		background: url(/_layouts/1033/IMAGES/Fundeon/LBT/carousel_scroll_bg.gif) no-repeat left top;
		margin:20px 0 0 0;
		cursor: hand;
		cursor: pointer;
		}


/* Personages thumbs */
.jcarousel-skin-personage_thumbs .jcarousel-container-horizontal {
	padding:10px 70px 10px 23px;
	width: 368px;
	_width: 500px;
	margin-left:-168px;
}
	* html .jcarousel-skin-personage_thumbs .jcarousel-container-horizontal { 
	width:110px !important;
	padding-right:25px;
	}

.jcarousel-skin-personage_thumbs .jcarousel-clip-horizontal {
    width:  420px;
    height: 109px;
}
	* html .jcarousel-skin-personage_thumbs .jcarousel-clip-horizontal { width: 190px; }

.jcarousel-skin-personage_thumbs .jcarousel-item {
    width: 100px;
    height: 110px;
	position:relative;
	padding-top:10px;
}

.jcarousel-skin-personage_thumbs .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-personage_thumbs .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-personage_thumbs .jcarousel-next-horizontal {
    position: absolute;
    top: 51px;
    right: 5px;
    width: 10px;
    height: 18px;
    cursor: pointer;
    background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/jcarousel_arrow_right.gif) no-repeat 0 0;
}
.jcarousel-skin-personage_thumbs .jcarousel-next-disabled-horizontal,
.jcarousel-skin-personage_thumbs .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-personage_thumbs .jcarousel-next-disabled-horizontal:active {
    cursor: default;
     background-position:  0 -18px;
}
.jcarousel-skin-personage_thumbs .jcarousel-prev-horizontal {
    position: absolute;
    top: 51px;
    left: 5px;
    width: 10px;
    height: 18px;
    cursor: pointer;
    background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/jcarousel_arrow_left.gif) no-repeat 0 0;
}
.jcarousel-skin-personage_thumbs .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-personage_thumbs .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-personage_thumbs .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
     background-position:  0 -18px;
}

	.thumbs_icon_left {
    position: absolute;
    top: 390px;
    left: 23px;
    width: 70px;
    height: 30px;
	z-index:5;
    background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/personas_thumbs_left.gif) no-repeat 0 0;
	}
	.thumbs_icon_right {
    position: absolute;
    top: 390px;
    right: 23px;
    width: 70px;
    height: 30px;
	z-index:5;
    background: transparent url(/_layouts/1033/IMAGES/Fundeon/LBT/personas_thumbs_right.gif) no-repeat 0 0;
	}

.title_holder {
position:absolute;
top:200px;
left:0;
background-color:#38326d;
height:55px;
width:225px;
padding:15px 0 0 70px;
color:white;
}
.personage_info {
padding:20px 25px 0 40px;
}

.fullpers_holder {
height:420px;
width:300px;
overflow:hidden;
position: relative;
display:inline-block;
}

.fullpers {
position:relative;
height:450px;
}

.nav_prev {
position:absolute;
top:220px; left:20px;
height:31px;
width:31px;	
background:url('/_layouts/1033/IMAGES/Fundeon/LBT/personages_arrow_left.gif') no-repeat left top;
cursor:pointer;
cursor:hand;
z-index:2;
}
.nav_next {
position:absolute;
top:220px; right:20px;
height:31px;
width:31px;	
cursor:pointer;
cursor:hand;
background:url('/_layouts/1033/IMAGES/Fundeon/LBT/personages_arrow_right.gif') no-repeat left top;
z-index:2;
}

.thumb { 
cursor:hand; 
cursor:pointer;
}
.opacity50 { 
filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40; 
opacity:0.4;
}

.relative { position:relative; }

.thumbactive {
position:absolute;
height:110px;
width:100px;
top:0px;
left:0;
z-index:100;
background:url('/_layouts/1033/IMAGES/Fundeon/LBT/thumb_active.gif') no-repeat left top;
}
/* Safari hacks -------------------------------------------- */

/* Valideert niet! Werkt wel. 

@media screen and (-webkit-min-device-pixel-ratio:0){

}
*/

























/* Stappenplan */

#slider {
    width: 884px;
    position: relative;
	float:left;
	position:relative;
	background: url(/_layouts/1033/IMAGES/Fundeon/LBT/stappenplan_bg.gif) no-repeat left top;
	height:325px;
}
	.scroll {
		height: 350px;
		width: 724px;
		overflow: auto;
		overflow-x: hidden;
		position: relative;
		clear: left;
		position:absolute;
		left:160px;
		top:0;
	}

	.scrollContainer div.panel {
		padding:20px 30px 20px 40px;
		height: 310px;
		width: 670px;
		position:relative;
	}
		div.panel p { width:350px; }
		
		div.panel .header {
		position:absolute;
		left:430px;
		top:0px;
		}
		
		div.panel .documenten,
		.panel_documenten {
		background: url(/_layouts/1033/IMAGES/Fundeon/LBT/stappenplan_documenten.gif) no-repeat left top;
		position:absolute;
		left:400px;
		top:120px;
		height:117px;
		width:163px;
		padding:45px 30px 30px 30px;
		}
	ul.navigation {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 9px;
		position:absolute;
		left:0;
		top:0;
	}

		ul.navigation li {
			display:block;
		}

			ul.navigation a {
				padding:10px 10px 10px 35px;
				color: #322e6d;
				text-decoration: underline;
				width:125px;
				display:block;

			}
				ul.navigation a:hover { text-decoration:none; }

			ul.navigation a.selected {
				color:black;
				text-decoration:none;
				background: url(/_layouts/1033/IMAGES/Fundeon/LBT/stappenplan_li_active.gif) no-repeat right 50%;
			}

	.scrollButtons {
		position: absolute;
		top: 200px;
		cursor: pointer;
	}

	.scrollButtons.left {
		left: 500px;
		z-index:3;
	}
	.scrollButtons.right {
		right: 350px;

	}
	.hide { display: none; }
	
/***************** STYLES TOEGEVOEGD DOOR DIANTHA *******************/



#editconsolewrapper{
	/*position:absolute;*/
	background-color:#fff;
	left:0px;
	top:0px;

}
#editconsolewrapper *{
	height:auto;
	width:auto;
	color:black;
}
#editconsolewrapper .welkom{
	position:absolute;
	left:895px;
	top:0px;
	z-index:100;
}
#editconsolewrapper .welkom a{
	font-size:10px;
}


/* brochure */

	#brochure {
	background:transparent url('/_layouts/1033/IMAGES/Fundeon/LBT/brochure_bg.gif') no-repeat left top;
	width:490px;
	height:45px;
	position:relative;
	padding:5px 0 0 70px;
	color:white;
	}
					#brochure_download {
					width:80px;
					height:45px;
					position:absolute;
					top:0; right:80px;
					}
					
					#brochure li {
					margin-top:2px;
					}
										 
					#brochure a {
						color:#FFFFFF;
						font-size:11px;
						font-weight:bold;
						text-decoration:none;
					}
						#brochure a img {
						margin-right:5px;
						vertical-align:middle;
					}





#content ul
{
	list-style-type:disc;
}

#content #faq ul
{
	list-style-type:none;
}
 
/*issue 14*/
.title_holder {
	height:auto;
	min-height:55px;
	*height:55px;
	margin:0px;
	position:absolute;
	left:0px;
	padding-left:70px;
	padding-right:55px;
	width:170px;
}

/*issue 7*/ 
#sidepanel input{
	margin-bottom:2px;
}

/*issue 17*/
.white,
#blueblock{
	color:#ffffff;
}




/*aan de table elements "#wrapper" en "#content" toegevoegd, ervoor gezet*/
/*breadcrumbcurrent zelfde styling gegeven als breadcrumb*/

/*stylingregels toegevoegd voor editmode*/
/*classname .panel_documenten toegevoegd aan declaratie div.panel .documenten*/