/* -----------[ need for StickyFooter ]----------- */

* { margin: 0; }


/* -----------[ My adjustments on normalize.css ]----------- */

html, body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label 
{ 
	padding: 0;
	border: none;
	border-width: 0;
}

ol,ul 
{
	list-style: none;
	list-style-position: inside;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

a {	border: none; }
a:hover	{color: rgb(47,27,107); }
a:active {color: rgb(47,27,107); }

a img 
{
	border: none;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
p, pre, blockquote, address 
{
	margin: 0 0 .5em;padding: 0;font-weight: normal;
}

/* ----------------[ Pim template framework ]-------------- */

html 
{
    position: absolute;
	min-height: 100%;
	height: 100%;			/* needed for StickyFooter */
    width: 100%;

	font-family:  Arial, "Helvetica Neue", Helvetica, Verdana, Sans-Serif;

	font-size: 100%;	/* A fix to the exaggerated text resizing of IE6 and IE7 is to size the body using a percentage */

	line-height: 1.5;
/*	padding-bottom: 1px;	*/
	
	overflow-y: scroll; 	/* `auto` => for the "inset" look only */
	overflow-x: hidden;
}

body
{
	font-size: 62.5%;
	text-align: center;
	line-height: 1.3em;
	height: 100%;			/* needed for StickyFooter */
	color: #444;

   -webkit-font-smoothing: subpixel-antialiased;
	margin:0 !important;			/*	currently needed for iOS viewer embeds */
/*	text-size-adjust: 100%;	*/		/*	avoid iOS Safari bugs */
}

/* Opera Fix */
body:before { content:"";height:100%;float:left;width:0;margin-top:-32767px; }




/* -------------------[ Banners switch ]------------------- */

.banneroff 
{
	/* indien freeUser dan via banner.css deze class overschreven naar (wel) zichtbaar */

	visibility: hidden;
	display: none;
}




/* -------------------------[ Header ]----------------- */


/*	content-wrapper, above the footer-wrapper	 */
.wrappr 
{	
	width: 960px;
	text-align:left;
	margin: auto; 							/* chrome need this */

	/* rest is needed for StickyFooter: */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	clear: both;
}

/*	MODx-snippet `AdjustWrap` set the className, defining the negative footer-offset for Stickyfooter	*/

.wrap_nobanner	{margin-bottom: -275px; }
.wrap_hasbanner	{margin-bottom: -325px; }


#header {
	position: relative;
	background: rgb(47,27,107) url(https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/img/amers_header.jpg) no-repeat 0 0;
	width: 960px;
	height: 202px!important;
}

/* old
	
#header #headertekst {
	width: 650px;
	float: right;
	text-align: right;
	color: #fcfcfc;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5em;
	height:70px;
	margin: 60px 162px 0 0;
	text-shadow: #000 0px 0px 5px;
}
*/





/*
*	The rule:
*
*	-webkit-backface-visibility: hidden;
*	will not work for sprites or image backgrounds.
*
*	body {-webkit-transform:translate3d(0,0,0);}
*	screws up backgrounds that are tiled.
*
*	I prefer to make a class called no-flick and do this:
*
*	.no-flick{-webkit-transform:translate3d(0,0,0);}
*/




/* -------------------------[ Footer ]----------------- */


/*	#footerwrapper, below the content-wrapper

	MODx-snippet `bAdjustFoot` set the className, defining the footer height for Stickyfooter


	[footerwrapper]					275 / 325
		[banner /]					50
		[footer]					275 
			[foot title /]			50
			[foot smwrap /]			225	( 210 + 15 bottom padding)
		[/footer]
	[/footerwrapper]


*/

.footwrappr 
{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #fff; 
	clear: both;
	
	}
.foot_nobanner	{height: 275px;	clear: both;}
.foot_hasbanner {height: 325px;	clear: both;} 


#footer
{
	background: rgb(168,168,168);
	width: 930px;
	margin: 0 auto;
	text-align: left;		/* overrule the text-align in parent footer-div => to workaround IE's lack of support of margin: 0 auto */
	padding: 0 15px 20px 15px;
}


#footer .footitle
{ 
	display: block;
	width: 930px;
	padding: 4px 0 4px 0;
	margin: 0;
	font-size: 1.1em;
	color: #fff;
	
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;

		
	z-index: 9000;
}
#footer .footitle a
{
	color: #fff;
	font-size: 1em;			/*	1em t.o.v parent => 1.1 em => 11px */
}


#footer #smwrap
{	
	width: 926px;
	height: 223px;

	font-size: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 2px solid rgb(196,196,196);
}
.rounded-corners 
{
   -webkit-border-radius: 15px;			/* Safari, Chrome */
   -moz-border-radius: 15px / 15px;		/* Meauzillah */
   -o-border-radius: 15px;				/* for Opera */
	border-radius: 15px;				/* CSS3 */
}





/*	div wrapper voor sitemap */
#footer #smlinks
{
	width: 720px;
	margin: 5px 5px 5px 10px;
	padding: 0;
	display: inline-block;
	float: left;
}

/*	div wrapper voor adres data */
#footer #smadres 
{
	width: 170px;
	padding: 10px;
	text-align: right;
	font-size: 1.2em;

	line-height: 1.7em;
	float:left;
	color: #fff;
}


/*	max 3 linkblokken in `smlinks` blok */
#footer .smlinkblok	
{
	width: 240px;
	float: left;
}

#footer .strijk
{
	font-size: 1.2em;
	line-height: 1.6em;
	color: #fff;
	cursor: default;
	text-decoration: line-through
}

#footer .smlinkblok a 
{
	position: relative; 	/* needed */
	clear: both;
	display: block;

	color:#fff;

	font-size: 1.2em;
	line-height: 1.6em;
}

#footer #smadres address	{font-style: normal;line-height: 1.7em;color: #fff;}

#footer a
{
	color:#fff;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.7em;

	-webkit-transition: color 0.4s ease-out;
	-o-transition: color 0.4s ease-out;
	transition: color 0.4s ease-out;
}
#footer a:hover	
{
	color: rgb(47,27,107);
}




/* -------------------------[ Content ]----------------- */

#main {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#content {
	width: 705px;	/* 960  = 705 + 226 sidebar + 15 padding-left + rest 15px padding right = 960   */
	float: left;
	padding: 10px 0px 0px 15px;
	overflow: hidden !important;
}

#content p {
	font-size: 1.2em;			/* font-size main content */
	margin: 10px 0 15px 0;
	line-height: 1.5em;
}

#content #statusbar	{width:698px;height: 18px;padding:0;margin:5px 0 0 0;border:1px solid rgb(47,27,107);}
#content #statusfill {width:20%;height: 18px;background: rgb(47,27,107); }

#content h1, h2, h3, h4 {
	color: rgb(47,27,107);
	letter-spacing: 0.25px;

	/* blur the font by giving it some text shadow */
	text-shadow: 0.5px 0px #9999cc;
}
#content h1 {font-size:1.8em;margin:0.8em 0 1.2em 0;}
#content h2 {font-size:1.4em;margin:1.5em 0 1.2em 0;}
#content h3 {font-size:1.2em;margin:1.5em 0 1.2em 0;}







/* -------------------------[ Sidebar ]----------------- */

#sidebar 
{
	width: 225px;
	float: right;
	padding: 15px 0px 20px 0px; 
	margin: 0;
	}

#sidebar #help	{
	width: 211px;
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana;
	background: rgb(226,226,226);
}

#sidebar #help #helpheader		{width:211px;height:20px;line-height:20px;padding:0;background: rgb(47,27,107);}
#sidebar #help #helpheadtxt		{width:181px;margin-left:15px;height:20px;line-height:20px;font-size:12px;vertical-align:middle;text-transform: uppercase;color:#fff;}

#sidebar #help #helpbody		{padding:10px 0 0px 0;color:#444;height:auto;}
#sidebar #help #helpbody img	{margin:0 0 10px 0;}
#sidebar #help #helpbody p		{line-height: 1.5em;margin: 6px 15px 12px 15px;padding: 0;font-weight:normal;color:#444;}

#sidebar #help #helpbuttons			  {height:40px;line-height:40px;background: #fff;margin-top: 20px;font-size: 11px;}
#sidebar #help #helpbuttons #bback 	  {background: rgb(47,27,107);height:20px;line-height:20px;text-transform: uppercase;text-align:center;padding: 4px;}
#sidebar #help #helpbuttons #bforward {background: rgb(47,27,107);height:20px;line-height:20px;text-transform: uppercase;text-align:center;padding: 4px;margin-left: 85px;}

#sidebar a		{text-decoration: none;color:#444;font-size:1.1em;}
#sidebar a:hover{cursor: pointer;color:rgb(47,27,107);}


/* hulpbuttons in sidebar..   bij Masterclass, Moneyview..  */
#sidebar .hulpbutton {
	width:146px;
	height:34px;
	margin:10px 30px 10px 30px;
	padding:0;
}

#sidebar .meerinfo a {outline: none;text-indent: -5000px;display: block;width: 146px;height: 34px;background: url("https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/img/meer_informatie.png") 0 0 no-repeat;}

#sidebar .advisa a {outline: none;text-indent: -5000px;display: block;width: 146px;height: 34px;background: url("https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/img/inloggen.png") 0 0 no-repeat;}

#sidebar .meerinfo a:hover,  
#sidebar .advisa a:hover  {cursor: pointer;}

#sidebar .meerinfo a:active, 
#sidebar .advisa a:active {background-position: 0 -34px;}

#sidebar .folder {height:56px;line-height:56px;font-size:10px;vertical-align:middle;margin:0 0 0 15px;}
#sidebar .folder .folderimg {width:40px;height:56px;border:0;vertical-align:middle;}



/*	Pim is een activiteit van + logo */
#sidebar .nobutts 
{
	text-align: right;
	float: right;
	padding: 8px 0 0 0;
	font-size: 10px;
	color: #888;
	line-height: 18px;
	height: 18px;
	vertical-align: middle;
	cursor: default;
}
#sidebar .nobutts img
{
	vertical-align: middle;
	width: 69px;
	height: 18px;
}





/* -------------------------[ Navigatie ]----------------- */

div.menuwrapper
{
	position: absolute; /* position it within the relative-positioned header */
	left: 120px;		/* prevent logo overlap */
	top: 174px;
/*	width: 960px; */	/* full wrapper, user margin-right in menu-div */
/*	width: 945px; */	/* 960 -15  		make the above margin-right obsolete by setting wrapper's width 15px less */

	width: 825px; 	/* 960 -15 -120		further fitting for wrapper, so it won't overlap the pim-logo.. */
	height: 22px;
	overflow: hidden !important;	/* make the menuwrapper a viewport in case of a too far extended content-menu. */
}
div.menu 
{
	position: relative;
	float: right;
	width: auto;
	height: 21px;
	padding: 1px 5px 0 5px; 
	z-index: 1000;
	background: rgb(47,27,107);
}


.menu ul {
	list-style: none;
	margin: 0;
	text-align: center;
	z-index: 1100;
}
.menu ul li {
	display: inline;
	position: relative;
}
.menu ul li a {
	border-right: 1px #fff solid;
	color: #fff;
	padding: 0 5px 0 4px;
	font-size: 1.3em;
	line-height: 22px;
	text-decoration: none;
	overflow: hidden;
	z-index: 1150;
}
/*
.menu ul li a:hover { 
	text-decoration: underline;
	text-shadow: 1px 1px 0px rgba(47,27,107,.6);
}
*/

/* Selection colours (easy to forget) */
#nav > li > a.hi,
#nav > li > a:hover {
	color: rgb(205,205,240);
}

/* Wayfinder nav classes */

#nav li.wfhere a	{ 
	color: rgb(205,205,240);
}
#nav li.wflast a	{border-right: none;}


#nav a 
{
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

/* -------------------------[ Matrix theme ]-------------- */


.theme-the-matrix
{
	position:absolute;left:250px;top:15px;width:688px;height:138px;
	padding:4px;
	
	font: normal 13px/14px Arial;
	color: #22AA25;
	overflow: scroll-y;
	background:rgba(250,250,250, 0.66);
    z-index: 1001;
}

.theme-the-matrix .content { background: #000000; }
.theme-the-matrix .list .active, #multi.theme-the-matrix .list li:hover { background:#000000; color:#ccc; }
.theme-the-matrix .list .dirty { color:#00FF00; }

.cm-s-the-matrix.CodeMirror { background: #000000; color: #00FF00; }
.cm-s-the-matrix span.CodeMirror-selected { background: #a8f !important; }
.cm-s-the-matrix .CodeMirror-gutters { background: #060; border-right: 2px solid #00FF00; }
.cm-s-the-matrix .CodeMirror-linenumber { color: #FFFFFF; }
.cm-s-the-matrix .CodeMirror-cursor { border-left: 1px solid #00FF00 !important; }

.cm-s-the-matrix span.cm-keyword {color: #008803; font-weight: bold;}
.cm-s-the-matrix span.cm-atom {color: #3FF;}
.cm-s-the-matrix span.cm-number {color: #FFB94F;}
.cm-s-the-matrix span.cm-def {color: #99C;}
.cm-s-the-matrix span.cm-variable {color: #F6C;}
.cm-s-the-matrix span.cm-variable-2 {color: #C6F;}
.cm-s-the-matrix span.cm-variable-3 {color: #96F;}
.cm-s-the-matrix span.cm-property {color: #62FFA0;}
.cm-s-the-matrix span.cm-operator {color: #999}
.cm-s-the-matrix span.cm-comment {color: #CCCCCC;}
.cm-s-the-matrix span.cm-string {color: #39C;}
.cm-s-the-matrix span.cm-meta {color: #C9F;}
.cm-s-the-matrix span.cm-error {color: #FF0000;}
.cm-s-the-matrix span.cm-qualifier {color: #FFF700;}
.cm-s-the-matrix span.cm-builtin {color: #30a;}
.cm-s-the-matrix span.cm-bracket {color: #cc7;}
.cm-s-the-matrix span.cm-tag {color: #FFBD40;}
.cm-s-the-matrix span.cm-attribute {color: #FFF700;}

.cm-s-the-matrix .CodeMirror-activeline-background {background: #040;}






/* -------------------------[ Classes ]-------------- */

.vet	{font-weight: bold;}

.right { float: right;outline: none;}
.left  { float: left;outline: none;}

.pimgroen   { color: rgb(47,27,107);  } 
.pimfontcol { color: #444; }
.pimwit		{ color: #fff; }
.pimbggrijs { background: rgb(230,230,230); }
.pimbgwit	{ background: #ffffff; }
.pimbggroen { background: rgb(47,27,107); }

/*.zichtbaar { display: block;}
.onzichtbaar { display: none;} */
.zichtbaar   { display: block;visibility: visible;width: 100%; }
.onzichtbaar { display: none;visibility: hidden }


.noneselect { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-ms-user-select: none;}






/* -------------------------[ Nieuws ]----------------- */

div.newsblok {
	padding: 30px 0 0 0;
}

a.newslink {
	font-size:11px;
	color:rgb(47,27,107);
	text-decoration:none;
}


div span { cursor: pointer; }

/*	nieuw 8 sept 2014 */
img.vraag {
	width: 13px;
	height: 13px;
	margin: 1px 0 0 0;
}


















/* ============== form and inputs ================================ */




form.enkelkol, form.dubbelkol 
{
	width: 700px;
	overflow: visible;
/*	padding: 2px 0 0 0; needed for Chrome ?  */
}


/* === dubbel kolom -- 705 => 375 + 340 === */

form.dubbelkol fieldset.kol1, div.kol1 { float: left;width: 375px; }
form.dubbelkol fieldset.kol2, div.kol2 { float: left;width: 325px; }




/*	N.B	wanneer eenmaal styles gezet met [type=..] dan werkt daarna 
 *	bijv input.test niet! dat moet dan input[type=text].test worden
 */

form.dubbelkol input[type="text"]
{
	width: 205px; /* 19 aug 208 naar 205 */
}


input {
	color: #444;
	border: 1px solid #CCC; 
	padding: 0;
	font-size: 1.1em;
	text-indent: 3px;
   -o-border-radius: 0px;
   -webkit-border-radius: 0px;
    border-radius: 0px !important;
	line-height: 15px;
}



input:not([disabled]):focus,
input[type="text"]:focus
{
	border: 1px solid rgb(47,27,107);
 /*
	box-shadow: 0 0 2px 0 rgb(47,27,107);
  -webkit-box-shadow: 0 0 4px 0 rgb(47,27,107);
 */
}
textarea:not([disabled]):focus
{
	border: 1px solid rgb(47,27,107); 
/*
	box-shadow: 0 0 2px 0 rgb(47,27,107);
   -webkit-box-shadow: 0 0 2px 0 rgb(47,27,107);
*/
}




/* === TEXTAREAS =============== */


form.enkelkol textarea,
form.dubbelkol textarea 
{
	width: 205px; /* 19aug 208 naar 205 */
	font-size: 1.1em;
	color: #444;
	line-height: 1.2em; 
	height:13px;
	border: 1px solid #ccc; 
	text-indent: 2px;	
	margin: 0 0 0 0;
	resize: none;
	
	/* for ie: */
	overflow-x: hidden;
    overflow-y: hidden;
    -ms-overflow-x: hidden;
	
	-webkit-appearance: none;

	border-radius: 0px !important;
	-o-border-radius:0px;
	-webkit-border-radius: 0px;	
}



form.enkelkol select:hover { 

	background-color: #fff;
}

textarea.abc
{
	height: 17px;
	min-height: 17px;
	max-height: 53px;
	width:457px!important;
	max-width: 457px;

	margin: 0 0 0 0;
	padding: 2px 0 0 3px;
	border: 1px solid #ccc; 
	font: 11px/11px Arial, Helvetica, Verdana, Sans-serif;

	resize: vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-appearance: none;
}



textarea.genarea1
{
	/* resizable textarea */
/*	display: block;
*/
	display: inline-block;		/* opera needs this? */

	font-family: Arial, Verdana, Sans-serif;

	min-height: 13px;
	height: 16px;

	line-height: 15px;
	vertical-align: middle;

	margin: 0 0 0 0;	/* hier nul houden ivm eigen waardes elders */ 
	padding: 0 0 0 0;	/* hier nul houden ivm eigen waardes elders */ 

	border: 1px solid #ccc; 
	resize: none; 

	/* 202 = 205 - 3px paddingLeft  */
/*	width: 202px!important; */

/*	width: 200px;  not-important, zodat script/domstyle er overheen kan komen ? */
	
/*	text-indent: 2px; */ /* text-indent is niet mooi over meerdere regels.. */
	text-indent: 0;
	font-size: 1.1em;
	color: #444;


    overflow-x: hidden;
    overflow-y: auto;
	-ms-overflow-x: hidden;
}

textarea.genarea1:focus {
/*	outline-style: solid;
	outline-width: 2px;
*/
	border-color:rgb(47,27,107);
}





/* ============== labels ================================ */


label
{ 
	font-size: 1.1em;
	text-align: left;

/*	height: 17px !important;	*/
	line-height: 17px;

	vertical-align: middle;
	margin-right: 3px; 	/* 5px zonder border */
}

label.vraag
{
	float: left;
/*	clear: left;	*/
	
	margin-top:		0px;
	margin-right: 	5px;	
	margin-bottom:	6px;		/* 6px => afstand naar volgende regel */
	margin-left:	0px;
	padding:		0px;
	
	width: 226px;
	height: auto !important; 
	min-height: 17px;
	line-height: 17px;
	vertical-align: middle;

	}

div.kol1 label.vraag { clear: left;width: 153px; }
div.kol2 label.vraag { clear: left;width: 110px; }





label.antwoord
{
	float: left;
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
/*	margin: 0;
	padding: 0;
	cursor: pointer;
*/

	}



label.genereer 
{
	/* labels op de genereer pagina */

	height: 17px;
	font: 10px Sans-Serif;
	cursor: pointer;
}







/* Note: IE7 and IE8 support attribute selectors ( like input[type=text] ) only if a !DOCTYPE is specified. */

input[type="text"]
{
	margin-bottom: 8px;	
	border-radius: 0px !important;
	-o-border-radius:0px;
	-webkit-border-radius: 0px;
}


input[type="password"], 
input:not([type])
/* , input[type="text"] */
{
	height: 15px !important;
	vertical-align: middle;
	text-indent: 2px;
}

input:not([type]),input[type="text"]:focus 	{ border: 1px solid ; }
input:not([type]),input.locked:focus		{ border: 1px solid rgb(47,27,107); /* background: #ff9999;color: white; */ }




input[type="password"]:focus,
input[type="text"]:focus,
textarea:focus,
form select:focus {
	outline: none;
	cursor: pointer;
}






select
{
	float: left;	/* safari needs this mainly */
	font-size: 11px;
	width: 206px;
	border: 0;
	margin: 0 5px 8px 0;
	background: url(https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/images/select_206_17.gif) 0 0 no-repeat;
	
	/* for chrome */
	/* padding: 0 0 0 2px; */
	
	/* height: 17px!important; */
	height: 17px;
	
	-webkit-appearance: none;

	outline: none;
	border-radius: 0px !important;
	-o-border-radius:0px;
	-webkit-border-radius: 0px;
}


.select100	{
/*	width: 102px!important; */
	width: 102px; 
	margin: 0;
	background: transparent url(https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/images/select_100_16.gif) 0 0 no-repeat;
}


/* chrome needs this ?  */
option,
select option
{
	/* padding: 0 0 0 2px; */
	text-indent: 2px;

	font-size: 11px;
	color: #444;
}



/* === DUBBELKOLOM TYPE A ( 705 => 375 + 340 ) =============== */

/*	N.B	wanneer eenmaal styles gezet met [type=..] dan werkt daarna 
 *	bijv input.test niet! dat moet dan input[type=text].test worden
 */

form.enkelkol, 
form.dubbelkol 
{
	width: 705px;
	padding-top: 2px; 	/* debug chrome when zooming */
/*	overflow: hidden; */
}

form.dubbelkol fieldset.kol1, .kol1 { float: left;width: 370px; /* was 375 */ }
form.dubbelkol fieldset.kol2, .kol2 { float: left;width: 325px; }


form.dubbelkol input[type="text"]  { width: 205px; /* 19 aug 208 naar 205 */ }

form.dubbelkol .kol2 select { width: 205px; /* 19 aug 208 naar 205 */ }





/* Classes uit generieke data script --------------------------------------------------------*/



/* ============== enkel koloms form ================================ */

form.enkelkol fieldset
{
	float: left;
	margin:0;
	width: 700px;	/*	705px;	*/
}


form.enkelkol input[type="text"]
{
	width: 300px;	
}



form.enkelkol select:hover { 
	background-color: #fff;
}
form.enkelkol option:hover { 
	background-color: rgb(47,27,107);
	color: #fff;
}











/* Note: IE7 and IE8 support attribute selectors ( like input[type=text] ) only if a !DOCTYPE is specified. */


/* gebruikt in o.a. algemene bedrijfsgegevens, indien de default regel-margin uit staat ? */
input[type="text"]
{

	height: 14px;		/* 2x border + 1 padding_top = 17 */
	padding: 1px 0 0 0;
	margin-bottom: 8px;
	font-size: 1.1em;
}


/* gebruikt o.a. in soorten:  getal, text  */
input[type="text"].gentextinput
{ 
	float: left;
	height: 14px;		/* 2x border + 1 padding_top = 17 */
	padding: 1px 0 0 0;
	font-size: 1.1em;
}


form.enkelkol input[type="text"].inputvraag,
form.dubbelkol input[type="text"].inputvraag { 		/* uw gegevens */
	text-indent: 2px;
	width: 200px;		
}
.veldlen1 { width: 110px!important;margin-right: 5px;padding-right:0 }
.veldlen2 { width: 80px!important;margin: 0;}
.veldlen3 { width: 105px!important; }
.veldlen4 { width: 50px!important;margin-right: 5px;padding-right:0  }
.veldlen5 { width: 140px!important; }






















/* ==========  used in generieke functies =============== */



div.wrapper		{ width: 49%;float: left; }
div.visiekop	{ text-align: center; }

/* tussen-Header */
div.tussenhdr	
{
	height: 17px;
	line-height: 17px;
	font-size: 1.2em;
	margin: 0 0 8px 0;
	vertical-align: middle;
}



div.regelwrap 
{
	/*	div #previous-li a.k.a .regelwrap 	*/

clear:both;
	position: relative;

	margin: 0 0 8px 0;				/* 8px ruimte tussen regels	*/
	vertical-align: top;
	line-height: 17px;
	min-height: 17px;
	height: auto ; 
	}



div.vraagwrapper 
{
	position: absolute;
	left: 0px;
	top: 0px;
/*	width: 230px;	overgeheveld naar inline style ivm variatie in breedte */
	height: 17px;			/*	hak hard op 17 hoog => vraaglabel altijd op 1 regel */
	margin:0;
	padding:0;
	}
div.antwoordwrapper 
{
	position: relative;
	top: 0px;
	left: 230px; /* default, to be overwritten */
	width: auto;
	display: table-cell;
/*	display: block;	*/
	height: auto;
	}



h2.blokjeskop	{ /* sub-headers */
	clear: both;
	margin: 24px 0 10px 0;
	color: rgb(47,27,107);
	font-size: 1.3em;
}



span.prefix 
{ 
	float: left;
	font-size: 1.1em;
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
}

span.appendix {
	font-family: Arial, Helvetica, Verdana, Sans-Serif, SansSerif;
	font-size: 1.1em;
	line-height: 17px;
	float:left;
	padding: 0 0 0 4px;
	margin: 0;
}

span.perc_appendix {
	margin: 0 5px 0 5px;
	line-height: 16px;
	vertical-align: middle;
}

span.text_appendix {
	float: left;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: middle;
}


div.ledig { 					/*	generieke methode voor:	last method - default */
	margin: 0 0 0 10px;
	padding: 1px;
	height: 13px;
	line-height: 12px;
}


div.grp_klapregel {				/*	De div om elke groep regels */
	margin: 0;
	padding: 0;

	}

div.grp_subklapregel {			/*	De div om elke sub-groep regels */
	margin: 0;
	padding: 0;
}


div.klapregel
{
	margin: 0;
	padding: 0;
/*	min-height: 17px;*/

/*	overflow: hidden; 
	height: auto!important;
*/
	}

div.altklapregel
{
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}


span.uploadalter
{
	float: left;
	text-indent: 2px;
	margin: 0 10px 0 0;
	padding: 0;
	height:17px !important;
	font-size: 1.1em;
	line-height: 17px;
	vertical-align: middle;
}



/* VINKJES SCRIPT & SELECT --------------------------------------------------------*/

/*
div.vinkjeswrap 
{
	width: 250px; 
	height: 16px !important;
	padding: 0 0 4px 0;
	margin-bottom: 8px;
}

form.dubbelkol fieldset.kol1 div.vinkjeswrap { margin: 0 0 9px 150px; }
form.dubbelkol fieldset.kol2 div.vinkjeswrap { margin: 0 0 9px 100px; }
*/

span.vinkje {
	height: 16px !important;
	float: left;
	font-size: 1.1em;
	padding: 0 7px 0 0;
	margin: 0 0 8px 0;
}

div.selectwrap 
{
	width: 215px;	/* input width */
	height: 12px;
	padding: 0;
}
form.dubbelkol fieldset.kol1 div.selectwrap { margin: 0 0 11px 150px; }
form.dubbelkol fieldset.kol2 div.selectwrap { margin: 0 0 11px 100px; }
fieldset.kol2 .selectwrap
{
	width: auto;
	margin: 0;
	padding:0;
}


/*
fieldset.kol2 select
{
	margin: 0;
	padding:0; 
}
*/


/* Ryan Fait */
/*
form input[type="checkbox"],
form input[type="radio"] 
{
    cursor: pointer;
	outline: none;
}
*/

.checkbox, .radio 
{
	width: 15px;
	height: 17px;
	background: url(https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/images/nieuw_vinkje_15x17_2.jpg) no-repeat; 

	padding: 0 5px 0 0;

	display: block;
	float: left;
	cursor: pointer;
	outline: none;	
}



a.css_btn_class, 
input.css_btn_class,
button.css_btn_class
{
	font-family:  Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;

/*	padding: 0px 23px 0 23px; */
	padding:0;
	margin: 0px;
	text-decoration: none;

/*	display: block; */ 	/*	voorheen inline-block, maar width en margins werken niet (!) voor inline-block 
						LET OP: min-width werkt WEL
					*/
	height: 20px;
	line-height: 16px;
	vertical-align: top;
	background-color: rgb(47,27,107);
	color: #fff;
	cursor: pointer;
	border: none;
	border-width: 0;
	outline: none;
	letter-spacing: 1px;
/*	-webkit-font-smoothing: none;	*/
/*	-webkit-text-size-adjust:none; */
}


.css_btn_w150 { position: relative;width: 150px;	} 
.css_btn_w70  {	width: 70px;	} 
.css_btn_w80  { width: 80px;	}


a.css_btn_class:hover,
input.css_btn_class:hover,
button.css_btn_class:hover
{
	background:	-ms-linear-gradient( top, #5f4b9b 5%, #2f1b6b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f3b8b', endColorstr='#2f1b6b');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #5f4b9b), color-stop(100%, #2f1b6b) );
	background-color: #5f4b9b;

	-webkit-box-shadow: 2px 2px 6px 1px rgba(47,27,107,0.25);
	 box-shadow: 2px 2px 6px 1px rgba(47,27,107,0.25);
} 

button.borderdik {
	border: 3px double rgb(47,27,107);	
}


.innershadow {
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}







select
{
	float: left;	/* safari needs this mainly */

	font-size: 1.1em;
	width: 206px;

	margin: 0 5px 8px 0;

	background: transparent url("https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/images/select_206_17.gif") 0 0 no-repeat; 

	/* for chrome */
	/* padding: 0 0 0 2px; */
	
	height: 17px!important;	
	line-height: 17px;
	

	-webkit-touch-callout: none;

	-webkit-appearance: none;
	-moz-appearance: none;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;

	outline: none;
	border: 0;
	border-radius: 0px !important;
	-o-border-radius:0px;
	-webkit-border-radius: 0px;
}

	
.select100
{
/*	width: 102px!important; */
/*	background: url("https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/images/select_100_16.gif") 0 0 no-repeat; */
	/* wordt in genrieke_functies gezet */
/*	background: url("https://www.pensioeninventarisatiemodel.nl/assets/templates/pim/images/vinkjes/select_100_17.gifa") 0 0 no-repeat; */

}



form.dubbelkol .kol2 select { width: 205px; /* 19 aug 208 naar 205 */ }





/* chrome needs this ?  */
option,
select option
{
	text-indent: 2px;

	line-height: 11px;
	font-size: 1.1em;
	color: #444;

	outline: 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;

}

option:hover
{ 
	outline: 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select:focus {
	border: 1px solid rgb(47,27,107);
/*	box-shadow: 0 0 2px 0 rgb(47,27,107);
   -webkit-box-shadow: 0 0 4px 0 rgb(47,27,107);
*/
}

select option:hover 
{
/*
	box-shadow: 0 0 2px 0 rgb(47,27,107);
   -webkit-box-shadow: 0 0 4px 0 rgb(47,27,107);
*/
}




::selection 	 	{ background: #2F1B6B; color: #fff; }
::-moz-selection 	{ background: #2F1B6B; color: #fff; }
img::selection 		{ background: transparent;}
img::-moz-selection	{ background: transparent;}




/*	----------[ vendor specific styles ]----------	*/



/*	-----[ Chrome ]----- */

.vendor-webkit html
{
	/* Note: webkit browser (chrome/safari) need to add the following code when font-size smaller than 12px */
	-webkit-text-size-adjust:none;
}

.vendor-webkit body
{
	-webkit-tap-highlight-color: #2F1B6B;
}

.vendor-webkit select
{
	padding: 0 0 0 3px;
}

.vendor-webkit ::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
}

.vendor-webkit ::-webkit-scrollbar-track
{ 
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
} 

.vendor-webkit ::-webkit-scrollbar-thumb 
{ 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 
	background: rgba(47,27,107,0.8); 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.vendor-webkit ::-webkit-scrollbar-thumb:vertical
{
	height: 8px;
	background-color: rgb(47,27,107);
}


/*	-----[ IE ]----- */

.vendor-ie body
{
	scrollbar-base-color: 		#C0C0C0;
	scrollbar-face-color: 		rgb(47,27,107);
	scrollbar-3dlight-color: 	#C0C0C0;
	scrollbar-highlight-color: rgb(246,246,246);
	scrollbar-track-color: 		#FFFFFF;
	scrollbar-arrow-color: 		rgb(246,246,246);
	scrollbar-shadow-color: 	rgb(27,7,87);
	scrollbar-dark-shadow-color:#444;
	zoom: 1;
}

.vendor-ie table.regeltabel textarea
{
	resize: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-x: hidden !important;
}

.vendor-ie input.diseebel
{
	cursor: pointer;
	font-weight: bold; 
	outline: none;
} 
.vendor-ie input.diseebel:hover
{
	
}

.vendor-ie label.mv { cursor: pointer; } 

.vendor-ie select
{
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.vendor-ie h1.shadowed,
.vendor-ie h1.shadowed95
{
	height: auto;
	font-size:x-large;
	display: inline-block;
	padding-right: 15px;
	filter: Shadow(Strength=3, Direction=135, Color=#424242);
}

.vendor-ie .noie6
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 66px;
	padding:10px;
	background: #EE6666;
	border: 4px dashed #EE6666;
	color: #FFF;
	text-align: center;
	font-size: medium;
}

.vendor-ie #ticks .tick
{
	top: -123px; /* 128 */
}	

.vendor-ie caption 
{
	padding-bottom: 5px; /* 0 */
}

.vendor-ie input[type="checkbox"]
{
	border: 1px solid transparent;
}

.vendor-ie input.button
{
	margin: 2px 2px 0 0;
	border: 2px solid #644242;
	background: #ddd;
	color: #444;
	cursor: pointer;
	height: 32px;
	line-height: 30px;	
	padding: 0 10px 0 10px;
}
.vendor-ie-7 input.button { padding: 0 16px 0 16px; }

.vendor-ie input.button[class]
{
	width: auto;  /* cancel margin fix for other browsers */
}

.vendor-ie-7 #footer
{ 
	display: table;
	height: 100%;
	margin-top: 275px;
}
.vendor-ie-7 #foot
{ 
	margin-top: 275px;
}
.vendor-ie-7 input.button
{
	width: 0;
	overflow: visible;
}