/*=== GENERAL ===*/

.bluekop, .BlueKop, .Bluekop{ color:#48647F; font-size:12pt; font-weight:bold;}
.normaltitel{ color: #48647F; font-size: 1.1em; font-weight: bold;}
.normaltitel p{ color: #48647F;}
.panel_indicator{ border:1px solid #1236B2;}
.popup{ background:#FFF; height:auto;}
.text{ background: #FFF; border: gray 1px solid; color:#5E686F; font-size:0.917em; height:18px;}
.foutmelding, .foutmelding p{ color:#ff0000;}
.panel {border:1px solid #BFC3C5; margin:12px 5px 0 5px;}
.block_title {font-weight:bold; text-align:center; left:5px; position:relative; top:-9px; background-color:#fff;}
.tijdsaanduiding { float: left; }

input[type="text"]{height:14px;}


/*=== CUSTOM CONTROL === LOYALIS TEXTBOX ===*/

.loyalisTextBox .loyalisTextBoxInputContainer {margin:0px !important; padding:0px !important; }
.loyalisTextBox .loyalisTextBoxInput {background:url(../../../../include/images/loy_inputbg2.PNG) repeat-x; border-width:0px; color: #5e686f; height: 23px; line-height:23px; width:100%;}
.loyalisTextBox .loyalisTextBoxLinkerContainer {width:5px; margin:0px !important; padding:0px !important; }
.loyalisTextBox .loyalisTextBoxLinkerRand {background:url(../../../../include/images/loy_inputbg1.PNG) no-repeat; height:25px; width:5px; display:block;}
.loyalisTextBox .loyalisTextBoxRechterContainer {width:6px; margin:0px !important; padding:0px !important; }
.loyalisTextBox .loyalisTextBoxRechterRand {background:url(../../../../include/images/loy_inputbg3.PNG) no-repeat 0 -5px; height:25px; width:6px; display:block;}


/*=== CUSTOM CONTROL === VOORTGANGSINDICATOR ===*/

.voortgangsindicator .nietKlikbaar {color:#5E686F;}
.voortgangsindicator .klikbaar {color:#5E686F;}
.voortgangsindicator .klikbaar:hover {color:#7693A2;}
.voortgangsindicator .actief {color:#5E686F; font-weight:bold;}


/*=== CUSTOM CONTROL === ZOEK WERKGEVER ===*/

#panelContainer .zoekWerkgever {width:600px;}
#panelContainer .zoekWerkgever table tr td {vertical-align:top; padding-right:5px; padding-bottom:2px;}
#panelContainer .zoekWerkgever .sectieTitel {}
#panelContainer .zoekWerkgever .sectieAlgemeneInformatie {height:30px; margin-top:10px; margin-bottom:10px; padding-bottom:10px; border-bottom: dotted 2px #E0E5EA;}
#panelContainer .zoekWerkgever .sectieInvullen {height:105px;}
#panelContainer .zoekWerkgever .sectieResultaten {margin-top:5px;}
#panelContainer .zoekWerkgever .sectieFoutmeldingen {width:100%; margin-top:3px; background-color:#E0E5EA;}
#panelContainer .zoekWerkgever .sectieFoutmeldingen td {padding:4px;}
#panelContainer .zoekWerkgever .sectieEvenGeduld {width:100%; margin-top:3px; background-color:#E0E5EA; display:none;}
#panelContainer .zoekWerkgever .sectieEvenGeduld td {padding:4px;}
#panelContainer .zoekWerkgever .sectieSelecteren {width:100%; margin-top:3px;}
#panelContainer .zoekWerkgever .textboxNummer {width:250px;}
#panelContainer .zoekWerkgever .textboxNaam {width:250px;}
#panelContainer .zoekWerkgever .textboxPlaats {width:250px;}
#panelContainer .zoekWerkgever .textboxPostcode {width:80px;}
#panelContainer .zoekWerkgever table.invoer {width:400px;}
#panelContainer .zoekWerkgever table.invoer tr td {vertical-align:middle;}
#panelContainer .zoekWerkgever table.invoer tr td.invoerTekst {width:150px;}
#panelContainer .zoekWerkgever table.invoer tr td.invoerVeld {width:250px;}
#panelContainer .zoekWerkgever .infoImage {width:10px;}
#panelContainer .zoekWerkgever .infoVerborgenTabel {visibility:hidden;}
#panelContainer .zoekWerkgever .resultaten {height:105px; width:600px;}
#panelContainer .zoekWerkgever table tr td.melding {width:100%;}
#panelContainer .zoekWerkgever .buttonCel {padding-right:0px;}
#panelContainer .zoekWerkgever .button {float:right; width:75px;}


/*=== TOOLTIPS ===*/

a.tooltipAlg{ position:relative; color:#000000; text-decoration:none; outline:none;}
a.tooltipAlg:hover{ cursor:default;}
a.tooltipAlg span{ display: none;}
a.tooltipAlg img{ vertical-align:middle; }
a.tooltipAlg:hover span{ display:block; position:absolute; top:2.2em; left:1.5em; border:1px solid #000000; background-color:#ffffe1; color:#000000; text-align:left; font-size:.9em; padding:4px; white-space:nowrap;}


/*=== BUTTONS ===*/

.button{ font-size:9pt; font-family:Arial,Tahoma,Verdana; }


/*=== REKENMOTOR NP ===*/

.RekenmotorNP .datumDag{ width:20px; height:14px;}
.RekenmotorNP .datumMaand{ width:20px; height:14px;}
.RekenmotorNP .datumJaar{ width:40px; height:14px;}

.RekenmotorNP .rechterMarge10px { margin-right: 10px; }

.RekenmotorNP div.tussenruimte{ height:30px;} 
.RekenmotorNP div.wrapper{ width:100%; margin-bottom:1px;} 
.RekenmotorNP div.spacer{height: 15px;}
.RekenmotorNP div.smallspacer{ margin-bottom:5px; clear:left;}
.RekenmotorNP div.description{ width:550px; float:left; text-align:left; display:inline;} 
.RekenmotorNP div.description_200{ width:200px; text-align:left; display:inline; margin-left:46px;} 
.RekenmotorNP div.description_small_right{ width:100px; float:left; text-align:right; display:inline;} 
.RekenmotorNP div.description_small{ width:75px; float:left; text-align:left; display:inline;} 
.RekenmotorNP div.alignRight{ float:right; margin-right:20px;}

.RekenmotorNP .dropdownlist{ height:20px;} 
.RekenmotorNP td.tooltipNP{ width:15px; vertical-align:middle;}
.RekenmotorNP td.tooltipNPBottomAligned{ width:15px; vertical-align:bottom;}

.RekenmotorNP .multipleInvoerDeel1{ width:250px; display:inline;}
.RekenmotorNP .multipleInvoerDeel2{ text-align:right; width:120px; padding-right:10px; display:inline;}
.RekenmotorNP .multipleInvoerDeel3{ display: inline;}
.RekenmotorNP .multipleInvoerLinksDeel1{ width:360px; display:inline; padding-top:2px; padding-bottom:2px;}
.RekenmotorNP .multipleInvoerLinksDeel2{ display:inline;}
.RekenmotorNP .multipleInvoerLinksDeel1NietVerplicht{ width:360px; display:inline; padding-top:2px; padding-bottom:2px; margin-right:8px;}
.RekenmotorNP hr{ width:75%; border-left:0px; display:block; text-align:left; /*for IE*/ margin: 0 auto 5px 0; /*for Firefox*/}
.RekenmotorNP .multitext{ background:white; border:gray 1px solid; color#5E686F; font-family:Arial, Verdana, 'MS Sans Serif'; font-size:8pt; height:36px}

	/*=== Foutmelding ===*/

.RekenmotorNP .foutmelding{ color:#ff0000; font-family:Verdana; font-size:9pt; display:block; margin:3px 0 0 2px;}
.RekenmotorNP .foutmeldingKaderVerbergen{ display:inline; border:1px; padding:2px; height:20px;}
.RekenmotorNP .foutmeldingKaderTonen{ display:inline; border-style:solid; border-width:1px; border-color:#ff0000; padding:2px; padding-bottom:4px; margin-bottom:2px; height:20px;}
.RekenmotorNP .foutmeldingOverzicht{ padding-top:20px;}

.RekenmotorNP .disabledInvoerveld {background-color:#cccccc;}


	/*=== Tabellen ===*/

.RekenmotorNP#landingspaginaNP table.tableProductKeuzeInvoer { width:100%; }
.RekenmotorNP#landingspaginaNP table.tableProductKeuzeInvoer .eersteKolom { width:40%; }

.RekenmotorNP table td.smallspacer{ height:20px;}
.RekenmotorNP table td.tableInfo{ padding-right:10px; vertical-align:middle; width:200px;}
.RekenmotorNP table td.tableInfoMiddel{ padding-right:10px; vertical-align:middle; width:275px;}
.RekenmotorNP table td.tableInfoMiddelLang{ padding-right:10px; vertical-align:top; width:271px;}
.RekenmotorNP table td.tableInfoMiddelTopAligned{ padding-top:5px; padding-right:10px; vertical-align:top; width:275px;}
.RekenmotorNP table td.tableInfoMiddelBottomAligned{ padding-top:5px; padding-right:10px; vertical-align:top; width:275px;}
.RekenmotorNP table td.tableInfoBreed{ padding-right:10px; vertical-align:middle; width:425px;}
.RekenmotorNP table td.tableInfoNauw{ padding-right:10px; vertical-align:middle; width:150px;}
.RekenmotorNP table td.tableInfoBreedTopAligned{ padding-top:5px; padding-right:10px; vertical-align:top; width:425px;}
.RekenmotorNP table td.tableInvoer{ vertical-align:middle; height:24px;}
.RekenmotorNP table td.tableInvoerBottomAligned{ vertical-align:bottom; height:24px;}
.RekenmotorNP table td.tableInfoVervolg{ vertical-align:middle; width:100px; padding-left:125px; padding-right:10px;}
.RekenmotorNP table td.tableInvoerVervolg{ vertical-align:middle;}

	/*=== Buttons ===*/

.RekenmotorNP .buttonZoekWerkgever {width:152px;}
.RekenmotorNP .buttonNotAligned{ margin-right:100px; margin-top:20px;}
.RekenmotorNP .buttonAlignRight{ float:right; margin-right:100px; margin-top:20px;}
.RekenmotorNP .buttonAlignNextToRight{ float:right; margin-right:20px; margin-top:20px;}
.RekenmotorNP#KGV02 .buttons{clear:left;}

	/*=== BKGV02 ===*/ 

.RekenmotorNP .BKGV02 .topAlignedDiv{ vertical-align:top; padding-top:6px; margin-right:10px; width:300px;}
.RekenmotorNP .BKGV02 .inlineDiv{ display:inline;}
.RekenmotorNP table td.eersteInvoer{ width:165px;}

	/*=== KGV03 ===*/ 

.RekenmotorNP#KGV03 .col1{ text-align:left;clear:both; width:25%; margin-right:4px; margin-bottom:2px; float:left;}
.RekenmotorNP#KGV03 .col2{ margin-bottom:2px; text-align:left; }
.RekenmotorNP p{ margin:0;}

	/*=== POLNP03 ===*/ 

.RekenmotorNP .POLNP03 table td.tableInvoerGesplitst1{ width:240px; vertical-align:middle;}
.RekenmotorNP .POLNP03 table td.tableInvoerGesplitst2{ width:130px; vertical-align:middle;}
.RekenmotorNP .POLNP03 table td.tableInvoerGesplitst3{ vertical-align:middle;}
.RekenmotorNP .POLNP03 table td.tableInfoLang{ vertical-align:middle;}
.RekenmotorNP .POLNP03 table td.tableInvoerKort{ vertical-align:middle;}
.RekenmotorNP .POLNP03 .premieInfo{ padding-top:2px; padding-bottom:2px; display:inline; width:275px;}
.RekenmotorNP .POLNP03 .premieInvoer{ display:inline;}
.RekenmotorNP .POLNP03 .premieFout{ margin-left:275px;}

	/*=== POLNP06 ===*/ 

.RekenmotorNP .POLNP06 ul{margin-left:50px;}
.RekenmotorNP .POLNP06 .col1 {width:110px;}

/*=== LEVENSLOOP ===*/

#tblContent tr.regel{ height:24px;}
#tblContent td{ vertical-align:top; margin:0; padding:0; border:0;}
#tblTabel td{ vertical-align:top;}
#tcMain3{ display:none;}
#ll_frmRekenen2 #tblContent td{ white-space:nowrap;}
#SIMLL01 #cmdBereken{padding:0;}
#FRMSELECTWG input[type="text"]{height:23px;}

/*=== TOOLTIP FISCALE JAARRUIMTE ===*/

.tooltip{ position:absolute; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #000000; round:#FFFFD0; display:none;}
.wonb{ position:absolute; padding:30px 10px 30px 10px; font-family:arial, helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:justify; width:300px; color:#ffffff; background:#000000; border:solid 1px #000000; display:none;}

.semitransparent{ position:absolute; padding:2px; font-family:arial, helvetica, sans-serif; font-size:10px; font-weight:bold; width:300px; color:#000000; border:solid 1px #000000; display:	none; background-image: url(../Images/stb_yellow.gif); }

#dhtmltooltip{position: absolute; left: -300px; width: 250px; border: 1px solid #4c575f; padding: 2px; background-color: #dadfe2; visibility: hidden; z-index: 100; 
            /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
              filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=3);
}

#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}

/*
=== Contact Formulier Avaya  ===
*/
#ContactFormAvaya div.FormRegel
{
    clear : left;
    /* Height moet auto zijn, kan wel minimale hoogte instellen */
    height : auto; 
     min-height: 30px;
   
}
#ContactFormAvaya div.FormLabel
{
    width : 180px;
}
#ContactFormAvaya div.ButtonRegel
{
    width: 454px; 
}

/* Breedte van Datakolom en leftmargin van de breedte van FormLabel */
#ContactFormAvaya div.ErrorRegel
{
   clear : left;
    /* Height moet auto zijn, geem minheight instellen */
    height : auto; 
}
#ContactFormAvaya div.ErrorKolom
{
    margin-left : 180px;
    width : 400px;
}
#ContactFormAvaya .MyError
{
	color : blue;
}
#ContactFormAvaya div.FloatLeft
{
    float : left;
}
#ContactFormAvaya div.FloatRight
{
    float : Right;
}

#ContactFormAvaya .DataKolomInput
{
    width : 270px;
}
#ContactFormAvaya .DataKolomUpLoad
{
    width : 276px;
}
#ContactFormAvaya .DataKolomDropDown
{
    width : 276px;
}

#ContactFormAvaya .DataKolomKort
{
    width : 80px;
}

#ContactFormAvaya .DataKolomMiddel
{
    width : 182px;
}

#ContactFormAvaya .InvoerDatumKort
{
    width : 25px;
}
#ContactFormAvaya .InvoerDatumRest
{
    width : 115px;
}
#ContactFormAvaya .DatumInvoerAscxHiddenDate
{
    display: none;
}