/*---------------------------------------------------------- 
The base color for this template is #5c87b2. If you'd like to 
use a different color start by replacing all instances 
of #5c87b2 with your new color. 
----------------------------------------------------------*/ 

html
{
	font-size: 100%;
}
body
{
	font-size: 11px;
	color: #484848;
	background: #fff;
	font-family: Verdana; /*line-height: 150%;*/
}

fieldset
{
   border:none;
}

    
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	clear: both;
	font-weight: normal;
	color: #484848;
}

h1
{
	font-size: 24px;
	margin-bottom: 0.5em;
}
h2
{
	font-size: 11px;
	font-weight: bold;
}
h3
{
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}
h4
{
	font-size: 1.0em;
	line-height: 1.25;
	margin-bottom: 1.25em;
	/*text-decoration: underline;*/
}
h5
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6
{
	font-size: 1em;
	font-weight: bold;
}
div.h3
{
	font-weight: bold;
	padding-top: 10px;
	color: #666;
}

/*
legend h2
{
	 width: 950px;   
}*/

legend
{
	/*margin-left:-7px;  weg ivm Offerteaanvraag/dekkingen, erin ivm IE7 */ 
	/*padding-top:25px;*/
	border-top: 1px solid #CCCCCC;
	margin-bottom: 12px;
	line-height: 18px;
	width: 100%;
	font-weight: bold;
}

.aanvraag-overzicht fieldset legend
{
    border-style: none;
}

* + html legend
{
	/* OPLOSSING IE7 LEGENS PROBLEM, +HTML ETC... IS IE7 ONLY */
	margin-left: -7px;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
	margin: 0;
}
p
{
	padding: 2px 0;
}
img
{
    border: none;
}

INPUT[type="text"], INPUT[type="email"], INPUT[type="password"], SELECT, TEXTAREA
{
	font-family:Verdana;
	font-size: 11px;
	border: 1px solid silver;
}
SELECT
{
	min-width: 165px;
	max-width: 284px;
	overflow: scroll;
}

select.expand
{
	width: auto;
}

select.placeholder, select option.placeholder
{
    color: rgb(109,109,109);
}
select.placeholder option
{
    color: black;
}

.mpbutton
{
    margin-left: 5px;
    border: 0px;
    border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    /*behavior:url(border-radius.htc); als vfs ooit .htc toelaat....*/
    padding: 3px 7px;
	font-size: 11px;
	color: #ffffff;
    background-size: 100% 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8d7', endColorstr='#3c7dc3'); /* for IE*/
    background: -webkit-gradient(linear, left top, left bottom, from(#67a8d7), to(#3c7dc3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #67a8d7,  #3c7dc3); /* for firefox 3.6+ */ 
	background-color: #3c7dc3; /* for non-css3 browsers */
}

.mpbutton:disabled {
    color: silver;
}

.mpbutton:hover
{
    background: #67a8d7 !important;
    filter: none !important;
}

INPUT[type="file"]
{
	font-size: 11px;
	padding: 3px;
}
INPUT[type="checkbox"]
{
    vertical-align: middle;
}

.BeroepZelfstandige div.t-combobox
{
    width: 305px;
}

div.form-container div.controlset .BeroepZelfstandige input.t-input 
{
    width: 290px;
}

.NevenBeroepZelfstandige div.t-combobox
{
    width: 305px;
}

div.form-container div.controlset .NevenBeroepZelfstandige input.t-input 
{
    width: 290px;
}

.StaffelArrangement div.t-combobox
{
    width: 305px;
}

div.form-container div.controlset .StaffelArrangement input.t-input 
{
    width: 290px;
}


.SbiCode div.t-combobox
{
    width: 305px;
}

div.form-container div.controlset .SbiCode input.t-input 
{
    width: 290px;
}

.CbsBeroepenclassificatieType div.t-combobox
{
    width: 305px;
}

div.form-container div.controlset .CbsBeroepenclassificatieType input.t-input
{
    width: 290px;
}

/* workaround for non-closed <var/> element */
var
{
    font-style: inherit;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

DIV.wrapper
{
	width: 960px;
	margin: 20px auto;
}

#header
{
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

#header h1
{
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px !important;
}

#main
{
	padding: 30px 30px 15px 30px;
	background-color: #fff;
	margin-bottom: 30px;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}
/*
table.RowRecordGrid
{
	border-collapse: collapse;
	border: 1px solid #777;
	margin: 16px 0px 16px 0px;
}
table th
{
	background: #ffc;
	border-bottom: 1px solid #CCC;
	text-align: left;
	padding: 2px 4px 2px 4px;
}
table td
{
	border-bottom: 1px solid #ccc;
	padding: 0px 4px 0px 4px;
}
table tr.invalid td
{
	border-bottom: 1px solid #c00;
	background-color: #fcc;
	border-bottom-color: #CC0000;
}

table tr.odd td
{
	background-color: #F0F0F0;
	border-bottom: #CCCCCC solid 1px;

}

table tr.even td
{
	background-color:White;
		border-bottom: #CCCCCC solid 1px;
}
*/

textarea
{
	width: 350px;
	height: 50px;
}

.input textarea
{
	max-width: 280px;
    height: 140px;
}

div
{
	padding: 0px;
}

fieldset div
{
	padding: 2px 0px;
}
/* TAB MENU   
----------------------------------------------------------*/

ul#menu
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	height: auto;
	width: 350px;
}

ul#menu li
{
	float: left;
	display: inline;
	list-style: none;
	padding: 7px 0px;
	margin-left: 5px;
}


.topmenu
{
	background-image: url(Images/topmenu_orange.png);
	background-repeat: repeat-x repeat-y;
	height: 16px;
}

ul#menu li#greeting
{
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	color: #fff;
	height: 16px;
}

ul#menu li a
{
	text-decoration: none;
	color: #fff;
	padding: 0px 7px;
	height: 16px;
	font-size: 12px;
}

ul#menu li a:hover
{
	text-decoration: none;
}

ul#menu li a:active
{
}

ul#menu li.selected a
{
}


/* MISC  
----------------------------------------------------------*/
.error
{
	color: Red;
}
p.errormessage
{
    padding-left:10px;
    color: Red;
}
#title
{
	display: block;
	float: left;
	text-align: left;
}

#logindisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 10px;
	color: White;
}

#logindisplay a:link
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited
{
	color: white;
	text-decoration: underline;
}
.legendControle
{
	width: 100%;
}
.product_nav_links
{
	float: right;
	font-weight: normal;
}
div.mp-collapse-all-container
{
    float: none;
    margin-bottom: 1em;
    margin-left: 18px;
}
.totaalbedrag
{
	float: right;
	font-weight: normal;	
}

div.totaalbedrag
{
    text-align:right;
    margin-right:340px;
}

.totaalbedragPP
{
	float: right;
	font-weight: bold;	
}

div.totaalbedragPP
{
    text-align:right;
    margin-right: 80px;
}

div.onderdeeltotaalbedragPP 
{
    margin-right: 35px !important; 
}

.dekkingnaam
{
    padding-top: 0px;
    padding-bottom: 12px;
    text-decoration: none;
    text-align: right;
    color: #484848;
    outline-style:none; 
    font-size: 11px;
    font-family: Verdana;
    line-height: 18px;
    font-weight: bold;
    width: 282px;
    float: left;
}
.dekkingnaamvalue
{
    
    text-decoration: none;
    color: #484848;
    outline-style:none; 
    font-size: 11px;
    font-family: Verdana;
    line-height: 18px;
    float: left;
    margin-left: 120px !important;
}

.dekkinglegend
{
    border: 0px;
    text-align:right;
    margin-bottom: 0px;
    height: 30px; /* needed for Chrome  -Bug 23215 */
}

/*
.product_nav_links a:link
{
	color: #5F96CC;
	text-decoration: none;
}

.product_nav_links a:visited
{
	color: #5F96CC;
	text-decoration: none;


}
*/

.feedback {
    position: fixed;
    left: 45%;
    z-index: 1021;
    height: auto;
    width: auto;
    min-height:20px;
    padding: 7px 40px;
    background-color: #FFF1A8 !important; 
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: url(images/ajax-loader.gif) no-repeat;
    background-size: 25px;
    background-position-x: 5px;
    background-position-y: 5px;
    font-size: 11px;
    display: none;
}

TD.cg
{
	position: absolute;
	margin-top: -1px;
}
TD.cgtekst
{
	padding-left: 15px;
}
/* List
--------------------------------------------------------*/
ul.list 
{
	display:inline-block;
	margin-left:-40px;
}

ul.list li
{
	/*float: left; width: 200px;*/
	text-align:left;
	height: auto;
	margin-top: 2px;
	max-width:300px;
	list-style-type:none;
	display:list-item;
}

/* Radioset
--------------------------------------------------------*/
div.radio
{
}


ol.radioset
{
	list-style-type: none; /* no bullets */
	padding: 0px;
	margin: 0px;
	display: block;
}

ol.radioset li
{
	min-width: 75px;
    margin-right: 4px;
	display: inline-block;
}

ol.radioset.vertical li
{
    float: none;
    display: block;
}

.radio ol.radioset li
{
	width: 175px;
	float: left;
}

#radiovertical ol.radioset li
{
}
/* Required
--------------------------------------------------------*/
INPUT.req, SELECT.req, TEXTAREA.req
{
	/*background-color: #fff*/
}
/*
INPUT.req:before, SELECT.req:before, TEXTAREA.req:before
{
	position: relative;
	content: "*";
	margin-left: -10px;
	color: Red;
}

.req:before
{
	position: relative;
	content: "*";
	margin-left: -10px;
	color: Red;
}*/

SPAN.rdoGrp INPUT.req
{
	background-color: transparent;
}

/*
TD.req, LABEL.req
{

	font-weight: bold;
}*/

SPAN.reqInd
{
	padding-left: 2px;
	color: #006E93;
}

Span.requiredSpan, span.required-indicator
{
	display: inline;
	content: "*";
	margin-left: -12px;
	color: Red;
	padding-top:6px;
	padding-right: 5px;
	float: left;
}

/* Disabled
--------------------------------------------------------*/
A.dis
{
	color: Gray;
	cursor: text;
}

SPAN.dis
{
	color: Gray;
}

INPUT.dis, SELECT.dis, TEXTAREA.dis
{
	background-color: #E5E5E5;
}

/* Read-only
--------------------------------------------------------*/
INPUT.ro, SELECT.ro, TEXTAREA.ro
{
	background-color: #E5E5E5;
}

/* CheckBoxList
--------------------------------------------------------*/
ol.checkboxlist
{
	list-style-type: none; /* no bullets */
	padding: 0px;
	margin: 0px;
}

ol.checkboxlist li
{
	display: inline; /* make list horizontal */
}

ol.checkboxlist.vertical li 
{
    display: block; /* make list vertical */
}

/* Validation summary/message
--------------------------------------------------------*/

.field-validation-error
{
	color: #ff0000;
}

SELECT.input-validation-error
{
	border: 1px solid #750a0a;
}

INPUT.input-validation-error[type="text"]
{
    border: 1px solid #750a0a;
}
* + html SELECT.input-validation-error
{
	/*IE7 SOLUTION */
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#750a0a) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#750a0a) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#750a0a) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#750a0a);
}
/* this works only in IE8 */
@media \0screen {
  #m0_0_VerzuimVerzuimpercentage,#m0.SoortBedrijf
   {
       width: auto;
   } 
}
/* this works only in IE7 */
 * + html #m0_0_VerzuimVerzuimpercentage,#m0.SoortBedrijf
 {
     width: auto;
 }
 
ul.validation-summary-errors 
{
	clear: both;
    border: 1px solid #750a0a;
	width:96%;
	margin: 5px;
	margin-top: 15px;
	padding: 2px 10px;
	overflow: auto;
	display:list-item;
	float: left;
}

div.validation-summary-errors
{
	clear: both;
	width:96%;
	margin: 5px;
}

ul.validation-summary-warnings
{
	clear: both;
	width:96%;
	border: 1px solid black;
	margin: 5px;
	margin-top: 15px;
	padding: 2px 10px;
	overflow: auto;
	display:list-item;
	float: left;
}

ul.validation-summary-infos
{
	clear: both;
	width:96%;
	border: 1px solid black;
	margin: 5px;
	margin-top: 15px;
	padding: 2px 0px;
	overflow: auto;
	display:list-item;
	float: left;
}


* + html ul.validation-summary-errors
{
	float:none;
}

li.err, span.err, li.wrn, span.wrn, li.inf, span.inf, li.ftn, span.ftn, tr.ftn
{
	/*background-position: 0 .2em;*/
	background-repeat: no-repeat;
	list-style-type: none;
	display: block;
	padding: 1px 0px 5px 1px;
	color: black; 
	background-image: none;
}

li.err, span.err {
	color: #750a0a; /*min-width: 280px;*/
}

li.err {
    width: 49%;
}

span.err {
	padding: 1px 0px 5px 20px;
    background-image: url(Images/error.png);
}

li.wrn, span.wrn
{
	padding: 1px 0px 5px 20px;
    background-image: url(Images/error.png);
}

li.inf, span.inf
{
}

li.ftn, span.ftn, tr.ftn    
{
	color: #750a0a; /*min-width: 280px;*/
}


.firstDivPopup
{
	width:480px;
}

.ui-widget-overlay
{
    z-index: 1000 !important;
}

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

div.label
{
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-top: 2px;
	height: 20px;
	text-align: right;
}

.controlset.html-full-width div.label, .controlset.html-full-width div.info
{
    display: none;
}

div.mutlabel
{
	float: left;
	width: 175px;
	margin-right: 10px;
	margin-top: 2px;
	height: 20px;
	text-align: right;
}


div.labelNaam
{
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-top: 2px;
	height: 20px;
	text-align: right;
}

div.Labelvoorvoegsels
{
	float: right;
	width: 150;
	margin-right: 0px;
	margin-top: -2px;
	height: 20px;
	text-align: right;

}

div.label_inspringen
{
	width: 390px;
	padding-left: 10px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

div.literal
{
	float: left; /*width: 200px;*/
	text-align:left;
	height: auto;
	margin-top: 2px;
	max-width:300px;
} 

div.input
{
	float: left; 
	height: auto;
	margin-top: 2px;
    min-width: 201px;
    max-width: 355px;
}

.controlset.html-full-width div.input
{
    max-width: none;
    width: auto;
}

.controlset.html-warning div.input {
    border: 1px solid #FC6;
    padding: 4px 4px 4px 20px;
    background-image: url(Images/warning12x12.png);
	background-repeat: no-repeat;
	background-position: 4px 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.adminInputIE7 {
    min-width: 190px;
}

div.mutinput
{
	float: left; 
	height: auto;
	margin-top: 2px;
    min-width: 201px;
    max-width: 295px;
}

div.orginput
{
	float: left;
	width: 135px;
    margin-right: 10px;
	text-align: left;
	height: auto;
	margin-top: 2px;
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.premie-bundle
{
    clear: both;
}

.premie-bundle div.input
{
    min-width: 0px;
    text-align: right;
}

.dekking-bundle
{
    padding-left: 0px;
}

.dekking-bundle > legend > .label
{
    width: 280px;
    display: block;
    float: left;
    text-align: right;
}

.dekking-bundle > legend > .value
{
    float: left;
    margin-left: 120px;
}

.dekking-bundle div.controlset div.input
{
    margin-left: 100px;
}

.currency-symbol
{
    float: left;
}

div.input_ps
{
	clear: both;
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px 5px 0px 250px;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.label_ps
{
	float: left;
	clear: none;
	width: 300px;
	height: 20px;
	padding-top: 4px;
	margin-top: 5px;
}

div.input_small
{
	float: left;
	display: inline-block;
	width: 160px;
}

div.input_center
{
   float: left; /*width: 200px;*/
	text-align: center;
	height: auto;
	margin-top: 2px;
	margin-right:5px;
	margin-left:50%;
}

div.input_checkbox
{
	display:inline-block;
	text-align: center;
	height: auto;
	margin-top: 2px;
	overflow:visible;
	
}

 .WGAMaxWidth
 {
	 overflow:visible;
	 width: 380px;
 }

div.slotverklaring
{
	margin-left:10px;
	margin-right:10px;
	margin-top: 2px;
}
div.message
{
	float: left;
	z-index: 1;
	/*width: 16px;*/
	margin-left:10px  !important;
	height: 20px;
	margin-top: 2px;
	max-width: 190px;
}

div.dekkingsgebied 
{
    width:120px;
}

/*messages in nested blocks should be smaller*/
fieldset fieldset div.message
{
    max-width: 155px;
}

div.mutmessage
{
	float: left;
	z-index: 1;
	/*width: 16px;*/
	margin-left:10px  !important;
	height: 20px;
	margin-top: 2px;
	max-width: 150px;
}

div.message_small
{
	display: block;
	padding: 2px;
	padding-top: 2px;
}

div.form-container
{
	float: left;
	width: 780px;
	min-height: 530px;
}

div.form-container .full-width
{
    width: 970px;
}

div.errors
{
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
}
div.errors p
{
	margin: 0;
}
div.errors p em
{
	color: #C00;
	font-style: normal;
	font-weight: bold;
}

div.form-container form p
{
	margin: 0;
}
div.form-container form p.note
{
	margin-left: 170px;
	font-size: 90%;
	color: #333;
}
div.form-container form fieldset
{
	/*width: 700px;*/
	margin-bottom: 15px; /*margin: 10px 0; 	/*padding: 10px;*/
	border: 0px;
}

div.form-container form fieldset.odd {background-color: Silver}

div.form-container form fieldset.even {background-color: White}

div.form-container form fieldset div
{
	/*padding: 0.5em 0;*/
}
div.form-container label, div.form-container span.label
{
	/* margin-right: 10px;     padding-right: 10px;     width: 350px;     display: inline-block;     float: left;     text-align: left;     position: relative;     overflow: visible;     line-height: 150%; */
}
div.form-container span.label Label
{
	/*margin-right: 0px;     padding-right: 0px;     width: auto;*/
}

div.form-container input[type="text"],
input[type="email"],
input[type="password"],
div.form-container span.input[type="text"]
{
	width: 157px;
}

div.form-container input[class*="input_half"]
{
    width:73px;
}
div.form-container input[class*="input_one_thirds"],
div.page_Layout_Pop_Up input[class*="input_one_thirds"]
{
    width:47px;
}

div.form-container input[class*="input_two_thirds"],
div.page_Layout_Pop_Up input[class*="input_two_thirds"]
{
    width:98px;
}

/*div.form-container select, div.form-container span.select
{
	width:150px;
	display:inline-block;
	overflow:visible;
}*/

.two_column
{
    float: left;
    padding: 0;
    width: 100px;
}
div.form-container span.message label
{
	margin-left: 300px;
	padding-left: 10px;
	width: auto;
	display: inline-block;
	clear: both;
	text-align: left;
	position: relative;
}

ol.list label
{
	display: inline;
	clear: both;
	text-align: left;
	position: relative;
}
div.form-container label.err, div.form-container span.err
{
}
div.form-container label em, div.form-container span.label em
{
	position: absolute;
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}
div.form-container input.err
{
	border-color: #C00;
	background-color: #FEF;
}
/*div.form-container input:focus, div.form-container input.errors:focus, div.form-container textarea:focus
{
	background-color: #FFC;
	border-color: #FC6;
}
div.form-container input[type='button']:focus
{
	background:none;
}*/
div.form-container div.controlset label, div.form-container div.controlset input
{
	clear: both;
	display: inline;
}

div.input label
{
    padding-right: 3px;
}


div.form-container div.controlset div
{
	margin-left: 0px;
	height: auto;
	min-height: 20px;
}

div.controlset div .tooltip-content
{
	margin-left: 0px;
}

div.controlset
{
	clear: both;
	padding-left: 0px;
	height: inherit;
	vertical-align: bottom;
	width: 100%;
}

/* clearfix because controlset contains floating divs */
.controlset:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
} 

div.shadowprop 
{
	cursor: pointer;
}
.page_navigation
{
	margin-top: 20px;
	margin-bottom:10px;
	display:inline-block;
}

.page_navigation p#prev
{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
.page_navigation p#next
{
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.page_navigation p#save
{
	margin: 0px;
	padding: 0px;
	float: left;
}/*
.page_navigation p#next INPUT[type="button"]
{
}

.page_navigation p#prev INPUT[type="button"]
{
}

.page_navigation p#save INPUT[type="button"]
{
}

	*/

.aplazabutton
{
    vertical-align: middle;
    outline: none;
}
.disabledaplazabutton
{
    vertical-align: middle;
    outline: none;
    filter: alpha(opacity=25); 
    -moz-opacity:0.23; 
    opacity:0.25
}

div.samenstelling_name
{
    width: 150px;
    text-align:right;
    float: left;    
}
    
div.samenstelling
{
    width: auto;
    padding-left: 10px;
    float: left;
}

.pakket-samenstelling
{
    width: 80%;
    margin-bottom: 3em;
}
.pakket-samenstelling th
{
    text-align: left;
}
.pakket-samenstelling input[type=button]
{
    margin-right: 3pt;
}

.contracten
{
	margin-left: 370px;
}

/* Tooltip style*/
.tooltip-content-info
{
	display: none; /* required */
	position: absolute; /* required */
	width: 300px;
	max-height: 450px;
	overflow-y: auto;
	cursor: help;
	padding: 5px 10px 5px 40px;
	border: 1px solid #7b8184;
	background-color: White;
	z-index: 2;
	margin: -0.4em 0px 0px 0px;
	background-image: url(Images/info-icon.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
    text-align:left;
}

.tooltip-content-info h1
{
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0px;
	margin-left: 20px;
}

.tooltip-content-info p
{
	padding: -16px 0px 0px 20px;
}

.tooltip-content-warning
{
	display: none; /* required */
	position: absolute; /* required */
	width: 250px;
	cursor: help;
	padding: 5px 10px 5px 20px;
	border: 1px solid #7b8184;
	background-color: White;
	z-index: 2;
	margin: -0.4em 0px 0px 0px;
	background-image: url(Images/warning12x12.PNG);
	background-repeat: no-repeat;
	background-position: 3px 3px;
    text-align:left;
}

.tooltip-content-warning h1
{
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0px;
	margin-left: 20px;
}

.tooltip-content-warning p
{
	padding: -16px 0px 0px 20px;
}


.tooltip-info
{
	cursor: help;
	background-image: url(Images/info-icon.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
    display: inline-block;
}

.tooltip-warning
{
	cursor: help;
	background-image: url(Images/warning12x12.PNG);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}


/* Pop up form styles
--------------------------------------------------------- */
.page_Layout_Pop_Up
{
    
}

.page_Layout_Pop_Up .controlset
{
    clear: both;
	padding-left: 0px;
	height: inherit;
	vertical-align: bottom;
}

form.page_Layout_Pop_Up .controlset
{
    height: auto;
}

.page_Layout_Pop_Up .label
{
	float: left;
	width: 150px;
	margin-top: 5px;
	height: 20px;
}

form.page_Layout_Pop_Up .label
{
    height: auto;
}

.page_Layout_Pop_Up .input
{
	float: left;
	width: 200px;
	text-align: left;
	height: auto;
	margin-top: 2px;
}


.page_Layout_Pop_Up .pop_up_ValidationSummary
{

	border: 1px solid #750a0a;
	/*margin: 5px; /*max-height: 10%;*/
	/*margin-top: 15px;
	padding: 2px 10px;*/

}

/* Pop up form styles for Amersfoorts
--------------------------------------------------------- */
.controlset_pop_up
{
    clear: both;
	padding-left: 0px;
	height: inherit;
	vertical-align: bottom;
}

div.label_popUp
{
	clear: both;
	float: left;
	width: 130px;
	margin-top: 5px;
	height: 20px;
}

div.input_popUp
{
	float: left;
	width: 200px;
	text-align: middle;
	height: auto;
	margin-top: 2px;
}


.pop_up_ValidationSummary
{

	border: 1px solid #750a0a;
	/*margin: 5px; /*max-height: 10%;*/
	/*margin-top: 15px;
	padding: 2px 10px;*/

}
 
/* Site.Master layout
-----------------------------------------------------------*/

div.ui-layout-north
{
	position: relative;
	height: 80px;
}

div.ui-layout-north .drp
{
	z-index: 10;
}

div.ui-layout-south
{
	display: none;
	padding: 2px 0px;
	text-align: center;
	background-color: #eee;
	color: Gray;
	border-top: 1px ridge #eee;
}

div.ui-layout-center
{
	display: table;
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-bottom:30px;
	width:100%;
}
div.ui-layout-content
{
	padding: 0px;
}

div.ui-layout-sitemap
{
	position: relative;
	height: 60px;
}
div.ui-layout-sitemap a
{
	color: #5F96CC;
	text-decoration: none;
}

div.ui-layout-west
{
	/*position: absolute;*/
	left: 0px;
	top: 110px;
	width: 200px;
	padding: 5px;
	display: none;
}

div.title-header
{
	float: left;
	height: auto;
	padding: 0px 5px 10px 5px;
}

ul.main
{
	white-space: nowrap;
}

div.ui-layout-west ul.treeview
{
	display: block;
}

div.ui-layout-west .voortgang
{
	position: relative;
	height: 300px;
	padding-top: 30px;
	text-align: center;
}

.voortgang h1
{
	padding: 0 0 10px 0;
	font-size: 1.5em;
	display: block;
	border-bottom: thin solid silver;
}
div.ui-layout-sitemap .pth
{
	line-height: 2em;
	padding: 0px 0px 5px 0px;
	overflow: auto;
}




div.ui-layout-west .SelectedProduct
{
	position: relative;
	height: 300px;
	border-top: thin solid silver;
}


pth.main ul
{
	list-style-image: url(Images/home_seperetor.jpg);
	list-style-position: outside;
}
/* Producten    
----------------------------------------------------------*/

ul#producten
{
	clear: both;
	position: absolute;
	padding:0px;
	margin:0px;   
}

ul#producten li
{
	float: left;
	height: 30px;
	text-decoration: none;
	list-style: none;
	color: #989898;
	padding-right: 20px;
}

ul#product li a, ul#product li a:active, ul#product li a:hover, ul#product li a:link, ul#product li a:visited
{
	text-decoration: none;
}
.nav, .navCurrent, .navActive
{
	padding-right: 0px;
}
ul#producten span.nav
{
}
ul#producten span.navActive
{
	color: Silver;
}

ul#producten span.navActive a:visited
{
	text-decoration: none;
	color: #5F96CC;
}

ul#producten span.navCurrent
{
	text-decoration: none;
}
ul#producten span.navLast
{
}
ul#producten span.navActiveLast
{
	color: Silver;
}
ul#producten span.navCurrentLast
{
	color: #5F96CC;
	text-decoration: none;
}

/* Proces Navigation
-------------------------------------------------------------------------*/

#navigationhometop
{
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 29px;
	background-color: #e0e3e8;
    background-image: url(Images/menuBackgroundTop.png);
	background-repeat: repeat-x;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	padding-top:0px;
}

#navigationhomebottom
{
	position: absolute;
	top: 35px;
	width: 100%;
	height: 29px;
	background-color: #fff;
	border-bottom: 1px #ccc solid;
}
/* undo */
.cornersTop {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#proces
{
	text-align: left;
	margin-bottom: 0px;
	font-weight: bold;
    height: 100%;
}

.flowGroup
{
    float: left;
    height: 100%;
    padding: 0px;
}

.flowGroupName
{
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}
.flowGroupNumber
{
    display: none;
}

/* Toggle collapsed / expanded */
.mp-collapsed .mp-collapsable-body 
{
    display: none;
}
.mp-collapsable-bar
{
    background-image:url(Images/treeview-expanded.png);
    background-position:left;
    background-repeat:no-repeat;
    padding-left: 12px;
    text-decoration: none;
    color: #484848;
    outline-style:none; 
}

.mp-collapsed .mp-collapsable-bar
{
     background-image:url(Images/treeview-collapsed.png);
}

.onderdeel-bar
{
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

/* Amersfoortse */
.AmersfoortseAlign
{
	height: 35px !important;
	margin-bottom:0px !important;
	margin-left:0px !important;
	margin-top:0px !important;
	padding: 0px !important;
	text-align:center;
	margin-right:10px;
}

.amersfoortse_label
{
	clear: both;
	float: left;
	margin-top: 25px;
	
}

.amersfoortse_grid
{
	float: left;
	bottom: 0;
	width: 70px;
	margin-top: 25px;
	margin-right: 10px;
	
}

.amersfoortse_info
{
	float: left;
	display: block;
	margin-right: 26px;
	margin-top:2px;
	width: 14px;
	height: 14px;
}
.amersfoortse_select
{
    min-width:0;
    width:55px;
}

*+html .amersfoortse_info
{
	float: none;
}
.amersfoortse_grid_product, .amersfoortse_grid_offerte, .amersfoortse_grid_product_head, .amersfoortse_grid_offerte_head
{
	float: left;
	width: 240px;
	padding-right: 3px;
}

.amersfoortse_grid_datum, .amersfoortse_grid_datum_head
{
	display: inline-block;
	float: left;
	width: 150px;
	padding-right: 3px;
}

.amersfoortse_grid_product_head, .amersfoortse_grid_datum_head, .amersfoortse_grid_offerte_head
{
	font-weight: bold;
}

.amersfoortse_grid_product input, .amersfoortse_grid_product .productlabel
{
	display: inline-block;
	float: left;
}

.product
{
	clear: both;
	display: inline-block;
}

.productgroep
{
	clear: both;
	display: inline-block;
}

.onderdeelselectie
{
	padding: 10px 0px 10px 20px;
	display: inline-block;
}

.onderdeelselectie .verklaring
{
	padding: 0px 0px 10px 0px;
	font-style: italic;
}

.onderdeelselectie .amersfoortse_grid_product
{
	width: 930px;
}

/* Upload */

.upload_head
{
	background-image: url(Images/navigation_bg_gray.png);
	height: 18px;
}

.col1
{
	width: 155px;
	display: inline-block;
	float: left;
}
.col3, .col4
{
	width: 100px;
	display: inline-block;
	float: left;   
}
.col2
{
	width: 280px;
	display: inline-block;
	float: left;
}

.col5
{
	width: 90px;
	display: inline-block;
	float: left;
}

img.ui-datepicker-trigger
{
	position: relative;
	display: inline;
	top: 3px;
	left: 3px;
    height: 16px;
    width: 16px;
}

.info
{
	float: left;
	display: block;
	margin-right: 26px;
	margin-top:2px;
	width: 14px;
	height: 14px;
}

.mutinfo
{
	float: left;
	display: block;
	margin-right: 10px;
	margin-top:2px;
	width: 14px;
	height: 14px;
}


.filled
{
	background: url(Images/information.jpg) no-repeat;
	background-position: center;
}
.actionButtonBox
{
    display:inline-block;
	clear: both;
	text-align: center;
	margin-bottom:10px;
	margin-top:5px;
	width:100%;
	zoom: 1; *display: inline;
}
.actionButtonLeft
{
    display:inline-block;
    zoom: 1; *display: inline;
}
.actionButtonCenter
{
    display:inline-block;
    zoom: 1; *display: inline;
}
.actionButtonRight
{
    display:inline-block;
    zoom: 1; *display: inline;
}

.infoBox {
    float: right;
}

.box
{
	margin: 5px 0 5px;
	width: 200px;
}
.boxHeader
{
	margin-top: 5px;
	background: url('images/backgroundHeader.jpg');
	font-size: 12px;
	color: #fff;
	height: 15px;
	padding: 5px;
	font-weight: bold;
	padding-left: 10px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
    margin-right: 5px;
}
.boxContent
{
	background: url('images/backgroundDiagonale.jpg');
	background-repeat: repeat;
	font-size: 10px;
	padding: 8px;
	width: 177px;
	border: 1px #c3c1c2 solid;
	border-top: 0px;
    margin-right: 5px;
}
.boxContent > ol
{
    margin-left: 16px;
    padding-left: 0px;
}
.boxContent > ul
{
    margin-left: 12px;
    padding-left: 0px;
}

td
{
	vertical-align: middle;
}




.left
{
	float: left;
	width: 30%;
	margin: 1% 0 1% 1%;
	padding: 1%;

	color: #000;
}
.right
{
	float: left;
	width: 50%;
	margin: 1% 0 1% 1%;
	padding: 1%;

	color: #000;
}
.price
{
	float: left;
	width: 7%;
	margin: 1% 0 1% 1%;
	padding: 1%;
	color: #000;
}
.clear
{
	font-size: 1px;
	margin: 0;
	padding: 0;
	line-height: 0;
	clear: both;
}

.partprice
{
	clear: both;
	padding: 10px 0 0;
	margin-top: 9px;
}







.productContentDiv
{
	border:1px #cccccc solid;
	padding: 0px;
	margin:25px,0,0,0;
}
.page_navigation INPUT[value="Opslaan"]
{
	float:left;   
}
.page_navigation #next
{
	float:right;   
}
.page_navigation .navLeft
{
    margin:0 5px 0 5px;
    float:left;
}

.page_navigation .navRight
{
    margin:0 5px 0 5px;
    float:right;
}

.werknemer_link
{
	clear:both;
	margin-bottom:20px;
}




 .nav_arrow
 {
	background: none;
	padding-top:8px;
	
 }
#main
{
	padding:0px 0px 0px 15px;   
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:980px;
}

.autoOverzichtDropdown
{
	background: #f1f1f1;   
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	padding: 8px;
}
.cssSelector .container, #opendicht .container{
	border-bottom: 1px #cccccc solid;
}

.adminEditContainer {
    
}

.adminEditContainerIE7 {
    width: 100%;
}

.gekozenModule
{
	background: #fafafa;   
}
.totalPrice
{
	font-weight: bold;   
}
.currencySymbol
{
	float:left;
	width:5px;
}
.rightAlignedPrice
{
	float:right;
	width:auto;
}

.contractnummersInvoer
{
	float: left;
	display: inline-block;
	width: 170px;  
}


/*---------------------------------------------------------*/
/*                iFrame setings*/
#bottom-frame
{
    padding-left:0px !important;
}

#dataentry-frame
{
    height:700px;
}

.WerknemersLinkDiv
{
    margin: 10px 0px 10px 10px;
}

div.blokBundleContainer.tiled
{
    float: left;
}
div.blokBundleContainer.tiled fieldset
{
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
div.blokBundleContainer.tiled div.blockBundle
{
    float: left;
}
div.blokBundleContainer.tiled div.blockBundle div.controlset div.label
{
    width: 210px;
    margin-right: 10px;
    overflow: hidden;
}
div.blokBundleContainer.tiled div.blockBundle div.controlset div.value
{
    width: 200px;
    overflow: hidden;
}
div.blokBundleContainer.tiled div.blockBundle div.controlset div.label,
div.blokBundleContainer.tiled div.blockBundle div.controlset div.info,
div.blokBundleContainer.tiled div.blockBundle div.controlset div.input,
div.blokBundleContainer.tiled div.blockBundle div.controlset div.value
{
    height: 24px;
}
div.blokBundleContainer.tiled SELECT
{
    max-width: 165px;
}
div.blokBundleContainer.tiled div.blockBundle div.controlset div.input 
{
    max-width: 200px;
}

div.blokBundleContainer.tiled div.blockBundle.blok0
{
    width: 480px;
}
div.blockBundle.blok0 .result-messages
{
    padding-left: 260px;
}
div.blokBundleContainer.tiled div.blockBundle.blok1
{
    width: 300px;
}

div.blokBundleContainer.tiled div.blockBundle.blok1 fieldset legend span
{
     visibility: hidden;
}
div.blokBundleContainer.tiled div.blockBundle.blok1 div.controlset div.label,
div.blokBundleContainer.tiled div.blockBundle.blok1 div.controlset div.info
{
    display: none;
}

.blockBundle .result-messages div
{
    color: #750a0a;
}

.boxMijLogo
{
	font-weight: bold;
    font-size: 12px;
	padding: 5px;
    margin: 10px 5px 5px 0;
    text-align: center ;
    width: 177px;
}

ol.radioset > li > input.ieFocusHack:focus, ol.radioset > li > input.ieFocusHack
{
    border-width: 1px;
    border-color: Gray;
    border-style: dotted;
}

.bold
{
    font-weight: bold;
}

.popupnieuws
{
    width: 700px;
    background: white;
    color: #DDDDDD;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    overflow: hidden;
}

.popupnieuws_header
{
    padding: 0px;
    background: orange;
    color: Black;
    
    border-bottom: 2px solid black;
}
.popupnieuws_header p
{
    margin: 0px 0px 0px 10px;
    padding: 5px;
}

.popupnieuws_main
{
    background: white;
    color: #666666;
}

.dialog-row
{
    text-align: right;
}

.inputAligned 
{
    margin-left: 340px;    
}

div#cookieBanner 
{
    padding: 5px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid red;
    font-size: 12px;
}
div #cookieBanner > a 
{
    text-decoration: none;    
}

div.disclaimer 
{
    text-align: center;
    margin-bottom: 10px;
}

#onderdeeltoevoegentext
{
    vertical-align: super;
    margin-left: 0px !important;
}

#onderdeeltoevoegentext:hover
{
    cursor: hand; cursor: pointer;
}

textarea.smsBericht 
{
    width: 350px;
    height: 170px;
}

#smsSturen 
{
    float: left;
    margin-left: 20px;
}

#smsAnnuleren 
{
    float: right;
    margin-right:20px;
}

#nieuwsItem 
{
    background: #E5E5E5;
    border:none;
    margin:10px;
    padding: 5px;
}

/* oad offerte specific */
.oadLabelWide
{
    min-width: 10em;
    min-height: 20px;
}


/* rekenresultaat specifics */

.oadBoxHeader
{
    background-color: #a4bee3;
    text-align: center;
    float: left;
    min-width: 15em;
    font-weight: bold;
    color: #fff;
}
.oadBoxContainer
{
    float: left;
    min-width: 15em;
    max-width: 15em;
    margin: 0;
    padding: 0;
}
.oadBoxContainer .oadValue
{
    padding-left: 4px;
}
.oadColumnContainer
{
    float: left; 
    padding: 0px 10px 10px 10px;
}
.oadVestigingContainer
{
    width: 159px;
    border: 1px solid #A4BEE3;
    margin-bottom: 10px;
    padding-left: 4px;
}
.oadEditLink
{
    display: block;
    min-height: 20px;
    background-color: #fff;
    width: 165px;
    /*
    clear: left;
    float: left; 
    background-color: white;*/

    text-align: center;
}
.oadLabel
{
    min-width: 10em;
    max-width: 10em;
    min-height: 20px;
}

.oadValue
{
    display: block;
    min-height: 20px;
    background-color: #d7e1f2;
}


.oadDetailValue
{
    display: block;
    min-height: 20px;
    background-color: #d7e1f2;
}


.oadBackground
{
    background-color: #d7e1f2;
}

.oadProvisie > div > div > div > input
{
    width: 60px;
}

.oadProvisie 
{
    float: left;
    padding: 0px; 
    width: 600px; 
    position: relative; 
    left: 0px;
}
.oadSpacerBox
{
    float: left;
    min-width: 10em;
    min-height: 1em;
}

table.oadVarianten,
table.oadDekkingen
{
     border-spacing: 10px 0px;
     border: 0;
}
table.oadVarianten th,
table.oadDekkingen th
{
    background-color: #f58035;
    color: #fff;
    padding: 2px 0 2px 0;
    border-top: 1px solid #f06709;
    border-left: 1px solid #f06709;
    border-right: 1px solid #f06709;
}
table.oadVarianten td,
table.oadDekkingen td
{
    background-color: #fda;
    width: 161px;
    padding: 2px 0 2px 4px;
    vertical-align: top;
    border-left: 1px solid #f06709;
    border-right: 1px solid #f06709;
}
table.oadVarianten td.variantSelector
{
    text-align: center;
    background-color: #fff;
    border-width: 0;
}
table.oadVarianten td.label,
table.oadDekkingen td.label
{
    background-color: #fff;
    padding-right: 10px;
    font-weight: bold;
    width: 155px;
    border-width: 0;
}
table.oadVarianten td.label.edit,
table.oadDekkingen td.label.edit
{
    text-align: left;
    font-weight: normal;
    border-width: 0;
}
table.oadVarianten td.label.edit a,
table.oadDekkingen td.label.edit a { color: #00f; }
table.oadVarianten td.label.edit a:hover,
table.oadDekkingen td.label.edit a:hover { color: #000; }

table.oadVarianten td.edit,
table.oadDekkingen td.edit
{
    border-width: 0;
    border-top: 1px solid #f06709;
    text-align: center;
    background-color: #fff;
}
table.oadVarianten th.inactive
{
    background-color: #ccc;
    color: #999;
    border-color: #999;
}
table.oadVarianten td.inactive
{
    background-color: #eee;
    color: #666;
    border-color: #999;
}
table.oadVarianten td.variantSelector.inactive,
table.oadVarianten td.edit.inactive
{
    background-color: #fff;
}
.oadValue.field-validation-error
{
    background-color: #fff;
}
div.oadVestigingen.container
{
    float: left;
    width: 800px;
}
div.oadVestigingen.container > table,
div.oadVestigingen.container > div.column
{
    float: left;
}

div.oadVestiging
{
    border: 1px solid #f06709;
    width: 150px;
    margin: 0 10px 10px 0;
    padding: 0;
}
div.oadVestiging h2
{
    margin: 0;
    padding: 1px 0 1px 0;
    background-color: #fda;
    text-align: center;
}
div.oadVestiging > div
{
    padding: 2px 0px 2px 4px;
}
.oadDeelnemersUpload ol li > div
{
    display: inline-block;
    width: 210px;
}
#oadBasismodulesHeader
{
    position: relative;
    left: 358px;
    top: 17px;
    z-index: 300;
    font-weight: bold;
}

#gimDiv 
{
    padding: 10px;
    border: 1px solid #CCCCCC;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #eb6625;
	font-size: 11px;
	color: #ffffff;
    min-height: 1em;
    max-width: 600px;
    text-align: left;
}

.fieldsetTight div
{
    padding: 0;
}

.fieldsetTight legend {
    margin: 0;
}

.fieldsetTight .label {
    margin-top: 0;
}

.fieldsetTight .info {
    margin-top: 0;
}

/*#region Pakketvergelijken */

.premieOverzichtPakket {
    height: auto;
    width: 970px;
}
.premieOverzichtPakket #PremieoverzichtPakket {
    margin-right: 0;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
}
.vergelijkGrid {
    height: auto;
    width: 950px;
    overflow: auto;
    overflow-y: hidden;
    padding-top: 25px;
    margin-right: auto;
    margin-left: auto;
}

.selectiewijzigen {
    float: right;
    width: auto;
    margin: 3px 2px 15px 0px;
}

.boxMijLogoPakketvergelijken {
    font-size: 12px;
    padding: 5px;
    margin-right: 5px;
    text-align: left;
    width: 125px;
    height: 100%;
    margin: 0 auto;
}

.PVgridTitle {
    text-align: center;
    width: 100px;
    height:50px;
    margin-left: auto;
    margin-right: auto;
}
.vergelijkGrid td {
    border-bottom: solid  !important; 
    border-width: 1px  !important; 
    border-color: rgb(224, 210, 210) !important;
    background-color:white
}

.PVProductTitle {
    font-size: 12px;
}

.GridAction {
    width: auto;
    height: auto;
    text-align: center;
}

.GridActionGrey {
    width: auto;
    height: auto;
    text-align: center;
    opacity: 0.6;
}

.pdfIcon {
    width: 32px;
    height: 32px;
    background-image: url(Images/pdf.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.searchexclamationicon {
    width: 16px;
    height: 16px;
    background-image: url(Images/exclamation.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.searchexclamationiconmsg-info {
        display: none; /* required */
        position: absolute; /* required */
        max-height: 350px;
        overflow-y: auto;
        cursor: help;
        padding: 5px 10px 5px 20px;
        border: 1px solid #7b8184;
        background-color: White;
        z-index: 2;
        margin: -0.4em 0px 0px 0px;
}

    .searchexclamationiconmsg-info table {
        width: 100%;
    }

    .searchexclamationiconmsg-info td {
        vertical-align: top;
        border: none;
        border-collapse: collapse;
        padding: 2px 0 3px 0;
    }

    .mouseover-large table {
        width: 400px;
    }

.pdfIconGrey {
    width: 32px;
    height: 32px;
    background-image: url(Images/pdf.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.PVtooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

.termijnbedragTotaal {
    font-size: 16px;
    vertical-align: middle;
    border: none;
    border-collapse: collapse;
    color: #484848;
    font-family: Verdana;
    font-weight: bold;
    text-align: center;
}

.servicelevel_0,
.servicelevel_1,
.servicelevel_2,
.servicelevel_3
{
    background-image: url(Images/servicelevel.png);
    background-color:transparent;
    background-repeat:no-repeat;
    background-size: auto 100%;
    width:16px;
    height:16px;
    display:block;
    padding: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.servicelevel_3 /*geen -> rood bolletje */
{
    background-position: -32px 0px;
}

.servicelevel_2 /*mail -> oranje bolletje */
{
    background-position: -16px 0px;
}

.servicelevel_1 /*mp3 -> groen bolletje */
{
    background-position: 0px 0px;
}

.servicelevel_0 /*mp4 -> groen bolletje */
{
    background-position: 0px 0px;
}

/*#endregion */

.webreusult-htmlmessage 
{
    margin-bottom: 10px;    
}

.premieDetails {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    width: auto;
    min-height: 104px;
    max-height: none;
    height: auto;
    display: none;
    outline: none;
    resize: none;
    width: 500px;
}

.premieDetailsTable tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.premieDetailsControlset {
    text-align: left;
    width: 500px
}
.premieDetailsLabel {
    width: 300px;
}
.premieDetailsValue {
    float: right;
}

.openPremieDetails {
    text-align: center;
}

.afdtextarea textarea{
    
    min-height:600px;
    width:520px;
}

.afdtextareasplittop textarea{
    
    min-height:360px;
    width:520px;
}

.afdtextareasplitbottom textarea{
    
    min-height:200px;
    width:520px;
}

div.twocolumns
{
    float: left;
}

.controlsetcol {
    width: 300px;
}

div.labelcol
{
	width: 200px;
	text-align: right;
}

.tag-container {
    display: inline;
    max-height: 350px;
    min-height: 16px;
}

.tag-span {
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    margin: 2px;
    margin-right: 5px;
    padding: 3px;
}

.tag-span-atp {
    -ms-border-radius: 4px;
    display: inline-block;
    margin: 2px;
    margin-right: 5px;
    padding: 3px;
    border-style: solid;
    border-width: 0.5px;
    border-color: gray;
    background-color: #E5E5E5;
}

.tag-href-remove {
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #484848;
    margin-left: 5px;
    padding: 3px;
    text-decoration: none;
}

.new-tag-href-remove {
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #484848;
    margin-left: 5px;
    padding: 3px;
    text-decoration: none;
}

.tag-href-remove:hover { color: #ff0000; }

.tag-add {
    -moz-border-radius: 12px;
    -moz-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8d7', endColorstr='#3c7dc3');
    -ms-background-size: 100% 100%;
    -ms-border-radius: 12px;
    -o-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8d7', endColorstr='#3c7dc3');
    -webkit-border-radius: 12px;
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8d7', endColorstr='#3c7dc3');
    background: -webkit-gradient(linear, left top, left bottom, from(#67a8d7), to(#3c7dc3)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #67a8d7, #3c7dc3); /* for firefox 3.6+ */
    background-color: #3c7dc3; /* for non-css3 browsers */
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    border: 0px;
    border-radius: 12px;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8d7', endColorstr='#3c7dc3'); /* for IE*/
    font-size: 11px;
    margin-left: 5px;
    padding: 3px 7px;
    text-decoration: none;
}

.tag-add:hover {
    -moz-filter: none !important;
    -o-filter: none !important;
    -webkit-filter: none !important;
    background: #67a8d7 !important;
    filter: none !important;
}

.tag-add:active { color: #fff; }

.tag-input {
    outline: 0;
    width: 75px;
}

.company-header {
    background-color: #cccccc;
    display: inline-block;
    float: left;
    margin-right: 3px;

    margin-top: 2px;
    text-align: center;
}

.main-company {
    float: left;
    padding-bottom: 3px;
    width: 635px;
}

.company-sidebar {
    display: block;
    float: left;
    width: 280px;
}

.rcnumber-block {
    display: block;
    float: right;
}

.details {
    float: left;
    height: 6px;
    margin-right: 45px;
    text-align: right;
}

.dynamicSpan {
    width: 130px;
    float: left;
}

.repeatingBlock {
	border-top: 1px solid #CCCCCC;
}

@font-face 
{
    font-family: 'Kenteken'; 
    src: url('Kenteken.ttf');
}

input.kenteken
{
    font-family: 'Kenteken';
    background-image: url('images/kenteken.png');
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    padding-left: 16px;
    text-transform: uppercase;
    font-size: 16px;
    width: 115px !important;
}

/* -- Scenarios -- */
div.labelcolumn {
    float: left;
    width: 25%;
    box-sizing: border-box;
}

div.inputcolumn {
    float: left;
    width: 25%;
    box-sizing: border-box;
}
.labelcolumn .controlset,
.inputcolumn .controlset {
    box-sizing: border-box;
}

.inputcolumn .controlset {
    padding-left: 15px;
}

.labelcolumn div.label {
    width: 170px;
}
.labelcolumn .info {
    margin-right: 2px;
}

.inputcolumn div.input {
    max-width: 600px;
    float: none;
}

.labelcolumn fieldset,
.inputcolumn fieldset {
    width: 100%;
    margin: 0;
    padding: 4px 0 7px 0;
    float: none;
    line-height: 14px; /* in whole pixels, so IE doesn't render boxes subpixel heights */
}

.inputcolumn legend {
    padding: 0;
}

.inputcolumn div.message {
    height: inherit;
    min-height: 0 !important;
    float: none;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0;
}

.inputcolumn select {
    width: 164px;
    max-width: 164px;
    min-width: 164px;
}

.inputcolumn.selected {
    background-color: #f0f0f0;
}

.inputcolumn .berekenbutton {
    float: right;
    margin-right: 8px;
}

.hiddenScenarioRow {
    padding: 0 !important;
    border-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

div.loadingPremium {
    background: transparent url('Sitefinity/loading.gif') no-repeat 0 0;
    min-height: 32px !important;
}

.inputcolumn ul.validation-summary-errors {
    box-sizing: border-box;
    margin: 0;
}

.inputcolumn .err {
    box-sizing: border-box;
    width: 100%;
}

/* -- Premieverloop -- */
.premieverloopbutton {
    cursor: pointer;
    text-decoration: underline;
}

.premieverloopSpecial th {
    padding-left: 20px;
    text-align: right;
}
.premieverloopSpecial td {
    text-align: right;
}
.premieverloopSpecial th[colspan="2"] {
    text-align: center;
    padding-left: 45px;
}
.dropAreaHover {
    background-color: #bfb;
}
.save-icon {
    display: inline-block;
    position: relative;
    width: 13px;
    height: 14px;
    background: transparent url(Images/save.png) no-repeat 0 0px;
    cursor: pointer;
}