@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.extendedParticipants * {box-sizing:border-box}

html, body {height:100%;}
html, body {margin:0px;padding:0px;}
/*body{overflow:hidden;}*/

body, td, table {font-family: arial;color:#000000;font-size: 12px;}

/* origineel Menu */
TD.body {padding:1px 10px 10px 10px;}

#main {
	padding:10px 10px 0px 0px;text-align:left;
	/*position:absolute;top:5px;left:15px;bottom:15px;right:10px;*/
}

TD.pathway {padding-left: 15px;	text-align:left;font-family: arial;	font-size: 12px;}
TD.topright {padding-right: 15px;	text-align:right;	font-family: arial;	font-size: 12px;}
.color1, .color2 {	border:none;	font-family: arial;	font-size: 12px;}
.color1{background:#FFFFFF;	color:#000000;}
.color2{	background:#1e91bf;	color:#000000;}
.menu {margin-top:15px;padding: 0px 0px 13px 0px;color: #fff;font-size: 14px;border-top:1px solid #62b2d2;}
.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {padding: 3px 10px 3px 10px;line-height:12px;FONT-SIZE : 3mm;FONT-FAMILY : arial;font-weight: bold;display: block;text-decoration: none;background: #1e91bf;border-bottom:1px solid #62b2d2;}
.menu a:link, .menu a:visited {COLOR : #FFFFFF;}
.menu a:hover, .menu a:active, .menu a:focus {background: #FFFFFF;color: #1e91bf;}

/* Month navigation */
a.nav:link, a.nav:visited, .navtitle  {color: #1e91bf;font-size: 18px;font-weight: bold;text-decoration: none;}
img {border:none;}
form {margin:0;}

table {border: none;border-collapse: collapse;empty-cells: show;border-spacing: 0;}
#dataTable, .dataTable {border-collapse:collapse;border: 1px solid #d6d6d6;}
#dataTable td, #dataTable th, .dataTable td, .dataTable th {padding: 4px 4px;border: 1px solid #e1e1e1;}
#dataTable td a, .dataTable td a {padding: 4px 14px;}

a.toolbar, a.toolbar:link, a.toolbar:visited {text-align:center;color : #0000ff;color : #808080;text-decoration : none;display: block;border: 2px outset #ffffff;border: 1px solid #DDD;width: 55px;padding: 2px 1px 2px 1px;text-decoration: none;background-color: #F1F3F5;margin:2px 0px 5px 3px;float:right;}
a.toolbar:hover {color : #ff0000;border: 2px inset #aaaaaa;background-color: #ffffff;color : #C64934;border: 1px solid #c24733;background-color: #f1e8e6;padding: 3px 0px 1px 2px;text-decoration: none;}
a.toolbar:active {color : #A73E2C;background-color: #ECDFDD;border: 1px solid #A73E2C;}

.buttons	{font-size: 12px;text-align: center;padding:0px;margin:0px;height: 1px;display:block;position:absolute;right:10px;z-index:0;}

/*a, a:link, a:visited, TD.pathway a, TD.pathway a:link, TD.pathway a:visited, TD.topright a, TD.topright a:link, TD.topright a:visited {color: #0000cc; text-decoration: underline;}*/
a:active, a:hover, TD.pathway a:active, TD.pathway a:hover, TD.topright a:active, TD.topright a:hover {color: red;	text-decoration: underline;}

TD.pathway a, TD.pathway a:link, TD.pathway a:visited, TD.topright a, TD.topright a:link, TD.topright a:visited {color: #0000cc; text-decoration: underline;	font-family: arial;	font-size: 12px;}
TD.pathway a:active, TD.pathway a:hover, TD.topright a:active, TD.topright a:hover {color: red;	text-decoration: underline;	font-family: arial;	font-size: 12px;}

a:focus {outline:none;}
.loginText{width:150px;}
.tab, .inactivetab{float:left;color:white;font-weight:bold;}
.tab a:link, .tab a:visited, .tab a:hover, .tab a:active, .inactivetab a:link, .inactivetab a:visited, .inactivetab a:hover, .inactivetab a:active {border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;background:#333;color:white;text-decoration:none;margin-right:5px;padding:5px 10px;height: 15px;}
#tabsdiv{height: 15px;border-bottom:1px solid #797979; float:left; padding:5px 8px 5px 2px; }
.tab a:hover, .tab a.active, .tab a:link.active, .tab a:visited.active, .inactivetab a:hover, .inactivetab a.active, .inactivetab a:link.active, .inactivetab a:visited.active {background:#fff;color:#333;}
.inactivetab a:link, .inactivetab a:visited, .inactivetab a:hover, .inactivetab a:active, .inactivetab a:hover, .inactivetab a.active, .inactivetab a:link.active, .inactivetab a:visited.active {background:#999;color:#666;}

textarea.text{border: 1px solid #7f9db9;background: #ffffff;padding-left: 2px;padding-right: 2px;overflow:auto;}
input.textVeryShort, input.textShort, input.text, input.textLong{border: 1px solid #7f9db9;background: #ffffff;padding-left: 2px;padding-right: 2px;}
input.textVeryShort {width: 50px;}
input.textShort {width: 100px;}
input.text {width: 150px;}
input.textLong {width: 200px;}

span.req{color:red;}
span.req2{color:orange;}

/*
=========================================================================
lightbox
=========================================================================
*/

#lightbox{background-color:#fcfcfc;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666;}
#lightboxDetails{font-size:0.8em;padding-top:0.4em;}	
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;} 
#overlay img{border:none;}
#overlay{background-image:url('./img/overlay.png');}

* html #overlay{
	background-color:#333;
	back\ground-color:transparent;
	background-image:url('./img/blank.gif');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./img/overlay.png", sizingMethod="scale");
}

#thumb{width:110px;height:110px;float:left;}

.headerBox{border-top:1px dashed black;border-bottom:1px dashed black;}
.headerBox h1{font-weight:bold;font-size:12pt;margin:3px 2px 2px 2px;color:#ec0088;}
.bodyBox{margin:6px 0px 4px 0px;text-align:center;}
.containerBox{margin-top:0px;margin-right:0px;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;}
#dataTable2 th, #dataTable2 td{padding:1px 4px;border: 1px solid #666;height:27px;}
#dataTable2{border-collapse:collapse;border:none;}
#dataTable2 th {height:24px;color:#333;}
#dataTable2 .right {border-top: none;border-bottom: none;border-right: none;}

#stornoOuter{border:2px solid black;padding:5px;background:red;}

#stornoInner, #stornoInner a, , #stornoInner a:link, #stornoInner a:visited, #stornoInner a:active, #stornoInner a:hover{
	color:white;font-weight:bold;font-size:14px;text-decoration:none;
}
#stornoInner a:hover{text-decoration:underline;}


.draglist {width: 470px;margin:0;padding:0;}
.draglist div, .kbs div, .kbsg div, .kbsm div, .kbc div {border:1px solid #D2D2D2;display:block;float:left;overflow:hidden;}
.draglist_alt {position: relative; margin:0px; padding:0;}
.draglist_alt div {cursor: move;}

.kb, .kbg, .kbm, .kbg_double {outline:none;margin:0px;padding:0px;cursor:pointer; overflow:hidden;}
.kb span{display:block;overflow:hidden;}
.kb td, .kbm td, .kbg td, .kbg_double td{overflow:hidden;vertical-align: middle;}
.draglist div, .draglist_alt, .kb {}
.draglist div, .kbs div, .draglist_alt div {margin:3px;}
.kbsg div, .kbg {width:120px;height:54px;font-size:17px;}
.kbg_double{width:238px;height:51px;font-size:17px;}
.kbg_double td{font-size:17px;}
.kbg td{font-size:17px;}
.kbsg div {margin:0px 10px;}
.kbsm div, .kbm {width:105px;height:55px;}
.kbsm div {margin:5px;}

.kb_font1 td{font-size:32px;font-weight:bold;}

.kassabon{width:230px; border:1px solid black;}
.kassabonInner{margin:3px 6px;}
.kassabon table.outertable {width:100%; height:190px;}
.kassabon table {width:100%;}

.kassabon .bh td {padding-top:3px;padding-bottom:0px; font-style:italic;}
.kassabon .bh td {border-top:1px dashed black;}
.kassabon .bhsub td {padding-top:3px;padding-bottom:3px; font-style:italic;font-size:10px;}
.kassabon .bhsub td {border-bottom:1px dashed black;}
.kassabon .brsub td {font-size:10px;}

.kassabon .be td {padding-bottom:1px;}
.kassabon .be td.ok {color:green;}
.kassabon .be td.halfok {color:#F38E05;}
.kassabon .be td.notok {color:black; font-weight:bold;}
.kassabon .spacer td{height:2px; font-size:1px; line-height:1px; overflow:hidden;}
.kassabon .bf td {font-weight:bold;}
.kassabon .prijs {padding-left:7px;padding-right:7px; width:10%; text-align:right; white-space:nowrap;}
.kassabon .chkbx {padding-right:7px; width:1%; text-align:left; white-space:nowrap;}
.kassabon .aantal {padding-right:7px; width:10%; text-align:right; white-space:nowrap;}
.kassabon .desc {width:70%;}
.kassabon .bedrag {width:10%; text-align:right; white-space:nowrap;}
.kassabon .totaalbedrag {border-top:3px double black;text-align:right; white-space:nowrap;}
.kassabon .rest {text-align:right; white-space:nowrap; padding-right:25px;}

.bgnb{background-image:url(../img/gradbarBlue3.jpg); background-repeat:repeat-y;}
.txtnbtop{color:#FFFFFF; font-weight:bold; font-size: 14px; font-variant: small-caps;}


html,body{margin:0;padding:0;}
	
#r1,#r2,#r3,#r4,#r5,#r6,#r7,#r8,#r9,
#r1c1,#r2c1,#r3c1,#r4c1,#r5c1,#r6c1,#r7c1,#r8c1,#r9c1,
#r1c2,#r2c2,#r3c2,#r4c2,#r5c2,#r6c2,#r7c2,#r8c2,#r9c2,
#r1c3,#r2c3,#r3c3,#r4c3,#r5c3,#r6c3,#r7c3,#r8c3,#r9c3{
	position:absolute; font-size:1px; overflow:hidden;
}

#r1,#r2,#r3,#r4,#r5,#r6,#r7,#r8,#r9{left:0; right:0;}
#r1c1,#r2c1,#r3c1,#r4c1,#r5c1,#r6c1,#r7c1,#r8c1,#r9c1{left:0; width:8px; top:0;}
#r1c2,#r2c2,#r3c2,#r4c2,#r5c2,#r6c2,#r7c2,#r8c2,#r9c2{left:8px; width:106px; top:0; text-align:center;}
#r1c3,#r2c3,#r3c3,#r4c3,#r5c3,#r6c3,#r7c3,#r8c3,#r9c3{left:114px; right:0; top:0; padding-left:10px;}

#r1,#r1c3, #r2c2, #r3, #r3c3, #r4c2, #r5, #r6c2, #r7, #r8c2, #r9{background:white;color:black;}
#r1c2, #r2, #r3c2, #r4, #r5c2, #r6, #r7c2, #r8, #r9c2{background:#1e91bf;color:white;}

#r1{top:0;}
#r1,#r1c1,#r1c2,#r1c3{height:15px;}

#r2{top:15px;}
#r2,#r2c1,#r2c2,#r2c3{height:1px;}

#r3{top:16px;}
#r3,#r3c1,#r3c2,#r3c3{height:28px;}

#r4{top:44px;}
#r4,#r4c1,#r4c2,#r4c3{height:1px;}

#r5{top:45px;bottom:92px;}
#r5,#r5c1,#r5c2,#r5c3{bottom:0px;}

#r6{bottom:91px;z-index:25}
#r6,#r6c1,#r6c2,#r6c3{height:1px;}

#r7{bottom:11px;z-index:25}
#r7,#r7c1,#r7c2,#r7c3{height:80px;}

#r8{bottom:10px;z-index:25}
#r8,#r8c1,#r8c2,#r8c3{height:1px;}

#r9{bottom:0px;z-index:25}
#r9,#r9c1,#r9c2,#r9c3{height:10px;}

#r3c3{padding-left:10px;}
#r5c1,#r5c2,#r5c3{padding-top:5px;}
#r5c2{padding-top:10px;}
#r5c3{font-size:12px;overflow-y:auto; bottom:92px;}
#header{height:28px; width:100%;}
#abbr{height:80px;width:114px;color:white;font-size:48px;font-weight:bold;}
#menudiv{font-size:12px;}

#r3c3 table, #r7c2 table, #r7c3 table {border-collapse: collapse; border:none;}
#r3c3 th, #r3c3 td, #r7c2 th, #r7c2 td, #r7c3 th, #r7c3 td {padding: 0;}


#rb1,#rb2,#rb3{position:absolute; font-size:1px; overflow:hidden;left:0; right:0;padding-left:10px;}

#rb1{top:0;height:28px;}
#rb2{top:28px;bottom:70px;font-size:12px;overflow-y:auto;padding-top:5px; }
#rb3{bottom:0px;height:70px;}

#headerb{height:28px; width:70%;}
#footerb{height:70px; width:100%;}

#rb1 table, #rb3 table {border-collapse: collapse; border:none;}
#rb1 th, #rb1 td, #rb3 th, #rb3 td {padding: 0;}

.inputbasket{font-size:16px;padding:0px;border:1px solid #e5e5e5; vertical-align:middle; width:32px; text-align:center;}
.keypad{font-size:16px; width:86px; height:46px;background:#fafaf6;}
.tegenboeking{color:red;}


/* LOGBOEK */
.logboek {border: 1px #DD0000 solid;padding: 5px;}
.logboek tr.even {background: #f0d3d5;}
.logboek th, .logboek th a:link, .logboek th a:visited {background: #DD0000;color: #fff;}
.logboek td, .logboek th {padding: 5px;border-right: 1px #fff solid;}
.logboek td.last, .logboek th.last {border-right:none;}

div.hr {height: 1px;border-top:1px dashed black;}
div.hr hr {display: none;}

.bigtxtbutton td{font-size:22px; color:#333;}

.error {color: #ff0000;font-weight: bold;}
.artname {padding: 0 10px 0 10px;}
table.spacemore td, table.spacemore th {padding: 5px 5px 0 0;}
.kassabon .brsub td.sam {font-weight:bold;border-bottom: 1px solid;}
.kassabon .br td.sam {font-weight:bold;}
td.samsub {color: #c0c0c0;}
td.bxborder {border-bottom:2px solid #000;}
tr.kas1 td {background: #FFFFCC;}
tr.kas2 td {background: #CCFFCC;}
tr.kas3 td {background: #acd0fa;background: #D7E8FD;}
#tree-div i{font-size:9px;color:#666;}
a.multilingual_edit {color: #f00;}
.filterbox {text-align:center;width:106px}
.filterbox p {margin:5px 0}

.extendedParticipants{
	margin:10px 0px 20px 0px; 
	padding:5px;
}

.box .extendedParticipants .textsm{
	/*width:165px;*/
	line-height: 22px;
	white-space:nowrap;
}

.box .extendedParticipants table{
	width:160px;
}

.box .extendedParticipants input{
	padding-left:3px;
	padding-right:3px;
	width:100%;
}
/*
.box .extendedParticipants .textsm.descr{
	text-align:right;
	width:135px;
}
*/
.extendedParticipants .col1, .extendedParticipants .col2{
	display:inline-block;
	width:50%;
	font-size:14px;
}
.extendedParticipants .col1{
	padding-right:10px;
}
.extendedParticipants .col2{
	padding-left:10px;
}

.partRow fieldset{
	font-size:0;
}

.extendedParticipants .participantLabel{
	border-bottom: 1px solid #a8e166; 
	margin-bottom:6px;
}

.box .extendedParticipants .textsm.descr span{
	padding:2px;
}

.dummyRow{
	display:none;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.navbtnc{
	background: white;
	color: red;
	border: 1px solid red;
	line-height: 2.95;
}

.navbtnc:hover{
	background:red;
	color:white;
}

.inputemail{
	padding-top: 0;
	padding-bottom: 0;
	height: 28px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	width: 250px;
	margin-left: 0px;
}

.checkemail{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 26px;
	height: 30px;
	vertical-align: middle;
}

.putEmail{
	margin-top:10px;
	margin-bottom:30px;	
}

.putEmailDesc{
	margin-bottom: 4px;
	margin-left: 2px;
}

.emailAboErrormsg{
	  text-align: left;
    color: red;
    margin-top: 20px;
}