/*@media print {
	.x-panel,
	.x-panel-body,
	.x-panel-body-noheader {
		left:0px !important;
		top:0px !important;
		width:100% !important;
	}

	#typo3-topbar,
	#typo3-module-menu,
	.btn,
	body > div.zwf-backend-window > div.topbar,
	body > div.zwf-backend-window > div.filter,
	body > div.zwf-backend-window > div.bottombar,
	body > div.zwf-backend-window > div.content > div#kolommen > *,
	body > div.zwf-backend-window > div.content > div#kolommen > div.printKolom > div.viewcolumn > * {
		display:none;
	}

	body > div.zwf-backend-window > div.content > div#kolommen > div.printKolom,
	body > div.zwf-backend-window > div.content > div#kolommen > div.printKolom > div.viewcolumn,
	body > div.zwf-backend-window > div.content > div#kolommen > div.printKolom > div.viewcolumn > div#printReady {
		display:block;
	}

	#printReady, fieldset {
		display:inline;
	}

	.viewcolumn > :first-child {
	    margin-top: 0px;
	}
	
	html {
		height:auto;
	}
	body {
		position:static;
		overflow: visible !important;
		top:auto;
		bottom:auto;
		height:auto;
		min-height:0;
	}
	
	body > div.zwf-backend-window > div.content {
		top:0px;
	}
}*/

*{
	padding       : 0px;
	margin        : 0px;
}

.clear{
  clear         : both;
}

html{
  overflow-x   : hidden;
  overflow-y   : auto;
}

body,html {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
body {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  min-height:100%;
	background:white;

	font-size     : 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  
}

body.waiting * {
	cursor:wait;
}

th { text-align:left; }

a,
a:visited{
  color         : inherit;
  text-decoration: none;
  cursor        : pointer;
}
a:hover{
  color         : inherit;
  text-decoration: underline;
}

h1,h2,h3,h4,h5 {
	color:#212121;
	font-size:10pt;
	margin:0px 0px 5px 0px;
}
h2 {
	font-size:11pt;
	margin:0px 0px 10px 0px;
}

.zwf-backend-window > .content {
	overflow      : hidden;
	font-size:11px;
	background:#888888;
	text-align:left;
	top:21px;
	color:#212121;
}

div.topbar,
div.bottombar {
	box-shadow:none !important;
}
div.filter {
	display:none;
}
div.content {
/*	bottom:0px !important;*/
}
div.bottombar {
	left:auto !important;
	right:0px !important;
	width:300px;
	background:transparent !important;
	border-width:0px !important;
	padding:0px 5px 2px 5px !important;
}
div.bottombar a {
	color:#585858 !important;
	border-left:1px solid #aaaaaa;
	padding-left:5px;
}
div.bottombar a:last-child {
	border-left:0px solid #585858;
}

.overlayer{
  position      : fixed;
  left          : 0px;
  right         : 0px;
  top           : 0px;
  bottom        : 0px;
  background    : url(img/backend/overlay-bg.png) repeat top left;
  z-index       : 1000;
}

.overlayer .loading{
  position      : absolute;
  left          : 0px;
  right         : 0px;
  top           : 0px;
  bottom        : 0px;
  background    : url(img/backend/zwf-loading.gif) no-repeat center center;
}

body > .content {
	width:850px;
	padding:10px 25px 25px 25px;
}

.nietPrinten {
	display:none;
}

iframe[seamless] {
border:none;
}

/*******************************************************************************
 KOLOMMEN
*******************************************************************************/
#kolommen {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

.kolom{
  float         : left;
	height:100%;
	overflow : auto; 
}
.viewcolumn{
	overflow:auto;
	min-height:100%;
	position:relative;
}

.viewcolumn > *:first-child{
	margin-top:20px;
}
.viewcolumn > *:last-child{
	margin-bottom:15px;
}
.viewcolumn.resizable > .resizebutton{position:absolute;left:0px;right:6px;top:0px;height:10px;background-color:#a8a8a8;text-align:center;color:#FFFFFF;border-bottom:1px solid #989898;line-height:10px;cursor:e-resize;}
.viewcolumn.resizable > .resizebutton:after{display:inline;content:'<<';}
.viewcolumn.resizable > .resizebutton.small:after{display:inline;content:'>>';}


.zwf-backend-window > .content .viewcolumn:before{
  position      : absolute;
  height        : 100%;
  content       : "";
  z-index       : -5;
/*  border-right  : 3px double #ebebeb;
	background: #dddddd url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==") repeat-y right center;*/
	background: #dddddd url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAKnRFWHRDcmVhdGlvbiBUaW1lAG1hIDUgbm92IDIwMTIgMTE6MzE6MDIgKzAxMDC18x4pAAAAB3RJTUUH3AsFCh8lYu/o2AAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAAhSURBVHjaARYA6f8ByMjI6+vrODg4AAAA+Pj47u7u9/f3kgkOWvD9zJAAAAAASUVORK5CYII=") repeat-y right center;
}

.kolom:last-child{
  float         : none;
}

.zwf-backend-window > .content .viewcolumn-250       {width         : 250px;}
.zwf-backend-window > .content .viewcolumn-250:before{width         : 250px;}
.zwf-backend-window > .content .viewcolumn-200       {width         : 200px;}
.zwf-backend-window > .content .viewcolumn-200:before{width         : 200px; z-index       : -1;}
.zwf-backend-window > .content .viewcolumn-300       {width         : 300px;}
.zwf-backend-window > .content .viewcolumn-300:before{
  position      : absolute;
  width         : 300px;
  height        : 100%;
	background-color: #FFFFFF;
  content       : "";
  z-index       : -1;
  border-right  : 3px double #CFCFCF;
}

.zwf-backend-window > .content .viewcolumn-500       {width         : 500px;}
.zwf-backend-window > .content .viewcolumn-500:before{width         : 500px; z-index       : -1;}
.zwf-backend-window > .content .viewcolumn-750       {width         : 750px;}
.zwf-backend-window > .content .viewcolumn-750:before{width         : 750px;}

.zwf-backend-window > .content .viewcolumn-rest{
  overflow      : hidden;
  float:none;
/*  width:680px;*/
}
.zwf-backend-window > .content .viewcolumn-rest:before{
  position      : absolute;
  height        : 100%;
	background-color: #FFFFFF;
  content       : "";
  z-index       : -1;
  border-right  : 3px double #CFCFCF;
  margin-right  : -2000px;
  padding-right :  2000px;
}

div.padding {
	padding:10px 25px 25px 25px;
}

div.groterfont {
	font-size:9pt;
}

.textright {
	text-align: right;
}

/*.zwf-backend-window > .content .viewcolumn > *{
  margin-bottom : 2px;
}*/

/*******************************************************************************
 ITEMS (lijst met opdrachtstatussen)
*******************************************************************************/
.zwf-backend-window > .content .viewcolumn > ul > li.item {
  color          : inherit;
  border:0px solid transparent;
  border-width:1px 0px;
  margin:0px 7px 2px 0px;
  cursor:pointer;
}

.zwf-backend-window > .content .viewcolumn > ul > li.item div {
  padding:3px 9px 4px 11px;
}
.zwf-backend-window > .content .viewcolumn > ul li.item:hover > div,
.zwf-backend-window > .content .viewcolumn > ul li.item.selected > div{
  background:#ebebeb;
  border:0px solid #b8b8b8;
  border-width:1px 0px;
  padding:2px 9px 3px 11px;
}
.zwf-backend-window > .content .viewcolumn > ul li.item.selected > div{
  padding-right:12px;
  margin-right:0px;
  font-weight:bold;
}
.zwf-backend-window > .content .viewcolumn > ul > li.item.cascademenu:hover > div,
.zwf-backend-window > .content .viewcolumn > ul > li.item.cascademenu.selected > div{
  background:#888888;
  color:white;
}


.zwf-backend-window > .content .viewcolumn ul > li.item > div > a{
  display        : block;
/*  line-height:15px;*/
}
.zwf-backend-window > .content .viewcolumn > ul > li.item:hover > div > a{
	text-decoration:none;
}

.zwf-backend-window > .content .viewcolumn > ul > li.item span{
	float:right;
	padding-top:3px;
	margin-right:10px;
	font-size:80%;
}
.zwf-backend-window > .content .viewcolumn > ul > li.cascademenu.item span{
	padding-top:0px;
}


/*******************************************************************************
 TABLE kolom2 (lijst met opdrachten)
*******************************************************************************/

.paddedcontent { padding:10px; width:724px; }
.viewcolumn-500 .paddedcontent { width:474px; }
.viewcolumn-250 .paddedcontent { width:224px; }

table.opdrachten{ width:750px; }
.viewcolumn-500 table.opdrachten{ width:500px; }
.viewcolumn-250 table.opdrachten{ width:250px; }

.viewcolumn-250 .hideonsmall,
.viewcolumn-250 .hideonsmall{display:none;}

table.opdrachten tr.item td {
	padding:3px 0px 4px 0px;
  border:0px solid transparent;
  border-width:1px 0px;
}
table.opdrachten tr.item th.zijkant-links,
table.opdrachten tr.item td.zijkant-links {
	width:10px;
}
table.opdrachten tr.item:hover td,
table.opdrachten tr.item.selected td {
  background:#ebebeb;
  border:0px solid #b8b8b8;
  border-width:1px 0px;
  cursor:pointer;
}
table.opdrachten tr.item.selected td:nth-child(2) {
	font-weight:bold;
}
table.opdrachten tr.item.isonhold {
	opacity:0.5;
}
table.opdrachten tr.item .zijkant-rechts {
	width:7px;
}
table.opdrachten tr.item:hover .zijkant-rechts {
	background:transparent;
	border-color:transparent;
}
table.opdrachten tr.item.selected .zijkant-rechts {
	border-color:transparent;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAXCAIAAACuzwlbAAAAKnRFWHRDcmVhdGlvbiBUaW1lAHdvIDcgbm92IDIwMTIgMTI6MjQ6MDkgKzAxMDDWv1yLAAAAB3RJTUUH3AsHDAgaf471SgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAAdSURBVHjaY3z9+jUDAwMTAxgMCorl7t27QFdBeQD8/whJDESf9gAAAABJRU5ErkJggg==) repeat-y left top;
}

table.opdrachten tr.item td.datum {
	width:70px;
	padding-right:3px;
}
table.opdrachten tr.item td:nth-child(2) {
	width:auto;
}
table.opdrachten tr.item td:nth-child(5) {
	padding-right:7px;
}
table.opdrachten tr.item td:last-child {
	padding-right:0px;
}

table.opdrachten tr.item td.datum span {
	width:70px;
	white-space:nowrap;
	padding:2px 3px;
}

/*******************************************************************************
 OPDRACHT
*******************************************************************************/
table.opdracht th, .value {
	white-space:nowrap;
}
table.opdracht th, .value.opmerking {
	white-space:normal;
}

#datepicker {
	background:white;
	border:2px solid #959595;
}
td.dpTitleTD {
	background:#72aaff;
}
div.dpTitleText {
	text-align:center;
}
div.dpTD,
div.dpDayHighlight {
	padding-bottom:2px;
}

fieldset {
	margin:0px 15px 20px 15px;
	padding:1px 10px 10px;
	position:relative;
}
legend {
	padding:0px 5px 6px;
}


table.opdracht th {
	padding-bottom:4px;
	width:100px;
}

table.opdracht tr th {
	padding:0px 6px 4px 0px;
}
table.opdracht tr td {
	padding:0px 0px 4px 2px;
}
table.opdracht tr.editing td {
	padding-bottom:2px;
	padding-left:0px;
}

table#nieuweuren {
	margin-bottom:3px;
}
table#nieuweuren td {
	vertical-align:top;
}
table#nieuweuren tfoot td {
	padding-top:10px;
	padding-bottom:10px;
}

table#nieuweuren > tbody > tr:nth-child(2) div.btn.delete {
	display:none;
}

.editgroup {
	cursor: url(img/backend/edit.png),pointer;
}
table#nieuweuren .editgroup,
.editgroup.editing {
	cursor: default;
}

textarea {
	width:100%;
	height:200px;
	border-color:#abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-width:1px;
}
textarea:hover {
	border-color:#5794bf #b7d5ea #c7e2f1 #c5daed;
}


table.opdracht input {
	width:73px;
}
fieldset:first-child table.opdracht input:not([type="checkbox"]),
table.opdracht input.opmerking {
	width:500px;
}
table.opdracht input[type=checkbox] {
	width:auto;
	position:relative;
	top:2px;
}

.value {
	display:inline;
/*	cursor: url(img/backend/edit.png),pointer;*/
}
h2.value {
	display:block;
}
tr.value {
	display:table-row;
}
tr.noedit .value{
/*	cursor:default;*/
}
.edit {
	display:none;
}

.editing .value {
	display:none;
}
.editing .edit {
	display:inline;
}
.editing tr.edit {
	display:table-row;
}
.editing .edit.uren {
	display:block;
}

.editbuttons {
  padding-left:4px;
}
div.btn {
	float:left;
	width:16px;
	height:17px;
  background-image: url("../../typo3/sysext/t3skin/images/sprites/t3skin.png?1329123896") !important;
	background-position: -1000px -1000px !important;
	background-repeat:no-repeat !important;
  margin-left:2px;
  margin-top:4px;
  cursor:pointer;
}
div.btn.undo {
	background-position: 0px 0px !important;
}
div.btn.save {
	background-position: -270px 0px !important;
}

div.btn.new {
	background-position: -72px -18px !important;
}

div.btn.newlist {
	background-position: -180px 0px !important
}

div.btn.klant {
	background-position: -108px -234px !important;
}

div.btn.editfield {
	background-position: -198px 0px !important;
}
div.btn.hide {
	background-position: -36px -35px !important;
}
div.btn.show, div.btn.hide[data-hide='0'] {
	background-position: -180px -17px !important;
}

div.btn.delete {
	background-image: url(data:image/gif;base64,R0lGODlhDgAQAIcAAAAAAEBAQP8A/4ODg7CwsOXl5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAIALAAAAAAOABAAAAhiAAUIFBigYICBCAkSKEBgAICEBiNKFBBgYYGLFwloHOAwAICPIEOCpGgx40aHCgcwZDiAQACUJFUubOgSZkWZLGs+jLmS5sudN3u2/JlSqM6iM4fabGiUKEmMDE8CFUlVQEAAOw==) !important;
	background-position: center center !important;
}

div.btn.kalender {
	background-position: -270px -18px !important;
	margin-left:59px;
}

div.rechtsboven {
	position:absolute;
	right:25px;
	top:9px;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    16% {
       opacity: 1;
    }
    84% {
       opacity: 1;
    }
    100% {
       opacity: 0;
    }
}
[data-fadeout="1"] {
	opacity:0;
	-webkit-animation: fadeInOut 1.5s;
	animation: fadeInOut 1.5s;
}
#checkMelding {
	position:absolute;
	right:10px;
	bottom:10px;
	opacity:0;
	color:green;
}

.newCheckpoint {
	position:relative;
	display:none;
	margin-left:15px;
	padding:5px 0;
	width: calc(100% - 38px);
}
.newCheckpoint input[type="text"] {
	width:100%;
	font:inherit;
}
.newCheckpoint textarea {
	height:3em;
	font:inherit;
}

table.urenregistratie tr:nth-child(odd) td {
	background:#f5f5f5;
}

table.urenregistratie tr td {
	padding:2px 8px 2px 0px;
}
table.urenregistratie tr td:last-child {
	padding-right:0px;
}

table.urenregistratie tr td:nth-child(1) {
	min-width:80px;
}
table.urenregistratie tr td:nth-child(2) {
	min-width:80px;
}
table.urenregistratie tr td:nth-child(3) {
	min-width:80px;
}
table.urenregistratie tr td:nth-child(4) {
	min-width:120px;
}
table.urenregistratie tr td:nth-child(5) {
	min-width:260px;
}
table.urenregistratie tr td:nth-child(6) {
	min-width:260px;
}
table.urenregistratie tr td:nth-child(7) {
	min-width:260px;
}


table.urenregistratie img {
	cursor:pointer;
}

div.urenregistratie > * {
	margin-left:25px;
}


div.urenregistratie input[type=submit] {
	margin-bottom:20px;
}

div.urenregistratie input.opmerking {
	width:250px;
}


table.urenregistratie tr.totaal th,
table.urenregistratie tr.totaal td {
	border-top:1px solid #bbbbbb;
	padding-top:5px;
	padding-bottom:15px;
	font-weight:bold;
}

table.urenregistratie.permaand tr.totaal th,
table.urenregistratie.permaand tr.totaal td {
	padding-bottom:5px;
	font-weight:normal;
}

/*table.urenregistratie tr.totaal.subtotaal td {
	border-top:1px solid #cccccc;
}*/


div.opgeslagen {
	position:absolute;
	right:15px;
	top:0px;
	background:#33CC33;
	color:white;
	font-weight:bold;
	padding:15px;
}

/*******************************************************************************
 PRIJZEN
*******************************************************************************/
form.rekenform table {
	margin-bottom:25px;
}
fieldset form.rekenform table {
	margin-bottom:0px;
}

form.rekenform table th,
form.rekenform table td {
	padding:0px 10px 8px 0px;
}
fieldset form.rekenform table th,
fieldset form.rekenform table td {
	padding:0px 15px 13px 0px;
}
form.rekenform table th:last-child,
fieldset form.rekenform table th:last-child,
form.rekenform table td:last-child,
fieldset form.rekenform table td:last-child {
	padding-right:0px;
}

form.rekenform table td input[type=text] {
	width:60px;
}

form.rekenform table td.euroteken {
	width:15px;
	padding-right:0px;
}

form.rekenform table th.totaal,
form.rekenform table th#totaal,
form.rekenform table td.totaal,
form.rekenform table td#totaal {
	border-top:1px solid #6e6e6e;
}


/*******************************************************************************
 VRIJE DAGEN
*******************************************************************************/
fieldset.jaren > span:last-child {
	display:none;
}

.printBtn {
	cursor:pointer;
	width: 15px;
	height: 15px;
	background: url(data:image/gif;base64,R0lGODlhDwAPAIcAABkzbhVOVBFDbChSbzRqdjA7kx1HgyhGgitNlCpWiDZLkz1OkzRYlj1GpThepFJbqk1pkUl3nVNrnUZlqUh4qVBlpl1yoVl2uGh+rWl1vHJ+uG91w0KHjFWdjU6Fq1GAqlWCvVyZrF2YuGaAsW2Bs3uCuX+SvWKnkmi0ql2DxHuDwn6Rx3qd036pyf8A/4OgroCHxoaayYGb1JaZypmf24unzI+x1Jek1ZK015Wx4Kaq3aOxy6Ky1qa72qmy3a640aur6Kay5YXQspLQzZnA67XH37PRz6DA6a/a4LbF5LTQ7r7U7Lbd8rXl1cPB58fY6sbY99XZ+8T83Mbs98z45t3u9tzo/tby8uDk/+ng/+zj/+vt/+L+7+L18+f89ez3++39/PPt/vP0/vX+///1/vr///z6///4//z//v78/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAC4ALAAAAAAPAA8AAAjbAF0IHEiwYEEnM37seGEEh40YBrOc2TIGzJUpLCoU1BEmjI4kRWooYbCAoA8tZMKM+aIEChEGEAfSyBIFCJAgOY4gALAig4siPpyEMWPGCpMpLSZckKGgSAwNMHRk2JBBAQMBDlJcKGCiSpk0YsZUpEJFChMQExaQ6DFjBowSFiAMGEAAgQMFCiQ8KVPmyxcvXKSc6GCAwgEAGIqUEYNmTJcmTToIMcAAAIAYMaCIwRJlCZIhAQJ4SABAAo8VN1TAWDHiQwgOKEREGCDwxoMGBXIjSCCg94AILgICADs=) no-repeat 0 0;
	margin:10px 0px 0px 20px;
}

table.totalen td { padding-right:10px; }
table.totalen td:nth-child(2) { text-align:right; }
table.totalen td.streepje { border-top:1px solid black; }
table.totalen tr.opacity05 { opacity:0.5; }


/*******************************************************************************
 KLANTEN
*******************************************************************************/
li.cascademenu ul.submenu {
	display:none;
	max-height:200px;
	overflow:auto;
}
li.cascademenu.selected ul.submenu {
	display:block;
}

li.cascademenu ul.submenu li div {
  padding:1px 9px 2px 11px;
}
li.cascademenu ul.submenu li div a {
  text-decoration:none;
}

table.adres {
	margin-bottom:15px;
	width:474px;
}
table#adres {
	margin-bottom:0px;
}
table.adres td input {
	width:160px;
}


.urenzonderopdracht * {
	font-family:calibri;
	font-size:10.5pt !important;
}
.urenzonderopdracht h2 {
	font-size:18pt !important;
}



/*******************************************************************************
 CHECKLIST
*******************************************************************************/
.checklistul li {
	list-style:none;
	position:relative;
	border-top: 1px dotted #eee;
	padding:3px 0;
}
.checklistul > li { background-color:#eee; }
.checklistul > li > ul > li { background-color:#ddd; }
.checklistul > li > ul > li > ul > li { background-color:#ccc; }
.checklistul > li > ul > li > ul > li > ul > li { background-color:#bbb; }
.checklistul > li > ul > li > ul > li > ul > li > ul > li { background-color:#aaa; }
.checklistul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-color:#999; }

.checklistul li input[type="checkbox"] { position:relative; top:1px; }

fieldset[data-hidechecked="1"] li[data-checked="true"]:not([data-hassubchecks="1"]) {
	display:none;
}





