html{
	background:#d1eaf4 url(../images/bg-html.gif) 0px -5px repeat-x;
	height:100%;
}
body{
	margin:0;
	background:url(../images/bg-body.jpg) no-repeat 50% 153px;
	font:13px Arial, Helvetica, sans-serif;
	color:#242424;
	height:100%;
}
img {border-style:none;}
p{margin:5px 0 10px 0;}
a{
	color:#000;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:13px arial,sans-serif;
	vertical-align:middle;
	color:#242424;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper{
	width:996px;
	margin:0 auto;
}
#header{
	width:996px;
	overflow:hidden;
	position:relative;
	padding:0 0 2px;
	top:-5px;
	z-index:80;
}
.logo{
	width:150px;
	height:109px;
	padding-bottom:7px;
	background:url(../images/logo.png) no-repeat;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	cursor:pointer;
}
.logo-zakelijk{
	width:150px;
	height:109px;
	padding-bottom:7px;
	background:url(../images/logo-nti-zakelijk.png) no-repeat;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	cursor:pointer;
}
.logo a, .logo-zakelijk a{
	display:block;
	height:100%;
}
.header-area{
	overflow:hidden;
	width:100%;
	padding:24px 0 3px;
}


.top-menu{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:13px;
	left:16px;
	width:100%;
	overflow:visible;
	font-size:11px;
	line-height:10px;
}
.top-menu li{
	float:left;
	/*margin:0 23px 0 0;*/
	margin:0 15px 0 0;
}
.top-menu li a, .top-menu li span{
	float:left;
	overflow:visible;
	width:inherit;
	height:12px;
	text-decoration:none;
	color:#6d6d6d;
	font-weight:normal;
	cursor:pointer;
	line-height:10px;
}
.top-menu li a:hover,
.top-menu li span:hover,
.top-menu li.active a,
.top-menu li.active span{color:#7e8101;}


.nav{
	width:800px;
	float:left;
	margin:0;
	padding:91px 0 0 3px;
	list-style:none;
}
.nav li{
	float:left;
	padding:0 7px 0 0;
}
.nav li a{
	float:left;
	cursor:pointer;
	text-decoration:none;
}
.nav li a:hover,
.nav li.active a{background:url(../images/bg-nav-university.gif) no-repeat;}
.nav li a span em{
	display:block;
	height:14px;
	overflow:visible;
	font-size:14px;
	line-height:11px;
	font-style:normal;
}
.nav li a span{
	float:left;
	width:inherit;
	padding:12px 16px 9px 14px;
}
.nav li a:hover span, .nav li.active a span{background:url(../images/bg-nav-university.gif) no-repeat 100% -36px;}
.nav li a:hover span em, .nav li.active a span em{color:#fff;}

.nav li .uni-opl span em{color:#162b56;}
.nav li .uni-opl:hover span, .nav li.active .uni-opl span{background:url(../images/bg-nav-university.gif) no-repeat 100% -36px;}

.nav li .hbo-opl span em{color:#3495c6;}
.nav li .hbo-opl:hover, .nav li.active .hbo-opl{background:url(../images/bg-nav-hbo-opl.gif) no-repeat;}
.nav li .hbo-opl:hover span, .nav li.active .hbo-opl span{background:url(../images/bg-nav-hbo-opl.gif) no-repeat 100% -36px;}

.nav li .mbo-opl span em{color:#3d005d;}
.nav li .mbo-opl:hover, .nav li.active .mbo-opl{background:url(../images/bg-nav-mbo-opl.gif) no-repeat;}
.nav li .mbo-opl:hover span, .nav li.active .mbo-opl span{background:url(../images/bg-nav-mbo-opl.gif) no-repeat 100% -36px;}

.nav li .talen span em{color:#c60016;}
.nav li .talen:hover, .nav li.active .talen{background:url(../images/bg-nav-talen.gif) no-repeat;}
.nav li .talen:hover span, .nav li.active .talen span{background:url(../images/bg-nav-talen.gif) no-repeat 100% -36px;}

.nav li .cursussen span em{color:#e50084;}
.nav li .cursussen:hover, .nav li.active .cursussen{background:url(../images/bg-nav-cursussen.gif) no-repeat;}
.nav li .cursussen:hover span, .nav li.active .cursussen span{background:url(../images/bg-nav-cursussen.gif) no-repeat 100% -36px;}

.nav li .nti span em{color:#1c1c1c;}
.nav li .nti:hover, .nav li.active .nti{background:url(../images/bg-nav-nti.gif) no-repeat;}
.nav li .nti:hover span, .nav li.active .nti span{background:url(../images/bg-nav-nti.gif) no-repeat 100% -36px;}


/***
 * Navigation version 2 START
 */
 
#header{
	width:996px;
	overflow:visible;
	position:relative;
	padding:0 0 2px;
}
.header-area{
	overflow:hidden;
	width:100%;
	padding:24px 0 0 0;
}
.navigation{display:none;
	width:836px;
	padding:4px 0 24px;
	float:left;
	position:relative;
	z-index:5;
	background:url(../images/bg-header2.gif) no-repeat;
}
.navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
.navigation li{float:left;}
.navigation .menu{
	overflow:hidden;
	float:right;
	font-size:12px;
	padding:9px 0 0;
}

.menu li{margin:0 0 0 11px;}
.menu li a:hover{color:#ed7900;}
#main-nav{
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	float:left;
	position:absolute;
	top:97px;
	left:4px;
	margin:0;
	padding:0;
	z-index:50;
}
#main-nav li{
	padding: 0 0 0 2px;
	z-index: 1;
	float:left;
	list-style-type:none;
}
#main-nav li li{z-index:2;}
#main-nav li li li{z-index:3;}
#main-nav a span{
	float:left;
	width:inherit;
	padding:10px 27px 15px 12px;
	margin-left:2px;
	background:url(../images/bg-top-nav.gif) no-repeat 100% -39px;
}
#main-nav a{
	padding:10px 15px 0;
	height:23px;
	float:left;
	color:#162b56;
	text-decoration: none;
	position:relative;
	z-index:10;
}
#main-nav .has-drop-down li a,
#main-nav .has-drop-down .has-drop-down li a,
#main-nav .has-drop-down .has-drop-down .has-drop-down li a{text-decoration:none;}
#main-nav li:first-child,
#main-nav li.first-child{
	padding:0;
	background:none;
}

#main-nav li a,
#main-nav li a{
	display:block;
	height:40px;
	overflow:visible;
	/*font-size:14px;
	line-height:11px;
	font-style:normal;*/
	padding:0 0 0 2px;
	background: url(../images/bg-top-nav.gif) left top no-repeat;
}
#main-nav li:hover a,
#main-nav li.hover a{background-position: 0 -88px;}
#main-nav li:hover a span,
#main-nav li.hover a span{background-position: 100% -129px;}
#main-nav li:hover,
#main-nav li.hover{position:relative;}
#main-nav li:hover .drop,
#main-nav li.hover .drop,
#main-nav li:hover .drop li:hover .drop,
#main-nav li.hover .drop li.hover .drop,
#main-nav li:hover .drop li:hover .drop li:hover .drop,
#main-nav li.hover .drop li.hover .drop li.hover .drop{display:block; }
#main-nav li:hover .drop .drop,
#main-nav li.hover .drop .drop,
#main-nav li:hover .drop li:hover .drop .drop,
#main-nav li.hover .drop li.hover .drop .drop{display:none;}



/*#main-nav li.nodrop:hover{position:relative;}*/
#main-nav li.nodrop:hover a{background-position: left top;}
#main-nav li.nodrop:hover a span{background-position: 100% -39px;}



#main-nav .drop{
	position:absolute;
	left:5px;
	top:39px;
	z-index:9;
	width:999px;
	background:#eff7fc;
	border:1px solid #bec3c5;
	display:none;
}
#main-nav li.first-child .drop, #main-nav li:first-child .drop{left:3px;}
#main-nav .drop .mask{
	float:left;
	padding:15px 0 10px 18px;
}
#main-nav .drop .col{
	float:left;
	overflow:hidden;
	padding:0 50px 0 0;
}
#main-nav .drop .col-last{
	float:left;
	overflow:hidden;
	padding:0 20px 0 0;
}

#main-nav .drop .nav-holder{
	overflow:hidden;
	clear:both;
	margin:0 0 21px;
}
#main-nav .drop h2,
#main-nav .drop h2 a{
	margin:0 0 8px;
	font-size:13px;
	line-height:17px;
	color:#ed7900;
	white-space:nowrap;
	background:none;
	clear:both;
	white-space:normal;
	height:17px;
	padding:0;
}
#main-nav .drop ul{
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	clear:both;
}
#main-nav .drop ul li{
	float: none;
	background: none;
	font-size: 0;  
	line-height: 0;
	padding: 0 10px 10px 0;
	margin: 0 0 -1px 0;
}
#main-nav .drop ul li a, #main-nav .drop ul li span{
	float:none;
	padding:0;
	display:block;
	height:auto;
	white-space:nowrap;
	background: url(../images/none.gif);
	color:#162b56;
	font:12px/14px Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#main-nav .drop ul li a:hover, #main-nav .drop ul li span:hover{text-decoration:underline;}
.pointer{display:none;}
#main-nav.menu-hard-code .drop{width:auto;}
#main-nav.menu-hard-code .drop .drop{left:200px;}
#main-nav.menu-hard-code .drop ul{width:200px;}
/***
 * Navigation version 2 END
 */
 
.form-holder{
	width:976px;
	height:42px;
	background:url(../images/bg-form-holder.png) no-repeat;
	margin:0 0 0 3px;
	padding:12px 0 0 14px;
}
.search-form{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:2px 0 0;
}
.search-form .wrapp{
	float:left;
	padding:0 10px 0 0;
}
.search-form .input-holder{
	/*width:246px;*/
	width:320px;
	height:23px;
	background:url(../images/bg-input-medium.gif) no-repeat;
	float:left;
	padding:2px 5px;
}
.search-form .input-holder input{
	background:none;
	border:0;
	padding:3px 0 0 4px;
	float:left;
	/*width:242px;*/
	width:316px;
	word-spacing:2px;
}
.search-form select{
	width:233px;
	margin:4px 0 0;
	height:auto;
	overflow:hidden;
}
* html .search-form select{margin:2px 0 0;}
* +html .search-form select{margin:2px 0 0;}
.search-form .btn-submit{
	width:137px;
	height:29px;
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-submit.gif) no-repeat;
	float:left;
	border:0;
	padding:0;
	cursor:pointer;
	margin:-2px 0 0 -2px;
	position:relative;
}
.main-holder{
	width:996px;
	overflow:hidden;
}
.main-top{
	overflow:hidden;
	height:18px;
	background:url(../images/bg-main-top.png) no-repeat;
}
.main-bottom{
	overflow:hidden;
	height:20px;
	background:url(../images/bg-main-bottom.png) no-repeat;
	clear:both;
}
#main{
	background:url(../images/bg-main.png) repeat-y;
	float:left;
	width:996px;
}
#main .frame{
	position:relative;
	margin-top:-8px;
	overflow:hidden;
	padding:0 8px 4px 27px;
	height:1%;
}
#twocolumns{
	width:773px;
	float:right;
	position:relative;
	overflow:hidden;
}
#main .wide #twocolumns{width:980px;}
#text {
	font-size: 0.9em;
	padding: 10px 0 10px 0;
	line-height: 150%;
	margin-bottom: 40px;
}
#main .wide #text{width:750px;position:relative;float:left;}

.main-content{
	width:546px;
	float:left;
	overflow:hidden;
	margin:0 -5px 0 0;
}
.visual-holder{
	overflow:hidden;
	width:100%;
}
.main-content .visual{
	width:541px;
	background:url(../images/bg-visual.gif) repeat-y;
}
.visual-t{
	background:url(../images/bg-visual-t.gif) no-repeat;
	padding:11px 5px 0 8px;
	min-height:200px;
	overflow:hidden;
	position:relative;
	display:none;
}
.visual-t div.img{
	background-position:left top;
	background-repeat:no-repeat;
	width:525px;
	height:192px;
	top:1px;
	left:3px;
	position:relative;
}
* html .main-content .visual-t{
	height:200px;
	overflow:visible;
}
.main-content .visual img{float:right;}
.billboard-holder{
	position:absolute;
	top:6px;
	left:8px;
	width:285px;
}
.billboard-box-t{
	height:15px;
	overflow:hidden;
	background:url(../images/bg-billboard-box-t.png) no-repeat;
}
.billboard-box-b{
	height:17px;
	overflow:hidden;
	background:url(../images/bg-billboard-box-b.png) no-repeat;
}
.visual .billboard-box{
	background:url(../images/bg-billboard-box.png) repeat-y;
	width:285px;
}
.billboard-box .text-box{
	position:relative;
	padding:4px 25px 2px 19px;
}
.billboard-box .text-box a.button{
	background:url(../images/btn-directinschrijven-sml-red.png) 100% -27px no-repeat;
	display:inline-block;
	margin:2px 0 0 0;
	padding:0 5px 0 0;
	border:none;
	text-decoration:none;
	height:30px;
	position:relative;
	z-index:9;
	height:27px;
}
.billboard-box .text-box a.button strong{
	background:url(../images/btn-directinschrijven-sml-red.png) 0px 0px no-repeat;
	margin:0;
	color:#fff;
	padding:5px 5px 0 9px;
	display:inline;
	height:22px;
	float:left;
	z-index:10;
	font-weight:bold;
}
.billboard-box .text-box a.button:hover{background-position:100% -81px}
.billboard-box .text-box a.button:hover strong{background-position:0px -54px;}


.billboard-box .text-box p{
	margin:0;
	line-height:16px;
	word-spacing:1px;
}
.main-content .text-title{
	margin:-1px 0 7px -2px;
	font-size:18px;
	color:#c60016;
	overflow:visible;
	width:inherit;
	height:15px;
	line-height:12px;
	font-weight:400;
}
.billboard-box ul{
	margin:0;
	padding:11px 0 0;
	list-style:none;
}
/*.billboard-box ul li{padding:0 0 2px;}*/
.billboard-box ul li{
	background:url(../images/bullet/bullet_blue.gif) 0px 9px no-repeat;
	list-style-type: none;
	margin:0 0 0 3px;
	padding:2px 0px 0 15px;
}
.billboard-box ul li a{
	margin:0;
	color:#3495c6;
	font-weight:bold;
	text-decoration:none;
}
.billboard-box ul li a:hover{text-decoration:underline;}
.visual-menu{
	width:541px;
	overflow:hidden;
	background:url(../images/bg-visual-menu.gif) no-repeat;
	height:34px;
	margin:-7px 0 0;
	padding:0 0 7px;
	text-align:center;
}
.visual-menu ul{
	padding:0;
	list-style:none;
	overflow:hidden;
	width:520px;
	margin:0 10px 0 15px;
	text-align:center;
	/*height:34px;*/
}
.visual-menu li{
	float:left;
	border-left:1px solid #008cd9;
	height:34px;
}
.visual-menu li:first-child{border:none;}
.visual-menu li a{
	color:#fff;
	float:left;
	height:34px;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.visual-menu li a:hover,
.visual-menu li.active a{background:url(../images/bg-visual-menu-hover.gif) repeat-x;}
.visual-menu a span{
	overflow:visible;
	width:inherit;
	height:10px;
	float:left;
	/*margin:12px 13px 0 9px;*/
	margin:10px 13px 0 9px;
}
/*.visual-menu .onze span{
	width:88px;
	height:8px;
	background:url(../images/text-onze.png) no-repeat;
	margin:12px 25px 0 23px;
}
.visual-menu .cursussen span{
	width:102px;
	height:8px;
	background:url(../images/text-cursussen.png) no-repeat;
	margin:12px 16px 0 14px;
}
.visual-menu .examen span{
	width:84px;
	height:10px;
	background:url(../images/text-examen.png) no-repeat;
	margin:12px 12px 0 18px;
}*/
.threecolumns{
	width:100%;
	overflow:hidden;
	margin:0 0 -1px;
}
.threecolumns h2{padding:0;margin:-6px 16px 2px 0px;font-size:16px;float:left;color:#fff;font-weight:normal;line-height:18px;}
.threecolumns .column1,
.threecolumns .column2,
.threecolumns .column3{
	float:left;
	width:167px;
	background-repeat:no-repeat;
	background-position:left top;
	padding:16px 0 0 21px;
	height:108px;
}
.threecolumns .column1{/*background-image:url(../images/bg-column1.png);*/background-position:9px 0px;}
.text-kennis{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:102px;
	height:15px;
	background:url(../images/text-kennis.gif) no-repeat;
	margin:0 0 2px;
	position:relative;
}
.threecolumns .item-list,
.threecolumns ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
.threecolumns .item-list li,
.threecolumns ul li{padding:0 0 2px;}
.threecolumns .item-list li a,
.threecolumns ul li a{
	color:#5a5e01;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
.threecolumns .item-list li a:hover,
.threecolumns ul li a:hover{text-decoration:underline;}
.threecolumns .column2{
	width:168px;
	height:110px;
	padding:16px 0 0 11px;
}
.text-binnen{
	text-indent:-9999px;
	overflow:hidden;
	width:133px;
	height:51px;
	background:url(../images/text-binnen.png) no-repeat;
	display:block;
	margin:0;
}
.threecolumns a{margin:0;padding:0;color:#fff;font-weight:bold;text-decoration:none;}
.threecolumns .text-holder{
	min-height:91px;
	overflow:hidden;
	position:relative;
	float:left;
	clear:both;
	width:160px;
}
* html .threecolumns .text-holder{
	height:91px;
	overflow:visible;
}
.threecolumns .column3{
	width:159px;
	padding:16px 0 0 15px;
	height:106px;
}
.threecolumns .column3 .learn-more{
	bottom:16px;
	left:38px;
}
* html .threecolumns .column3 .learn-more{bottom:9px;}
.text-cost-reduce{
	text-indent:-9999px;
	overflow:hidden;
	width:143px;
	height:47px;
	background:url(../images/text-reduce-price.png) no-repeat;
	display:block;
	margin:0;
}
.twoboxes{
	width:546px;
	overflow:hidden;
	background:url(../images/bg-twoboxes.gif) repeat-y -546px 0;
	margin:0 -5px 0 0;
}
.twoboxes-t{background:url(../images/bg-twoboxes.gif) no-repeat;}
.twoboxes-b{
	background:url(../images/bg-twoboxes.gif) no-repeat -1092px 100%;
	overflow:hidden;
	height:1%;
	padding:7px 15px 15px 16px;
}
.twoboxes .info-box{
	width:280px;
	float:left;
}
.twoboxes .info-box .row{
	overflow:hidden;
	width:100%;
	padding:0 0 5px;
}
.info-box .row img{
	float:left;
	margin:1px 5px 0 0;
}
.twoboxes .info-box dl{margin:0;padding:0;}
.twoboxes .info-box dl dt{
	float:left;
	margin-right:7px;
	padding:3px 0px 5px 5px;
	width:35px;
	color:#999999;
	text-align:right;
}
.twoboxes .info-box dl dd{margin:2px 0;padding:3px 3px;}

.twoboxes .info-box dl a, .twoboxes .info-box dl span{
	color:#3495c6;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
.twoboxes .info-box a:hover, .twoboxes .info-box span:hover{text-decoration:underline;}
.twoboxes .top-box{
	width:210px;
	float:right;
	padding:7px 1px 0 0;
}
.twoboxes .info-box{padding:7px 1px 0 0;}
.info-box h2, .top-box h2{
	width:191px;
	height:17px;
	display:block;
	color:#c60016;
	margin:0 0 12px 0;
	font-weight:normal;
	font-size:18px;
	width:inherit;
}
.info-box h2{/*color:#003157;*/margin:0 0 12px 5px;}

.twoboxes .top-box ol{
	margin:0 0 0 22px;
	padding:0;
	position:relative;
	height:auto;
	display:block;
	/*list-style:none;*/
}
.twoboxes .top-box li{
	color:#3495c6;
	font-weight:bold;
	padding:0 0 6px 0px;
	list-style:decimal;
}
.twoboxes .top-box li a{
	color:#3495c6;
	font-weight:bold;
	text-decoration:none;
}
.twoboxes .top-box li a:hover{text-decoration:underline;}
.aside{
	width:226px;
	float:right;
	padding:4px 6px 0 0;
	overflow:hidden;
	position:relative;
	z-index:40;
}
.wide .aside{width:162px;padding-right:30px;}
.aside .button, .inschrijf-bottom .button{
	width:181px;
	height:33px;
	background:url(../images/bg-links.png) no-repeat;
	overflow:hidden;
	display:block;
	margin:0 0 1px 0;
	text-decoration:none;
	color:#fff;
	padding:12px 0 0 0;
	text-align:left;
	cursor:pointer;
}
.inschrijf-bottom{padding:5px 0 5px 0;text-align:center;clear:both;}
.inschrijf-bottom .button{display:inline-block;}
.aside .button:hover, .inschrijf-bottom .button:hover{background-position:-226px 0;}

/*
rood:			background-position:0 -59px;
rood-hover:		background-position:-226px -59px;
blauw:			background-position:0 0;
blauw-hover:	background-position:-226px 0;
paars:			background-position:0 -118px;
paars-hover:	background-position:-226px -118px;
oranje:			background-position:0 -177px;
orajne-hover:	background-position:-226px -177px;
*/

.aside .inschrijven, .inschrijf-bottom .inschrijven{padding:13px 0 0 45px;font-size:16px;background-position:0 0px;}
.aside .inschrijven:hover, .inschrijf-bottom .inschrijven:hover{background-position:-226px 0px;}
.aside .aanvragen{padding:13px 0 0 45px;font-size:16px;background-position:0 -46px;}
.inschrijf-bottom .aanvragen{padding:13px 0 0px 45px;font-size:16px;background-position:0 -46px;}
.aside .aanvragen:hover, .inschrijf-bottom .aanvragen:hover{background-position:-226px -46px;}
.aside .nieuwsbrief{padding:11px 0 0 45px;background-position:0 -186px;font-size:16px; color:#824da2}
.aside .nieuwsbrief:hover{background-position:-226px -186px;}
.aside .belmenu{padding:11px 0 2px 45px;font-size:16px;background-position:0 -140px; color:#3495c6;}
.aside .belmenu:hover{background-position:-226px -140px;}

.aside .info-box{
	width:235px;
	overflow:hidden;
	background:url(../images/bg-info-box.gif) repeat-y;
	margin:-5px 0 -4px -3px;
}
.info-box-t{background:url(../images/bg-info-box-t.gif) no-repeat;}
.info-box-b{
	background:url(../images/bg-info-box-b.gif) no-repeat 0 100%;
	min-height:80px;
	padding:21px 19px 10px 15px;
}
* html .info-box-b{height:80px;}
.info-box .wrapp{
	overflow:hidden;
	width:100%;
	margin:-8px 0 0;
}
.info-box .title{
	display:block;
	font-size:12px;
	color:#6d6d6d;
	word-spacing:1px;
	margin:0 0 4px 0;
	font-weight:bold;
}
.info-box .info-section{
	background:url(../images/bg-info-section.gif) no-repeat;
	margin:-2px 0 2px;
	padding:9px 4px 8px 8px;
}
.info-box ul{
	margin:0;
	padding:0;
	list-style:none;
}
/*.info-box li{
	background:url(../images/bg-arrow.gif) no-repeat 100% 0;
	padding:0 0 3px;
	color:#3495c6;
	font-weight:normal;
	font-size:12px;
}*/
.info-box li{
	padding:0 0 3px;
	margin:0 0 0 15px;
	color:#3495c6;
	font-weight:normal;
	font-size:12px;
	list-style:square;
}

.info-box .phone{background:none;}
.info-box li a, .info-box li span{
	color:#3495c6;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
}
.info-box li a:hover{text-decoration:underline;}


.sidebar{
	width:188px;
	float:left;
	padding:29px 0 0;
	position:relative;
}
.sidebar h2, .sidebar h2 a, .sidebar h2 span{
	margin:-17px 0 18px -2px;
	font-size:18px;
	color:#c60016;
	overflow:visible;
	width:inherit;
	height:15px;
	line-height:12px;
	font-weight:400;
	white-space:nowrap;
	cursor:pointer;
}
.sidebar h2 a, .sidebar h2 span{margin:0;}
.sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar li{
	border-bottom:1px solid #e9e9e9;
	padding:0 0 5px;
	margin:0 0 6px;
	height:1%;
}
.sidebar li a, .sidebar li span{
	overflow:visible;
	display:block;
	width:inherit;
	height:12px;
	line-height:10px;
	font-size:12px;
	text-decoration:none;
	color:#003f72;
	cursor:pointer;
}
.sidebar li a:hover,
.sidebar li span:hover,
.sidebar li.active a,
.sidebar li.active span{color:#c60016;}

#footer{
	width:936px;
	padding:0 30px 20px;
	overflow:hidden;
	margin:0 auto;
}
#footer ul {
	margin:0;
	text-align:center;
	padding:3px 0 0;
	list-style:none;
	font-size:11px;
}
#footer li{display:inline;padding:0 0 2px;}
#footer li a, #footer li span{color: #686868;border-bottom:1px solid #b2dbeb;margin:0 3px;cursor:pointer;}
#footer li a:hover, #footer li span:hover{color:#000;border-bottom:1px solid #1694c0;}
#tagcloud{display:none;}
#footer .tagcloud{
	margin:0;
	text-align:center;
	padding:3px 0 0;
	list-style:none;
	display:none;
}
#footer .tagcloud li{display:inline;padding:0 5px 2px 0;}
#footer .tagcloud li a{
	color:#3495c6;
	text-decoration:none;
	border:none;
	margin:0;
}
#footer .tagcloud li a:hover{text-decoration:underline;}
#footer .copy{font-size:0.7em;color:#3496c7;}

#handig4, .handig{
	width:517px;
	height:41px;
	background:url(../images/handig-bg.png) left top no-repeat;
	float:left;
	margin:5px 0 0 5px;
	padding:18px 0 0 20px;
	clear:both;
	text-align:center;
}
#text #handig4, #text .handig{margin-left:-10px;}
#handig4 ul li, #text #handig4 ul li,
.handig ul li, #text .handig ul li{padding:15px 15px 10px 23px;height:25px;display:inline;margin:10px 0 0 0;list-style-type:none;color:#000;}

#handig4 ul li.print, #text #handig4 ul li.print,
.handig ul li.print, #text .handig ul li.print{background:url(../images/btn-print.png) 0px 17px no-repeat;}
#handig4 ul li.pdf, #text #handig4 ul li.pdf,
.handig ul li.pdf, #text .handig ul li.pdf{background:url(../images/btn-pdf.png) 0px 14px no-repeat;}


#handig4 ul li.vriend, #text #handig4 ul li.vriend,
.handig ul li.vriend, #text .handig ul li.vriend{background:url(../images/btn-email.png) 0px 15px no-repeat;}
#handig4 ul li.directinschrijven, #text #handig4 ul li.directinschrijven,
.handig ul li.directinschrijven, #text .handig ul li.directinschrijven{
	background:url(../images/btn-directinschrijven.png) 0px 0px no-repeat;
	width:142px;height:15px;padding:9px 0 10px 0;margin:-8px 15px 0 -10px;display:block;text-align:center;float:left;
}
#handig4 ul li.studiegidsaanvragen, #text #handig4 ul li.studiegidsaanvragen,
.handig ul li.studiegidsaanvragen, #text .handig ul li.studiegidsaanvragen{
	background:url(../images/btn-studiegidsaanvragen.png) 0px 0px no-repeat;
	width:142px;height:15px;padding:9px 0 10px 0;margin:-8px 15px 0 -10px;display:block;text-align:center;float:left;
}
#handig4 ul li.directinschrijven:hover, #text #handig4 ul li.directinschrijven:hover,
.handig ul li.directinschrijven:hover, #text .handig ul li.directinschrijven:hover,
#handig4 ul li.studiegidsaanvragen:hover, #text #handig4 ul li.studiegidsaanvragen:hover,
.handig ul li.studiegidsaanvragen:hover, #text .handig ul li.studiegidsaanvragen:hover{background-position:0px -35px;}
#handig4 ul li a, #text #handig4 ul li a,
.handig ul li a, #text .handig ul li a{border:none;color:#000 !important;}
#handig4 ul li a, #text #handig4 ul li a,
.handig ul li a, #text .handig ul li a{color: #003056;}

#handig4 ul li.directinschrijven a, #text #handig4 ul li.directinschrijven a,
.handig ul li.directinschrijven a, #text .handig ul li.directinschrijven a,
#handig4 ul li.studiegidsaanvragen a, #text #handig4 ul li.studiegidsaanvragen a,
.handig ul li.studiegidsaanvragen a, #text .handig ul li.studiegidsaanvragen a{color:#fff !important;}


/* ADDITIONELE OUDE NTI STIJLEN */
#breadcrumbs { 
	font-size: 0.8em;
	display: block;
	height: 20px;
	margin:10px 0 15px 0;
}
#breadcrumbs ul { 
	margin:3px 10px 3px 10px;
	border-bottom:1px dotted #6099c1;
	height: 20px;
}
#breadcrumbs li {display: inline;}
#breadcrumbs li a { 
	font-size: 1em;
	padding:3px 3px 3px 15px;
	color: #312f32;
	margin-right:5px;
	border:none;
	background: url("../images/bullet/s_blue.gif") 3px 6px no-repeat;
}
#breadcrumbs li a:hover {color: #003056;}

#text{
	margin:3px 10px 3px 10px;
	padding:0 5px;
}
#text h1{
	color: #1593c0;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
#text h3{color:#1593c0;font-size:1.2em;padding:10px 0 3px 0;margin-bottom:0px;}

#text #nieuwslijst{}
#text #nieuwslijst a{border:none;}
#text #nieuwslijst b{padding-bottom:2px;display:block;}
#text #nieuwslijst .nieuw { 
	display: inline;
	margin-left:4px;
	color: #ff0000;
	font-size: 10px;
}

#text .paragraaf a{color:#000;border-bottom:1px solid #000}
#text .paragraaf a:hover{color:#005286;border:none;}
#text .paragraaf table{margin-top:-10px;}
#text .paragraaf #opleiding_inhoud table{margin-top:0}

#text ul, #text ol {margin-bottom: 10px;}
#text ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left:30px;
}
#text ul li {
	list-style-type: none;
	background: url("../images/bullet/bullet.gif") 0px 9px no-repeat;
	margin:0 0 0 20px;
	padding:2px 2px 2px 10px;
}
#text ul li a{
	color: #000000;
	border-bottom: 1px solid #000;
	padding:1px 0 1px 0;
}
#text ul li a:hover{
	color: #005286;
	border:none;
}

.collapse_none, #formulier .collapse_none{display:none;}
#text .collapse h2, #text .collapse h3, .collapse .h2, .collapse .h3 { 
	font-size: 1em;
	text-indent: 0px;
	text-decoration: underline;
	padding:0px 0 20px 15px;
}

/* VISUAL OPLEIDINGEN */
#visual_opleiding {
	margin-bottom: 0px;
	margin-left: -5px;
}
#visual_image img {/*display: none;*/}
#visual_image {
	height: 152px;
	width: 100%;
	margin-top: -4px;
	margin-right: -5px;
	background: url(/Files/System/Images/visuals/opleiding/1024.jpg) no-repeat;
}
#visual_links {
	border-top: 1px solid #fff;
	padding: 5px 5px 10px 5px;
	padding-bottom: 18px;
	_width: 172px;
	background: url('/Files/System/Images/opleidingtrans.png') no-repeat bottom left;
	margin-left: 20px;
}
#visual_links ul {
	width: 150px;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
#visual_links li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: none;
}

a.button {
	margin-left: 7px;
}
#visual_links a.button strong {
	padding-right: 27px;
}
#visual_links li a, #text #visual_links li a:hover {
	display: block;
	padding: 5px;
	text-indent: 19px;
	margin-bottom: 2px;
	margin-top: 2px;
	border-bottom: none;
}
#visual_links li a:hover {
	color: #000;
}
#visual_links a.button, #text #visual_links a.button:hover, #text #visual_links a.buttonbg, #text #visual_links a.buttonbg:hover {
	margin-bottom: 20px;
}
#visual_links strong {
	text-indent: 6px;
	margin-bottom: 20px;
}
#visual_info {
	text-align: right;
	padding: 0px 5px 0px 7px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 12px;
}

/* GLOBAL OPLEIDINGSTABS STYLES*/
#visual_opleiding {
	width:520px;
	position:relative;
	margin:-10px 0 30px -4px;
	padding:0;
	border-top:none !important;
	background:none !important;
}
#visual_opleiding #visual_image {
	position:relative;
	/*height:204px;*/
	height:234px;
	margin:0;
	padding:0;
	background-position: top center !important;
	z-index:9;
}
#visual_opleiding .visual_image_mask {
	position:absolute;
	/*height:204px;*/
	height:234px;
	width:540px;
	top:0px;
	left:-10px;
	margin:0;
	padding:0;
	background:url(/Files/System/Images/visual-bg-lrg.png) top left no-repeat;
	z-index:10;
}
#visual_opleiding #visual_image h1 {
	padding:20px 0 0 15px;
	font-weight:normal;
}
#visual_opleiding div.visual_image_mask div.h1 {
	background:none;
	visibility:hidden;
	color: #1593c0;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	left: 0px;
	line-height: 18px;
	margin:0 0 8px 9px;
	padding: 20px 0 0 15px;
	width:510px;
}
#visual_opleiding ul.opleidingstabs {
	list-style-type:none;
	position:absolute;
	bottom:-30px;
	width:800px;
	margin:0;
	padding:0;
	left:1px;
	height:30px;
}
#visual_opleiding ul.opleidingstabs li {
	background:transparent url(/Files/System/Images/Tabjes/details-tab.png) 100% -30px no-repeat;
	display:inline;
	margin:0;
	padding:0 5px 0 0;
	border:none;
	text-decoration:none;
	height:30px;
	float:left;
	position:relative;
	z-index:9;
}
#visual_opleiding ul.opleidingstabs li div {
	background:transparent url(/Files/System/Images/Tabjes/details-tab.png) 0px 0px no-repeat;
	margin:0;
	padding:0 2px 0 6px;
	display:inline;
	height:30px;
	float:left;
	z-index:10;
	font-weight:normal;
}
#visual_opleiding ul.opleidingstabs li a {
	margin:0;
	padding:6px 0 0 0;
	border:none;
	text-decoration:none;
	float:left;
	color:#fff;
	height:24px;
}
#visual_opleiding ul.opleidingstabs li a:hover{color:#fff;}
#visual_opleiding ul.opleidingstabs li.active{background-position:100% -150px;}
#visual_opleiding ul.opleidingstabs li.active div{background-position:0px -120px;}
#visual_opleiding ul.opleidingstabs li:hover{background-position:100% -90px;}
#visual_opleiding ul.opleidingstabs li:hover div{background-position:0px -60px;}
#visual_opleiding #visual-rest {float:left;clear:both;}
.ParDiv_hide {display: none;}
.ParDiv_show {display: block;}
/* END GLOBAL OPLEIDINGSTABS STYLES*/


/* OPLEIDINGS INFO BOX STYLES */
#opleidingsinfo {
	/*top:50px;*/
	left:20px;
	position:relative;
	float:left;
	background:transparent url(/Files/System/Images/opleidingsbox/top-left.png) top left no-repeat;
	padding:0 0 0 10px;
}
#opleidingsinfo div.wrap-top {
	position:relative;
	float:left;
	background:transparent url(/Files/System/Images/opleidingsbox/top-right.png) top right no-repeat;
}
#opleidingsinfo div.wrap-bottom {
	position:relative;
	float:left;
	background:transparent url(/Files/System/Images/opleidingsbox/bottom-left.png) bottom left no-repeat;
	top:10px;
	left:-10px;
}
#opleidingsinfo div.content {
	position:relative;
	float:none;
	background:transparent url(/Files/System/Images/opleidingsbox/bottom-right.png) bottom right no-repeat;
	left:10px;
	padding:3px 17px 17px 5px;
}
#opleidingsinfo div.content a.button{
	background:url(../images/btn-directinschrijven-sml-red.png) 100% -27px no-repeat;
	display:inline-block;
	margin:2px 0 0 0;
	padding:0 5px 0 0;
	border:none;
	text-decoration:none;
	height:30px;
	position:relative;
	z-index:9;
	height:27px;
}
#opleidingsinfo div.content a.button strong{
	background:url(../images/btn-directinschrijven-sml-red.png) 0px 0px no-repeat;
	margin:0;
	color:#fff;
	padding:5px 5px 0 9px;
	display:inline;
	height:22px;
	float:left;
	z-index:10;
	font-weight:bold;
}
#opleidingsinfo div.content a.button:hover{background-position:100% -81px}
#opleidingsinfo div.content a.button:hover strong{background-position:0px -54px;}
#opleidingsinfo div.content p{margin-top:1px;margin-bottom:1px;}
#opleidingsinfo ul {
	padding:0;
	margin:2px 0 3px 0;
}
#opleidingsinfo ul li {
	padding:2px 0 0 15px;
	margin:0 0 0 3px;
}
#opleidingsinfo div.content-custom {
	position:relative;
	margin:5px 0 5px 0;
	padding:0;
}
/*#opleidingsinfo a.button{position:relative;margin:0;padding:0;}*/
/* END OPLEIDINGS INFO BOX STYLES */

/* START NEW LESGELD STYLES */
.lesgeldopsomming {width:424px;position:relative;}
.lesgeldopsomming ul {width:510px;float:left;}
.lesgeldopsomming ul li.titels {
	list-style-type:none;
	font-weight:bold;
	width:180px !important;
	float:left;
	display:inline;
	height:auto;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}
.lesgeldopsomming ul li.titels ul li {
	width:180px;
	padding-left:4px!important;
	border-left:0px;
}
.lesgeldopsomming ul li.titels ul {width:auto;border-top:1px solid #cce9f3;}
.lesgeldopsomming ul li.titels ul li.bijschrift {
	font-weight:normal;
	border:none;
}
.lesgeldopsomming ul li.item {
	list-style-type:none;
	width:82px !important;
	display:inline;
	float:left;
	height:auto;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}
.lesgeldopsomming ul li ul {
	float:left;
	display:inline;
}
.lesgeldopsomming ul li ul li {
	background:none !important;
	padding:0 !important;
	margin:0 !important;
	border-left:1px solid #cce9f3;
	border-bottom:1px solid #cce9f3;
}
.lesgeldopsomming ul li.item ul {width:82px;border-top:1px solid #cce9f3;}
.lesgeldopsomming ul li.item ul li {width:82px;text-align:center;}
.lesgeldopsomming ul li.item ul li.strike {background:url(/Files/System/Images/strikethrough.png) center center no-repeat !important;}
.lesgeldopsomming ul li.item ul li span {display:none;}
.lesgeldopsomming ul li.item ul li.aanbevolenstudietempo span.aanbevolenstudietempo {display:inline;}


#content #center #opleiding_inhoud h2, #content #center #opleiding_inhoud .h2 {
background: none !important;
border-top: 0 !important;
}
/* bullet in kleur meenemen */
#text ul li {
background-image: url(/Files/System/Images/bullet/bullet_lightblue.gif);
}
/* END NEW LESGELD STYLES */

/* NEW INHOUD-PROGRAMMA */
#ParDiv_Inhoud table {width: 100%;}
#ParDiv_Inhoud thead td {font-weight: bold;border-top: 5px solid #fff;}
#ParDiv_Inhoud td {width: 60%;padding: 3px;}
#ParDiv_Inhoud td.studiepunten {width: 40%;}
/* END NEW INHOUD-PROGRAMMA */


/* STANDAARD THEMA: BLUE //START */
body #nav li.blue a {
background: #003157 url(../images/bullet/white_down.gif) no-repeat 8px 8px;
border-bottom: 0px solid #868900;
color: #fff;
}
body #nav li.blue li a {
padding-top: 2px;
padding-bottom: 3px;
border-left: 1px solid #075080;
}

#text .actiebutton a {color: #075080;}

body #nav li.blue li a:hover {
	padding-top: 1px;
	padding-bottom: 2px;
	border-top: 1px solid #b2dbeb;
	border-bottom: 1px solid #b2dbeb;
	background: #f1faff url(../images/bullet/small_blue.gif) no-repeat 11px 6px;
}
#text #opleidingenindex LI A {color: #003157;}

body #nav li.blue a:hover {background: #003157 url(../images/bullet/white_down.gif) no-repeat 8px 8px;}

body #nav li.blue ul a, #nav li.blue ul a:hover {
	border-left: 1px solid #003157;
	border-right: 1px solid #003157;
	background: #fff url(../images/bullet/small_blue.gif) no-repeat 11px 7px;
	color: #000;
}

body #nav li.blue ul {background: #f4fbff url(../images/blue_ul.gif) no-repeat bottom;}

body #text #opleidingenindex .opleiding {
	background: #f1faff;
	border-top: 1px solid #b2dbeb;
	border-bottom: 1px solid #b2dbeb;
}

#text #opleidingenindex .opleigenschap, #text #opleidingenindex .oplcategorie, #text #opleidingenindex .opleigenschap {color: #003157;}

body #text h2, body #text .h2 {
	color: #1593c0;
	background: none;
	border-top: none;
	padding: 5px 0;
	font-size:1.1em;
	font-weight:bold;
}
body #text p{padding-bottom:2px;line-height:150%;}

#text h2 a, #text .h2 a, h2, #content #right h2{color: #003157;}
#text h2 a:hover, #text .h2 a:hover{border-bottom: 1px solid #003157;color: #003157;}
#text #opleiding_inhoud h2, #text #opleiding_inhoud .h2{background: #f1faff;border-top: 1px solid #b2dbeb;}
body #text h1, body #text .h1 {/*color: #003157;*/}
body #text h3, body #text .h3 {/*color: #003157;*/font-size: 1.2em;font-weight: bold;}
body.nl #text h3.studiegids-ig-toevoegen{font-size:1.1em;}
body h4, body .h4 {color: #003157;font-weight: bold;}
.inschrijven a {background: url(../images/inschrijven_blue.gif) no-repeat;}

.visual {background: url(../images/visual_vervolg.jpg) repeat-x right;}
.visual dt {color: #003157;}

#subcontent a {background: url(../images/bullet/small_blue.gif) no-repeat 5px 6px;}

/* VISUAL */
#visual_links {background: url(../Images/visual_links_blue.gif) repeat-x;}
#text #visual_info dt {color: #005387;}

#text #visual_links li.inschrijven a {border-bottom: 2px solid #005387;background: url(../Images/visual_links_blue_inschrijven.gif);}
#text #visual_links li a:hover {color: #005387;background: url(../images/bullet/blue_v.gif) no-repeat 7px 7px ;}
#text #visual_links li a {color: #000;background: url(../images/bullet/blue_v.gif) no-repeat 7px 7px ;}

#visual_opleiding {
	background: #f1faff;
	border-bottom: 1px solid #cce9f3;
	border-top: 1px solid #cce9f3;
}

#text #visual_links li.inschrijven a:hover {border-bottom: 2px solid #00304e;background: url(../Images/visual_links_blue_inschrijven.gif);}


/* TESTIMONIAL */
#testimonial{background: #f1faff;border-bottom: 1px solid #b2dbeb;color: #0b3053;}
/*#text a.button{background: url(/Files/System/Images/Buttons/blue_left.gif);}*/
/*#text a.button strong{background: url(/Files/System/Images/Buttons/blue_right.gif) no-repeat right;}*/
#text a.buttonbg{background: url(/Files/System/Images/Buttons/c_blue_left.gif);}
#text a.buttonbg strong{background: url(/Files/System/Images/Buttons/c_blue_right.gif) no-repeat right;}
#text .meer{background: url(/Files/System/Images/bullet/blue.gif) no-repeat 0px 3px;}
#ParDiv_Programma thead td{background: #cce9f3;color: #003157;}
#ParDiv_Programma td{border-bottom: 1px solid #cce9f3;}
#ParDiv_Lesgeld td{border-bottom: 1px solid #cce9f3;}
#ParDiv_Lesgeld thead td{color: #003157;}
#right #subcontent a{background: url(/Files/System/Images/bullet/small_blue.gif) 7px 6px no-repeat;}
#right #subcontent a:hover{border-bottom: 1px dotted #003157;}
#text .opleiding h2{border-bottom: 0px;}
#ParDiv_Lesgeld .aanbevolenstudietempo td{background: #f1faff;}
#inhoud2{border-top: 1px solid #cce9f3;}
#text #inhoud2 a{border-bottom: 0px;color: #003157;}
.nl #text #inhoud2{border:none;padding:5px 0 10px 0;text-align:center;}
.nl #text #inhoud2 a{border-bottom:none;color:#000;}
/* Opleidingsopsomming -Red- Niek - added 31/12/2007 */

#OpleidingOpsomming{font-family: Arial;font-size: 11px;margin-top: 19px;}
.left_col{width: 260px;float: left;}
.right_col{	width: 255px;float: left;}
.one_col{	width: 546px;float: left;}
.column {
	float: left;
	padding: 2px 2px 2px 2px;
	width: 245px;
	background-image: url(/Files/System/Images/bullet/small_blue.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 5px;
}
.column a{color: #ee7f00;text-decoration: none;}
.column a:hover{color: #005286;}

.column-fulllist {
	float: left;
	padding: 2px 2px 2px 10px;
	width: 245px;
	background-image: url(/Files/System/Images/bullet/small_blue.gif);
	background-position: left 6px; 
	background-repeat: no-repeat;
	
}
.column-fulllist a{color: #ee7f00;text-decoration: none;}
.column-fulllist a:hover{color: #005286;}
.column-onelist {
	float: left;
	padding: 2px 2px 2px 2px;
	width: 546px;
	background-image: url(/Files/System/Images/bullet/small_blue.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 5px;
}
.column-onelist a{color: #ee7f00;text-decoration: none;}
.column-onelist a:hover{color: #005286;}

/* OPLEIDINGSOPSOMMING  */
#text #opleidinginkader{
	background-color: #f1faff;
	border-top: 1px solid #cce9f3;
	border-bottom: 1px solid #cce9f3;
	padding:0 0 0 5px;
	margin:0 0 10px -5px;
	clear:both;
}
#text #opleidinginkader h2{margin:5px 0 0 0;font-size:1.2em;}
#text #opleidinginkader ul li, #text #nieuwslijst ul li {
	background: url(/Files/System/Images/bullet/small_blue.gif) no-repeat 3px 7px;
	padding-left: 12px;
}
/* END OPLEIDINGSOPSOMMING   */


/* ---OPLEIDINGENINDEX --- */
#text #opleidingenindex a, #text #opleidingenindex a:hover{border-bottom: none;color: #1693c0;/*#878787;*/}
.sortselected{border-bottom:none;font-weight:bold;}
.sortnotselected{border-bottom: none;font-weight: normal;}
#text #opleidingenindex .opleiding {
	background: #fff;
	border-top: 0px solid #EDD3B6;
	padding: 0px 5px 0 0;
	padding-left: 5px;
	margin: 0 0 10px 0;
	margin-left: -5px;
	border-bottom: 0px solid #EDD3B6;
}
#text #opleidingenindex .opleiding {
	background:#f8fdff;
	border-top:1px solid #cce9f3;
	border-bottom:1px solid #cce9f3;
}
#text #opleidingenindex .opleiding h2{margin:0 0 8px 5px;font-size:1.2em;}
#text #opleidingenindex .opleiding p{margin-left:5px;margin-top:-10px;}
#text #opleidingenindex .opleiding a.meer{margin-right:10px;}
#text #opleidingenindex .oplcategorie {
	margin-top:-10px;
	margin-bottom: 10px;
	color: #878787;
	padding-left: 5px;
	text-indent: 0px;
}
#text #opleidingenindex .oplcategorie IMG{margin-left:5px;margin-right:5px;}
#text #opleidingenindex .opltekst{margin-left:5px;margin-bottom:5px;}
#text #opleidingenindex .opleigenschappen{margin-left:5px;}
#text #opleidingenindex .opleigenschap{font-weight:bold;}
#text #opleidingenindex .oplknoppen{
	padding: 0 5px 3px 0;
	padding-top: 0px;
	margin-top: 0px;
	text-align: right;
	margin:-5px 0 0 0;
}
#text #opleidingenindex.accordion .oplknoppen{padding-bottom:0;}
#text #opleidingenindex .oplknoppen a, #text #opleidingenindex .oplknoppen a:hover{color:#000;}
#text #opleidingenindex .oplknoppen a.directinschrijven,
#text #opleidingenindex .oplknoppen a{
	background:url(../images/btn-directinschrijven-sml.png) 100% -27px no-repeat;
	display:inline-block;
	margin:0;
	padding:0 5px 0 0;
	border:none;
	text-decoration:none;
	height:30px;
	position:relative;
	z-index:9;
	height:27px;
}
#text #opleidingenindex .oplknoppen a.meer{margin:-5px 0 0 0;}
#text #opleidingenindex .oplknoppen a.directinschrijven span,
#text #opleidingenindex .oplknoppen a span{
	background:url(../images/btn-directinschrijven-sml.png) 0px 0px no-repeat;
	margin:0;
	color:#fff;
	padding:5px 5px 0 9px;
	display:inline;
	height:22px;
	float:left;
	z-index:10;
	font-weight:bold;
}
#text #opleidingenindex .oplknoppen a.directinschrijven strong,#text #opleidingenindex .oplknoppen a strong{background:none;}
#text #opleidingenindex .oplknoppen a.directinschrijven:hover,
#text #opleidingenindex .oplknoppen a:hover{background-position:100% -81px !important;}
#text #opleidingenindex .oplknoppen a.directinschrijven:hover span,
#text #opleidingenindex .oplknoppen a:hover span{background-position:0px -54px;}
#text #opleidingenindex a{margin: 0 0 0 0px;}


/* ---OPLEIDINGENINDEX accordion --- */
#text #opleidingenindex.accordion .opltekst {
	background:#f0f9fe;
	padding: 5px !important;
	margin: -5px 0 10px -5px !important;
	float:left;
	border-top:1px solid #cce9f3;
	border-bottom:1px solid #cce9f3;
	clear:both;
	width:100%;
}
#text #opleidingenindex.accordion .oplknoppen{
	padding: 0 5px 3px 0;
	padding-top: 0px;
	margin-top: 0px;
	text-align: right;
	margin:2px 0 0 0;
}
#text #opleidingenindex.accordion .oplknoppen a{background: url("../images/btn-directinschrijven-sml.png") no-repeat scroll 100% -27px transparent;height:auto;color: #1693c0;font-weight:bold;}
#text #opleidingenindex.accordion .opltekst.samenvatting{padding:5px 5px 5px 20px !important;width:96%;}
#text #opleidingenindex.accordion .opltekst.samenvatting span.prijs{display:block;color:#1492bf;font-weight:bold;padding-bottom:10px;}
#text #opleidingenindex.accordion .opltekst.samenvatting .oplknoppen{text-align:left;}

#text #opleidingenindex.accordion.samenvatting .oplknoppen a{
	background:url(../images/btn-directinschrijven-sml.png) 100% -27px no-repeat;
	display:inline-block;
	margin:0;
	padding:0 5px 0 0;
	border:none;
	text-decoration:none;
	height:30px;
	position:relative;
	z-index:9;
	height:27px;
}

#text #opleidingenindex.accordion h2{margin:-1px 0 0 -5px;font-size:12px;position:relative;}
#text #opleidingenindex.accordion h2 a{font-weight:bold;padding-left:4px;outline:none;}
#text #opleidingenindex.accordion h2 span{cursor:pointer;}
#text #opleidingenindex.accordion h2 span.icon{width:15px;height:15px;background:url(../images/list-arrow-dynamic-sml.gif) 0px -15px no-repeat;float:left;margin-top:0px;}
#text #opleidingenindex.accordion h2.open span.icon{background:url(../images/list-arrow-dynamic-sml.gif) 0px 0px no-repeat;margin-top:1px;}

#text #opleidingenindex.accordion .nieuw { 
	color: #ff0000;
	display: inline;
	font-size: 10px;
	height:10px;
	line-height:10px;
	margin-left: 4px;
	position:relative;
	top:-1px;
}


/* ---OPLEIDINGENINDEX --- EINDE*/

/* new short view START */
#text #opleidingenindex .opleiding-sml {
	background: #fff;
	border-top: 0px solid #EDD3B6;
	padding: 0px;
	padding-left: 5px;
	margin: 0 0 10px 0;
	margin-left: -5px;
	border-bottom: 0px solid #EDD3B6;
}
#text #opleidingenindex .opleiding-sml h2 {
	margin-left:30px;
	color:#000;
	font-size:1em;
	line-height:0.8em;
	display:inline;
}
#text #opleidingenindex .opleiding-sml h2 a {
	color:#000;
	line-height:0.8em;
}
#text #opleidingenindex .nieuw { 
	display: inline;
	margin-left:4px;
	color: #ff0000;
	font-size: 10px;
}
#text #interessegebied-nieuws.visible {display:block;}
#text #interessegebied-nieuws.hidden {display:none;}
/* new short view END */


/* SPECIFIC OPLEIDINGSTABS STYLES */
/*
#visual_opleiding ul.opleidingstabs li{background-image:url(/Files/System/Images/Tabjes/details-tab.png);}
#visual_opleiding ul.opleidingstabs li div{background-image:url(/Files/System/Images/Tabjes/details-tab.png);}
#visual_opleiding ul.opleidingstabs li.active{background-image:url(/Files/System/Images/Tabjes/darkblue-left-active.png);}
#visual_opleiding ul.opleidingstabs li.active div{background-image:url(/Files/System/Images/Tabjes/darkblue-right-active.png);}
#visual_opleiding ul.opleidingstabs li a:hover{color:#b2dbeb;}
#visual_opleiding ul.opleidingstabs li.active a:hover{color:#000;}
*/
/* END SPECIFIC OPLEIDINGSTABS STYLES */


/* SPECIFIC HANDIGE STYLES */
/*#handig3{background:url(/Files/System/Images/printbox/darkblue.png) top left no-repeat;}*/
/* END SPECIFIC HANDIGE STYLES */

/* NEW INHOUD-PROGRAMMA */
#ParDiv_Inhoud thead td{background: #cce9f3;color: #003157;}
#ParDiv_Inhoud td{border-bottom: 1px solid #cce9f3;}
#ParDiv_Inhoud .collapse div h3{
font-size: 1.2em !important;
font-weight: bold !important;
border-bottom: 0px !important;
text-decoration: none !important;
}
#ParDiv_Inhoud .collapse div h2{
background-color: #fff !important;
border-top:0px !important;
font-size: 1.2em !important;
font-weight: bold !important;
border-bottom: 0px !important;
text-decoration: none !important;
}
/* END NEW INHOUD-PROGRAMMA  */

#text #opleiding_inhoud h2, #text #opleiding_inhoud .h2{background: none !important;border-top: 0 !important;font-size:1.2em;padding-top:10px;}
#text #opleiding_inhoud p{padding-top:0px;margin-top:0px;}
/* bullet in kleur meenemen */
#text ul li {background-image: url(/Files/System/Images/bullet/bullet_blue.gif);}
/* einde bullet in kleur meenemen */
/* STANDAARD THEMA: BLUE //EINDE */


/* TALENPAGINA */
#text #talenpagina{
	margin-right: -18px;
	margin-top: 10px;
	margin-left: -5px;
}
#text #talenpagina li{
	width: 31%;
	margin-left: 0px;
	margin-right: 1.5%;
	padding: 0px;
	list-style-type: none;
	float: left;
	height: 117px;
	display: block;
	margin-bottom: 2%;
}
#text #talenpagina li a{
	height: 117px;
	text-indent: -9999px;
	padding: 0px;
	display: block;
	border: 0px;
}
#text #talenpagina #right li a{height: auto;}
#text ul .arabisch{background: url(../images/Talen/arabisch.jpg) no-repeat top left;}
#text ul .chinees{background: url(../images/Talen/chinees.jpg) no-repeat left;}
#text ul .duits{background: url(../images/Talen/duits.jpg) no-repeat left;}
#text ul .engels{background: url(../images/Talen/engels.jpg) no-repeat left;}
#text ul .frans{background: url(../images/Talen/frans.jpg) no-repeat left;}
#text ul .indonesisch{background: url(../images/Talen/indonesisch.jpg) no-repeat left;}
#text ul .italiaans{background: url(../images/Talen/italiaans.jpg) no-repeat left;}
#text ul .marokkaans{background: url(../images/Talen/marrokaans.jpg) no-repeat left;}
#text ul .nederlands{background: url(../images/Talen/nederlands.jpg) no-repeat left;}
#text ul .nieuwgrieks{background: url(../images/Talen/nieuwgrieks.jpg) no-repeat left;}
#text ul .papiomento{background: url(../images/Talen/papiomento.jpg) no-repeat left;}
#text ul .portugees{background: url(../images/Talen/portugees.jpg) no-repeat left;}
#text ul .russisch{background: url(../images/Talen/russisch.jpg) no-repeat left;}
#text ul .spaans{background: url(../images/Talen/spaans.jpg) no-repeat left;}
#text ul .turks{background: url(../images/Talen/turks.jpg) no-repeat left;}
#text ul .zweeds{background: url(../images/Talen/zweeds.jpg) no-repeat left;}

#dhtmltooltip {
	position: absolute;
	width: 290px;
	visibility: hidden;
	display: block;
	z-index: 60;
	font-size: 11px;
	padding: 10px;
	height: 140px;
	border: 0px;
}
html>body #dhtmltooltip{background: url(/Files/System/Images/Talen/tooltip.png) no-repeat top left;}
#dhtmltooltip blockquote {
	padding-left: 90px;
	padding-right: 10px;
	height: 100px;
	color: #333;
}
html>body #dhtmltooltip blockquote {background: url(/Files/System/Images/Talen/leeg_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.arabisch {background: url(/Files/System/Images/Talen/arabisch_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.chinees {background: url(/Files/System/Images/Talen/chinees_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.duits {background: url(/Files/System/Images/Talen/duits_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.engels {background: url(/Files/System/Images/Talen/engels_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.frans {background: url(/Files/System/Images/Talen/frans_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.indonesisch {background: url(/Files/System/Images/Talen/indonesisch_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.italiaans {background: url(/Files/System/Images/Talen/italiaans_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.marokkaans {background: url(/Files/System/Images/Talen/marokkaans_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.nederlands {background: url(/Files/System/Images/Talen/nederlands_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.nieuwgrieks {background: url(/Files/System/Images/Talen/grieks_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.papiamento {background: url(/Files/System/Images/Talen/papiamento_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.portugees {background: url(/Files/System/Images/Talen/portugees_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.spaans {background: url(/Files/System/Images/Talen/spaans_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.russisch {background: url(/Files/System/Images/Talen/russisch_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.turks {background: url(/Files/System/Images/Talen/turks_visual.png) no-repeat top left;}
#dhtmltooltip blockquote.zweeds {background: url(/Files/System/Images/Talen/zweeds_visual.png) no-repeat top left;}
#dhtmltooltip em {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	font-style: normal;
	font-size: 20px;
	color: #b3b62e;
	padding: 5px;
	background: none;
	border-bottom: 1px dotted #b3b62e;
	margin-right: 10px;
	margin-top: -5px;
}


/* INSCHRIJVEN + WINKELMANDJE */
#right #advies, #right #WaaromNTI, #right #WhyNTI, #right #quicklinks, #right #Iwant, #right #Opleidingsacties, #right #Inschrijfhulp, #right #Winkelwagen, #right #winkelmandje, #right #student-login {
	padding: 4px;
	margin: 5px 0 8px 0;
	background:#fff;
	border:1px solid #b2dbeb;
	height:auto;
}
#right #Winkelwagen{margin-top:162px;}
#right #advies p.kopje, #right #WaaromNTI p.kopje, #right #Inschrijfhulp p.kopje, #Winkelwagen p.kopje, #winkelmandje p.kopje, #student-login p.kopje, #right #WhyNTI p.kopje, #right #Iwant p.kopje {
	border:none;
	margin-bottom:2px;
	padding-left:4px;
	font-size: 15px;
	color: #1593bf;
	font-weight: bold;
	background:none;
}
#right #Inschrijfhulp p{padding-left:4px;}
#right #Winkelwagen p img, #right #winkelmandje p img{border: 1px solid #1593bf;margin-left:3px;}
#right #Winkelwagen p.item, #right #winkelmandje p.item {
	color:#1593bf;
	padding:6px 0 2px 3px;
	font-weight:bold;
}
#right #Winkelwagen div.li-item, #right #winkelmandje div.li-item {
	padding-top:1px;
	padding-left:17px;
	margin:0;
	background: url(/Files/System/Images/bullet/inschrijven-li.gif) no-repeat 6px 6px;
	color:#000;
	text-indent: 0px;
	font-size:11px;
}
#right #Winkelwagen div#ww_prijspertermijn, #right #winkelmandje div#ww_prijspertermijn{background-image:url(/Files/System/Images/bullet/inschrijven-li-price.gif);}
#right #Winkelwagen div#ww_extrakosten, #right #winkelmandje div#ww_extrakosten{background-image:url(/Files/System/Images/bullet/inschrijven-li-extra.gif);}
#right #Winkelwagen div#ww_totaallesgeld, #right #winkelmandje div#ww_totaallesgeld {
	margin-top:3px;
	border-top:1px solid #e8f4f9;
	background-image:url(/Files/System/Images/bullet/inschrijven-li-total.gif);
}


/* grafiek stijlen voor testen START */
#grafiek {
	background: url(/Files/System/Images/grafiek.gif) no-repeat;
	height: 309px;
	z-index: 0;
	clear:both;
	position:relative;
	padding-bottom:100px;
}
#subgrafiek {
	background: url(/Files/System/Images/grafiek_bottom.gif) no-repeat bottom;
	height: 95px;
	width: 400px;
	position: absolute;
	display: block;
	z-index: 0;
	margin-top: 302px;
}
#subgrafiek div {
	display: block;
	background: #fff;
	background: #fea643;
	border-bottom: 0px;
	bottom: 300px;
	float: left;
	width: 30px;
	z-index: 100;
	text-indent: -9999px;
	position: absolute;
	margin-bottom: -207px;
}
html>body #subgrafiek div {
	margin-bottom: -206px;
}
#subgrafiek #praktisch {
	margin-top: -213px;
	margin-left: 48px;
	background: url(/Files/System/Images/bar_darkblue.png) no-repeat;
}
#subgrafiek #onderzoekend {
	margin-top: -108px;
	margin-left: 108px;
	background: url(/Files/System/Images/bar_orange.png) no-repeat;
}
#subgrafiek #artistiek {
	margin-top: -162px;
	margin-left: 170px;
	background: url(/Files/System/Images/bar_red.png) no-repeat;
}
#subgrafiek #mensgericht {
	margin-top: -77px;
	margin-left: 231px;
	margin-left: 230px;
	background: url(/Files/System/Images/bar_blue.png) no-repeat;
}
#subgrafiek #ondernemend {
	margin-top: -155px;
	margin-left: 292px;
	background: url(/Files/System/Images/bar_purple.png) no-repeat;
}
#subgrafiek #conventioneel {
	margin-top: -168px;
	margin-left: 353px;
	background: url(/Files/System/Images/bar_green.png) no-repeat;
}
/* grafiek stijlen voor testen EINDE */



/* voordeelshop css stijle START */
#voordeelshopindex{width:516px;}
#Ecomnavigatie{display:block;clear:both;}
#voordeelshopindex a, #voordeelshopindex a:hover {border-bottom: none;color: #1693c0;}
.sortselected {border-bottom: none;font-weight: bold;}
.sortnotselected {border-bottom: none;font-weight: normal;}
#voordeelshopindex .product {
	padding: 0px;
	padding-left: 5px;
	margin: 0 0 10px 0;
	margin-left: -5px;
	background: #f8fdff;
	border-top: 1px solid #cce9f3;
	border-bottom: 1px solid #cce9f3;
	float:left;
	width:100%;
}
#voordeelshopindex .product h2 {margin-left: 5px;margin-bottom:6px;margin-top:4px;}
#voordeelshopindex .product p {margin-left: 5px;margin-top: -10px;}
#voordeelshopindex .product a.meer {margin-right: 10px;}
#voordeelshopindex .oplcategorie {
	margin-bottom: 3px;
	color: #878787;
	padding-left: 5px;
	text-indent: 0px;
}
#voordeelshopindex .oplcategorie IMG {margin-left: 5px;margin-right: 5px;}
#voordeelshopindex .primage {
	position:relative;
	float:right;
	text-align:right;
	display:inline;
	margin:-8px 5px 5px 10px;
	width:175px;
	overflow:hidden;
}
#voordeelshopindex .prtekst {
	position:relative;
	margin:0 0 5px 5px;
	padding-top:0;
	display:inline;
	float:left;
	width:320px;
}
#voordeelshopindex .prtekst div {
	position:relative;
	float:left;
	clear:both;
	width:100%;
}
#voordeelshopindex .prtekst .omschrijving {padding-top:10px;}
#voordeelshopindex .prtekst .prijs {font-size:1.2em;font-weight:bold;}
#voordeelshopindex .prtekst .voegtoe {}
#voordeelshopindex .opleigenschappen {margin-left: 5px;}
#voordeelshopindex .opleigenschap {font-weight: bold;}
#voordeelshopindex .oplknoppen {
	padding: 10px;
	padding-top: 0px;
	margin-top: 0px;
	text-align: right;
	margin-bottom: 3px;
}
#voordeelshopindex .oplknoppen a, #voordeelshopindex .oplknoppen a:hover {color: #FFFFFF;}
#voordeelshopindex a {margin: 0 0 0 0px;}
#voordeelshopindex LI A {color:#1693C0;}
#voordeelshopindex .opleigenschap, #voordeelshopindex .oplcategorie, #voordeelshopindex .opleigenschap {color:#1593c0;}
body #voordeelshopindex h2, body #voordeelshopindex .h2, #voordeelshopindex #right h2 {
	color:#1593c0;
	background:none;
	border-top:0;
}
#right #winkelmandje{float:left;margin-left:10px;width:160px;margin:35px 0 0 20px}
#winkelmandje .vdshop-li-item {padding-left:5px;}
#winkelmandje .vdshop-bottom a {text-indent:0px;padding-left:5px;position:relative;clear:both;display:block;}
#winkelmandje .vdshop-bottom a.legen {background:url(/Files/System/images/Ecom/basket-rem.gif) left -3px no-repeat;padding-left:23px;}
#winkelmandje .vdshop-bottom a span {
	font-size:1.3em;
	padding:0 2px 0 4px;
	vertical-align:top;
	position:relative;
	top:-2px;
}
.voordeelshopForm #showFormulier table tr th {font-weight:bold;text-align:left;padding-bottom:6px;}
.voordeelshopForm #showFormulier table tr td {padding-bottom:3px;}
.voordeelshopForm #showFormulier table tr th.aantal, .voordeelshopForm #showFormulier table tr td.aantal {text-align:right;padding-right:5px;}
.voordeelshopForm #showFormulier table tr th.prijs, .voordeelshopForm #showFormulier table tr td.prijs {text-align:right;padding-right:20px;}
.voordeelshopForm #showFormulier table tr td a {text-decoration:none;border-bottom:none;}
.voordeelshopForm #showFormulier table tr td a.change {
	width:15px;
	height:15px;
	position:relative;
	float:left;
	margin:0 5px;
}
.voordeelshopForm #showFormulier table tr td a.increment {background:url(/Files/System/images/Ecom/basket-inc.gif) 0 0 no-repeat;}
.voordeelshopForm #showFormulier table tr td a.decrement {background:url(/Files/System/images/Ecom/basket-dec.gif) 0 0 no-repeat;}
.voordeelshopForm #showFormulier table tr td a.delete {background:url(/Files/System/images/Ecom/basket-rem.gif) -2px -2px no-repeat;}
/* voordeelshop css stijle EINDE */

span.strike {background:url(/Files/System/Images/strikethrough.png) center center no-repeat;}

#zoek-restyle{width:218px;height:45px;background:url(../images/zoek-restyle-bg2.png) left top no-repeat;position:relative;margin:5px 0 0px 4px;}
#zoek-restyle form input.txt{position:absolute;top:4px;left:37px;width:170px;height:30px;background:none;border:none; color:#898686; font-size:16px}
/*#zoek-restyle form input.submit{width:80px;height:32px;background:url(../images/zoek-restyle-button.jpg) left top no-repeat;position:absolute;bottom:0px;left:0px;border:none;}*/
#zoek-restyle form input.submit-sml{width:38px;height:35px;background:none;position:absolute;top:0px;left:0px;border:none;}

#text_header span.privacy a{border:none !important;}

/* extra strike voor samenvatting-list-restyle START */
.samenvatting-strike {display:inline; padding-right:10px;}
span .samenvatting-strike {background:url(/Files/System/Images/strikethrough-bluebackgroun.png) left center no-repeat !important;}
/* extra strike voor samenvatting-list-restyle EINDE */

#gallery{float:right;}

/* Netsociety JSlink stuff*/
.jslink,.jslink-hover{cursor: pointer;}

/*opleiding sorteer iconen*/

#sort-filter p{
	float:left;
}

#text .paragraaf #sort-filter a {
    border-bottom:0px solid #000000;
    color:#000000;
}

.az-sort-icon {
    background:url("../images/a-z-icon.jpg") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:14px;
	width:14px;
    margin:6px 0 0 10px;
	float:left;
}

.az-sort-icon:hover {
    background:url("../images/a-z-icon-active.jpg") no-repeat scroll 0 0 transparent;
	    margin:6px 0 0 10px;
}
.az-sort-icon-active {
    background:url("../images/a-z-icon-active.jpg") no-repeat scroll 0 0 transparent;
	    margin:6px 0 0 10px;
}

.za-sort-icon {
    background:url("../images/z-a-icon.jpg") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:14px;
	width:14px;
    margin:6px 0 0 10px;
	float:left;
}

.za-sort-icon:hover {
    background:url("../images/z-a-icon-active.jpg") no-repeat scroll 0 0 transparent;
	    margin:6px 0 0 10px;
}
.za-sort-icon-active {
    background:url("../images/z-a-icon-active.jpg") no-repeat scroll 0 0 transparent;
	    margin:6px 0 0 10px;
}

.tweevijfprocent {
  background:url("/Files/System/Images/25-korting-specifiek.gif") no-repeat scroll 0 0 transparent;
  height:27px;
  width:101px;
  padding:85px 0 0 8px;
  float:left;
  font-size:11px;
  color:#6D6D6D;
  }
  
.tweevijfparagraaf {
  width:405px;
  float:left;
  }  
  .social { 
    background: url("/Files/System/Images/social-bar-bg.png") no-repeat scroll left top transparent; 
    clear: both; 
    float: left; 
    height: 41px; 
    margin: 5px 0 0 5px; 
    padding: 18px 0 0 20px; 
    text-align: center; 
    width: 495px; 

}
#text .paragraaf .social a { 
    border-bottom: 0px solid #000000; 
}
.socialpart { 
    float: left; 
    width: 125px; 

}
.print { 
    width: 120px; 
} 
 
.fb { 
    width: 250px; 
}
.socialtitel{
	float:left;
	margin-right:5px;
}
.cobrowser{
	width:181px;
	height:35px;
	background:url(../images/bg-links.png) 0px -90px no-repeat;
	overflow:hidden;
	display:block;
	margin:0 0 2px 0;
	text-decoration:none;
	font-size:16px;
	color:#f59227;
	padding:14px 0 0 45px;
	text-align:left;
	cursor:pointer;
}
.cobrowser:hover{
	background-position:-226px -90px;
}

/* korting sticker */
.procent-korting {
    background: url("/Files/System/Images/procent-korting-button.png") repeat scroll 0 0 transparent;
    float: right;
    height: 96px;
    margin-top: 100px;
    padding: 18px 0 0 4px;
    text-align: center;
    width: 112px;
}
.procent-text {
	font-size:22px;
	color:#FFF;
	line-height:22px;
	}
.procent-cijfer {
	font-size:40px; 
	line-height:38px;
	margin-top:2px;
}

/* reactie boxes */

.reactie {
	border: 1px solid #d4d4d4;
	padding:10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative; 
	display:block; 
	min-height:100px;	
	}
div.reactie p {
	border-bottom:1px solid #459CC7;
	font-weight:bold;
	color:#459cc7;	
	}
.rating {
    background: url("../Images/rank-sprite.jpg") no-repeat scroll 0 0 transparent;
	width:80px;
	height:13px;
	position:absolute;
	right: 10px; 
	top: 15px;
	}
.ster05 {
	background-position: 0 0px;
	}	
.ster1{
	background-position: 0 -15px;
	}
.ster15 {
	background-position: 0 -30px;
	}
.ster2 {
	background-position: 0 -45px;
	}
.ster25 {
	background-position: 0 -60px;
	}
.ster3 {
	background-position: 0 -75px;
	}	
.ster35{
	background-position: 0 -90px;
	}
.ster4 {
	background-position: 0 -105px;
	}
.ster45 {
	background-position: 0 -120px;
	}
.ster5 {
	background-position: 0 -135px;
	}
	
/*facebook share button css3*/
#text .paragraaf a.uibutton { 
    position: relative; 
    z-index: 1;
    overflow: visible; 
    display: inline-block; 
    padding: 0.3em 0.6em 0.375em; 
    border: 1px solid #999; 
    border-bottom-color: #888;
    margin: 0;
    text-decoration: none; 
    text-align: center;
    font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif; 
    white-space: nowrap; 
    cursor: pointer; 
    /* outline: none; */
    color: #333; 
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    /* IE hacks */
    zoom: 1; 
    *display: inline;
	float:right;
	margin-top:15px; 
}

#text .paragraaf a.uibutton.confirm {
    border-color: #29447E #29447E #1A356E;
    color: #fff;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}

#text .paragraaf a.uibutton.confirm:active {
    border-color: #29447E;
    background: #4F6AA3;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#text .paragraaf a.uibutton.twitter {
    border-color: #2789a9 #2789a9 #1b667f;
    color: #fff;
    background-color: #53d4ff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fc0e5), to(#53d4ff));
    background-image: -moz-linear-gradient(#4fc0e5, #53d4ff);
    background-image: -o-linear-gradient(#4fc0e5, #53d4ff);
    background-image: linear-gradient(#4fc0e5, #53d4ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4fc0e5', EndColorStr='#53d4ff'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #9bc6d4;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #9bc6d4;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #9bc6d4;
	margin-right:10px;
}

#text .paragraaf a.uibutton.twitter:active {
    border-color: #29447E;
    background: #4F6AA3;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*text counter*/
.originalTextareaInfo {
	font-size: 12px;
	color: #000000;
	font-family: Tahoma, sans-serif;
	text-align: right
}
			
.warningTextareaInfo {
	font-size: 12px;
	color: #FF0000;
	font-family: Tahoma, sans-serif;
	text-align: right
}
			
#showData {
	height: 70px;
	width: 200px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin: 10px;
}