/**********************************************************************************************

	CSS on Sails
	Title: Weet jij veel...
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: March 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 footer 
			
	3. INDIVIDUAL PAGES
			2.1 Homepage

  4. PLUGINS
      4.1 jScrollpane

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.2 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#wrapper-inner:after,
#wrapper ul.rights:after,
#wrapper form.extended fieldset.submit:after,
#wrapper form.extended li:after,
#wrapper ul.comments li .meta:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix,
#wrapper-inner,
#wrapper ul.rights,
#wrapper form.extended fieldset.submit,
#wrapper form.extended li,
#wrapper ul.comments li .meta
{zoom:1;}


/* 1.3 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; color: #333; font-size:62.5%;line-height:1.3em; text-align: center; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a { color: #f1542f; text-decoration: none; }
a:hover { text-decoration:underline; }


/* 2. SITE-WIDE LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

#page {}
.container { width: 940px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }
header {position:relative;z-index:5;display:block;height:12px;}
#wrapper {margin:0 0 0 200px;}
#main { width: 760px; float: left; }
body.age-index #main {margin-top: 40px;}

#main.wide {width:740px; float:none; margin:0 0 40px 0;}

.padded {padding:12px 25px; min-height:224px; margin-top: 10px;}

article p {margin-bottom: 1em;}

aside { width: 200px; float: right; }
footer { display:block; clear: both; }

/* Main Backgrounds */
body {background-color:#FFF;background-repeat:no-repeat;background-position:50% 0;background-image:url(../images/bg_body.png);}
body.age-10-12 {background-color:#b1e3f3;background-image:url(../images/bg_body-blue.png);}
body.age-15-18 {background-color:#bec45b;background-image:url(../images/bg_body-green.png);}
body.age-19 {background-color:#c5d5b7;background-image:url(../images/bg_body-darkgreen.png);}

#wrapper {background-image:url(../images/bg_contentwide-s.png);background-position:bottom left;padding:0 0 30px 0;background-repeat:no-repeat;}
#wrapper-inner {position:relative;background-image:url(../images/bg_contentwide-n.png);background-position:top left;background-repeat:no-repeat;padding:0;}
#wrapper-inner .wrapper-se {background-image:url(../images/bg_contentwide-se.png);background-repeat:no-repeat;position:absolute;bottom:-30px;right:-4px;width:14px;height:254px;}
#wrapper-inner .wrapper-sw {background-image:url(../images/bg_contentwide-sw.png);background-repeat:no-repeat;position:absolute;bottom:-30px;left:-3px;width:11px;height:184px;}

body.age-index #wrapper,
body.age-index #wrapper-inner,
body.home #wrapper,
body.home #wrapper-inner {background:none;}

body.home #wrapper-inner .wrapper-se,
body.home #wrapper-inner .wrapper-sw,
body.age-index #wrapper-inner .wrapper-se,
body.age-index #wrapper-inner .wrapper-sw {display:none;}

#page {}

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

header .site-name { display: block; overflow: hidden; width: 184px; height: 224px;  background-image:url(../images/logo.png); background-repeat:no-repeat; text-indent:-999em; text-align:left;position: absolute; top:22px; left:0; z-index: 1; }
body.age-19 .site-name {background-image:url(../images/logo-19.png);}
body.home header .site-name {width:279px; height:268px;background-image:url(../images/logo-home.png);}

/* Breadcrumbs */

header .breadcrumbs {position:absolute;top:3px;left:-30px;z-index:2;}
header .breadcrumbs li {float:left;}
header .breadcrumbs li a {float:left;padding:0 10px 0 0;margin:0 10px 0 0;line-height:18px;font-family:Stone, Verdana, Helvetica, Arial, sans-serif;color:#000;background-image:url(../images/arr-right.png);background-position:100% 50%;background-repeat:no-repeat;}

/* Buttons under logo */

header .buttons {position:absolute;top:253px;left:-11px;width:196px;}
header .buttons li {float:left;}
header .buttons a {float:left;margin:0 0 0 0;background-repeat:no-repeat;text-align:left;text-indent:-999em;outline:none;}
header .buttons a.current {cursor:default;}

	/* docentenpagina */
header .buttons .page-item-95,
header .buttons .page-item-93 {position:relative;z-index:1;margin-right:-8px;}
header .buttons .page-item-95 a,
header .buttons .page-item-93 a {width:77px;height:57px;background-image:url(../images/btn/docenten.png);}
header .buttons .page-item-95.current_page_item a,
header .buttons .page-item-95 a:hover,
header .buttons .page-item-93.current_page_item a,
header .buttons .page-item-93 a:hover {background-position:0 -57px;}
	/* het mensenrechtenonderzoek */
header .buttons .page-item-97 a,
header .buttons .page-item-99 a,
header .buttons .page-item-101 a {position:relative;z-index:1;width:110px;height:65px;background-image:url(../images/btn/hetmense.png);}
header .buttons .page-item-97.current_page_item a,
header .buttons .page-item-97 a:hover,
header .buttons .page-item-99.current_page_item a,
header .buttons .page-item-99 a:hover,
header .buttons .page-item-101.current_page_item a,
header .buttons .page-item-101 a:hover {background-position:0 -65px;}
	/* general hover */
header .buttons .page-item-95:hover,
header .buttons .page-item-97:hover,
header .buttons .page-item-93:hover,
header .buttons .page-item-99:hover,
header .buttons .page-item-101:hover {z-index:2;}

/* Top right contact details & credits */

header .details {position:absolute;top:2px;right:0;height:28px;width:305px;}
header .details > li {position:relative;float:left;}
header .details > li > a {float:left;line-height:18px;padding:5px 7px;font-size: 0.91em;color:#000;cursor:default;font-family:Stone, Verdana, Helvetica, Arial, sans-serif;}
header .details > li > a:hover {text-decoration:none;}
header .details > li > a em {color:#e53c01;}
header .details > li .droppanel {position:absolute;top:20px;left:-999em;padding-bottom:19px;background-image:url(../images/bg_dropdown-bot.png);background-position:0 100%;background-repeat:no-repeat;}
header .details > li .droppanel .inner {text-align: center; width:227px;padding:19px 19px 0 19px;min-height:140px;background-image:url(../images/bg_dropdown-top.png);background-position:0 0;background-repeat:no-repeat;}
header .details > li:hover .droppanel {left:-12px;}
header .details > li.colofon:hover .droppanel {left:-72px;}

/* Contact */
header .details li.contact .droppanel {font-size:0.75em;line-height:1.11em;}
header .details .vcard { margin:0 0 10px 0;}
header .details .vcard strong {font-weight:normal;color:#e94c10;}
header .details .vcard abbr {border:none;color:#e94c10;}
header .details .vcard .email,
header .details .vcard .url {color:#000;}
header .details .vcard .adr {padding-top:10px;}
header .details .vcard .adr strong {display:block;}
header .details .vcard .adr .street-address {padding-right:9px;background-image:url(../images/bull_or.png);background-position:100% 50%;background-repeat:no-repeat;margin-right:2px;}
header .details .vcard .adr .country-name {display:none;}

/* Colofon */
header .details li.colofon .droppanel .inner {width:172px;text-align:center;}
header .details li.colofon .droppanel .inner li {padding:5px 0;}


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#wrapper {}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {font-weight:normal;}
#wrapper h1 {font-size:2.08em;line-height:1.2em;} /* 25 / 30 */
#wrapper h2 {font-size:1.83em;line-height:1.36em;} /* 22 / 30 */
#wrapper h3 {font-size: 1.58em;line-height:1.05em;}  /* 19 / 20 */
#wrapper h4 {font-size: 1.25em;line-height:1.33em;} /* 15 / 20 */
#wrapper h5 {font-size: 1.16em;line-height:1.42em;} /* 14 / 20 */
#wrapper h6 {font-size: 1.08em;line-height:1.53em;} /* 13 / 20 */
#wrapper p {font-size: 1em;line-height:1.5em;}

#wrapper ol {margin:0 0 9px 0;line-height:1.5em;}
#wrapper ol li {line-height:1.1em;padding:0.2em 0 0.2em 0;list-style-type:decimal;list-style-position:outside;margin-left:18px;}

#wrapper ul {margin:0 0 9px 0;}
#wrapper ul li {background-position:4px 6px;background-image:url(../images/bull.gif);background-repeat:no-repeat;line-height:1.1em;padding:0.2em 0 0.2em 18px;}

#wrapper dl {margin:0 0 18px;}
#wrapper dl dt {padding:2px 0 4px 0; font-size: 1.08em;line-height:1.38em;font-weight:bold;}
#wrapper dl dd {font-size: 1em;line-height:1.5em;margin:0 0 9px;padding:0 0 0 10px;}

#wrapper .highlight {display:block;background-color:#d2e3de;padding:30px;margin:18px 0;}

#wrapper form.extended {}
#wrapper form.extended ol li {margin:0 0 20px 0;padding:0;background:none;list-style-type:none;list-style-position:inside;}
#wrapper form.extended label {display:block;font-size: 1.33em;line-height:1.125em;color:#000;font-weight:bold;padding:2px 0;cursor:pointer;}
#wrapper form.extended textarea,
#wrapper form.extended input.text {border:1px solid #fff; font-size:1.25em; padding:7px 15px; width:598px; color:#2a7188;}
#wrapper form.extended textarea {height:110px;}
#wrapper form.extended .inline label {float:left;padding:0 10px 0 0;line-height:31px;margin:0 15px 0 0;}
#wrapper form.extended .inline input.text {width:auto;}
#wrapper form.extended fieldset fieldset {position:relative;;}
#wrapper form.extended fieldset fieldset legend span {position:absolute;top:0;left:0;line-height:31px;font-size: 1.33em;width:100px;font-weight:bold;}
#wrapper form.extended fieldset fieldset ol {padding-left:110px;}
#wrapper form.extended fieldset fieldset ol li {float:left;margin:0;}
#wrapper form.extended fieldset fieldset ol li input {float:left;margin-top:9px;}
#wrapper form.extended fieldset fieldset ol li label {float:left;width:auto;padding:0 5px;margin:0 10px 0 0;line-height:31px;}
#wrapper form.extended fieldset.submit input {float:right;}

#wrapper ul.comments {margin:0 0 18px 0;}
#wrapper ul.comments li {margin:0 0 9px 0;list-style-type:none;background:none;padding:0;}
#wrapper ul.comments li .meta {margin:0 0 10px 0;}
#wrapper ul.comments li .meta img {float:left;margin:0 15px 0 0;}
#wrapper ul.comments li .meta .author {display:block;margin:0 0 0 85px;color:#f44921;font-weight:bold;line-height:1.5em;}
#wrapper ul.comments li .meta .date {display:block;margin:0 0 0 85px;color:#000;font-weight:bold;font-size: 0.91em;line-height:1.63em;}
#wrapper ul.comments li .content p {font-size: 1.33em;line-height:1.25em;font-weight:bold;}

#wrapper img.alignright {float: right;}
#wrapper img.alignleft {float: left;}

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

aside {}

/* 2.6 Footer 
-----------------------------------------------------------------------------------------------*/

/* Footer stick */
html, body {height:100%;}
#nonfooter {min-height:100%;}
#nonfooter #footerspacer {height:100px;}
footer {width:100%;margin-top:-99px;padding-top:30px;}

footer .logos {display:block;height:69px;background-color:#fff;}
footer .logos h5 {position:relative;margin:0 auto;text-align:left;width:880px;height:18px;}
footer .logos h5 span {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/txt/meer-weten-over-mensenrechten.png) 0 0 no-repeat;}
footer .logos .hticker-wrapper {position:relative;}
footer .logos .hticker-wrapper .hticker {z-index: 1; height:51px; }
footer .logos .hticker-wrapper .leftmask {position:absolute;top:0;left:0;height:51px;width:30px;background-color:#fcc;z-index: 2;background:url(../images/maskleft.png) 0 0 no-repeat;}
footer .logos .hticker-wrapper .rightmask {position:absolute;top:0;right:0;height:51px;width:30px;z-index:2; background:url(../images/maskright.png) 100% 0 no-repeat;}
footer .logos ul {height:51px; overflow:hidden; }
footer .logos li {float:left;}
footer .logos a {display:block;text-align:center;margin:0 10px;}
footer .logos img {margin:0 auto; max-height: 50px;}

/* Static logos */
footer .logos .container h5 {float:left;margin:0 5px 0 0;width:auto;line-height:69px;}
footer .logos .container ul {padding-top:9px;}
footer .logos .container ul a {margin:0 5px;}

/* 3. INDIVIDUAL PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 3.1 Homepage
-----------------------------------------------------------------------------------------------*/

/* Age selection Nav */
body.home nav {position:relative;width:100%;display:block;}
body.home nav ul {position:absolute;top:0;left:348px;}
body.home nav ul .age-10-12 {position:absolute;left:0;top:-8px;}
body.home nav ul .age-15-18 {position:absolute;top:214px;left:126px;}
body.home nav ul .age-19 {position:absolute;top:16px;left:326px;}

body.home nav ul a {display:block;background-position:0 0;background-repeat:no-repeat; text-decoration:none;}
body.home nav ul a .logo {display:none;}
body.home nav ul a .title {display:none;} 
body.home nav ul a .call {display:none;}
body.home nav ul a .win {display:none;}
body.home nav ul a .age {position:absolute; display:block;  color:#fff; font-size: 1.16em;line-height:1.28em; font-weight:bold;}
body.home nav ul .age-10-12 a .age {color:#000;}
body.home nav ul a .age em {color:#000;}
body.home nav ul .age-10-12 a .age em {color:#fff;}
body.home nav ul .age-10-12 a {width:218px;height:244px;background-image:url(../images/age-10-12.png);}
body.home nav ul .age-10-12 a:hover {background-position:0 -244px;}
body.home nav ul .age-15-18 a {width:259px;height:218px;background-image:url(../images/age-15-18.png);}
body.home nav ul .age-15-18 a:hover {background-position:0 -218px;}
body.home nav ul .age-19    a {width:246px;height:327px;background-image:url(../images/age-19.png);}
body.home nav ul .age-19    a:hover {background-position:0 -327px;}
body.home nav ul .age-10-12 a .age {top:69px;left:35px;width:88px;}
body.home nav ul .age-15-18 a .age {top:84px;left:27px;width:110px;}
body.home nav ul .age-19    a .age {top:182px;left:41px;width:93px;}

body.home #wrapper {margin:0;padding-top:266px;width:455px;padding-bottom:18px;background-image:url(../images/bg_wrapper-home-bot.png);background-position:0 100%;background-repeat:no-repeat;}
body.home #wrapper-inner {padding:13px 18px 1px 20px;min-height:218px;background-image:url(../images/bg_wrapper-home-top.png);background-position:0 0;background-repeat:no-repeat;}

/* Content */
body.home #wrapper #main {width:218px;color:#fff;font-family:Stone, Verdana, Helvetica, Arial, sans-serif;}
body.home #wrapper #main p {line-height:1.5em;}

/* Side content */
body.home #wrapper aside {width:190px;}

/* VideoLinks */
#wrapper ul.videolinks {position:relative;margin-top:10px;}
body.js #wrapper ul.videolinks {height:180px;}
#wrapper ul.videolinks li {position:relative;width:100%;height:180px;background:none;padding:0;}
#wrapper ul.videolinks li a {color:#fff; text-decoration:none;}
#wrapper ul.videolinks li .thumb {display:none;}
body.js #wrapper ul.videolinks li .thumb {display:block;}
body.js #wrapper ul.videolinks li {position:absolute;top:0;left:0;height:auto;}
#wrapper ul.videolinks li .large {position:absolute;top:0;left:0;height:113px;width:100%;}
#wrapper ul.videolinks li .large .mask {position:absolute;top:0;left:0;width:100%;height:113px;background-image:url(../images/youtube-mask.png);background-position:0 0;background-repeat:no-repeat;}
#wrapper ul.videolinks li .thumb {position:absolute;top:122px;}
#wrapper ul.videolinks li .thumb img {float:left;}
#wrapper ul.videolinks li.child2 .thumb {left:44px;}
#wrapper ul.videolinks li.child3 .thumb {left:88px;}
#wrapper ul.videolinks li.child4 .thumb {left:132px;}
#wrapper ul.videolinks li .description {position:absolute;top:122px;left:0;width:100%;font-size: 1.25em;line-height:1.06em;color:#fff;font-weight:bold;}
#wrapper ul.videolinks li .description strong {font-weight:normal;font-style:italic;color:#ff0012;}
body.js #wrapper ul.videolinks li .description {top:170px;}
body.js #wrapper ul.videolinks li .large,
body.js #wrapper ul.videolinks li object,
body.js #wrapper ul.videolinks li .description {display:none;}
body.js #wrapper ul.videolinks li.active .large,
body.js #wrapper ul.videolinks li.active object,
body.js #wrapper ul.videolinks li.active .description {display:block;}



/* 3.2 Age index
-----------------------------------------------------------------------------------------------*/

body.age-index {}

/* Generic */
#wrapper a.start-button {display:block;width:228px;height:180px;background-image:url(../images/btn/start.png);background-repeat:no-repeat;outline:none;text-align:left;text-indent:-999em;}
#wrapper a.start-button:hover {background-position:0 -180px;}
#wrapper span.van-mensenrechten {display:block;background-image:url(../images/txt/van-mensenrechten.png);background-repeat:no-repeat;background-position:0 0;width:101px;height:17px;text-align:left;text-indent:-999em;}
#wrapper a.more {color:#a74a90;font-weight:bold;display:block;line-height:1.25em;}
#wrapper a.more em {font-weight:normal;font-style:normal;color:#000;}
#wrapper .narrowbox {position:relative;z-index:1;width:170px;padding:0 0 14px 0;background-image:url(../images/bg_narrowbox-bot.png);background-repeat:no-repeat;background-position:0 100%;}
#wrapper .narrowbox .narrowbox-inner {background-image:url(../images/bg_narrowbox-top.png);background-position:0 0;background-repeat:no-repeat;padding:13px 11px 1px 15px;min-height:237px;}
#wrapper .narrowbox p {font-size: 0.91em;line-height:1.09em;}

#wrapper .mediumbox {position:relative;z-index:1;width:285px;padding:0 0 12px 0;background-image:url(../images/bg_mediumbox-bot.png);background-repeat:no-repeat;background-position:0 100%;}
#wrapper .mediumbox .mediumbox-inner {background-image:url(../images/bg_mediumbox-top.png);background-position:0 0;background-repeat:no-repeat;padding:12px 13px 1px 20px;min-height:338px;}

#wrapper h2.de20belan {position:relative;width:250px;height:25px;font-size:18px;overflow:hidden;margin:0 0 1px 0;}
#wrapper h2.de20belan span {position:absolute;top:0;left:0;width:250px;height:25px;background-image:url(../images/txt/de20belan.png);background-repeat:no-repeat;}

#wrapper ul.rights {width:205px;margin:0 0 8px 15px;}
#wrapper ul.rights li {float:left;margin:0 1px 1px 0;padding:0;background:none;margin:0;}
#wrapper ul.rights a {float:left;width:40px;height:40px;background-repeat:no-repeat;}
#wrapper ul.rights .right_1 a {background-image:url(../images/ico/right_19.png);}
#wrapper ul.rights .right_2 a {background-image:url(../images/ico/right_11.png);}
#wrapper ul.rights .right_3 a {background-image:url(../images/ico/right_20.png);}
#wrapper ul.rights .right_4 a {background-image:url(../images/ico/right_18.png);}
#wrapper ul.rights .right_5 a {background-image:url(../images/ico/right_17.png);}
#wrapper ul.rights .right_6 a {background-image:url(../images/ico/right_16.png);}
#wrapper ul.rights .right_7 a {background-image:url(../images/ico/right_15.png);}
#wrapper ul.rights .right_8 a {background-image:url(../images/ico/right_02.png);}
#wrapper ul.rights .right_9 a {background-image:url(../images/ico/right_12.png);}
#wrapper ul.rights .right_10 a {background-image:url(../images/ico/right_14.png);}
#wrapper ul.rights .right_11 a {background-image:url(../images/ico/right_06.png);}
#wrapper ul.rights .right_12 a {background-image:url(../images/ico/right_09.png);}
#wrapper ul.rights .right_13 a {background-image:url(../images/ico/right_13.png);}
#wrapper ul.rights .right_14 a {background-image:url(../images/ico/right_03.png);}
#wrapper ul.rights .right_15 a {background-image:url(../images/ico/right_04.png);}
#wrapper ul.rights .right_16 a {background-image:url(../images/ico/right_05.png);}
#wrapper ul.rights .right_17 a {background-image:url(../images/ico/right_07.png);}
#wrapper ul.rights .right_18 a {background-image:url(../images/ico/right_08.png);}
#wrapper ul.rights .right_19 a {background-image:url(../images/ico/right_10.png);}
#wrapper ul.rights .right_20 a {background-image:url(../images/ico/right_01.png);}

#wrapper .tabs .panels {position:relative;height:130px;}
#wrapper .tabs .panels .panel {position:absolute;top:0;left:0;width:100%;}
#wrapper .tabs .panels .panel p {margin-bottom: 9px; line-height: 13px;}
#wrapper .tabs .panels .panel .scrollable {height:130px;}

#wrapper ul.pages {height:18px;}
#wrapper ul.pages li {float:left;padding:0;background:none;margin:0;}
#wrapper ul.pages a {float:left;font-size: 0.83em;line-height:1.8em;padding:0 1px;}
#wrapper ul.pages .current a {color:#000;text-decoration:none;cursor:default;}

/* Specific */
body.age-index #wrapper {padding-top:17px;}
body.age-index #main {position:relative;width:425px;}
body.age-index aside {width:305px;padding-top:3px;}
body.age-index #wrapper a.start-button {position:absolute;top:146px;left:197px;}
body.age-index #wrapper .win {position:absolute;z-index:2;top:13px;left:152px;text-align:left;text-indent:-999em;outline:none;background-repeat:none;}
body.age-index #wrapper #vredesppleis.win {width:261px;height:137px;background-image:url(../images/win-10-12.png);}
body.age-index #wrapper #newyork.win {width:155px;height:152px;background-image:url(../images/win-19.png);}
body.age-index #wrapper #straatsburg.win {width:177px;height:146px;background-image:url(../images/win-15-18.png);}
body.age-index #wrapper .hetmense {position:absolute;top:0;left:0;z-index:3;width:178px;height:76px;background-image:url(../images/txt/hetmense.png);background-repeat:no-repeat;text-align:left;text-indent:-999em;}
body.age-index #wrapper .narrowbox {margin:57px 0 0 11px;}
body.age-index #wrapper .narrowbox h4 {margin:0 0 0 14px;}
body.age-index #wrapper .narrowbox h4 em {color: red; text-transform: uppercase;}
body.age-index #wrapper .narrowbox span.van-mensenrechten {margin:0 0 9px 14px;}



/* 4. PLUGINS
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 4.1 jScrollpane
-----------------------------------------------------------------------------------------------*/

.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1;}

.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../images/bg_scroll-track.png) top center no-repeat;}
.jScrollPaneDrag{position:absolute; background-image:url(../images/scroll-drag.png);background-position:center center;background-repeat:no-repeat; cursor:pointer; overflow:hidden}
.jScrollPaneDrag:hover {background-image:url(../images/scroll-drag-h.png);}
.jScrollPaneDragTop{position:absolute; top:0; left:0; height:5px; width:100%; overflow:hidden; background:url(../images/scroll-top.gif) 0 0 no-repeat;}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; height:5px; overflow:hidden; background:url(../images/scroll-bottom.gif) 0 0 no-repeat;}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:15px; background-image:url(../images/arrow-up.gif);background-repeat:no-repeat;background-position:0 0;}
a.jScrollArrowUp:hover{}

a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:15px; background-image:url(../images/arrow-down.gif);background-repeat:no-repeat;background-position:0 100%;}
a.jScrollArrowDown:hover{}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}