.topframe {
	background: #335b97;
	background-color: #335b97;
	/* Old browsers */
}

body,
td,
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #545454;
}

body {
	background-color: #f6f6f6;
}

td,
th {
	font-weight: normal;
	text-align: left;
}

p {
	line-height: 1.5;
}

button {
	padding: 7px 12px;
}

a:visited,
a:link,
a:hover {
	text-decoration: underline;
	color: #545454;
}

input {
	padding: 4px 2px;
}

.DocStatus1 {
	font-weight: bold;
	color: #009900;
}

.DocStatus1.RequiredChipAuthFailed {
	font-weight: bold;
	color: #CC0000;
}

.DocStatus2 {
	color: #CC0000;
	font-weight: bold;
}

.DocStatus3 {}

.DocStatus4 {
	font-weight: bold;
	color: #009900;
}

.DocStatus5,
.DocStatus13 {
	font-weight: bold;
	color: #F88017;
}

.DocStatus8 {
	color: #CC0000;
	font-weight: bold;
}

.DocStatus11, .DocStatus14 {
	color: #CC0000;
	font-weight: bold;
}

.expired11,
.expired41 {
	color: #F88017;
}

.tag {
	float: left;
	margin: 34px 0 1px 0;
	padding: 6px 8px;
	background-color: #4e4e4e;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#loginpage #riglogo {
	position: absolute;
	top: 0;
	left: 0;
}

.logo-area {
	position: relative;
	min-width: 1000px;
	height: 94px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #fff;
}

.logo-area.tagged {
	height: 120px;
}

.logo-area .container-left {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 400px;
}

.logo-area .container-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
}

.logo-area .container-right img {
	float: right;
	margin: 10px 12px 12px 0;
}

.logo-area #riglogo {
	position: absolute;
	right: 240px;
}

.logo-area .tag {
	margin-top: 95px;
}

.section {
	padding: 13px 15px;
	border-bottom: 1px solid #fff;
}

.inset {
	background-color: #f0f0f0;
	border-top: 1px solid #c8c6c6;
	border-bottom: 1px solid #fff;
}

.inset.light {
	background-color: #fefcfc;
}


/**** homepage ***/

#homepage .PasswordExpireMsg {
	color: Red;
}

#homepage th {
	font-weight: normal;
	text-align: left;
}

#homepage td {
	vertical-align: top;
	font-weight: bold;
}

#homepage th,
#homepage td {
	padding: 5px 7px 5px 0;
}

#homepage #info {
	min-width: 1024px;
	min-height: 170px;
	background: #eeeeee url('/assets/img/homepage-image.png') no-repeat right bottom;
}

#homepage #alert {
	width: 640px;
	margin-top: 20px;
	font-weight: bold;
}

#homepage #changepassword {
	margin-top: 20px;
	vertical-align: middle;
}

#homepage #changepassword img {
	vertical-align: bottom;
	margin-right: 5px;
}

#homepage .homepagesnippet {
	margin-top: 34px;
}

#homepage .news,
#homepage .homepagesnippet {
	clear: both;
}

#homepage .news p,
#homepage .homepagesnippet p {
	width: 800px;
}

#homepage .news td {
	font-weight: normal;
}


/**** Wetgeving ****/

#wetgeving .text {
	width: 900px;
}

#forcechangepassword.maincontainer,
#forcepwc_success.maincontainer {
	padding: 10px;
	width: 600px;
	background-color: #fff;
}

#forcechangepassword .header {
	font-size: 125%;
	padding-bottom: 10px;
}

#forcechangepassword table {
	width: 400px;
}

#forcechangepassword th,
#forcechangepassword td {
	padding: 2px 5px;
	white-space: nowrap;
	vertical-align: middle;
}

#forcechangepassword table input {
	width: 200px;
	float: right;
}

#forcechangepassword tr.oldpassword td {
	padding-bottom: 10px;
}

#forcechangepassword tr.buttons td {
	padding: 10px 0;
}

#forcechangepassword table button {
	float: right;
	margin-left: 10px;
}

#forcechangepassword .errormsg {
	padding: 0;
	margin: 10px 0 0;
	width: 600px;
	height: 30px;
	font-size: 125%;
	color: red;
}

#forcechangepassword .changedmsg {
	padding: 0;
	margin: 10px 0 0;
	width: 440px;
	height: 30px;
	font-size: 125%;
	color: Green;
}

#forcechangepassword p {
	margin: 20px 0 0;
}

#forcechangepassword ul {
	padding: 0;
	margin: 0 0 0 16px;
}

#forcechangepassword li {
	height: 20px;
}

#forcechangepassword li span {
	visibility: hidden;
}

#forcechangepassword .error {
	color: red;
	font-weight: bold;
}

#forcechangepassword .error span {
	visibility: visible;
	font-size: 18px;
	margin-top: -8px;
	display: inline-block;
}

#forcechangepassword #strength,
#forcechangepassword #controle {
	display: inline-block;
	width: 70px;
	height: 14px;
	text-align: center;
	padding: 2px 4px;
	border-radius: 4px;
}

#forcechangepassword.KvK #strength,
#forcechangepassword.KvK #controle,
#forcechangepassword.KvK #strengthLabel,
#forcechangepassword.KvK #controleLabel {
	display: none;
}

#forcepwc_success {
	font-weight: normal;
	font-size: 125%;
}

a.button {
	display: block;
	float: right;
	height: 15px;
	padding: 1px 2px 0 2px;
	margin: 0 1px;
	background-color: #F3F3F3;
	color: #0E3668;
	font-size: 9px;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0px;
}

tr.even td,
tr.even th {
	background-color: #e5e5e5;
	border-top: 1px solid #dedede;
}

tr.odd td,
tr.odd th {
	border-top: 1px solid #f6f6f6;
}

.section.lijst {
	padding: 0;
	clear: both;
}

.navbar {
	background-color: #d8d8d8;
	border-top: 1px solid #f6f6f6;
}

.navbar a {
	text-decoration: none;
}

.navbar a.text {
	position: relative;
	cursor: pointer;
}

.navbar a.text span {
	position: absolute;
	display: inline-block;
	width: 100%;
	left: 0px;
	top: 13px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}

.navbar a.back {
	position: absolute;
	left: 4px;
	cursor: pointer;
}

.navbar a.back span {
	position: absolute;
	left: 25px;
	top: 13px;
	text-transform: uppercase;
	font-size: 12px;
}


/* ContactForm */

#contactform table {
	margin: 20px 0 20px 0;
}

#contactform th {
	padding: 8px 20px 0 0;
	vertical-align: top;
}

#contactform td {
	padding: 0 0 10px 0;
	vertical-align: top;
}

#contactform input {
	width: 520px;
}

#contactform select {
	width: 526px;
	height: 28px;
	padding: 4px 1px;
}

#contactform textarea {
	width: 520px;
	height: 150px;
}

#contactform button {
	margin: 10px 0 0 440px;
}

#contactform .section {
	padding-bottom: 30px;
}


/* Handleidingen */

#handleidingen p {
	margin-bottom: 30px;
}


/* About */

#about table {
	clear: both;
}

#about th,
#about td {
	padding: 0px 20px 8px 0;
}

#about #modules {
	margin-top: 60px;
	line-height: 1.5;
}

#about #modules .column {
	float: left;
	margin-right: 50px;
}

#about #remark {
	clear: both;
	float: left;
	width: 1000px;
	margin: 20px 0 25px 0;
	font-style: italic;
}

#about #disclaimer {
	clear: both;
}

#about #disclaimer p {
	width: 1000px;
}

#about #disclaimer b {
	font-weight: normal;
}


/* Documentlijst */

#documentlijst .DocStatus5,
#documentlijst .DocStatus13 {
	font-weight: normal;
	color: #545454;
}

#documentlijst .extrasearchoptions {
	display: block;
	float: right;
	margin-top: 14px;
	white-space: nowrap;
}

#documentlijst .extrasearchoptions input {
	padding: 2px 3px;
	vertical-align: middle;
}

#documentlijst .extrasearchoptions select {
	height: 22px;
	vertical-align: middle;
}

#documentlijst .extrasearchoptions img {
	vertical-align: middle;
}

#documentlijst .lijst {
	min-width: 1100px;
	border-bottom: 1px solid #919191;
}

#documentlijst .lijst table {
	width: 100%;
}

#documentlijst .lijst tr.selected td,
#dochouder .lijst tr.selected td {
	background-color: #b1b1b1;
}

#documentlijst .lijst th {
	color: #585857;
	font-weight: bold;
	padding: 5px 0px 3px 10px;
	white-space: nowrap;
	vertical-align: top;
}

#documentlijst .lijst th a {
	text-decoration: none;
}

#documentlijst .lijst .pdf {
	width: 19px;
	padding: 0 3px 3px;
}

#documentlijst .lijst td.pdf {
	padding-top: 1px;
	ppadding-bototm: 4px;
}

#documentlijst .lijst .pdf div {
	width: 19px;
	height: 21px;
	background: url('/assets/img/pdf.png') no-repeat center center;
}

#documentlijst .lijst .rtw img {
	margin: -3px 0 0 5px;
}

#documentlijst .lijst .vistoets {
	padding: 4px 0 0;
	text-align: center;
}

#documentlijst .lijst .emailicon {
	width: 20px;
	padding: 5px 0 0 3px;
}

#documentlijst .lijst .onblacklist {
	vertical-align: middle;
	margin-top: -3px;
}

#documentlijst .emailicon div {
	width: 16px;
	height: 10px;
}

#documentlijst .emailicon div.sent {
	background: url('/assets/img/envelope.png') no-repeat center center;
}

#documentlijst .lijst .evry {
	width: 32px;
	padding: 4px 0 0;
	text-align: center;
}

#documentlijst .lijst td {
	padding: 6px 0px 4px 10px;
	height: 16px;
	border-left: 1px solid #dbdbdb;
	vertical-align: top;
}

#documentlijst .lijst .thead td {
	padding: 3px 9px 3px 9px;
	white-space: nowrap;
	vertical-align: middle;
}

#documentlijst .lijst .thead input {
	padding: 2px;
}

#documentlijst .lijst .thead select {
	height: 22px;
}

#documentlijst .lijst td.search {
	padding-right: 3px;
}

#documentlijst .lijst td.search img {
	vertical-align: bottom;
	width: 23px;
	height: 22px;
	margin-left: -2px;
}

#documentlijst #accountnaam {
	width: 100px;
}

#documentlijst #datuminvoer {
	width: 70px;
}

#documentlijst #nationaliteit {
	width: 40px;
}

#documentlijst #docnr {
	width: 90px;
}

#documentlijst #docstatus {
	width: 90px;
}

#documentlijst #achternaam {
	width: 120px;
}

#documentlijst #geboortedatum {
	width: 70px;
}

#documentlijst #user {
	width: 90px;
}

#documentlijst .navbar {
	min-width: 1100px;
	height: 33px;
	white-space: nowrap;
	text-transform: uppercase;
	border-bottom: 1px solid #bbbbbb;
}


/* NavBar */

.navbar .total {
	float: left;
	padding: 10px 0 0 10px;
}

.navbar .pageselector {
	float: right;
}

.navbar .pageselector a {
	display: inline-block;
	min-width: 40px;
	height: 22px;
	padding-top: 10px;
	text-decoration: none;
	text-align: center;
}

.navbar .pageselector a:hover {
	color: #fff;
	background-color: #a8a8a8;
}

.navbar .pageselector a.current {
	text-decoration: underline;
	color: #fff;
}

.navbar .pageselector .numbers .last {
	border-right: 1px solid #919191;
}

.navbar .pageselector .arrows a {
	width: 50px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #919191;
}

.navbar .pageselector .arrows a.first {
	background: url('/assets/img/arrow-left-blue-dbl.png') no-repeat center center;
}

.navbar .pageselector .arrows a.first:hover {
	background: #a8a8a8 url('/assets/img/arrow-left-white-dbl.png') no-repeat center center;
}

.navbar .pageselector .arrows a.first.disabled {
	background: url('/assets/img/arrow-left-darkgrey-dbl.png') no-repeat center center;
}

.navbar .pageselector .arrows a.prev {
	background: url('/assets/img/arrow-left-blue.png') no-repeat center center;
}

.navbar .pageselector .arrows a.prev:hover {
	background: #a8a8a8 url('/assets/img/arrow-left-white.png') no-repeat center center;
}

.navbar .pageselector .arrows a.prev.disabled {
	background: url('/assets/img/arrow-left-darkgrey.png') no-repeat center center;
}

.navbar .pageselector .arrows a.next {
	background: url('/assets/img/arrow-right-blue.png') no-repeat center center;
}

.navbar .pageselector .arrows a.next:hover {
	background: #a8a8a8 url('/assets/img/arrow-right-white.png') no-repeat center center;
}

.navbar .pageselector .arrows a.next.disabled {
	background: url('/assets/img/arrow-right-darkgrey.png') no-repeat center center;
}

.navbar .pageselector .arrows a.last {
	background: url('/assets/img/arrow-right-blue-dbl.png') no-repeat center center;
	border-right: 0;
}

.navbar .pageselector .arrows a.last:hover {
	background: #a8a8a8 url('/assets/img/arrow-right-white-dbl.png') no-repeat center center;
}

.navbar .pageselector .arrows a.last.disabled {
	background: url('/assets/img/arrow-right-darkgrey-dbl.png') no-repeat center center;
}

.navbar .pageselector .arrows a.disabled {
	cursor: default;
}


/* DocHouder */

#dochouder #personaldata {
	border-bottom: 1px solid #bababa;
}

#dochouder #personaldata table {
	border-bottom: 2px solid #dfdfdf;
	margin-bottom: 40px;
}

#dochouder #personaldata th {
	color: #585857;
	font-weight: bold;
	padding: 6px 50px 5px 10px;
	white-space: nowrap;
}

#dochouder #personaldata td {
	padding: 6px 50px 5px 10px;
	white-space: nowrap;
}

#dochouder #personaldata td.col1 {
	border-right: 1px solid #969696;
}

#dochouder #personaldata th.col2 {
	padding-left: 50px;
}

#dochouder #personaldata td.filler {
	width: 100%;
}

#dochouder .navbar {
	position: relative;
	padding: 5px;
	height: 36px;
	border-bottom: 1px solid #FFFFFF;
}

#dochouder .navbar .merge {
	position: absolute;
	right: 248px;
}

#dochouder .navbar .sofi {
	position: absolute;
	right: 200px;
}

#dochouder .navbar .add {
	position: absolute;
	right: 152px;
}

#dochouder .navbar .edit {
	position: absolute;
	right: 106px;
}

#dochouder .navbar .exportexcel {
	position: absolute;
	right: 58px;
}

#dochouder .navbar .exportxml {
	position: absolute;
	right: 10px;
}

#dochouder #docs th {
	color: #585857;
	font-weight: bold;
	padding: 6px 10px 5px 10px;
	white-space: nowrap;
	border-right: 1px solid #dadada;
}

#dochouder #docs td {
	vertical-align: top;
	padding: 6px 10px 5px 10px;
	border-right: 1px solid #dadada;
}

#dochouder #docs .small {
	font-size: 70%;
}

#dochouder #docs .images {
	width: 100%;
	padding: 2px 5px;
	white-space: nowrap;
	border-right: 0;
}

#dochouder #docs .images img {
	margin: 0 5px 0 0;
}


#mergedocs {
	visibility: hidden;
	position: absolute;
	top: 88px;
	left: 500px;
	margin: 0 auto;
	padding: 0 0 14px 0;
	background-color: #f6f6f6;
	border: 1px solid #979797;
	overflow-y: auto;
}

#mergedocs .error {
	color: red;
	font-weight: bold;
}

#mergedocsForm {
	width: 600px;
	height: 500px;
	padding-bottom: 40px;
}

#mergedocsForm table th, #mergedocsForm table td{
	padding: 5px;
}
#mergedocsForm table.mergeform {
	width: 100%;
}
#mergedocsForm table.buttons {
	bottom: 20px;
    position: absolute;
    right: 20px;
}
#mergedocsForm table.buttons a.button{
	padding: 5px;
}
#mergedocs .header {
	margin: 1px 0 1px 0;
	padding: 6px 8px;
	background-color: #4e4e4e;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
/* Wijzig Houdergeg */

#wijzighoudergeg {
	visibility: hidden;
	position: absolute;
	top: 88px;
	left: 500px;
	margin: 0 auto;
	padding: 0 0 14px 0;
	background-color: #f6f6f6;
	border: 1px solid #979797;
}

#wijzighoudergeg .tag {
	float: none;
	margin: 1px 1px 15px 1px;
	cursor: pointer;
}

#wijzighoudergeg table {
	margin-right: 12px;
}

#wijzighoudergeg th {
	color: #585857;
	font-weight: bold;
	width: 180px;
	padding: 1px 0 0 10px;
}

#wijzighoudergeg td {
	padding: 2px;
}

#wijzighoudergeg td input {
	width: 300px;
}

#wijzighoudergeg td select {
	padding: 5px 3px;
}

#wijzighoudergeg input#Achternaam,
#wijzighoudergeg input#Voornamen {
	text-transform: uppercase;
}

#wijzighoudergeg .buttons {
	padding: 20px 0 0 0;
	text-align: right;
}

#wijzighoudergeg .buttons button {
	height: 36px;
}


/* Login Page */

#loginpage #logo {
	position: absolute;
	top: 10px;
	right: 15px;
}

#loginpage #main {
	width: 550px;
	height: 250px;
	margin: 100px auto 0;
	padding-top: 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #c8c6c6;
	border-left: 1px solid #c8c6c6;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

#loginpage .container {
	/* width: 410px; */
	margin: 0 auto;
}

#loginpage .container table {
	width: 400px;
}

#loginpage .container table th {
	text-align: right;
	padding-right: 5px;
}

#loginpage .container table td {
	width: 260px;
	text-align: right;
	padding: 0 0 5px 0;
}

#loginpage .container table input {
	width: 250px;
}

#loginpage .flags {
	text-align: center;
	margin-bottom: 15px;
}

#loginpage .flags img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#loginpage .flags a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#loginpage .flags #lang1030.cur1030 img,
#loginpage .flags #lang1031.cur1031 img,
#loginpage .flags #lang1033.cur1033 img,
#loginpage .flags #lang1034.cur1034 img,
#loginpage .flags #lang1036.cur1036 img,
#loginpage .flags #lang1040.cur1040 img,
#loginpage .flags #lang1043.cur1043 img,
#loginpage .flags #lang1053.cur1053 img,
#loginpage .flags #lang1043.cur img,
#loginpage .flags #lang2068.cur2068 img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#loginpage .flags #lang1033.cur1033 img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#loginpage #erroricon {
	float: left;
	margin-top: 6px;
	width: 52px;
	height: 42px;
}

#loginpage #erroricon.active {
	background: url('/assets/img/warning-sign-yellow-42x36.png') no-repeat 10px 0px;
}

#loginpage #errormsg {
	text-align: left;
	line-height: 20px;
	padding: 8px 5px 5px;
}

#loginpage #btnLogin, #loginpage #btnForgotPassword  {
	display: block;
	float: right;
	height: 29px;
	margin-top: 2px;
	padding: 16px 30px 0 0;
	text-align: right;
	text-transform: uppercase;	
	text-decoration: none;	
}

#loginpage #btnLogin {
	width: 78px;
	background: url('/assets/img/btn-login.png') no-repeat left top;
	background-size: 100% 100%;
	font-size: 13px;	
}
#loginpage #btnForgotPassword {
	width: 150px;
	background: url('/assets/img/btn-default.png') no-repeat left top;
	background-size: 100% 100%;
	font-size: 11px;	
	padding: 16px 16px 0 16px;
	text-align: center;
}

#loginpage .banner {
	display: block;
	width: 358px;
	height: 33px;
	margin: 20px auto;
	padding: 23px 50px 27px 50px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}


#loginpage .banner .inner .up {
	font-size: larger;
}

#loginpage #demo {
	background: url('/assets/img/bannerDemo.png') no-repeat left top;
	/* text-shadow: 1px 1px #c3896d; */
}

#loginpage #contact {
	background: url('/assets/img/bannerContact.png') no-repeat left top;
	/* text-shadow: 1px 1px #7e8ec0; */	
}
#loginpage #privacy{
	color: black;	
	text-align: center;	
}

#loginpage .banner .inner {
	text-align: center;
	margin-left: -50px;
	margin-right: -50px;	
}

#customerlogo {
	width: 500px;
	height: 84px;
}


/* FinScan */

#finscan {
	padding: 20px;
}

#finscan h2 {
	font-size: 20px;
	margin-bottom: 50px;
}

#finscan table {
	width: 100%;
}

#finscan tr.hide {
	display: none;
}

#finscan .error {
	font-size: 20px;
	color: Red;
}

#finscan .foot {
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 20px;
	text-align: center;
}


/* popup */

#iframe-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);  
	/* trans */
	transform: scale(0); /*scale it to a smaller size*/
	/* transition: all .5s ease-in-out; make it smooth	 */
	z-index: -1;	
}

#iframe-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: 890px;
	height: 760px;
	margin: -380px 0 0 -445px;
	border: 1px solid black;
	/* trans */
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);  
  	z-index: -1; /*hide it in the back of the page*/
}

#iframe-popup.show {
  visibility: visible;
  z-index: 900;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1) /*scale it to a default size*/
}
#iframe-popup-overlay.show {
  opacity: 0.7;
  filter: alpha(opacity=70);
  visibility: visible;
  z-index: 800;
  transform: scale(1);
}

#iframe-full-popup {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	width: 100%;
	height: 100%;
	margin: 5px;
	border: 1px solid black;	
  	z-index: 930;
}

.attention {
	color: red;
	font-weight: bold;
}

.banned a {
	color: red;	
}

@keyframes highlight {
	0% {
		background: #ffff99; /* lovely yellow colour */
	}
	100% {
		background: none;
	}
}

.highlight {
   animation: highlight 3s;   
}

input.valid-code {	
	background: url(/assets/img/OK-7x7.png) no-repeat scroll 7px 7px;
	background-position: right;
	/*padding-left:30px;*/
}