html {
	overflow-y: scroll;
	height: auto;
}

body,
td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	height: 100%;
	padding-top: 5px;
}

#container {
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 5px;
	width: 95%;
	height: 700px;
	margin: auto;
	background-color: #cccccc;
	display: table;
}

#tabmenu {
	width: 95%;
	height: 30px;
	margin: auto;
	font-size: 12px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

#menu {
	height: auto;
	width: 172px;
	margin-top: 12px;
	margin-left: 12px;
	float: left;
	font-size: 13px;
}

#menu ul li a,
#menu ul li.aktief {
	display: block;
	height: auto;
	width: 134px;
	line-height: 13px;
	padding: 3px 0 5px 8px;
	color: #333333;
	/*background-color:#eaeaea;*/
	background: #d6d6d6 url(images/transparant.png) top repeat-x;
	border: 1px solid #9a9a9a;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 0px 8px 0px 8px;
	-webkit-border-radius: 0px 8px 0px 8px;
	border-radius: 0px 8px 0px 8px;
	margin-bottom: 8px;
}

#menu ul li.aktief,
#menu ul li a:hover {
	color: #000000;
	background: url("images/transparant.png") repeat-x scroll center center #46B51B;
}

#menu ul li a.submenu,
#menu ul li.submenu {
	margin-left: 14px;
}

.knopnieuw {
	margin-bottom: 10px;
}

#inhoud {
	margin-top: 12px;
	float: left;
}

#tabs {
	margin-top: 40px;
	background-color: #c8c8c8;
	padding: 0;
}

.knop {
	font-size: 13px;
	line-height: 14px;
	/*color:#777777;*/
	color: #9a9a9a;
	width: auto;
	margin-top: 3px;
	margin-left: -2px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	height: 19px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	background-color: #eaeaea;
	border-top: 2px solid #aeaeae;
	border-left: 2px solid #aeaeae;
	border-bottom: 0px;
	border-right: 0px;
	border-top-style: ridge;
	border-left-style: ridge;
	text-align: center;
	cursor: pointer;
}

.knopaktief {
	margin-top: 0px;
	height: 23px;
	background-color: #cccccc;
	border: 0px none;
	padding-top: 7px;
	padding-right: 12px;
	color: #000000;
}

.knop1 {
	margin-left: 0px;
}

.next {
	margin-left: 0px;
	border-left: 0px none;
}

.last {
	padding-left: 0px;
	padding-right: 0px;
	height: 15px;
	margin-top: 7px;
}

.knopadmin {
	float: right;
	margin-right: 2px;
}

.knopadmin.knopaktief {
	margin-right: 0;
}

.knoploguit {
	float: right;
	background-color: #ff9a9a;
	color: #b95454;
	border-right: 2px solid #aeaeae;
	border-right-style: ridge;
	margin-left: -2px;
}

.knophelp {
	width: 70px;
	height: 19px;
	padding-top: 8px;
	float: right;
	background-color: #ffffd9;
	border: solid #bbbbbb;
	border-width: 2px 0 0px 2px;
	border-top-style: ridge;
	text-align: center;
}

.knopover {
	color: #000000;
}

#inhoud ul.ui-tabs-nav {
	margin: 0;
	padding: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

form {
	display: table-cell;
}

label {
	float: left;
	clear: both;
	width: 150px;
	margin-top: 5px;
	margin-left: 12px;
}

input#klant {
	width: 250px;
}

.klanten.detail input[type=text] {
	width: 250px;
}

.klanten.detail div {
	height: 26px;
}

.klanten.detail .postadres,
.klanten.detail .telefoon,
.klanten.detail .contactpers {
	margin-top: 10px;
}

input,
select {
	float: left;
	margin-right: 12px;
}

.klanten.detail {
	height: auto;
	display: table-cell;
	padding-top: 6px;
	padding-bottom: 6px;
	min-width: 455px;
}

.lichtgrijs {
	background-color: #D6D6D6;
}

table.project {
	width: 100%;
}

table.project td {
	width: 50%;
}

.projecten,
.klanten,
.tab,
.pdfs,
.factuur {
	border: 1px solid #aaa;
	margin-top: -1px;
	height: auto;
	width: 100%;
}

.veld {
	height: 24px;
	padding-top: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	float: left;
	padding-left: 3px;
}

.pdfs {
	width: 550px;
}

.pdfs a {
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 12px;
	width: 540px;
	text-decoration: none;
}

.pdfs a span {
	width: 120px;
	float: right;
}

form#pdfupl {
	padding: 20px 0;
}

.invoer3 {
	width: 250px;
	float: left;
}

.label3 {
	float: left;
	width: 50px;
	padding-top: 6px;
	padding-left: 12px;
}

.projecten {
	width: 880px;
	padding: 8px 0 13px 0;
	height: 10px;
	clear: both;
	background-color: #cccccc;
}

.projecten.lijst {
	padding-left: 8px;
}

.projecten.lijst:hover {
	background-color: #bbb;
}

.projecten.lijst a span {
	width: 250px;
	display: inline-block;
	color: #000;
}

.projecten.detail {
	height: auto;
	background-color: #ccc;
}

#projecten ul li a {
	width: 100%;
	display: block;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}

.tab.nwproject {
	float: right;
	background-color: #8fbc8f;
}

.tab.nwproject a:hover {
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: #c8c8c8;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #dddddd;
}

.ui-datepicker-calendar .ui-state-hover {
	background-color: #bbb;
}

.ui-datepicker-today .ui-state-default,
.ui-datepicker-today .ui-widget-content .ui-state-default {
	background-color: #cccccc;
	color: #f00;
	border-color: #b8b8b8;
}

.ui-datepicker-current-day .ui-state-active,
.ui-datepicker-current-day .ui-widget-content .ui-state-active {
	border-color: #000;
	background-color: #8eFF8e;
}

.ui-datepicker-next:before {
	content: " >> ";
	line-height: 27px;
}

.ui-datepicker-prev:before {
	content: " << ";
	line-height: 27px;
}

.ui-tabs .ui-tabs-panel {
	padding: 2em 1.4em;
}

ul.ui-autocomplete {
	width: 252px !important;
	border: 1px solid #999999;
	background-color: #efefef;
	padding: 0;
	border-radius: 0px !important;
}

li.ui-menu-item {
	font-size: 12px;
}

.ui-menu .ui-menu-item a {
	border-radius: 0px !important;
}

#overzicht {
	width: 960px;
	overflow-x: auto;
	clear: both;
	padding-top: 10px;
}

#overzicht ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.veld2,
.veld1 {
	height: 24px;
	padding-top: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: auto;
}

.label2 {
	float: left;
	width: 150px;
	padding-top: 6px;
	padding-left: 40px;
}

.invoer2 {
	padding-top: 3px;
	width: auto;
	float: left;
}

ul.resultaten {
	width: 330px;
}

ul.resultaten li.klanten a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 20px;
	padding-left: 8px;
	padding-top: 4px;
}

ul.resultaten li.klanten a:hover {
	background-color: #bbb;
}

#linkerkolom,
#rechterkolom {
	width: 271px;
	display: table-cell;
	background-color: #D6D6D6;
	padding: 6px;
	line-height: 16px;
}

#linkerkolom {
	height: auto;
	display: block;
	float: left;
	padding-bottom: 8px;
}

#rechterkolom {
	padding: 6px 0 6px 6px;
}

#linkerkolom select,
#linkerkolom input {
	float: none;
}

.tussendiv {
	width: 20px;
	background-color: transparent;
	display: table-cell;
}

#klantkaart .bedrijfsnaam {
	font-weight: bold;
}

#klantkaart .adres,
#klantkaart .postadres,
#klantkaart .telefoon,
#klantkaart .email,
#klantkaart .wijzigen {
	margin-top: 6px;
}

#klantkaart .wijzigen input {
	float: right;
}

.tab,
.toevoegen {
	width: 120px;
	padding-bottom: 10px;
	padding-top: 6px;
	height: 10px;
	padding-left: 14px;
	background-color: #C0C0C0;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	float: left;
	border-bottom: 0px;
}

.tab.extra {
	width: 160px;
}

#contactpersonen {
	height: auto;
	width: 570px;
	display: table-cell;
	padding-bottom: 5px;
}

#contactpersonen ul li.tab {
	width: 110px;
	padding-bottom: 10px;
	padding-top: 3px;
	height: 8px;
	padding-left: 5px;
	float: left;
	border-bottom: 0;
	margin-top: 1px;
}

#contactpersonen ul li {
	font-size: 11px;
	border: 1px solid #AAA;
	margin-top: -1px;
	clear: both;
	padding-left: 6px;
	width: 286px;
	float: left;
}

#contactpersonen ul li a {
	width: 100%;
	display: block;
	padding: 3px 0;
	cursor: pointer;
}

#contactpersonen ul li.cpformulier {
	padding-top: 8px;
	padding-bottom: 8px;
}

#contactpersform {
	margin-top: 10px;
}

#contactpersform label {
	margin-left: 0;
	width: 110px;
}

#contactpersform input[type=text] {
	width: 160px;
}

.edit label {
	width: 80px;
	font-weight: normal;
	margin-left: 0;
}


#projecten ul li.factuurknop a,
#projecten span.urenknop a {
	display: inline-block;
	height: auto;
	width: auto;
	color: #333333;
	background: #d6d6d6 url(images/transparant.png) top repeat-x;
	border: 1px solid #9a9a9a;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 13px;
	line-height: 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0px;
	margin-right: 15px;
	padding: 4px 8px;

}

#projecten ul li.factuurknop a:hover,
#projecten span.urenknop a:hover {
	color: #000000;
	background: url("images/transparant.png") repeat-x scroll center center #46B51B;
}

#projecten span.urenknop a:hover {
	background-color: #0080c0;
}

span.urenknop {
	display: inline-block;
	margin-bottom: 14px;
}

#projecten textarea#aantekeningen {
	width: 99%;
	height: 200px;
	background-color: #e0e0e0;
	padding: 4px;
	box-sizing: border-box;
}

#projecten textarea {
	width: 266px;
	height: 100px;
	float: left;
}

.factuur a {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	/*    height: 16px; */
	color: #000;
	cursor: pointer;
}

.factuur.last {
	border: none;
}

div.datum,
.bedrag {
	float: left;
}

div.datum {
	width: 200px;
	margin-left: 38px;
}

.factuur a div.datum {
	width: 111px;
}


.factuur a div.extra {
	width: 450px;
	margin-left: 20px;
	display: inline-block;
	line-height: 1.3em;
	margin-top: -2px;
}

ul.schemafacturen li.factuur a div.extra {
	width: 380px;
}

ul.facturen {
	background-color: #efe4a6;
}

.schemafacturen a div.herhaaldatum {
	float: left;
	width: 150px;
	margin-left: 38px;
}

.bedrag {
	width: 100px;
	text-align: right;
}

form#factform {
	padding: 12px 0 0 12px;
}

a.exceldownload {
	display: inline-block;
	width: auto;
	padding: 3px 8px;
	border: 1px outset #f0f0f0;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: gold;
}

a.exceldownload.hf {
	background-color: indianred;
	color: #fff;
}

ul.facturatiemaand {
	width: 1400px;
}

ul.facturatiemaand>li {
	padding: 20px 0 20px 20px;
}

ul.facturatiemaand li.oneven {
	background-color: #dcdcdc;
}

ul.facturatiemaand li.samenvoeging {
	padding-top: 0;
}

ul.facturatiemaand>li.top>span {
	font-weight: bold;
}

ul.facturatiemaand>li>span {
	width: 110px;
	display: inline-block;
	vertical-align: top;
}

ul.facturatiemaand li span.bedrijf,
ul.facturatiemaand li span.campnaam,
ul.facturatiemaand li span.factomschrijving {
	width: 210px;
}

ul.facturatiemaand li span a {
	color: #000;
}

ul.facturatiemaand li span.factcode {
	width: 50px;
}

ul.facturatiemaand li span.deb {
	width: 80px;
}


ul.facturatiemaand li span.bijzonderheden,
ul.facturatiemaand li span.contactpers {
	width: 225px;
}

ul.facturatiemaand li span.contactpers {
	margin-left: 50px;
}

ul.facturatiemaand li span.factbedrag {
	text-align: right;
}

ul.facturatiemaand li span.korting {
	text-align: center;
}

#inhoud ul.codes {
	width: 100%;
	display: inline-block;
	padding: 0;
}

#inhoud ul.codes li {
	padding-bottom: 8px;
}

div.projectsamenvatting {
	float: left;
	margin-left: 12px;
	padding: 10px;
	background: #dcdcdc;
}

div.projectsamenvatting a {
	color: #000;
}

div.projectsamenvatting a.uren {
	display: block;
	text-decoration: none;
	width: 250px;
	height: 23px;
}

div.projectsamenvatting a.uren.act {
	font-weight: bold;
}

div.projectsamenvatting a.uren.warning,
li.factuur.warning {
	background-color: #ffa9a9;
}

div.projectsamenvatting a.uren:hover:not(.totaal) {
	background-color: #eee;
}

div.projectsamenvatting a.uren.totaal {
	border-top: 1px solid #333;
	margin-top: 8px;
	padding-top: 5px;
	font-style: italic;
}

div.projectsamenvatting a.uren span {
	float: left;
	display: block;
	margin-top: 5px;
	margin-left: 12px;
}

div.projectsamenvatting a.uren span.datum {
	clear: both;
	width: 150px;
}

div.urenform {
	float: left;
	margin-left: 50px;
	margin-top: 12px;
}

div.urenform div.veld2 {
	height: auto;
	min-height: 24px;
	padding-top: 0;
}

div.urenform input {
	width: 80px;
}

div.urenform textarea {
	height: 90px;
	width: 300px;
}

.opbrengsten {
	width: 750px;
	padding: 8px 0 13px 8px;
	height: 10px;
	clear: both;
	border: 1px solid #aaa;
	margin-top: -1px;
}

.opbrengsten.cumulatief {
	width: auto;
}

.titel.vorige {
	margin-left: 80px;
}

.opbrengsten .opbrengst {
	text-align: right;
	width: 130px;
	font-size: 11px;
	float: left;
	padding-right: 10px;
}

.opbrengsten.cumulatief .opbrengst {
	width: 70px;
}

.opbrengsten .opbrengst.now {
	font-weight: bold;
}


/*Confirm box*/
#popup_container {
	font-size: 12px;
	min-width: 300px;
	/* Dialog will be no smaller than this */
	max-width: 600px;
	/* Dialog will wrap after this width */
	background: #FFF;
	border: 1px solid #868686;
	color: #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#popup_title {
	text-align: center;
	height: 23px;
	color: #000;
	background: #47829c url(images/transparant.png) top repeat-x;
	border-bottom: solid 1px #1f5a74;
	cursor: default;
	padding-top: 2px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*Einde Confirm box*/