html {
	height: 100%;
	margin: 0;
}

body {
	height: 100%;
	margin: 0;
	font: 13px/20px Calibri, Tahoma, Geneva, sans-serif;
	color: #585858;
	background: #f0f0f0;
	min-width: 675px;
	position: relative;
	overflow-y: scroll;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
img {
	border-style: none;
}
input, textarea, select {
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
textarea {
	border: 1px solid #D9C1D1;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
.hidden {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
h1 {
	font-size: 1.5em;
}
hr {
	border:none;
	background-color:#bbbbbb;
	height:2px;
	margin:15px;
}
div.vr{
	background-color:#D1D1D1;
	width:1px;
	margin:0 1em;
	height:100%;
	position:relative;
}
#wrapper {
	min-height: 100%;
	overflow: hidden;
	/* Equal to height of footer */
	/* But also accounting for potential margin-bottom of last child */
	margin-bottom: -196px;
}

.wrapper-push {
	/* Equal to height of footer */
	height: 196px;
}

.w1 {
	max-width: 1010px;
	margin: 12px auto;
}
.w2 {
}
#header .box {
	height: 43px;
	overflow: hidden;
	/*margin-bottom: 25px;*/
	padding:0;
	background: url(../images/newdesign/logo.png?r=100) no-repeat 0 11px;
	width:310px;
}
.logo {
	margin: 0;
	padding: 76px 0 0 28px;
	float: left;
}
.logo a {
	width: 97px;
	height: 17px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
.logo2 {
	padding-right: 35px;
	float: right;
}
.logo2 a {
	width: 246px;
	height: 99px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo2.gif) no-repeat;
}
#headerWrapper {
  border-bottom: 2px solid #cbcbcb;
  background: #f9f9f9;
}
#header {
	padding:0 22px 0 17px;
  max-width: 970px;
  margin: auto;
}
#header .container {
	margin: 0 0 5px -1px;
	position: relative;
}
#header #nav a {
	color:#585858;
}
#header #nav {
	overflow: hidden;
	background: #fdfdfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f8f8f8 50%, #efefef 51%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#f8f8f8), color-stop(51%,#efefef), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f8f8f8 50%,#efefef 51%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f8f8f8 50%,#efefef 51%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f8f8f8 50%,#efefef 51%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(top,  #fdfdfd 0%,#f8f8f8 50%,#efefef 51%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */
	border: 1px solid #EBEBEB;
	border-radius:5px;
}
#header .leftTopNav {
	float: left;
}
#header .rightTopNav {
	float: right;
	width: 300px;
}
#header .leftTopNav, #header .rightTopNav {
	margin: 0;
	padding:0;
	list-style: none;
	line-height:46px;
	font-size:14px;
	/*position: relative;*/
}
#header .leftTopNav li{
	float: left;
}

#header .rightTopNav li {
	float:right;
	font-weight:bold;
	margin-right:1em;
}
#header .leftTopNav li {
	width:130px;
	text-align:center;
	font-weight:bold;
	border-right: 1px solid #CCCCCC;
}
#header .leftTopNav li:hover{
	background: #fcfcfc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmFiYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #e9e9e9 50%, #dedede 50%, #ababab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#e9e9e9), color-stop(50%,#dedede), color-stop(100%,#ababab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 50%,#dedede 50%,#ababab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 50%,#dedede 50%,#ababab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 50%,#dedede 50%,#ababab 100%); /* IE10+ */
	background: linear-gradient(top,  #fcfcfc 0%,#e9e9e9 50%,#dedede 50%,#ababab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ababab',GradientType=0 ); /* IE6-8 */
}
#nav li:first-child {
	background: none;
}
#main {
/*	background: url(../images/bg-main-c.gif) repeat-y;*/
}
.main-holder {
/*	background: url(../images/bg-main-t.gif) no-repeat;*/
}
.main-frame {
	height: 1%;
	overflow: hidden;
	padding: 0 22px 40px 17px;
/*	background: url(../images/bg-main-b.gif) no-repeat 0 100%;*/
}
#content {
	width: 760px;
	float: left;
	padding-top: 8px;
  position: relative;
}
.standardForm label {
	width: 200px;
	float: left;
}
.standardForm input {
	/*width: 200px;*/
	float: left;
	border: 1px solid #F0F0F0;
	background-color: #F0F0F0;
}
.standardForm input[type="radio"] {
	border: none!important;
}

.standardForm .explainField {
	width: 300px;
	float: left;
}
.standardForm .formField, .standardForm  .bigFormField {
	clear: both;
	margin-bottom: 5px;
}

.functions {
	height: 1%;
	overflow: hidden;
  margin: 0 0 11px 5px;
	padding: 0 0 8px;
	list-style: none;
}
.functions li {
	float: left;
}
.functions a {
	width: 226px;
	height: 90px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.functions .btn-inkomsten {
  background: url(../images/newdesign/btn_inkomsten.png?r=100) no-repeat;
	margin-right: 37px;
}
.functions .btn-inkomsten:hover {
  box-shadow: 0 0 10px 0 #978997 inset;
}
.functions .btn-uitgaven {
  background: url(../images/newdesign/btn_uitgaven.png?r=100) no-repeat;
	margin-right: 36px;
}
.functions .btn-uitgaven:hover {
  box-shadow: 0 0 10px 0 #978997 inset;
}
.functions .btn-interne {
  background: url(../images/newdesign/btn_intern.png?r=100) no-repeat;
}
.functions .btn-interne:hover {
  box-shadow: 0 0 10px 0 #978997 inset;
}
.tabset {
	width: 100%;
	overflow: hidden;
	margin: 0 0 -1px;
	padding: 0 0 0 5px;
	list-style: none;
	position: relative;
	height:52px;
}
.tabset li {
	margin-right: -1px;
	float: left;
	text-align: center;
	font-size: 14px;
}
.tabset a {
	width: 118px;
	overflow: hidden;
	display: block;
	padding: 5px 0;
  background: #febbdc;
	border: 1px solid #bf9dad;
	position:relative;
	bottom:-20px;
	height: 32px;
}

body:not(.LoginView) .tabset > li:first-of-type a {
	width: 35px;
}

.tabset > li:first-of-type a img {
	margin-top: 2px;
}

.tabset a:hover, .tabset a.active {
	background:#fcfcfc;
	filter:none;
	color:#000;
	text-decoration: none;
	padding: 13px 0;
	position:relative;
	bottom:-4px;
	border: 1px solid #505050;
	z-index:5;
	margin-top:2px;
  border-radius: 3px 3px 0 0;
}
div.tab {
	width: 749px;
  min-height: 720px;
	margin-left: 5px;
	position:relative;
	z-index:5;
}
.tab-holder {
	/*padding: 0 20px 26px;*/
}
.tab-holder h3 {
	margin: 0;
	padding: 15px 0 3px 2px;
	font-size: 14px;
	color: #000000;
  font-weight: normal;
}
.chart-holder {
	width: 700px;
	margin-top: 30px;
}
.tab-frame {
	height: 1%;
	overflow: hidden;
	padding: 18px 0 0 2px;
}
.tab-frame .content {
	margin-bottom:20px;
	width: 100%;
	float: left;
}
.tab-frame .content .box {
	margin-bottom: 7px;
}
.tab-frame .content .holder {
}
.tab-frame .content .frame {
	height: 1%;
	overflow: hidden;
	padding: 0 6px;
}
.tab-holder h2 ,
.tab-frame .content h2 {
	height: 1%;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	position: relative;
	margin-bottom: 8px;
}

.tab-frame .content h2 span {
	float: left;
	padding-right: 10px;
}
.tab-frame .content h2 .mark {
	color:#E1247E;
	padding: 0 6px 0 0;
}
.tab-frame .content .container {
	padding: 6px 0 6px;
}
.tab-frame .content .container .b-line {
	height: 6px;
	overflow: hidden;
	margin-top: -3px;
	padding-top: 4px;
	position: relative;
}
.tab-frame .content table {
	width: 100%;
	border-collapse: collapse;
}
.tab-frame .content table tr:nth-of-type(even) {
  background: #fef3f9;
}
.tab-frame .content table th {
	color: #585858;
	background: #ffaad3;
	text-align: left;
	vertical-align: top;
  font-weight: 400;
}
.tab-frame .content table th:nth-of-type(3),
.tab-frame .content table th:nth-of-type(4) {
  text-align: right;
}
.tab-frame .content table .column01, .tab-frame .content table .column02, .tab-frame .content table .column03, .tab-frame .content table .column04 {
	padding: 2px 0 3px;
}
.tab-frame .content table td.column01, .tab-frame .content table td.column02, .tab-frame .content table td.column03, .tab-frame .content table td.column04 {
	padding: 3px 0 5px;
}
.tab-frame .content table .column01, .tab-frame .content table td.column01 {
	width: 123px;
	padding-left: 5px;
}
.tab-frame .content table .column02, .tab-frame .content table td.column02 {
	width: 79px;
	padding-left: 4px;
}
.tab-frame .content table .column03, .tab-frame .content table td.column03 {
	width: 65px;
	padding-left: 2px;
}
.tab-frame .content table td.column03 {
	width: 63px;
	padding-left: 4px;
}
.tab-frame .content table .column04, .tab-frame .content table td.column04 {
	width: 67px;
	padding-left: 5px;
}
.tab-frame .content table td {
	vertical-align: top;
	font-size: 11px;
}
.tab-frame .content table td.lastTableColumn {
  text-align: right;
}
.tab-frame .aside {
  float: right;
  margin-bottom: 20px;
  padding-left: 8px;
  position: relative;
  right: 1px;
  width: 283px;
	border-left:2px solid #bbbbbb;
}

.IntroDashBoardView .tab-frame .aside {
	border: none;
}


.tab-frame .aside .box {
	height: 1%;
	overflow: hidden;
	margin-bottom: 7px;
}
.tab-frame .aside .holder {
	height: 1%;
	overflow: hidden;
}
.tab-frame .aside .frame {
	padding: 0 11px 11px 15px;
}

.tab-frame .aside h2 {
	height: 1%;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	position: relative;
}
.tab-frame .aside h2:after {
	content: "";
	display: block;
	clear: both;
}
.tab-frame .aside h2 span {
	float: left;
	padding-right: 10px;
}
.tab-frame .aside h2 .mark {
	color:#E1247E;
	padding: 0 6px 0 0;
}
.tab-frame .aside h2 .text-ficsbook {
	width: 105px;
	height: 24px;
	overflow: hidden;
	float: left;
	background: #fff url(../images/ficsbook_logo_mini.png?r=100) no-repeat;
	text-indent: -9999px;
	margin-top: -1px;
	padding: 0;
	position: relative;
}
.tab-frame .aside ul {
	margin: 0;
	padding: 0 0 5px;
	list-style: none;
}
.tab-frame .aside ul li {
	padding: 0 0 0 15px;
	background: url(../images/newdesign/bullet.png?r=100) no-repeat 0 7px;
}
.tab-frame .aside ul a {
	color: #585858;
}
#sommaties{
	width: 260px;
	float: right;
	margin: 0 5px 5px 0
}
#sommaties div {
	clear: both;
}
#sommaties div span {
	display: block;
	text-align: right;
	float: left;
}
#sommaties div .title {
	color: #000000;
	margin-right: 4px;
	width: 150px;
}
#sommaties div .euroSign {
	width: 30px;
  float: right;font-weight: bold;
}
#sommaties div .value {
	float: right;
  font-weight: bold;
  padding-left: 4px;
}
#sidebar {
	padding-top: 8px;
	width: 198px;
	float: right;
}
#sidebar .box {
	margin-bottom: 27px;
}
#sidebar .holder {
}
#sidebar .frame {
	height: 1%;
	overflow: hidden;
}
#sidebar h2 {
	height: 1%;
	overflow: hidden;
	margin: 0 0 11px 10px;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
#sidebar h2 span {
}
#sidebar h2 .mark {
	color:#E1247E;
}
#sidebar .container {
  padding: 12px 12px 18px 12px;
  background: #FFF;
  text-align: center;
}
#sidebar .container b {
  font-size: 50px;
  line-height: 50px;
  font-weight: 400;
}
#sidebar ul {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}
#sidebar ul li {
	line-height: 14px;
}
#sidebar #agendaContainer ul li {
	height: 16px;
	overflow: hidden;
}
#sidebar h3 {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: normal;
}
#sidebar ul li a {
	color: #00167a;
}
#sidebar .date {
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	color: #000;
	padding-right: 5px;
}
.rekenmachine-form {
	height: 1%;
	overflow: hidden;
	padding: 0 6px 0;
}
.rekenmachine-form .block {
	padding-left: 6px;
	padding-bottom: 4px;
}
.rekenmachine-form .text {
	width: 156px;
	overflow: hidden;
	padding: 6px 9px 4px;
	background: url(../images/bg-text.gif) no-repeat;
}
.rekenmachine-form .text input {
	width: 156px;
	float: left;
	color: #000000;
	border-style: none;
	padding: 0;
	margin: 0;
	background: none;
	line-height: 15px;
}
.rekenmachine-form .row {
	height: 1%;
	overflow: hidden;
	margin-bottom: -3px;

}
#sidebar .rekenmachine-form .numbers {
	padding: 0 0 0 6px;
	float: left;
	width:130px;
}
#sidebar .rekenmachine-form ul {
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar .rekenmachine-form li {
	float: left;
	margin-bottom:15px;
}
#sidebar .rekenmachine-form .buttons {
	width: 40px;
	float: right;
}
.rekenmachine-form .buttons li {
	height: 1%;
	vertical-align: top;
	float: none;
}
.inner {
	padding-bottom: 21px;
}
.navbar {
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 10px 15px;
	list-style: none;
}
.navbar li {
	margin-right: 17px;
	float: left;
	line-height: 14px;
	margin-bottom: 2px;
}
.navbar li.right {
	float: right;
}
.navbar li.seperator {
	color: #000000;
	font-size: 16px;
}
.navbar a {
	color: #FFF;
	display: block;
	background-color: #808080;
	border-radius:3px;
}
.navbar span {
	display: block;
	padding: 2px 6px 3px 7px;
	position: relative;
	cursor: pointer;
}
.navbar a:hover, .navbar a.active {
	text-decoration: none;
	color: #fff;
	display: block;
	background-color: #E1247E;
}
.data-form {
	margin: 0 20px;
	padding-top: 6px;
}

.data-form table {
	width: 100%;
	border-collapse: collapse;
  table-layout: fixed;
  box-sizing: border-box;
}
.GrootboekAnalysisView .data-form table {
  width: auto;
}
.data-form th {
	color: #000000;
	background: #ffaad2;
	text-align: left;
	vertical-align: top;
  font-weight: 400;
  box-sizing: border-box;
}
.data-form tr.editAbleRow:hover, .hoverableTr:hover {
	cursor: pointer;
	background: #FEF0EF;
}
.data-form .column01, .data-form .column02, .data-form .column03, .data-form .column04, .data-form .column05, .data-form .column06, .data-form .column07 {
	padding: 2px 0;
}
.data-form td.column01, .data-form td.column02, .data-form td.column03, .data-form td.column04, .data-form td.column05, .data-form td.column06, .data-form td.column07 {
	padding: 3px 0 5px;
}
.data-form td.data {
	padding-top: 5px;
}
.data-form .column01, .data-form .column02, .data-form .column03, .data-form .column04, .data-form .column05, .data-form .column06 {
	border-right: 2px solid #E2E2E2;
}
.data-form .column01, .data-form td.column01 {
	width: 93px;
	padding-left: 5px;
}
.data-form .column02 {
	width: 150px;
	padding-left: 4px;
}
.data-form td.column02 {
	width: 149px;
	padding-left: 5px;
}
.data-form .column03 {
	width: 105px;
	padding-left: 3px;
}
.data-form td.column03 {
	width: 103px;
	padding-left: 5px;
}
.data-form .column04 {
	width: 73px;
	padding-left: 4px;
}
.data-form td.column04 {
	width: 71px;
	padding-left: 6px;
}
.data-form .column05 {
	width: 75px;
	padding-left: 4px;
}
.data-form td.column05 {
	width: 76px;
	padding-left: 3px;
}
.data-form .column06 {
	width: 74px;
	padding-left: 4px;
}
.data-form td.column06 {
	width: 75px;
	padding-left: 3px;
}
.data-form .column07 {
	width: 126px;
	padding-left: 4px;
}
.data-form td.column07 {
	width: 126px;
	padding-left: 4px;
}
.data-form td.data-box {
	padding: 4px 0 4px 3px;
	background: #FEF0EF;
	border-bottom: solid #fff;
	border-width: 1px 2px 0 0;
}
.data-form td {
	vertical-align: top;
	font-size: 11px;
  box-sizing: border-box;
}
.data-form td.error {
  color: white;
  background-color: red;
	outline: red double thin;
}
.data-form td.analysesDescriptionColumn {
    max-width: 400px;
    word-wrap: break-word;
}
.data-form .text {
	width: 61px;
	overflow: hidden;
	padding: 3px 5px;
	background: url(../images/bg-text2.gif) no-repeat;
}
.data-form .text input {
	width: 61px;
	float: left;
	margin: 0;
	padding: 0;
	border-style: none;
	background: none;
	font-size: 11px;
	line-height: 14px;
}
.data-form .small {
	width: 48px;
	background: url(../images/bg-text-small.gif);
}
.data-form .small input {
	width: 48px;
}
.data-form .middle {
	width: 92px;
	background: url(../images/bg-text-middle.gif);
}
.data-form .middle input {
	width: 92px;
}
.data-form .big {
	width: 136px;
	border-bottom:2px solid #C8C8C8;
}
.data-form .big input {
	width: 136px;
}
.data-form .t {
	height: 22px;
	overflow: hidden;
	background: url(../images/bg-line.png?r=100) no-repeat;
	position: relative;
	margin: -6px -6px -8px;
}
* html .data-form .t {
	margin-bottom: -9px;
}
.data-form .b {
	height: 6px;
	overflow: hidden;
	position: relative;
	margin-bottom: 4px;
	border-bottom:2px solid #C8C8C8;
}
.paging {
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 0 3px;
	list-style: none;
}
.paging .first {
	float: left;
}
.paging .last {
	float: right;
}
.paging .offsetButton {
  text-align: center;
  padding: 5px 0 0;
}
.paging .first a:hover,
.paging .last a:hover {
	text-decoration:none;
}
.mutationPagination {
	text-align: center;
	margin-top: 10px;
}
.mutationPagination span.current {
		background-color: #E1247E;
		color: white;
		padding: 0 3px;
}
.mutationPagination a {
	font-size: 12px;
}
.popup {
	width: 673px;
	background: white;
}
.popup .t, .popup .b {
	height: 15px;
	overflow: hidden;
}
.popup #simplePart {
	margin-bottom: 70px;
}
.popup #simplePart #sommaties {
	width: 257px;
}
.popup #simplePart #sommaties .euroSign {
	width: 20px;
}
.popup #simplePart #sommaties .value {
		width: 70px;
}
.popup .c {
	padding: 0 16px 14px;
}
.popup-box {
}
.popup-holder {
}
.popup-frame {
    border: 2px solid #C8C8C8;
    border-radius: 10px;
    min-height: 300px;
}
.popup-frame h2 {
    color: #585858;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    margin: -18px 0 0 21px;
    overflow: hidden;
}
.popup-frame h2 span {
	padding-right: 10px;
	float: left;
	background: #fff;
}
.popup-frame .mark {
	padding: 0 6px 0 9px;
	color:#E1247E;
	font-style:italic;
}
.editContainer {
  margin-top: 26px;
  border: none;
  border-radius: inherit;
}
.box .frame .mark {
  padding: 0 6px 0 9px;
  color:#E1247E;
  font-style:italic;
}
.popup .popupContent {
	margin: 0 10px;
}
.change-form h2 {
	font-weight: bold;
	margin-top: 15px;
}
.change-form {
	padding: 12px 0 4px;
}
.change-form .row:after {
	/* clearfix */
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.change-form .block {
	width: 380px;
	float: left;
  margin-left: 15px;
}
.change-form .block .holder:after {
	/* clearfix */
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
.change-form .block label {
	width: 100px;
	float: left;
	font-size: 13px;
	line-height: 19px;
	color: #000;
	padding: 4px 0;
}
.change-form .block .text {
	float: left;
	line-height: 26px;
  padding-top: 3px;
}
.change-form .block .text input,
.change-form .block .text .currentListItem {
	width: 164px;
	margin: 0;
	padding: 5px 5px 1px;
	color: #000000;
	line-height: 10px;
	border: 1px solid #DDD;
  background-color: #fff;
}
.change-form .block .text .listSelector {
  width: 280px;
}
.change-form .block .text .currentListItem {
  width: 187px;
  float: left;
  background-position: 186px !important;
    line-height: 13px;
    overflow: hidden;
}
.send-invoice-form .block .text input {
  width: 250px;
}
.change-form .block .middle input {
	width: 85px;
}
.change-form .block a:hover {
	text-decoration: underline;
}
.change-form .block .btn-kalender {
	width: 23px;
	height: 23px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background: url(../images/btn-calendar.png?r=100) no-repeat;
	margin-left: 7px;
}
.change-form .block-more {
	width: 310px;
	float: right;
  margin-right: 15px;
}
.popupBody .change-form .block-more {
	width: 190px;
}
.popupBody .blockWrapper.right h3 {
	width: 190px;
	padding-right: 8px;
}
.change-form .block,
.change-form .block-more,
.change-form .options {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  /*height: 134px;*/
  background: #fafafa;
  padding: 5px;
}
.change-form .block-more label {
	display: block;
	font-size: 13px;
	line-height: 19px;
	color: #000000;
	padding-bottom: 3px;
  width: 100px;
}
.change-form .textarea {
	width: 197px;
	height: 34px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #DDD;
	background: #FFF;
	color: #000000;
  margin: 5px 0;
  resize: none;
}
.safari3 .change-form .textarea, .safari4 .change-form .textarea, .chrome .change-form .textarea {
	max-width: 212px;
}
.change-form .box {
	height: 1%;
	margin: 0 0 10px 11px;
}
.change-form .box .holder {
}
.change-form .box .frame {
	height: 1%;
	padding: 0 10px 0 0;
}
.popup-frame h3 {
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding-top: 2px;
	font-size: 18px;
	font-weight: normal;
	color: #F0F0F0;
    border-bottom: 2px solid #C8C8C8;
}
.popup-frame h3 .mark {
	color:#585858;
	padding:0;
}
.popup-frame h3 span {
	float: left;
	background: #fff;
}
.popup-frame .container, .popup-frame .container-more {
}
.popup-frame .container-more {
	margin-bottom: 9px;
}
.popup-frame table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 2px solid #E2E2E2;
}
.popup-frame .container th, .popup-frame .container-more th {
	color: #000000;
	border-bottom: 1px solid #fff;
	background: #FEF0EF;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 3px;
}
.popup-frame .container .column01, .popup-frame .container .column02, .popup-frame .container .column03, .popup-frame .container .column04 {
	padding: 2px 0 3px;
}
.popup-frame .container td.column01, .popup-frame .container td.column02, .popup-frame .container td.column03, .popup-frame .container td.column04 {
	padding: 3px 0 5px;
}
.popup-frame .container .column01, .popup-frame .container .column02, .popup-frame .container .column03 {
	border-right: 2px solid #E2E2E2;
}
.popup-frame .container .column01, .popup-frame .container td.column01 {
	width: 79px;
	padding-left: 5px;
}
.popup-frame .container .column02, .popup-frame .container td.column02 {
	width: 185px;
	padding-left: 3px;
}
.popup-frame .container .column03 {
	width: 263px;
	padding-left: 3px;
}
.popup-frame .container td.column03 {
	width: 261px;
	padding-left: 5px;
}
.popup-frame .container .column04, .popup-frame .container td.column04 {
	width: 60px;
	padding-left: 3px;
}
.popup-frame .container th {
	color: #000000;
	border-bottom: 1px solid #fff;
	background: #FEF0EF;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 3px;
}
.popup-frame .container-more .column01, .popup-frame .container-more .column02, .popup-frame .container-more .column03 {
	padding: 2px 0 3px;
}
.popup-frame .container-more td.column01, .popup-frame .container-more td.column02, .popup-frame .container-more td.column03 {
	padding: 3px 0 5px;
}
.popup-frame .container-more .column01, .popup-frame .container-more td.column01 {
	width: 204px;
	padding-left: 5px;
}
.popup-frame .container-more .column02, .popup-frame .container-more td.column02 {
	width: 230px;
	padding-left: 4px;
}
.popup-frame .container-more .column03 {
	width: 156px;
	padding-left: 4px;
}
.popup-frame .container-more td.column03 {
	width: 155px;
	padding-left: 5px;
}
.popup-frame .container-more .column01, .popup-frame .container-more .column02 {
	border-right: 2px solid #E2E2E2;
}
.popup-frame td {
	padding: 0;
	vertical-align: top;
	font-size: 11px;
	border-top: 2px solid #E2E2E2;
}
.popup-frame h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	color: #000000;
	padding: 0 0 8px;
}
.popup-frame .section, .btwPayments .section {
	height: 1%;
	overflow: hidden;
	font-size: 11px;
	line-height: 16px;
	border-bottom: 2px solid #E2E2E2;
	margin-bottom: 5px;
	padding: 4px 0 4px 90px;
}
.popup-frame .section span {
	float: left;
	padding-right: 6px;
}
.popup-frame .section select {
	width: 37px;
	float: left;
	margin: 0 4px 0 7px;
}
.popup-frame .section .text {
	width: 41px;
	padding: 4px 7px 2px;
	float: left;
	background: url(../images/bg-popup-text-small.gif) no-repeat;
}
.popup-frame .section .text input {
	width: 41px;
	margin: 0;
	padding: 0;
	border-style: none;
	float: left;
	background: none;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
}
.btn-round-link {
	overflow: hidden;
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 0 7px 5px 2px;
}
.popup .total .btn-round-link {
	width: 300px;
	margin-top: 4px;
	float: left;
}
.section-more .btn-round-link {
	height: auto;
	float: left;
}
.btn-round-link a,
#addkmadminform span.btn-round-link input{
	color: #FFF;
	float: left;
	background-color: #808080;
	border-radius:3px;
}
.btn-round-link a span, #addkmadminform  span.btn-round-link input{

	display: block;
	padding: 2px 9px 3px;
	position: relative;
	cursor: pointer;
}
#addkmadminform span.btn-round-link{
	height: 14px;
}
#addkmadminform span.btn-round-link input{
	color: #FFF;
	border: 0;
}
.btn-round-link a:hover,
#addkmadminform span.btn-round-link input:hover {
	text-decoration: none;
	display: block;
	background-color: #E1247E;
}
.btn-round-link a:hover span {
	display: block;
}
#popup_message .total br {
	display: none;
}
.popup-frame .total .mark {
	color:#E1247E;
	font-size: 16px;
	line-height: 22px;
	padding: 2px 0 0;
}
.popup-frame .total dd.mark {
	color:#E1247E;
	padding-left: 12px;
}
.section-more {
	height: 1%;
	font-size: 11px;
	line-height: 18px;
	padding-left: 5px;
}
.section-more:after {
	content: "";
	display: block;
	clear: both;
}
.section-more .addPaymentAmount {
	display: inline;
	margin-right: 5px;
	float: left;
}
.section-more .addPaymentAmount input {
	/*width: 65px;*/
	border: 1px solid #D9C1D1;
}
.btn-kalender2 {
	width: 23px;
	height: 21px;
	float: left;
	margin: -1px 17px 0 -16px;
	display: inline;
	position: relative;
	text-indent: -9999px;
	background: url(../images/btn-calendar.png?r=100) no-repeat;
}
.section-more span {
	float: left;
	padding-right: 9px;
	font-size: 13px;
}
.section-more select {
	margin-right: 21px;
	float: left;
}
.total-box {
	height: 1%;
	color: #000000;
  border: 1px solid #DDD;
  padding: 0 6px;
  margin: 15px;
}
.total-box .betalenFuture {
	height: 1%;
	float: left;
}
.total-box .betalenNow {
	height: 1%;
	float: right;
}
.betalen-box {
	height: auto;
	float: right;
}
.betalen-box {
	width: 250px;
}
.betalen-box.saldo-box {
	font-weight: bold;
}
.betalen-box .left {
	width: 190px;
}
.betalen-box .right {
	width: 60px;
	text-align: right;
}
.offsetButton,
.btn-submit-big,
.btn-submit,
.loginButton,
.loginButton-big,
.content.contentForm .submit {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	margin: 2px 15px 5px;
	padding: 0 0 4px 0;
	float: right;
	display: inline;
	height: 27px;
	color: #000;
	font-size: 15px;
	cursor: pointer;
	text-transform: uppercase;
	width:120px;
  border: 1px solid #505050;
  border-radius: 3px;
  background: #FEBBDC;
}

.btn-toIntroDashboard {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	margin: 2px 15px 5px;
	padding: 5px;
	display: inline;
	height: 27px;
	color: #000;
	font-size: 15px;
	cursor: pointer;
	text-transform: uppercase;
	width:240px;
	border: 1px solid #505050;
	border-radius: 3px;
	background: #FEBBDC;
}

.sideButton {
  line-height:31px;
  width: 150px;
  height: 30px;
  display: block;
  text-indent: 40px;
  position: relative;
  left: 20px;
  font-weight: 400;
  border-bottom: 2px solid #bababa;
  text-align: left;
}
.sideButton:before {
  content: " ";
  height: 50px;
  width: 50px;
  position: absolute;
  left: -20px;
  top: -7px;
}
.upgradeButton {
  background: #ffaad3;
  font-size: 14px;
  font-weight: 700;
}
.upgradeButton:before {
  background: url("../images/newdesign/upgrade_icon.png?r=100") no-repeat;
  top: -10px;
}
.rightButton {
  background: #f5f5f5;
  border-color: #d9d9d9;
  margin: 20px 0;
}
.receiptButton:before {
  background: url("../images/newdesign/btn_receipt.png?r=100") no-repeat;
}
.carButton:before {
  background: url("../images/newdesign/btn_car.png?r=100") no-repeat;
}
.relatieButton:before {
  background: url("../images/newdesign/btn_relatie.png?r=100") no-repeat;
}
.timeButton:before {
  background: url("../images/newdesign/btn_time.png?r=100") no-repeat;
}
.productButton:before {
  background: url("../images/newdesign/btn_product.png?r=100") no-repeat;
}
.configuratieButton:before {
  background: url("../images/newdesign/btn_config.png?r=100") no-repeat;
}
.invoicesButton:before {
  background: url("../images/newdesign/btn_invoices.png?r=100") no-repeat;
}
.faqButton:before {
  background: url("../images/newdesign/btn_faq.png?r=100") no-repeat;
}
.sideContainer {
  background: #FFF;
  border: 1px solid #bfbfbf;
  padding-left: 11px;
  margin-bottom: 20px;
  border-top: 0;
  position: relative;
  padding-top: 30px;
}
.upperLeft {
  width: 100px;
  text-align: center;
  position: absolute;
  top: -13px;
  left: 0;
  border-top: 1px solid #bfbfbf;
  padding-top: 3px;
}
.upperRight {
  width: 100px;
  height: 24px;
  background: #f0f0f0;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-bottom-left-radius: 5px;
  position: absolute;
  left: 96px;
  top: 0;
}
.content.contentForm input.submit {
	height: 32px;

}
.btn-submit-big:hover,
.btn-submit:hover,
.loginButton:hover,
.loginButton-big:hover,
.content.contentForm .submit:hover {
	background-position: 0 -124px;
}
input.btn-submit,
input.loginButton,
input.btn-submit-big{
	height:31px;
	font-size:12px;
	text-align:center;
	padding:0;
}
.loginButton-big {
	height: 27px;
}
.loginButton-big:hover {
	text-decoration:none;
}
.loginButton {
	float: none;
}
.receiptIcon {
  float: left;
  margin: 3px 10px 0 0;
}
.receiptDescription {
  float: left;
  margin: 0;
  width: 120px;
}
#popup_message table {
	width: 100%;
	margin-top: 30px;
	border-top: 2px solid #D9C1D1;
}
#popup_message table td {
	border: 1px solid #D9C1D1;
	padding: 2px;
}
#popup_message table th {
	text-align: left;
	font-size: 13px;
	background: #FEF0EF;
	color: #000000;
	border: 1px solid #D9C1D1;
	padding: 2px;
}
img.info {
	margin-left: 5px;
	cursor: pointer;
	vertical-align: middle;
}
.removeButton {
	cursor: pointer;
}
.clear {
	clear: both;
}
.data-form table.uitklapTable {
	margin-left: 40px;
	width: 550px;
	margin-bottom: 15px;
	border-bottom: 2px solid #E2E2E2;
}
.data-form table.uitklapTable tr {
	cursor: default;
}
.data-form table.uitklapTable tr:hover {
	background: white;
}
.data-form table.uitklapTable .tableColumn,
.data-form table.uitklapTable .lastTableColumn {
  padding: 1px 5px 1px;
}
.data-form table.uitklapTable .lastTableColumn {
	text-align: right;
	padding-right: 0;
}
.rowContainer .highlighted {
	background: #FEBBDC;
}
.smallBTWField {
	font-size: 9px;
	padding-left: 2px;
	margin-top: 3px;
}
input.paymentDate {
	width: 90px;
	border: 1px solid #F0F0F0;
}
.warning {
	margin: 10px 20px 0;
}
.warning a {
	text-decoration: underline;
}
.deletedRow td.tableColumn {
	text-decoration: line-through;
}
input.border {
	border: 1px solid #CCC;
}
body {
	overflow-y: scroll;
}
.popupBody {
	overflow-y: auto;
	overflow-x: hidden;
	background: transparent;
}
.tab-frame .aside dl {
	height: 1%;
	overflow: hidden;
	margin: 0;
	padding: 0 0 5px 1px;
}
.tab-frame .aside dt {
	width: 170px;
	clear: left;
	float: left;
}
* html .tab-frame .aside dt { margin-right: -3px; }
* +html .tab-frame .aside dt { margin-right: -3px; }
.tab-frame .aside dd {
	float:right;
	margin: 0;
}
.tab-frame .aside .error {
  background-color: red;
  color: white;
	outline: red double thin;
}
* html .tab-frame .aside dd { float: none; }
* +html .tab-frame .aside dd { float: none; }

.popup-frame .tableColumn,
.tableColumn {
	padding: 10px 7px;
  border-right: 2px solid #bbbbbb;
	word-break: break-all;
}

.amountCell span {
	float: right;
}

.popup-frame .lastTableColumn,
.lastTableColumn {
  padding: 10px 7px;
}
.popup-frame .tableColumn, .popup-frame .lastTableColumn {
	padding: 3px 0 2px;
}
.secondTableHead input, select {
	width: 100%;
	background: white;
	border: solid #DDD 1px;
	font-size: 11px;
	line-height: 14px;
}
.contentNews {
	margin: 0 10px;
}
.popup select {
	/*float: left;*/
	width: auto;
	background: #F0F0F0;
}
.inputCell {
	font-size: 11px;
	line-height: 14px;
}
.inputCell input {
	border: 1px solid #DDD;
	font-size: 12px;
	width: 96.4%;
	background: #FFF;
  padding: 2px;
}
.popup dt {
	margin-bottom: 3px;
}
.popup table .grootboekCode, .popup table .btw {
	height: 18px;
	margin: 2px;
}
.popup .grootboekCode {
	width: 150px;
}
.removeButton, .removeButton2 {
	margin-top: 4px;
	height: 13px;
	width: 18px;
	background: url("../images/delete.gif") no-repeat;
	display: block;
	font-size: 0;
	float: left;
}
.activateButton {
	cursor: pointer;
	text-indent: -9999px;
	height: 16px;
	width: 16px;
	background: url('../images/project_status.png') no-repeat 0 -16px;
	display: block;
}
.activateButton.active {
	background-position: 0 0;
}
.copyButton{
	height: 16px;
	width: 15px;
	background: url("../images/copy.gif") no-repeat;
	display: block;
	font-size: 0;
	float: left;
}
.calculatorTextField {
    background: url("../images/isteken.png?r=100") no-repeat;
    border: none;
    float: left;
    height: 28px;
    margin: 0 0 20px;
    padding: 0 0 0 10px;
    width: 134px;
}
.btn-is{
    background: url("../images/isteken.png?r=100") no-repeat scroll -144px 0 transparent;
    border: medium none;
    height: 28px;
    margin: 0 0 20px;
    padding: 0;
    width: 30px;
}
.btn-is:hover{
    background: url("../images/isteken.png?r=100") no-repeat scroll -174px 0 transparent;
}
.rekenmachine-form .buttons input,
.rekenmachine-form .numbers input{
	background-image: url("../images/calc.png?r=100");
	border:none;
    height: 28px;
    padding: 0;
	cursor:pointer;
}
.rekenmachine-form .numbers input{
    margin-right: 15px;
    width: 28px;
}

.rekenmachine-form .buttons input{
    width: 37px;
}

.btn-number01	{ background-position: -4px		-5px;	}
.btn-number02	{ background-position: -46px	-5px;	}
.btn-number03	{ background-position: -89px	-5px;	}
.btn-number04	{ background-position: -4px		-46px;	}
.btn-number05	{ background-position: -46px	-46px;	}
.btn-number06	{ background-position: -89px	-46px;	}
.btn-number07	{ background-position: -4px		-86px;	}
.btn-number08	{ background-position: -46px	-86px;	}
.btn-number09	{ background-position: -89px	-86px;	}
.btn-number00	{ background-position: -4px		-127px;	}
.btn-point		{ background-position: -46px	-127px;	}
.btn-reset		{ background-position: -89px	-127px;	}

.btn-divide		{ background-position: -139px	-5px;	}
.btn-multiply	{ background-position: -139px	-46px;	}
.btn-minus		{ background-position: -139px	-86px;	}
.btn-plus		{ background-position: -139px	-127px;	}

.btn-number01:hover	{ background-position: -184px	-5px;	}
.btn-number02:hover	{ background-position: -226px	-5px;	}
.btn-number03:hover	{ background-position: -269px	-5px;	}
.btn-number04:hover	{ background-position: -184px	-46px;	}
.btn-number05:hover	{ background-position: -226px	-46px;	}
.btn-number06:hover	{ background-position: -269px	-46px;	}
.btn-number07:hover	{ background-position: -184px	-86px;	}
.btn-number08:hover	{ background-position: -226px	-86px;	}
.btn-number09:hover	{ background-position: -269px	-86px;	}
.btn-number00:hover	{ background-position: -184px	-127px;	}
.btn-point:hover	{ background-position: -226px	-127px;	}
.btn-reset:hover	{ background-position: -269px	-127px;	}

.btn-divide:hover	{ background-position: -319px	-5px;	}
.btn-multiply:hover	{ background-position: -319px	-46px;	}
.btn-minus:hover	{ background-position: -319px	-86px;	}
.btn-plus:hover		{ background-position: -319px	-127px;	}

.expandButtonMin {
	color: #00167A;
}
.amountInput {
	border: 1px solid #F0F0F0;
	width: 99%;
	text-align: right;
}
.betalingenMark {
	color: #000000;
	padding: 0 6px 0 9px;
	background: none repeat scroll 0 0 #FFF;
	float: left;
	font-size: 18px;
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.firstline {
}
.firstline .name {
	float: left;
	width: 60%;
	display: block;

}
.reportAmount, .btwAmount {
	float: right;
	width: 19%;
	text-align: right;
	height: 20px;
}

.firstline .reportAmount {
	font-size: 11px;
	width: 19%;
	text-align: right;
}
.firstline .compareAmount {
	font-size: 11px;
	width: 19%;
	text-align: right;
	float: right;
	background-color: #F0F0F0;
	margin-left: 20px;
	height: 20px;
}
.reportAmount.bigTitle.compare {
	background-color: #F0F0F0;
	margin-left: 10px;
}
.data-form .compareAmount {
	background-color: #F0F0F0;
	margin-left: 10px;
}
.data-form .yearField {
	width: 19%;
	margin-left: 10px;
	text-align: right;
}
.data-form input {
	border: 1px solid #E2E2E2;
}
.reportAmount.negativeResult {
	color: red;
}
.popup .topPart select, .popup .holderSelect {
	/*width: 176px;*/
	height: 24px;
	color: #000000;
	padding: 2px;
}
.popup .holderSelectDiv {
	padding: 0 10px 0 1px;
}
.loginFormHolder {
	margin-top: 50px;
	margin-right: 35px;
	margin-bottom: 0;
	padding-left: 50px;
	padding-top: 25px;
	padding-bottom: 15px;
	float: left;
	width: 390px;
}
.loginFormHolder .floatRight {
	float: right;
	width: 210px;
	padding-left: 10px;
}
.loginFormHolder .floatLeft {
 	float: left;
	font-size: 15px;
}
.loginFormHolder .error {
	color: red;
	font-weight: bold;
	outline: red double thin;
}
.holder2 {
	height: 27px;
}
.holder2 label {
	color: #000000;
	float: left;
	font-size: 16px;
	line-height: 19px;
	padding: 4px 0;
	width: 163px;
}
.holder2 .text {
	float: left;
	width: 150px;
	height: 20px;
	border: 1px solid #F0F0F0;
	padding: 0;
	background: none;
}
.holder2 .text input {
	width: 100%;
	height: 100%;
}
.holder2 .text select {
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	padding: 1px;
}


.popupSelect {
	height: 25px;
	color: #000000;
	padding: 2px;
	margin-right: 4px;
	margin-left: 0;
}
.tableDiv {
	max-height: 200px;
	overflow-y: auto;
	width: 607px;
	clear: both;
}
#tableDiv table:not(.accountTable) tr:nth-of-type(odd) {
  background: #fdf3f8;
}
#checkbox {

background-color: #F0F0F0;
border: #000000 solid 1px;
font-family: verdana;
font-size: 12px;
color: #000000

}

#agendaContainer li {
	position: relative;
	width: 178px;
	height: 16px;
}
#agendaContainer li .calenderItemComplete {
	right: 20px;
}
#agendaContainer li .editButton {
	right: 40px;
}
#agendaContainer li .calenderItemDelete {
	right: 0;
}
#agendaContainer li .calenderItemComplete, #agendaContainer li .editButton, #agendaContainer li .calenderItemDelete {
	display: none;
	top: 0;
	position: absolute;
}
#agendaContainer li.hover .calenderItemComplete, #agendaContainer li.hover .calenderItemDelete, #agendaContainer li.hover .editButton {
	display: block;
}
#agendaContainer em.date {
	display: block;
	float: left;
	width: 45px;
}
#agendaContainer img.repeatImage {
	margin-right: 3px;
}
input.error, select.error {
	border: 1px solid red  !important;
	outline: red double thin;
}
div.error {
	color: red;
	margin: 5px 15px;
	outline: red double thin;
}
#ui-datepicker-div {
	display: none;
}
#btwTable td.col5, #btwTable td.col6 {
	color: #BBB;
}
#btwTable th.col5, #btwTable th.col6 {
	color: #808080;
}
#btwTable td.col1, #btwTable td.col1 {

}
.data-form table#btwTable {
  table-layout: auto;
}
#btwTable .tableColumn,
#btwTable .lastTableColumn {
  padding: 5px 3px 2px;
}
.change-form .btwPayments {
	margin-top: 40px;
}
.closePopup {
	margin-left: 7px;
}
.showPrullenbak {
	float: right;
	margin-right: 6px;
}
.leningenLeftDiv {
	width: 125px;
	float: left;
}
.leningenAmountDiv {
	width: 250px;
}
.leningenAmountDiv span {
	float: right;
}
.setup2Box {
	width: 290px;
	height: 220px;
	margin: 0 10px;
	overflow-y: scroll;
}
.wizzardContent {
	min-height: 350px;
	font-size: 14px;
}

.change-form .wizzardContent .block {
	width: 500px;
	padding: 50px;
}

.wizzardContent input {
	border: 1px solid #ccc;
}
.wizzardContent .deleteRow {
	cursor: pointer;
}
.setupText {
	margin: 10px;
	color: #000000;
	font-size: 12px;
}
.setupText label.setupLabel {
	width: 150px;
	display: block;
	float: left;
}
.bigTitle {
	font-size: 14px;
	font-weight: bold;
}
#feedbackButton {
	height: 74px;
	width: 29px;
	z-index: 10000;
	position: fixed;
	top: 45%;
	right: 0;
}
.popup .textContent {
	margin: 10px;
}

body #colorbox, body #cboxOverlay, body #cboxWrapper, #cboxWrapper #cboxContent {
	overflow: visible;
}
/*.popupBody #closePopupButton {*/
#colorbox #cboxClose {
	width: 25px;
	height: 25px;
	position: absolute;
  left: -12px;
	top: -10px;
	cursor: pointer;
	z-index: 2;
	background:transparent url(colorbox/images/controls.png?r=100) no-repeat scroll -27px 0;
	border: none;
}

#closeImports {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 9px;
	top: 0;
	cursor: pointer;
	z-index: 2;
	background:transparent url(colorbox/images/controls.png?r=100) no-repeat scroll -27px 0;
}

#nextAction,
#addAnother {
	float: right;
	line-height: 38px;
}
#printIcon {
	margin: 6px 6px 0 0;
	cursor: pointer;
}
input.amountInput, input.rAmountField,input.rAmountFieldInc, input.roundAndComma, input.roundAndComma0 {
	text-align: right;
	background: url(../images/euro-blue.png?r=100) no-repeat 3px 50%;
}
input.smallBTWFieldm, input.noEuro  {
	background: none;
}
.datepicker, .inputCell .datepicker, .secondTableHead .datepicker.showDateIcon {
	background: white url(../images/btn-calendar.png?r=100) no-repeat right center;
}
#desinvestmentWarning {
	margin-bottom: 12px;
}
#boekingen .part2.afschrijving input {
	border: 1px solid #F0F0F0;
}
.filmpstrip {
	float: left;
	margin: 15px 0;
	padding: 15px 0;
}
.filmthumb {
	float: left;
	margin: 0 30px;
	background-color: white;
	cursor: pointer;
}
.filmthumb a{
	height: 80px;
	width: 100px;
	display: block;
}
.filmthumb a div {
	height: 80px;
	width: 100px;
	background-position: center center;
}
.filmthumb a:hover {
	opacity: 0.6;
	filter: alpha(opacity = 60);
	cursor: pointer;

}

.loginFormHolder .tab-holder {
	display: none;
}
.loginFormHolder .tab-holder.active {
	display: block;
}
.playbutton {
	margin-left: 35px;
	margin-top: 22px;
}
.loginFormHolder .tab.small {
	width: auto;
	border-right: 1px solid #505050;
  min-height: 0;
}
.aanmeldenframe {
	border: none;
	height: 440px;
	overflow: hidden;
	width: 100%;
	padding: 0;
}
.navbar {
	line-height: 14px;
}
.secondNav {
	width: 675px;
}
#tab-aanmelden {
	padding-bottom: 0;
}
#tab-aanmelden .tab-frame {
	padding-bottom: 10px;
}
.kopboventabel {
	margin-left: 20px;
	width: auto;
}
.section-more .text {
	float: left;
	margin-right: 10px;
	width: 63px;
}
.content.contentForm {
	margin-right:  10px;
}
.content.contentForm h1.first {
	margin-top: 10px;
}
.content.contentForm h1 {
	border-bottom: 2px solid #F0F0F0;
	padding-bottom: 4px;
	margin-top: 40px;

}
.content.contentForm h2 {
	font-size: 13px;
	margin-bottom: 0;
}
.content.contentForm input {
	border: 1px solid #D9C1D1;
}
.content.contentForm input[type="radio"] {
	border: none!important;
}
.content.contentForm .image img {
	margin-right: 7px;
}
.supported {
	width: 100%;
	height: 30px;
    clear: both;
}
.supported .images {
	margin: 10px 10px 0 0;
	float: right;
}
.supported span{
	padding-top: 10px;
	line-height: 10px;
}
.supported img{
	height: 20px;
}
.LoginView div.tab {
  min-height: 0;
  width: auto;
}
.content {
	margin-left: 10px;
}
#endProef {
  background-color: #679d37;
  color: #FFF;
  padding: 20px 10px 2px;
  margin-bottom: 15px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  border: 3px solid #fff;
  position: absolute;
  width: 715px;
  left: 10px;
  top: 20px;
  height: 38px;
  text-indent: 65px;
  font-size: 14px;
}
#endProef:before {
  content: " ";
  background: url("../images/newdesign/upgrade_arrow.png?r=100") no-repeat scroll 0 0 transparent;
  height: 50px;
  width: 50px;
  top: 15px;
  left: 25px;
  position: absolute;
}
#message {
	background-color: #FFF9C0;
	font-size: 13px;
	color: #000000;
	margin-left: 3px;
}
#message .messageContent {
	padding: 10px;
	text-align: center;
}
#ownAccounts tr {
	height: 30px;
}
#ownAccounts tr td {
	vertical-align: middle;
}


.bankButtons {
    margin: 20px;
}

.openImportScreen {
	padding: 15px;
}

#bankimport {
	display: none;
	margin: 20px;
	padding: 15px;
	border: 2px solid #E2E2E2;
}

#filters {
	margin-bottom: 40px;
}

#bankimport h2, #filters h2 {
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

.closeImportscreen, .closeFilters, .closeVideo {
	float: right;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .3;
}

.closeImportscreen:focus, .closeImportscreen:hover, .closeFilters:focus, .closeFilters:hover, .closeVideo:focus, .closeVideo:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5;
}

button.closeImportscreen, button.closeFilters, button.closeVideo {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.transactionContainer{
	position: relative;
	display: block;
}

.transaction {
	position: relative;
	display: block;
	margin: 10px 0 40px 0;
}

.transactionBlock {
	position: relative;
	border: 1px solid #888;
	min-height: 80px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
}

.transactionDate {
	position: absolute;
	left: 20px;
	top: -5px;
	width: 55px;
	height: 60px;
	padding-top: 10px;
	background: #FFAAD2;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
}

.transactionContainer .transactionDate p {
	margin: 7px 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #444;
}

.transactionDesc {
	display: inline-block;
	position: relative;
	margin-left: 100px;
	max-width: 400px;
	max-height: 57px;
	word-wrap: break-word;
	line-height: 19px;
	margin-top: -3px;
	color: #000;
	overflow: hidden;
}

.transactionDesc:hover {
	max-height: 2000px;
}

.transactionTop {
	min-height: 60px;
	padding: 15px 15px 15px 15px;
	background: #fff;
}

.transaction .transactionBottom {
	box-sizing: border-box;
	width: 100%;
	min-height: 20px;
	padding: 5px 15px;
	/*background: #ffaad2;*/
	background: #ffd8e0;
	color: #000;
}

.transaction .transactionBottom.booked-bg:hover {
	cursor: pointer;
    background: #ffaad2;
	-o-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

.transactionStatus {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	line-height: 28px;
	position: relative;
}

.transactionStatus .searchExisting {
	width: 325px;
	height: 13px;
	margin-top: -2px;
	padding: 3px;
}

.transactionStatus .searchExisting::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
}
.transactionStatus .searchExisting::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	opacity: 1;
}
.transactionStatus .searchExisting:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	opacity: 1;
}
.transactionStatus .searchExisting:-moz-placeholder { /* Firefox 18- */
	color: #000;
	opacity: 1;
}

.transactionStatus .listSelector, .transactionStatus .listSelector .defaultShown, .transactionStatus .listSelector .defaultShown .currentListItem {
	position: relative;
	display: inline;
}

.transactionStatus .listSelector .defaultShown .currentListItem {
	margin-top: 1px;
	padding: 3px 5px;
}

.transactionStatus .listSelectorContainer {
}

.transactionStatus .bookingDescription {
	width: 185px;
	padding: 3px 5px;
}

.suggestion {
	box-sizing: border-box;
	display: inline-block;
	width: 540px;
	padding: 0 10px ;
	/*border: 1px solid #888;
	/*margin: 3px auto;
	background: #ffe8f0;*/
}

.suggestion p {
	margin: 0;
	padding: 0;
}

.suggestionLeft {
	display: inline-block;
	width: 350px;
}

.suggestionRight {
	display: inline-block;
	color: #444;
}

.transactionBottomBlock {
	box-sizing: border-box;
	width: 95%;
	padding: 10px;
	border: 1px solid #bbb;
	margin: -3px auto;
}

.transactionBottomBlock p {
	margin: 0;
	padding-bottom: 5px;
}

.transactionBottomBlock .recordsTable tr td {
	line-height: 27px;
}
.transactionBottomBlock .recordsTable tr th:nth-child(1), .transactionBottomBlock .recordsTable tr td:nth-child(1) {
	width: 110px;
	word-break: break-all;
}

.transactionBottomBlock .recordsTable tr th:nth-child(2), .transactionBottomBlock .recordsTable tr td:nth-child(2) {
	width: 140px;
	word-break: break-all;
}

.transactionBottomBlock .recordsTable tr th:nth-child(4), .transactionBottomBlock .recordsTable tr td:nth-child(4) {
	width: 70px;
	word-break: break-all;
}

.transactionBottomBlock .recordsTable tr th:nth-child(5), .transactionBottomBlock .recordsTable tr td:nth-child(5) {
	width: 120px;
	word-break: break-all;
}

.transactionBottomBlock .recordsTable button {
	margin: 1px;
	padding: 3px;
}

.transactionAction {
	display: inline-block;
	float: right;
	vertical-align: top;
	min-width: 130px;
	text-align: right;
	margin-top: -1px;
}

.transactionAction .transactionActionControlgroup {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 95px;
}

.ui-controlgroup > .ui-controlgroup-item {
	margin: 0;
}

.transactionAction .ui-selectmenu-button.ui-button {
	width: initial;
}
.transactionAction .ui-selectmenu-icon.ui-icon {
	margin-top: -8px;
}

.transactionAction .ui-widget {
	font-size: 13px;
}

.transactionAction .ui-button {
	padding: .2em .5em;
}

.transactionRight {
	float: right;
	display: block;
	text-align: right;
}

.transactionValue {
	font-size: 24px;
}

.transactionValue .positive {
	color: green;
}
.transactionValue .negative {
	color: red;
}

.transactionBalance {
	margin: 5px 0;
}

/* highlight autocomplete results */
.ui-autocomplete span.hl_results {
	background-color: #ffff66;
}

#importdiag {
	width: 630px;
	height: 400px;
	background-color: white;
	position: fixed;
	border: 2px solid #E2E2E2;
	padding: 10px;
	left: 50%;
	margin-left: -315px;
	top: 50%;
	margin-top: -200px;
	z-index: 100;
}

#importdiag div.data-form {
	overflow: auto;
	height: 340px;
	padding-top: 5px;
}

#importdiag tr:hover td {
	background-color: #E2E2E2;
	cursor: pointer;
}

.content input.datepicker {
	border: 1px solid #F0F0F0;
}

#manselection div.selection, #manselection div.savedselections {
	border: 1px solid #F0F0F0;
	width: 250px;
	margin: 20px;
	float: left;
	padding: 10px;
}

.selection .kind {
	font-size:16px;
	border-top: 1px solid #F0F0F0;
	padding-top: 5px;
}

.selection .type {
	font-size: 12px;
}

.selection .code {
	font-size: 10px;
	font-style: italic;
}
#manselection .selection div {
	margin-bottom: 3px;
}

#manselection .selection div div {
	margin-left: 25px;
}
#manselection a {
	cursor: pointer;
}

.grootboekcodes {
	margin: 5px;
}
#manselection .savedselections h3 {
	font-size: 15px;
	margin: 0 0 5px 0;
	padding: 0;
}

#manselection .savedselections h4 {
	margin: 0;
}

.content h3, .bigger, h3.bigger {
	font-size: 15px;
	margin: 10px 3px;
	padding: 0;
}

#warnings {
	background-color: #FFF9C0;
	color: #000000;
	font-size: 13px;
	padding: 0;

}

#warnings p {
	background: url(../images/warning-icon.png?r=100) no-repeat 2% center;
	margin: 0;
	padding: 8px 0 0 50px;
	height: 30px;
}

#newPaymentBankAccount {
	max-width: 150px;
}

#csvIcon {
	margin-top: 6px;
	margin-right: 6px;

}

.wait img {
	margin: 60px 0 0 290px;
}
.changeYearForm {
	padding-bottom: 10px;
}
.changeYearForm select {
	width: auto;
}

/* GRADIENT */
div.tab,
#sidebar .box {
  border: 1px solid #505050;
  background: #fff;
}
/* LANDING */
#register2 {
	float: left;
	margin: 79px 0 15px 35px;
	padding:0;
	width: 220px;
	font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
#register2 p{
	line-height:1.4em;
    margin: 5px 0;
	padding:0;
}
#register2 .reg_l_top {
    background: url("../images/registratie-productbox.png?r=100") repeat scroll 0 0 transparent;
    float: left;
    height: 38px;
    width: 18px;
	margin:0;
	padding:0;
}
#register2 .reg_mtext_top {
    background: url("../images/registratie-productbox.png?r=100") repeat-x scroll -18px 0 transparent;
    color: #666666;
    float: left;
    height: 38px;
    position: relative;
    width: 184px;
	margin:0;
	padding:0;
}
#register2 .reg_mtext_top h1 {
    color: #888888;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 18px;
    font-weight: normal;
	margin:0;
	padding:5px 0 0;
}
#register2 .reg_r_top {
    background: url("../images/registratie-productbox.png?r=100") repeat scroll -202px 0 transparent;
    float: left;
    height: 38px;
    width: 18px;
	margin:0;
	padding:0;
}
#register2 .reg_l {
    background: url("../images/registratie-productbox.png?r=100") no-repeat scroll 0 -95px transparent;
    float: left;
    height: 314px;
    width: 18px;
	margin:0 0 20px;
	padding:0;
}
#register2 .reg_mtext {
    background: url("../images/registratie-productbox.png?r=100") repeat-x scroll -18px -95px transparent;
    color: #666666;
    float: left;
    font-size: 12px;
    height: 304px;
	margin:0 0 20px;
	padding:10px 0 0;
    position: relative;
    width: 184px;
}
#register2 .reg_mtext ul {
    margin: 0;
    padding: 0;
}
#register2 .reg_mtext li {
    line-height: 1.5;
    list-style: disc outside url("../images/tick.png?r=100") !important;
	margin-left: 24px !important;
	margin:0;
	padding:0;
}
#register2 .reg_env {
    background: url("../images/registratie-envelope.png?r=100") no-repeat scroll center center transparent;
    float: left;
    height: 56px;
    width: 56px;
	margin:0;
	padding:0;
}
#register2 .reg_env_text, .reg_phone_text {
    float: left;
    height: 46px;
    margin: 0;
    padding: 10px 0 0 10px;
}
#register2 .reg_env_text p, .reg_phone_text p {
    margin: 0;
	padding:0;
}
#register2 .reg_phone {
    background: url("../images/registratie-phone.png?r=100") repeat scroll 0 0 transparent;
    float: left;
    height: 56px;
    width: 56px;
	margin:0;
	padding:0;
}
#register2 .reg_r {
    background: url("../images/registratie-productbox.png?r=100") no-repeat scroll -202px -95px transparent;
    float: left;
    height: 314px;
	margin:0 0 20px;
	padding:0;
    width: 18px;
}

/* FOOTER */
#footer {
	font-family:arial,helvetica,sans-serif;
    background: url("../images/footer.png?r=100") repeat-x scroll left top transparent;
    bottom: 0;
    height: 196px;
	font-size:16px;
	line-height:19px;
}
#footer *{
	margin:0;
	padding:0;
}
#footer p {
    line-height: 1.4em;
    margin: 5px 0;
}
#footer_text {
    color: #FFFFFF;
    font-size: 0.8em;
    margin: 0 auto;
    max-width: 970px;
    padding-top: 10px;
    text-align: left;
}

ul#footer_nav, ul#footer_nav2 {
    display: block;
    float: left;
}
ul#footer_nav li, ul#footer_nav2 li {
    float: left;
    list-style: none outside none;
    margin: 0;
    width: 150px;
	line-height:16px;
}
ul#footer_nav li a, ul#footer_nav2 li a {
    color: #FFFFFF;
    display: block;
    padding: 5px 0;
    text-align: left;
    text-decoration: underline;
}
ul#footer_nav li ul, ul#footer_nav2 li ul {
    overflow: hidden;
    position: absolute;
}
ul#footer_nav li ul li, ul#footer_nav2 li ul li {
    clear: left;
    width: 150px;
}
ul#footer_nav li ul li a, ul#footer_nav2 li ul li a {
    text-decoration: none;
}
ul#footer_nav li:hover ul, ul#footer_nav2 li:hover ul {
    display: block;
    height: auto;
}

/* SECURITY BAR */
#sc {
    color: #666666;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 115px;
    margin: 20px auto;
    width: 970px;
}
#s1 {
    background: url("../images/safety.png?r=100") no-repeat scroll 0 -117px transparent;
    float: left;
    height: 115px;
    width: 18px;
}
#s2 {
    background: url("../images/safety.png?r=100") repeat-x scroll 0 0 transparent;
    float: left;
    height: 115px;
    width: 934px;
}
#s3 {
    background: url("../images/safety.png?r=100") no-repeat scroll -17px -117px transparent;
    float: left;
    height: 115px;
    width: 18px;
}
#t1 {
    float: left;
    left: 90px;
    position: relative;
    text-align: center;
    top: 8px;
    width: 72px;
}
#t2 {
    float: left;
    left: 240px;
    position: relative;
    text-align: center;
    top: 8px;
    width: 72px;
}
#t3 {
    float: left;
    left: 390px;
    position: relative;
    text-align: center;
    top: 8px;
    width: 72px;
}
#t4 {
    float: left;
    left: 565px;
    position: relative;
    text-align: center;
    top: 8px;
    width: 72px;
}
#p1 {
    background: url("../images/safety.png?r=100") no-repeat scroll -1px -231px transparent;
    height: 36px;
    margin: auto;
    width: 36px;
}
#p2 {
    background: url("../images/safety.png?r=100") no-repeat scroll 0 -267px transparent;
    height: 36px;
    margin: auto;
    width: 36px;
}
#p3 {
    background: url("../images/safety.png?r=100") no-repeat scroll 0 -303px transparent;
    height: 36px;
    margin: auto;
    width: 36px;
}
#p4 {
    background: url("../images/safety.png?r=100") no-repeat scroll 0 -339px transparent;
    height: 36px;
    margin: auto;
    width: 36px;
}
.content #exampleInvoice {
	text-decoration: underline;
}

#cboxLoadingGraphic{
	background:no-repeat center center url("../images/loader.gif")!important;
}

#pageLoader h1{
	text-align:center;
}
#pageLoader{
	display:none;
    background: url("../images/loader.gif") no-repeat center 75px #FFFFFF;
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
    height: 100px;
    left: 40%;
    padding: 1em;
    position: fixed;
    top: 40%;
    width: 300px;
    z-index: 2147483647;
}
.grootboekCodeSet{
	display:none;
}
.balansRow{
	background-color:#FFF;
	color:#000;
}
.showAdvanced{
	margin-left:1em;
	cursor:pointer;
}
tr.products select {
	margin:3px;
}
.product .inputCell input{
	width:3em;
}
.messageIcon {
  float: left;
  width:16px;
  height:16px;
  margin-right: 3px;
  background: url("../images/messageIcon-sprite.png") no-repeat 0 0 transparent;
}
.messageIcon.count0{background-position:   -0px 0;}
.messageIcon.count1{background-position:  -32px 0;}
.messageIcon.count2{background-position:  -48px 0;}
.messageIcon.count3{background-position:  -64px 0;}
.messageIcon.count4{background-position:  -80px 0;}
.messageIcon.count5{background-position:  -96px 0;}
.messageIcon.count6{background-position: -112px 0;}
.messageIcon.count7{background-position: -128px 0;}
.messageIcon.count8{background-position: -144px 0;}
.messageIcon.count9{background-position: -160px 0;}

.messageIcon.green.count0{background-position:   -16px -16px; cursor:default;}
.messageIcon.green.count1{background-position:  -32px -16px;}
.messageIcon.green.count2{background-position:  -48px -16px;}
.messageIcon.green.count3{background-position:  -64px -16px;}
.messageIcon.green.count4{background-position:  -80px -16px;}
.messageIcon.green.count5{background-position:  -96px -16px;}
.messageIcon.green.count6{background-position: -112px -16px;}
.messageIcon.green.count7{background-position: -128px -16px;}
.messageIcon.green.count8{background-position: -144px -16px;}
.messageIcon.green.count9{background-position: -160px -16px;}

.messageIcon.orange.count0{background-position:      0 -32px;}
.messageIcon.orange.count1{background-position:  -32px -32px;}
.messageIcon.orange.count2{background-position:  -48px -32px;}
.messageIcon.orange.count3{background-position:  -64px -32px;}
.messageIcon.orange.count4{background-position:  -80px -32px;}
.messageIcon.orange.count5{background-position:  -96px -32px;}
.messageIcon.orange.count6{background-position: -112px -32px;}
.messageIcon.orange.count7{background-position: -128px -32px;}
.messageIcon.orange.count8{background-position: -144px -32px;}
.messageIcon.orange.count9{background-position: -160px -32px;}

.change-form .checkbox{
	padding:4px 0;
}

.change-form .block .editor a{
	margin-left:0;
}

a.pdf {
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 0 0 3px;
	background-image:url("../images/pdf_icon.png");
	font-size:0;
}
a.xml {
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 0 0 3px;
	background-image:url("../images/xml.png");
	font-size:0;
}

h2 span .title-pdf{
	background: url("../images/pdf_icon.png");
	display: inline-block;
	font-size: 0;
	height: 16px;
	margin-top: 7px;
	vertical-align: top;
	width: 16px;
}
#messageOverzicht .block{
	padding-bottom:0;
}
#messageOverzicht .box{
	margin-top:10px;
}

.hideSaldo {
  float: right;
  font-size: 11px;
  cursor:pointer;
}

.invoiceButton{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 0 0 3px;
	background-image:url("../images/doc.gif");
	font-size:0;
}
.tegenButton{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 0 0 3px;
	background-image:url("../images/repeat.png");
	font-size:0;
}
.listSelector.error .currentListItem, .listSelector.error .defaultShown .currentListItem {
	border-color:red;
	outline: red double thin;
}
.currentListItem {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #DDD;
	color: black;
	font-size: 13px;
	line-height: 14px;
	padding: 3px;
	cursor: pointer;
  height: 13px;
	overflow: hidden;
}

.listSelector.error,
.listSelector {
	margin:0;
	color: #585858;
}

.listSelector input.listID {
	position: absolute;
	top: -10000px;
}

.listSelectorContainer {
	width: 350px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	left:0;
	top:0;
	background-color: white;
	border: 2px solid #C8C8C8;
	border-radius: 10px;
	padding: 20px;
	z-index: 20;
	font-size: 12px;
}

.listSelectorContainer .search {
	border: 1px solid #D9C1D1;
	width: 200px;
	-webkit-appearance: textfield;
}
.listSelectorContainer ul {
	margin: 10px 0 0 0;
	padding: 0;
	height: 270px;
	overflow-y: auto;
}
.listSelectorContainer ul li {
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #D9C1D1;
}
.listSelectorContainer ul li h3 {
	border: 0;
	color: #585858;
	font-size: 14px;
	padding: 0;
	line-height: 14px;
	height: 19px;
	overflow: hidden;
}
.listSelectorContainer ul li .type,  .listSelectorContainer ul li .kind {
	width: 170px;
	float: left;
	height: 20px;
}
.listSelectorContainer ul li .kind {
	width: 130px;
}
.listSelectorContainer ul li:first-child, .listSelectorContainer ul li.first {
	background-color: #F0F0F0;
}
.listSelectorContainer ul:hover li {
	background-color: white;
}
.listSelectorContainer ul li:hover {
	cursor: pointer;
	background-color: #F0F0F0;
}
.listSelectorContainer span.cancelList {
	text-decoration: underline;
}
.listSelectorContainer span.cancelList:hover {
	cursor: pointer;
	text-decoration: none;
}
.listSelectorContainer ul li.type25 {
	background-color: #E42F87;
	color: white;
}
.listSelectorContainer ul li.type25 h3 {
	color: white;
}
.listSelectorContainer ul li.type9 {
	background-color: #808080;
	color: white;
}
.listSelectorContainer ul li.type9 h3 {
	color: white;
}
#simplePart .listSelector {
	width: 176px;
}
#simplePart .listSelector.twolines {
	line-height: 18px;
}
#simplePart .currentListItem {
  margin: 0 0 3px;
  width: 164px;
}

.listSelector.twolines {
	padding-top: 0;
	padding-bottom: 0;
}

.receipts #tableDiv {
	padding: 3px 0 0;
	width: 740px;
}
.receipts #tableDiv .receipt {
	border: 1px solid #cccccc;
	margin:	0 5px 6px 0;
	width: 349px;
	height: 150px;
	position: relative;
}
.receipts #tableDiv .receipt img {
	float: left;
}
.receipts #tableDiv .receipt h2 {
	width: 135px;
	margin: 5px 0;
}
.receipts #tableDiv .receipt .check {
	position: absolute;
	top: 10px;
	right: 15px;
}
.receipts #tableDiv .receipt .meta {
	padding: 5px 7px 5px 155px;
}
.receipts #tableDiv .receipt .meta .removeButton {
	position: absolute;
	right: 5px;
	bottom: 7px;
}
.receipts #tableDiv .receipt .link-button {
	position: absolute;
	right: 0;
	top: 60px;
}
.receipts #tableDiv .receipt .edit-button {
    position: absolute;
    bottom: 0;
    left: 155px;
}

.selectReceiptOptions .receipt {
	border: 1px solid #cccccc; 
	padding: 2px; 
	margin: 2px 0 0 2px;
	display: block;
}
.link-receipt, .remove-receipt {
	padding: 0 2px 5px 7px;
  clear: both;
}
.replace-receipt {
	padding: 0 2px 5px 2px;
}
#selectReceiptSearchDataForm table {
	margin: 0 0 5px 3px;
	width: 99%;
}
#selectReceiptSearchDataForm th {
	padding: 6px;
}
#selectReceiptSearchDataForm th input {
	width: 95%;
}
#selectReceiptSearchDataForm {
	margin: 0 2px;
}
.errorMessage {
	color: red;
	outline: red double thin;
}
.print-only {
	display:none;
}
#importavab_from.error, #importavab_to.error {
	border: 1px solid red;
	outline: red double thin;
}
.negative span {
  float: right;
  color: #d05a5f;
}
.positive span {
  float: left;
  color: #3f993f;
}
.statusIcon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px 5px 0 0;
}
.booked {
  background: #007800;
}
.unbooked {
  background: #c1272d;
    border-radius: 0;
}
.toBook {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #ff931e transparent;
    border-radius: 0;
}
.tableColumn span.status {
  width: 76px;
}
.nav {
  float: right;
  list-style: none;
  position: relative;
  width: 139px;
}
.editUserLink {
  padding-bottom: 20px;
}
.editUserLink:hover {
  text-decoration: none;
}
.nav > li ul {
  display: none;
  list-style: none;
  background: #f9f9f9;
  padding: 3px 20px;
  width: 210px;
  border: 1px solid #505050;
  position: absolute;
  left: -25px;
  top: 28px;
  z-index: 10;
}

.nav li ul#lastLogin {
	display: block;
}

.nav > li ul li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.nav > li ul li:hover {
  white-space: normal;
}
.nav > li ul:before,
.nav > li ul:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
	border: solid transparent;
	border-top-width: 0;
}
.nav > li ul:before {
  top: -20px;
  left: 102px;
  border-bottom-color: #505050;
  border-width: 10px;
}
.nav > li ul:after {
  top: -18px;
  left: 103px;
  border-bottom-color: #f9f9f9;
  border-width: 9px;
}
.nav > li ul li:last-child {
  background: #787878;
  width: 230px;
  padding-left: 20px;
  padding-bottom: 1px;
  margin: 6px 0 -5px -20px;
}
.nav > li ul li:last-child a {
  color: #eee;
}
.nav > li:hover ul {
  display: block;
}

.nav > li ul#lastLogin li:last-child {
	background: none;
	padding-bottom: 1px;
	margin: 0 0 0 -20px;
}

.nav li.logoutLink {
  position: absolute;
  top: 0;
  left: 128px;
}
.tabs li{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}
.selectedTab {
    background-color: #dddddd;
}
.hiddenExample {
    display: none;
}
.hidden {
    display: none;
}
.data-form table.accountTable {
  width: 708px;
}
.openInvoiceOuterContainer {
	width: 370px;
}
.openInvoiceInnerContainer{
	max-height: 230px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom: 2px solid #bcbcbc;
}
.openInvoice {
  display: table;
  cursor: pointer;
  position: relative;
  border-bottom: 2px solid #DDD;
  padding-top: 6px;
  width: 100%;
}
.openInvoice:last-child {
	border-bottom: none;
}
.daysRemaining {
  float: left;
  width: 50px;
  height: 50px;
}
.invoice {
  float: left;
  width: 290px;
  height: 50px;
}
.invoice:hover {
  height: auto;
}
.invoiceDescription {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invoiceDescription:hover {
  white-space: normal;
}
.invoiceAmount {
  float: left;
  display: inline-block;
  background: url(../images/newdesign/money.png?r=100) no-repeat 0 center;
  padding: 0 12px 0 20px;
}
.invoiceRelation {
  background: url(../images/newdesign/relation.png?r=100) no-repeat 0 center;
  padding: 0 7px 0 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pieBackground {
  background-color: #fff;
  position: absolute;
  width: 16px;
  height: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #c7c7c7;
  top: 11px;
  left: 10px;
}
.pie {
  position: absolute;
  width: 16px;
  height: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  clip: rect(0px, 8px, 16px, 0);
}
.hold {
  position: absolute;
  width: 16px;
  height: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  clip: rect(0px, 16px, 16px, 8px);
  top: 12px;
  left: 11px;
}
.pieSlice1 .pie {
  background-color: #808080;
}
.pieSlice2 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pieSlice2 .pie {
  background-color: #808080;
}
.daysText {
  padding: 20px 11px 0 0;
  text-align: center;
}
.expired {
  position: absolute;
  left: 17px;
  top: 9px;
  color: #df167b;
  font-weight: 700;
  font-size: 13px;
}
.expired + .daysText {
  color: #DF167B;
}
.sideContentHeader {
  text-indent: 42px;
  margin-left: 15px;
}
.kmAdminHeader {
  background: url(../images/newdesign/car.png?r=100) no-repeat 0 center;
}
.configHeader {
  background: url(../images/newdesign/wrench.png?r=100) no-repeat 0 center;
}
.invoiceSettingsHeader {
  background: url(../images/newdesign/invoice_icon.png?r=100) no-repeat 0 center;
}
.receiptsHeader {
  background: url(../images/newdesign/receipt_icon.png?r=100) no-repeat 0 center;
}
.relationsHeader {
  background: url(../images/newdesign/relations_icon.png?r=100) no-repeat 0 center;
}
.timeRegistrationHeader {
  background: url(../images/newdesign/clock.png?r=100) no-repeat 0 center;
  padding-top: 3px;
}
.productsHeader {
  background: url(../images/newdesign/products_icon.png?r=100) no-repeat 0 center;
}
#hamburger {
  border-radius: 3px 3px 3px 3px;
  cursor: pointer;
  display: none;
  height: 29px;
  padding: 6px 11px;
  position: relative;
  width: 29px;
  float: right;
}
#hamburger div {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2px 2px 2px 2px;
  height: 2px;
  margin-top: 4px;
  width: 90%;
}
#closeSidebarButton {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: 3px;
  cursor: pointer;
  z-index: 2;
  background:transparent url(colorbox/images/controls.png?r=100) no-repeat scroll -27px 0;
  display: none;
}
#addtripform th {
  background: #d9d9d9;
}
#tab-inloggen .tab-frame .floatLeft {
  padding-left: 10px;
}
#tab-inloggen .loginButton {
  margin-left: 0;
}
.simplePart .btn-round-link {
  padding-left: 0;
}
.transactionDescription {
  border-top: 2px solid #BBB;
  border-bottom: 2px solid #BBB;
  background: #f2f2f2;
  padding: 0 20px 10px;
}
.accountTable tr:nth-of-type(4n+3) {
  background: #fef3f9;
}
.recordsTable .tableColumn,
.recordsTable .lastTableColumn {
  padding: 0 7px;
}
#tableDiv .accountTable tr.mainRow,
.recordsTable tr {
  cursor: pointer;
}
.noWrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.noWrap:hover {
  white-space: normal;
}
.editContainer h2 {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: -15px;
}
.editContainer h3 {
  font-size: 18px;
}
.editContainer h2,
.editContainer h3,
.editContainer h4 {
  margin-left: 18px;
  color: #3c3c3c;
}
.change-form .block label.vervaldatum {
  width: 80px;
  font-weight: normal;
}
.btn-new {
  border: 1px solid #505050;
  border-radius: 3px;
  background: #FEBBDC;
  width: 75px;
  line-height: 20px;
  text-align: center;
}
.borderWrapper {
  margin: 0 15px 8px;
  border-top: 1px solid #DDD;
  padding: 8px 0;
}

.paymentDialog {
	max-width: 550px;
	padding-bottom: 10px;
}

.borderWrapper.payments {
  width: 500px;
}
table#boekingen,
table#payments {
  border-collapse: collapse;
  border-bottom: 1px solid #DDD;
}
.selectUpDown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background: url(../images/newdesign/select_updown.png?r=100) no-repeat;
	padding: 1px;
}
.selectDown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background: url(../images/newdesign/select_down.png?r=100) no-repeat !important;
	padding: 1px;
}
table#boekingen select {
  background-position: 66px;
}
table#boekingen tr.header,
table#payments tr.header {
  background: #ffaad2;
  border-bottom: 1px solid #DDD;
}
table#boekingen tr.header .tableColumn,
table#boekingen tr.header .lastTableColumn,
table#payments tr.header .tableColumn,
table#payments tr.header .lastTableColumn {
  padding: 0 5px;
}
table#boekingen .tableSortHandle {
	width: 18px;
}
table#boekingen tr.header .tableColumn.tableSortHandleHeader {
	width: 18px;
	padding: 0;
}

table#boekingen tbody.sortPlaceholder {
	display: block;
	height: 25px;
}

table#boekingen tbody {
	background: #fff;
}

table#boekingen .tableColumn,
table#boekingen .lastTableColumn,
table#payments .tableColumn {
  padding: 6px 3px 0;
}
.EditCostView table#boekingen tr:nth-last-of-type(3) .tableColumn,
.EditCostView table#boekingen tr:nth-last-of-type(3) .lastTableColumn,
.EditInvoiceView table#boekingen tr:nth-last-of-type(2) .tableColumn,
.EditInvoiceView table#boekingen tr:nth-last-of-type(2) .lastTableColumn,
table#payments tr:last-of-type .tableColumn {
  padding: 6px 3px;
}
table#boekingen tr td:nth-last-of-type(2) input {
  width: 92%;
}
table#boekingen .tableColumn,
table#payments .tableColumn {
  border-right: 1px solid #BBB;
}
table#boekingen th,
table#payments th {
  text-align: left;
  font-weight: normal;
}
table#payments .lastTableColumn {
  padding: 0;
}
.btwCheck {
  width: 49px;
  height: 18px;
  padding: 0;
  background: url(../images/newdesign/btw_unchecked.png?r=100) no-repeat 0 center;
}
.btwCheck.checked {
  background: url(../images/newdesign/btw_checked.png?r=100) no-repeat 0 center;
}
.total {
  margin: 0 48px 0 18px;
}
.btn-plus-link {
  position: relative;
  border: 1px solid #DDD;
  border-radius: 2px;
  padding: 0 4px 0 24px;
  line-height: 18px;
  margin-right: 7px;
}
a.btn-plus-link {
  text-decoration: none;
  cursor: pointer;
}
.btn-plus-link:before {
  content: "+";
  position: absolute;
  left: 0;
  top: -1px;
  color: #fff;
  background-color: #808080;
  font-size: 20px;
  width: 20px;
  height: 16px;
  padding: 0 0 4px 1px;
  text-align: center;
  border-radius: 2px 0 0 2px;
}
#importdiag h2 {
  margin-bottom: 0;
}
span#nextAction select.nextAction {
  width: 178px;
  background-position: 166px;
  padding: 2px 0;
}
#nextAction {
  font-weight: bold;
}
.bankAccount {
  background-position: 176px;
}
select#desInvestementCost {
	background: #FFF 162px;
}
.EditInvoiceView .change-form .block,
.EditInvoiceView .change-form .block-more,
.EditCostView .change-form .block,
.EditCostView .change-form .block-more {
  min-height: 134px;
	height: auto;
}
.simple .change-form .block,
.simple .change-form .block-more {
  height: auto; /* Moet flexibel zijn voor betalingen blok */
}
.EditInterneBoekingView .change-form .block,
.EditInterneBoekingView .change-form .block-more {
  height: auto;
}
.EditInterneBoekingView .change-form .block .text input,
.EditInterneBoekingView .change-form .block .text select,
.EditInterneBoekingView .change-form .block .text p {
  width: 240px;
  box-sizing: border-box;
  background: #FFF 227px;
}

.EditInterneBoekingView .change-form .block .text input[name="amount"] {
	background: url(../images/euro-blue.png?r=100) 3px 4px no-repeat;
	background-color: #fff;
	width: 100px;
}

.EditInterneBoekingView .change-form .block .text input[name="date"],
.EditInterneBoekingView .change-form .block .text p.date {
	background-color: #fff;
	width: 100px;
	text-align: right;
}

.EditInterneBoekingView .change-form .block .text input[readonly="readonly"],
.EditInterneBoekingView .change-form .block .text p.date {
	background-color: transparent;
	background-position-y: 7px;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px 5px 1px;
	color: #000;
}

.EditReceiptView .change-form div.file {
	display: inline-block;
	width: 250px;
	padding: 5px 0;
}
.GrootboekAnalysisView .lastTableColumn {
  padding: 10px 0;
}
.simplePart.clear {
  margin-top: 40px;
}
#btwTable .tableColumn {
  border-right: 1px solid #BBB;
}
.BTWView .loginButton-big,
.BTWView .btn-submit-big {
  margin: 2px 0 5px;
}
.LoginView #content {
  width: 100%;
}
.LoginView #hamburger {
  display: none;
}

.EditMemoriaalView table#boekingen td {
    padding: 6px 3px;
}
.EditMemoriaalView .section-more input {
    padding: 2px;
    margin: 0 10px 10px 0
}
.EditMemoriaalView .section-more .listSelector {
    width: 300px;
    margin-left: 10px;
    float: left;
}

@media screen and (min-width: 1000px) {
  #sidebar {
    display: block !important;
  }
}
@media screen and (max-width: 1000px) {
  #sidebar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    background-color: #FFF;
    padding-left: 20px;
    border-left: 2px solid !important;
    padding-right: 20px;
    height: 100%;
    display: none;
    overflow: scroll;
    padding-top: 34px;
  }
  #hamburger {
    display: block;
  }
  #closeSidebarButton {
    display: block;
  }
  #content {
    margin: auto;
    float: none;
  }
  .main-frame {
    padding: 0;
  }
  #header {
      max-width: 760px;
      padding: 0 11px 0 28px;
  }
}

#autocompleteRelation {
	width: 250px;
}
#autocompleteRelationSuggest {
	width: 250px;
	position: absolute;
}

.youtubeVideo {
	position: fixed;
	display: none;
	bottom: 0;
	right: 125px;
	width: 180px;
	height: 150px;
	z-index: 10;
	background-color: #fff;
	border: 2px solid #fd63a0;
	border-bottom: none;
	padding: 15px 30px;

	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.25);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.25);
}

.youtubeVideo .ui-icon {
	margin: 0;

}

.youtubeVideo img {
	position: absolute;
	z-index: 11;
	width: 180px;
	height: 101px;
	border: 1px solid #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.youtubeVideo h4 {
	margin: 0 0 5px;

}

.resetYoutubeVideos {
	text-decoration: underline;
	cursor: pointer;
}

.taxChangeForm input[type=text] {
	border: 1px solid gray;
	height: 17px;
	background: none;
}
.taxChangeForm input[type=submit] {
	display: none;
	border: 1px solid gray;
	float: right;
	background-color: lightgray;
	margin-top: 3px;
}
.taxChangeForm.changed input[type=submit] {
	display: block;

}

.help-mij {
	position: absolute;
  right: 20px;
	height: 50px;
	width: 150px;
	vertical-align: middle;
	z-index: 1;
}

.help-mij.pullup {
	margin-top: -25px;

}

.help-mij.pullupMore {
	margin-top: -40px;

}

.help-mij a, .help-mij p {
	position: absolute;
	right: 60px;
	top: 16px;
	text-align: right;
	width: 100px;
	margin: 0;
	color: #000;
}

.help-mij-img {
	display: inline-block;
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #aaa;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .5);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .5);
}
.help-mij .help-mij-img img {
	width: auto;
	height: 100%;
}

.toIntroDashboard {
	height: 60px;
	padding: 15px;
}

.toIntroDashboard .help-mij {
	right: 35px;
}

.introStepsContainer {
	background: #f6f6f6;
	border: 1px solid #888;
	padding: 15px 20px;
	margin-top: 10px;
}

ul.introSteps {
	padding: 0;
	margin: 0;
}
ul.introSteps li {
	padding: 10px 20px;
	list-style: none;
}

ul.introSteps li a {
	color: #888;
}

ul.introSteps li.active a, ul.introSteps li.done a {
	color: #000;
}

ul.introSteps li.active {
	font-weight: bold;
}

ul.introSteps li.active .numbercircle {
	border-color: #000;
	color: #000;
}

ul.introSteps li.done .numbercircle {
	background: #febbdc;
	border-color: #000;
	color: #000;
}

.intro-divider {
	margin: 20px 100px;
}

.numbercircle {
	display: inline-block;

	border-radius: 50%;

	width: 16px;
	height: 16px;
	padding: 4px;

	background: #eee;
	border: 2px solid #666;
	color: #666;
	text-align: center;

	font: 16px Arial, sans-serif;
	margin-right: 10px;
}

ul.introFaq {
	padding-left: 18px;
}

.overstappen img {
	float: left;
	margin-right: 10px;
}

.overstappen a {
	display: block;
	padding-top: 5px;
}

#ytplayer {
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 10px;
}

.video-playlist {
	width: 313px;
}

.video-playlist ul {
	border: 1px solid #888;
	border-top: none;
	margin: 0;
	padding: 0;
	background: #efefef;
}

.video-playlist ul li {
	list-style: none;
	padding: 0;
	background: none;
}

.video-playlist ul li:not(:last-of-type) {
	border-bottom: 1px solid #dedede;
}

.video-play {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid black;
	margin: 3px 6px;
	padding: 2px 7px;
	background: #febbdc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.intro-i {
	display: inline-block;

	border-radius: 50%;

	width: 24px;
	height: 24px;
	padding: 4px;

	background: #eee;
	border: 2px solid #666;
	color: #666;
	text-align: center;

	font: 24px Arial, sans-serif;
	margin-right: 10px;
}

.intro-flex-row {
	display: flex;
}

.intro-flex-row h2 {
	margin-top: 0;
	height: auto;
}

.intro-flex-row > div.intro-flex-box {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px 30px 30px;
}

.support-box {
	border: 1px solid #888;
	padding: 15px 20px;
	margin: 10px 0 2em;
	overflow: auto;
}

.importhint {
	padding: 30px;
	text-align: center;
}

.introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton {
	float: right;
	margin-right: 0;
	margin-left: 5px;
}