body{
	background: url(../images/backgr3.jpg) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	background-color: #222022;
	padding-top: 0px;
	padding-bottom: 150px;
}
.main{
	padding-top: 0px;
}

.logo{
	padding-top: 40px;
}
.logo img{
}

.container{
	margin-left:auto;
	margin-right:auto;
	position: relative;
	max-width: 1300px;
	list-style: none;
}

.header{
	background-color: #000;
	max-width: 100%;
	position: fixed;
	width: 100%;
	z-index: 9999;
}
.headerheight{
	height: 80px;
}
.googlemaps{
	margin-bottom: -8px;
}

.menucontainer, .imageslider{
	border: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menucontainer, .imageslider img{
	margin-bottom: -8px;
}

.listsimages img{
	margin-bottom: -8px;
}

.sortable{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.sortable{
	margin: 0px;
	padding: 0px;
}

.threecolumn{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.threecolumn ol{
	display: table-cell;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 33%;
	height: 50px;
	vertical-align: top;
}
.threecolumn ol:first-child{
	padding-right: 2%;
}
.threecolumn ol:nth-child(2){
	width: 33%;
	padding-left: 2%;
	padding-right: 2%;
}
.threecolumn ol:last-child{
	padding-left: 2%;
}
.threecolumn ol li{
	vertical-align: top;
}

.fourcolumn{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.fourcolumn ol{
	display: table-cell;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 25%;
	height: 50px;
	vertical-align: top;
}
.fourcolumn ol:first-child{
	padding-right: 2%;
}
.fourcolumn ol:nth-child(2), .fourcolumn ol:nth-child(3){
	padding-left: 2%;
	padding-right: 2%;
}
.fourcolumn ol:last-child{
	padding-left: 2%;
}
.fourcolumn ol li{
	vertical-align: top;
}

.fivecolumn{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.fivecolumn ol{
	display: table-cell;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 31%;
	height: 50px;
	vertical-align: top;
}
.fivecolumn ol:first-child{
	padding-right: 2%;
}
.fivecolumn ol:nth-child(2), .fivecolumn ol:nth-child(3), .fivecolumn ol:nth-child(4){
	width: 25%;
	padding-left: 2%;
	padding-right: 2%;
}
.fivecolumn ol:last-child{
	padding-left: 2%;
}
.fivecolumn ol li{
	vertical-align: top;
}


.onecolumn{
	list-style: none;
}

.twocolumn{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.twocolumn > ol{
	display: table-cell;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 48%;
	height: 50px;
	vertical-align: top;
}
.twocolumn > ol:first-child{
	padding-right: 2%;
}
.twocolumn > ol:nth-child(2){
	padding-left: 2%;
}
.twocolumn > ol li{
	vertical-align: top;
}

.footer{
	background-color: #0069B1;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 80px;
	border-top: solid 2px #0069B1;
	max-width: 100%;
	font-size: 12px;
	line-height: 18px;
}
.footer h2{
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 10px;
}
.footer a{
	color: #FFF;
}
.footer a:hover{
	text-decoration: underline;
	color: #FF0000;
}
.footer .socialmedia img{
	margin-left: 10px;
	width: 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.footer .socialmedia img:first-child{
	margin-left: 0px;
}
.footer .threecolumn > ol:first-child{
	width: 40%;
	padding-right: 0px !important;
}
.footer .threecolumn > ol:nth-child(2){
	width: auto;
}
.footer .threecolumn > ol:last-child{
	width: 40%;
	text-align: right;
	padding-right: 0px;
}
.footer .adrestable > ol:first-child{
	width: 35%;
	padding-right: 0px !important;
}
.footer .adrestable > ol:last-child{
	width: 65%;
	padding-right: 0px !important;
}
.footer .adrestable ol:last-child ol:first-child{
	width: 60%;
	padding-top: 25px;
	padding-right: 0px !important;
}
.footer .adrestable ol:last-child ol:last-child{
	width: 40%;
	padding-top: 25px;
	padding-right: 0px !important;
}

.footer2{
	background: url(../images/footer2backgr.jpg);
	left: 0px;
	right: 0px;
	max-width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	position: fixed;
	bottom: 0px;
	z-index: 99999;
	-webkit-box-shadow: 2px 2px 50px -12px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 2px 2px 50px -12px rgba(0, 0, 0, 0.45);
	box-shadow: 2px 2px 50px -12px rgba(0, 0, 0, 0.45);
}
.footer2 a{
	margin-left: 30px;
}
.footer2 a:first-child{
	margin-left: 0px;
}
.footer2 img{
	height: 40px !important;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.footer2 img:hover{
	height: 50px !important;
	margin-top: -5px;
	margin-bottom: -5px;
}


.poweredby{
	text-align: center;
	padding-bottom: 85px;
}
.poweredby a{
	font-size: 11px;
	color: #CCC;
}

/* imageslider */
.cycle-slideshow{
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}
.cycle-slideshow li{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.cycle-slideshow li .title{
	position: absolute;
	font-size: 30px;
	color: #FFF;
	margin-top: 30px;
	right: 0px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cycle-slideshow li .subtitle{
	position: absolute;
	font-size: 20px;
	color: #FFF;
	margin-top: 80px;
	right: 0px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cycle-slideshow img{
	width: 100%;
}
.cycle-pager {
    text-align: center;
    z-index: 500;
    position: absolute;
    margin-top: -45px;
	width: 100%;
    overflow: hidden;
}
.cycle-pager span {
    font-size: 0px;
    line-height: 0px;
    width: 22px;
    height: 10px;
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    margin-right: 10px;
    padding-right: 0px;
    background-color: #FFF;
	border: solid 2px #000;
}
.cycle-pager span.cycle-pager-active {
	background-color: #D9AA02;
}
.cycle-pager > * {
	cursor: pointer;
}
.cycle-slideshow .prev{
	position: absolute;
	background: url(../images/prev.png);
	background-size: 40px;
	width: 40px;
	height: 40px;
	z-index: 101;
	margin-top: -13%;
	cursor: pointer;
	left: 1%;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.cycle-slideshow .prev:hover{
	background: url(../images/prev_on.png);
	background-size: 40px;
}
.cycle-slideshow .next{
	position: absolute;
	background: url(../images/next.png);
	background-size: 40px;
	width: 40px;
	height: 40px;
	z-index: 101;
	margin-top: -13%;
	right: 1%;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.cycle-slideshow .next:hover{
	background: url(../images/next_on.png);
	background-size: 40px;
}

/* Parallax */
.parallax{
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	position: relative;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	list-style: none;
	margin-bottom: 0px;
}
.parallax .height {
	height: 150px;
}
.parallax article .designimg{
	display: none;
}


/* Image */
.image img{
	width: 100%;
}

/* List overview */
.chapter .chaptercontent{
	display: none;
}
.chapter .title{
	cursor: pointer;
}
.chapter{
	margin-bottom: 30px;
}
.lists{
}

.overview .lightboxcontent{
	display: none;
}
.overview .readarticle a{
	display: inline-block;
	text-transform: uppercase;
	font-family: 'RobotoCondensedRegular';
	color: #FFF;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
	font-size: 12px;
	line-height: 12px;
	background-color: #FF0000;
}
.overview .readarticle a:hover{
	background-color: #000;
}
.readmore a{
	display: inline-block;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	border: solid 1px #FF0000;
	color: #FF0000;
}

.article .imagekader{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 320px;
}
.article .imagekader img{
	width: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.routes.article .imagekader{
	width: 100%;
	float: none;
	margin: 0px;
}
.routes.article h1{
	margin: 0px;
	font-size: 18px;
	text-transform: none;
	text-align: center;
}

/* List overview toggle */
.togglecontent{
	display: none;
}
.overview .togglecontent .content{
	padding: 15px;
	padding-top: 0px;
}
.overview .togglecontent .content h1{
	display: none;
}

/* GALLERY */
.gallery{
	margin-top: 30px;
}
.gallery ul{
	margin: 0px;
	padding: 0px;
}
.gallery li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	cursor: pointer;
	width: 24%;
	margin-bottom: 30px;
}
.gallery.overview li{
	text-align: center;
	font-size: 11px;
	padding: 15px;
	padding-top: 0px;
}
.gallery li .galleryimage{
}
.gallery.overview li .galleryimage img{
	width: 200px !important;
}
.gallery .imagecontainer{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}
.gallery li .galleryimage img{
	width: 90% !important;
}
.gallery li .galleryimage img:hover{
	border: solid 2px #FFF;
	margin: -2px;
	margin-bottom: -10px;
}
.gallery h2{
	font-size: 12px;
	font-weight: bold;
}

/* SUBPAGE NAVIGATION */
.subpagenavigation{
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-top: 20px;
}
.subpagenavigation li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	margin-left: 15px;
	font-size: 11px;
}
.subpagenavigation li:first-child{
	margin-left: 0px;
}
.subpagenavigation li a{
	display: block;
	background-color: #F07D20;
	color: #FFF;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}
.subpagenavigation li a:hover, .subpagenavigation li.selected a{
	background-color: #FFCB16;
}
.subpagenavigation li.prev a{
	background-image: url(../images/subpage_prev.png);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	background-size: 8px;
	padding-left: 23px;
}
.subpagenavigation li.next a{
	background-image: url(../images/subpage_next.png);
	background-repeat: no-repeat;
	background-position: right 8px top 10px;
	background-size: 8px;
	padding-right: 23px;
}
.subpagenavigation li.first a, .subpagenavigation li.last a{
	background: #FFF;
	color: #999;
}
.subpagenavigation li.first a:hover, .subpagenavigation li.last a:hover{
	background-color: #FFCB16;
	color: #FFF;
}

/* SEARCHBAR */
.search{
	margin-bottom: 30px;
}
.searchbar{
	position: absolute;
	right: 0px;
	width: 200px;
	margin-top: -25px;
}
.searchfield{
	display: inline-block;
	width: 68%;
}
.searchbutton{
	display: inline-block;
	width: 26%;
	padding-left: 4%;
}
.searchbar .searchfield input[type="text"]{
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}
.searchbar .searchbutton input[type="submit"]{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 11px;
}
.searchresults{
	margin-top: 30px;
}
.searchresults ul{
	margin: 0px;
	padding: 0px;
}
.searchresults li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #FCFCFC;
	margin-bottom: 20px;
	border: solid 1px #E1E1E1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	min-height: 70px;
}
.searchresults a{
	font-weight: bold;
	color: #F07D20;
	text-decoration: none;
}
.searchresults a:hover{
	color: #3DB0C4;
}
.searchresults .imagecontainer{
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin-right: 20px;
}
.searchresults .searchvalue{
	font-weight: bold;
}

/* LOGIN */
#loginForm{
	padding-top: 100px;
}
.logintext{
	text-align: center;
	margin-top: -20px;
}
#loginForm li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.loginForm{
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width: 50%;
	max-width: 800px;
	background-color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 20px;
	-moz-box-shadow:    0px 0px 3px 0px #666;
  	-webkit-box-shadow: 0px 0px 3px 0px #666;
  	box-shadow:         0px 0px 3px 0px #666;
}
.forgotpasswordbtn{
	margin-top: -110px;
}
.forgotpasswordbtn a{
	color: #000000;
}
.forgotpasswordbtn2{
	margin-top: 20px;
	text-align: center;
}
.smallmessage{
	text-align: center;
}
.smallmessage.warn{
	color: #FF0000;
}

/* REGISTRATION */
.registrationtext{
	margin-top: 30px;
}

/* NEWSLETTER */
.newsletter .text{
	margin-bottom: 20px;
}

/* LIGHTBOX 1 */
.overlaybackgr{
	position: absolute;
	z-index: 9999 !important;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity:0;filter:alpha(opacity=0);
}

/* LIGHTBOX 2 */
.websiteoverlaybackgr{
	margin-top: 0px;
	position: absolute;
	z-index: 999999;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity:0;filter:alpha(opacity=0);
}
.websiteoverlaykader {
	position: absolute;
	width: 100%;
	z-index: 9999999;
	opacity:0;filter:alpha(opacity=0);
}
.websiteoverlaykader .lightboxcontent{
	position: fixed;
	width: 600px;
	left: 50%;
	margin-left: -320px;
	background-color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-top: 130px;
	padding: 20px;
}
.websiteoverlaykader .lightboxcontent.conditionsgeneratorlightbox{
	width: 1000px;
	margin-left: -500px;
}
.websiteoverlaykader .lightboxcontent .warn{
	color: red;
	font-style: italic;
}
.websiteoverlaykader .lightboxcontent .close{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../images/icon_close.png) no-repeat right top;
	background-size: 30px;
	right: 0px;
	margin-top: -20px;
	cursor: pointer;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.websiteoverlaykader .lightboxcontent .close:hover{
	background-image: url(../images/icon_close_on.png);
}
.websiteoverlaykader .lightboxcontent.big{
	width: 900px;
	margin-top: 100px;
	margin-left: -450px;
}
.websiteoverlaykader .lightboxcontent .ja, .websiteoverlaykader .lightboxcontent .nee{
	display: inline-block;
	padding: 5px;
	width: 100px;
	text-align: center;
	background-color: #045891;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	font-size: 25px;
	cursor: pointer;
	margin-left: 15px;
	margin-top: 15px;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.websiteoverlaykader .lightboxcontent .nee{
	margin-left: 0px;
}
.websiteoverlaykader .lightboxcontent .ja:hover, .websiteoverlaykader .lightboxcontent .nee:hover{
	background-color: #303031;
}
.lightboxcontent.deletewarn{
	text-align: center;
}

/* WEBSHOP */
.webshoplightbox{
	font-size: 20px;
	text-align: center;
	margin-top: 30px;
}
.addtobasket, .towebshop, .tobasket{
	background-color: #F07D20;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 9px;
	padding-bottom: 9px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	margin-top: 20px;
}
.addtobasket:hover, .towebshop:hover, .tobasket:hover{
	background-color: #FFCB16;
}
.numbercontainer{
	margin-top: 20px;
	display: inline-block;
	width: 100px;
}
.numbercontainer #number{
	width: 30px;
	margin-left: 3px;
}
.webshoplightbox .loaderbar{
	width: 100%;
	height: 20px;
}

/* OWN */
.mededeling{
	background-color: #0069B1;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
.mededeling a{
	color: #fff;
	text-decoration: underline;
}

.hometable ol{
	vertical-align: middle;
}
.hometable ol:first-child{
	width: 23%;
	padding-right: 8%;
}
.hometable ol:nth-child(2){
	width: 54%;
	padding-left: 0px;
	padding-right: 0px;
}
.hometable ol:last-child{
	width: 23%;
	padding-left: 8%;
}


.overview{
	display: table;
	width: 100%;
	border-collapse: separate;
	margin: 0px;
	padding: 0px;
	border-spacing: 35px;
	margin-top: -25px;
	margin-left: -35px;
	margin-right: -35px;
	width: auto;
}
.overview li{
	margin: 0px;
	padding: 0px;
}
.overview .row4{
	display: table-row;
}
.overview .row4 .item{
	display: table-cell;
	width: 25%;
	cursor: pointer;
	background-color: #0069B1;
	width: 25%;
	text-align: center;
	color: #fff !important;
	padding-bottom: 10px;
	font-size: 13px;
}
.overview .row4 .item:hover{
	background-color: #000;
}
.overview .row4 .item:hover h2 a{
	color: #FFF;
}
.overview .row4 .item .readarticle{
	bottom: 0px;
	position: absolute;
	width: 90%;
	margin: 0px !important;
	margin-bottom: 20px !important;
}
.overview .row4 .item:hover .readarticle a{
	background-color: #000;
}
.overview .row4 .imagespan{
	display: block;
	overflow: hidden;
}
.overview .row4 .imagecontainer{
	display: block;
	width: 101%;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.overview .row4 .item:hover .imagecontainer{
	width: 110%;
	margin-left: -5%;
	margin-bottom: -10%;
}
.overview .row4 .content{
	display: block;
	width: 100%;
}
.overview .row4 .content h2{
	text-transform: none;
	font-size: 20px;
	line-height: 23px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
.overview .row4 .content h2 a{
	color: #fff;
}


.overview .row3{
	display: table-row;
}
.overview .row3 .item{
	display: table-cell;
	width: 33%;
	cursor: pointer;
	border: solid 1px #FFF;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #FFF;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
    position: relative;
    padding-bottom: 50px;
    vertical-align: top;
}
.overview .row3 .item.hidden{
	display: none;
}
.overview .row3 .item.empty{
	background: none;
	cursor: auto;
	border: none;
}
.overview .row3 .item.empty:hover{
	background: none;
}
.overview .row3 .item:hover{
	background-color: #FF0000;
	color: #FFF;
}
.overview .row3 .item:hover h2 a{
	color: #FFF;
}
.overview .row3 .item .readarticle{
	bottom: 0px;
	position: absolute;
	width: 90%;
	margin: 0px !important;
	margin-bottom: 20px !important;
}
.overview .row3 .item:hover .readarticle a{
	background-color: #000;
}
.overview .row3 .imagecontainer{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.overview .row3 .content{
	display: block;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 13px;
}
.overview .row3 .content h2{
	font-family: 'RobotoCondensedBold';
	text-transform: none;
	font-size: 19px;
	line-height: 23px;
	margin-bottom: 13px;
}
.overview .row3 .content h2 a{
	color: #000;
}
.overview .filters{
	display: none;
}

.arrangemententable > ol:first-child{
	width: 25%;
}
.arrangemententable > ol:last-child{
	width: 75%;
}
.arrangementen.article h1{
	font-family: 'RobotoCondensedBold';
}

.zoekfilter{
	background-color: #FFF;
	padding: 20px;
	margin-top: 10px;
}
.zoekfilter .reset{
	float: right;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.zoekfilter .reset:hover{
	color: #FF0000;
}
.zoekfilter h3{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	font-family: 'RobotoCondensedBold';
	color: #000;
}
.zoekfilter h4{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: 'RobotoCondensedBold';
	color: #000;
	border-top: solid 1px #000;
	margin-top: 15px;
}
.zoekfilter ul{
	margin: 0px;
	padding: 0px;
}
.zoekfilter li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.zoekfilter input{
	margin-right: 7px;
}
.zoekfilter label{
	cursor: pointer;
}
.zoekfilter label:hover{
	color: #FF0000;
}


.maintable{
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.maintable > ol:first-child{
	width: 33%;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #045891;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.maintable > ol:last-child{
	width: 70%;
	padding-left: 40px;
	padding-right: 40px;
}
.maintable > ol:last-child .overview.nieuws{
	display: block;
}
.maintable > ol:last-child .overview.nieuws li .item{
	display: table;
	width: 100%;
	border-spacing: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.maintable > ol:last-child .overview.nieuws .imagespan{
	display: table-cell;
	width: 40%;
	vertical-align: top;
	padding-left: 35px;
	padding-right: 20px;
	padding-top: 20px;
}
.maintable > ol:last-child .overview.nieuws .imagespan img{
	width: 100%;
}
.maintable > ol:last-child .overview.nieuws .content{
	display: table-cell;
	width: 70%;
	vertical-align: top;
	padding-top: 20px;
}
.maintable > ol:last-child .overview.nieuws .content h2{
	font-size: 23px;
	margin-bottom: 5px;
}




/* Container backgrounds */
.containerbackground.hidden{
	display: none;
}
.containerbackground.wit{
	background-color: #FFF;
	max-width: 100%;
	padding: 25px;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
}
.containerbackground.zwart1{
	background-color: #000;
	background-image: url(../images/zwartbackgr.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #FFF;
	max-width: 100%;
	width: 100%;
}
.containerbackground.zwart1 h1, .containerbackground.zwart1 h2{
	color: #D9AA02;
	font-size: 36px;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 20px;
}


.containerbackground.zwart{
	background-color: #000;
	color: #FFF;
	max-width: 100%;
	width: 100%;
}
.containerbackground.zwart h1, .containerbackground.zwart h2{
	color: #D8AA00;
}
.containerbackground.grijs{
	background-color: #6B6B6B;
	background-image: url(../images/grijs.jpg);
	max-width: 100%;
}
.containerbackground.grijs h1, .containerbackground.grijs h2{
	color: #FFF;
}
.containerbackground.grijs .readmore a{
	border: solid 1px #FFF;
	color: #FFF;
}
.containerbackground.grijs .readmore a:hover{
	background-color: #FF0000;
}


.containerbackground.geel{
	background-color: #D9AA02;
	background-image: url(../images/geelbackgr.png);
	background-repeat: repeat-x;
	background-size: auto 240px;
	background-position-y: center;
	color: #333333;
	max-width: 100%;
	width: 100%;
}
.containerbackground.geel h1, .containerbackground.geel h2{
	color: #000000;
}

/** ACTIVITEITEN PROGRAMMA **/
.wordfile{
	cursor: pointer;
	background: url(../images/icon_file.png) no-repeat center center;
	background-size: 16px;
	width: 16px;
	height: 20px;
	float: left;
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
}
.wordfile:hover{
	background: url(../images/icon_file_on.png) no-repeat center center;
	background-size: 16px;
}

.multicolumncontainer{
	display: table;
	width: 100%;
}
.multicolumncontainer .row{
	display: table-row;
}
.multicolumncontainer .multicolumn{
	display: table-cell;
	padding-right: 7px;
	vertical-align: top;
}
.multicolumncontainer .multicolumn.movecolumn{
	width: 30px;
}
.multicolumncontainer .multicolumn.actioncolumn{
	width: 45px;
	text-align: right;
}
.multicolumncontainer .multicolumn .deletebtn{
	display: inline-block;
	background-color: #fe0000;
	color: #FFF;
	padding: 5px;
	width: 10px;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
}
.multicolumncontainer .multicolumn .deletebtn:hover{
	background-color: #D90606;
}
.multicolumncontainer .multicolumn .subaddbtn{
	display: inline-block;
	background-color: green;
	color: #FFF;
	padding: 5px;
	width: 10px;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
}
.multicolumncontainer .multicolumn .subaddbtn:hover{
	background-color: #D90606;
}
.multicolumncontainer .multicolumn textarea{
	height: 43px;
	margin: 0px;
	margin-top: 2px;
	margin-bottom: -2px;
}
.multicolumncontainer.schedule{
	margin-left: -13%;
	width: 113%;
}
.multicolumncontainer.schedule .multicolumn:nth-child(2){
	width: 80px;
}
.multicolumncontainer.tagsstr .multicolumn:nth-child(3){
	width: 150px;
}
.multicolumncontainer.tagsstr .multicolumn:nth-child(4){
	width: 60px;
}
.multicolumncontainer.tagsstr .multicolumn:nth-child(11){
	width: 70px;
}
.multicolumncontainer.schedule .multicolumn:nth-child(6){
	width: 50px;
}
.multicolumncontainer.schedule .multicolumn:nth-child(2) input{
	text-align: center;
}
.emptyrow{
	display: none !important;
}
.multicolumn.lineleft{
	border-left: solid 2px #045891;
	padding-left: 8px;
}

.conditionsgeneratorlightbox .multicolumn.codebefore{
	width: 80px;
}
.conditionsgeneratorlightbox .multicolumn.codeafter{
	width: 80px;
}


.multicolumncontainer > li{
	display: block;
	margin: 20px;
	padding: 10px;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	border: 1px solid #ed4a38;
	color: #000;
	background-color: #F9F9F9;
	cursor: pointer;
	width: auto;
	-moz-transition: all 0.1s ease-out;  /* FF4+ */
    -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.1s ease-out;  /* IE10 */
    transition: all 0.1s ease-out;
    border: solid 1px #FFF;
}
.multicolumncontainer > ol{
	border: 1px solid #999;
	margin: 0 0 9px 0;
	min-height: 50px;
	padding: 0px !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.multicolumncontainer .simple_with_no_drag li{
	cursor: default;
}


.totalprice{
	float: left;
	font-weight: bold;
	padding-top: 15px;
}



/** WEBSITE CHOISE CONTAINER **/
.websitechoisewrapper{
	position: relative;
	min-height: 43px;
	font-size: 16px;
	line-height: 20px;
}
.websitechoisewrapper span{
	position: relative;
}
.websitechoisebtn{
	cursor: pointer;
	-moz-transition: margin-top 0.3s ease-out;  /* FF4+ */
    -o-transition: margin-top 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: margin-top 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: margin-top 0.3s ease-out;  /* IE10 */
    transition: margin-top 0.3s ease-out;
}
.websitechoisebtn.active{
	position: absolute;
	z-index: 9999;
	margin-top: -12px;
	min-width: 300px;
}
.websitechoisewrapper span .websitechoisebtn.active{
	width: 350px;
}
.websitechoisecontainer{
	background-color: #FCFCFC;
	border: solid 1px #E1E1E1;
	padding: 15px;
	display: none;
	position: fixed;
	z-index: 99999;
	min-width: 500px;
	margin-top: 40px;
}
.websitechoisecontainer[data-name="work_id"], .websitechoisecontainer[data-name="work_id"] .choiselist{
	width: 800px;
	max-width: 800px;
}
.websitechoisecontainer .formdata{
	max-height: 450px;
	overflow: auto;
}
.conditionsgeneratorlightbox .websitechoisecontainer{
	min-width: 660px;
}
.schedule .multicolumn:nth-child(3) .websitechoisecontainer{
	width: 200%;
}
.websitechoisecontainer.visible{
	display: block;
}
.websitechoiseclose{
	position: absolute;
	right: -15px;
	margin-top: -27px;
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	cursor: pointer;
	background-color: #E1E1E1;
	border: solid 2px #FFF;
	width: 30px;
	height: 27px;
	padding-top: 3px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
}
.websitechoiseclose:hover{
	background-color: #000;
}
#websitechoisesearch{
	background-color: #FFF;
}
.websitechoisecontainer .choiselist{
	max-width: 500px;
	max-height: 250px;
	overflow: auto;
}
.conditionsgeneratorlightbox .websitechoisecontainer .choiselist{
	max-width: 660px;
}
.websitechoisecontainer .choiselist ul{
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.websitechoisecontainer .choiselist li{
	margin: 0px;
	padding: 0px;
}
.websitechoisecontainer .choiselist li.hidden{
	display: none !important;
}
.websitechoisecontainer .choiselist li .column{
	padding: 2px;
	cursor: pointer;
	border-bottom: solid 1px #CCC;
	display: table-cell;x
}
.conditionsgeneratorlightbox .websitechoisecontainer .choiselist .column{
	border-right: solid 1px #DCDCDC;
	padding-left: 5px;
}
.conditionsgeneratorlightbox .websitechoisecontainer .choiselist .column:first-child{
	border-left: solid 1px #DCDCDC;
}
.websitechoisecontainer .choiselist li:nth-child(even) .column{
	background-color: #FFF;
}
.websitechoisecontainer .choiselist li.hidden{
	display: none;
}
.websitechoisecontainer .choiselist li:first-child .column{
	font-weight: bold;
	font-size: 12px;
}
.websitechoisecontainer .choiselist li:hover .column:not(.websitechoisecontainer .choiselist li:first-child:hover .column){
	background-color: #FFF;
	color: #045891;
}
.addnewloadcontainer{
	margin-top: 25px;
}
.websitechoisecontainer .addnewtitle{
	font-size: 18px;
	line-height: 30px;
	background-color: #045891;
	letter-spacing: 1px;
	color: #FFF;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	margin-top: 30px;
	padding-left: 25px;
}
.websitechoisecontainer h1{
	display: block;
	font-family: 'PoppinsRegular', 'Arial';
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.websitechoisebtnclear{
	position: absolute;
	right: 8px;
	margin-top: 14px;
	color: #FFF;
	font-size: 10px;
	line-height: 10px;
	cursor: pointer;
	background-color: #999;
	width: 17px;
	height: 14px;
	padding-top: 3px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
    display: none;
}
.websitechoisebtnclear:hover{
	background-color: #000;
}
.activiteitentabscontent .formitem > .row.selectedcheckbox .column .websitechoisebtnclear{
	display: block;
}

.icon-move{
	background: url(../../admin/images/move.png);
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	display: block;
	cursor: move;
	margin-top: 15px;
}
.selectcolumn input{
	margin-top: 15px;
}

.selectactions{
	float: left;
}
.selectactions span{
	font-size: 12px;
	color: #999;
	margin-right: 15px;
	cursor: pointer;
}
.selectactions span:hover{
	color: #000;
}

/** TABLE VIEW **/
.tableview ul{
	display: table;
	width: 100%;
	border-spacing: 5px;
	margin: 0px;
	padding: 0px;
}
.tableview li{
	display: table-row;
	margin: 0px;
	padding: 0px;
}
.tableview li.hidden{
	display: none;
}
.tableview li .column{
	display: table-cell;
	background-color: #EBEBEB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.tableview li:nth-child(odd) .column{
	background-color: #f2f2f2;
}
.tableview li:hover .column{
	background-color: #CCC;
}
.tableview li:first-child .column{
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
}
.tableview li.status1 .column{
	background-color: #FF0000;
	color: #FFF;
}
.tableview li.status2 .column{
	background-color: yellow;
}
.tableview li.status3 .column{
	background-color: green;
	color: #FFF;
}
.tableview li.status4 .column{
	background-color: green;
	color: #ff9801;
}
.tableview li.lastopened .column{
	background-color: #d9efd3;
}
.tableview li.copied .column{
	background-color: #ffe19c;
}

.activiteitentable .column:nth-child(3), .activiteitentable .column:nth-child(4){
	width: 70px;
}

.legenda{
	text-align: center;
	font-size: 12px;
}
.legenda span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #d9efd3;
	margin-right: 5px;
	border: solid 1px #000;
}

.tableview li .column.staffstatus1{
	background-color: #FF0000 !important;
	color: #FFF !important;
}
.tableview li .column.staffstatus2{
	background-color: yellow !important;
	color: #000 !important;
}
.tableview li .column.staffstatus3{
	background-color: green !important;
	color: #FFF;
}
.tableview li .column.staffstatus4{
	background-color: #FF9900 !important;
	color: #000 !important;
}

.tableview li.status1:hover .column{
	background-color: #e20000;
}
.tableview li.status2:hover .column{
	background-color: yellow;
}
.tableview li .column.deletecolumn{
	text-align: center;
	width: 15px;
	background-image: url(../images/icondelete.png);
	background-repeat: no-repeat;
	background-position: center top 8px;
	background-size: 13px;
}
.tableview li .column.deletecolumn:hover{
	background-color: #fe0000;
	color: #FFF;
	background-image: url(../images/icondelete_on.png);
}
.tableview li .column.copycolumn{
	background-image: url(../images/iconcopy.png);
	background-repeat: no-repeat;
	background-position: center top 8px;
	background-size: 13px;
}
.tableview li .column.copycolumn:hover{
	background-color: green;
	background-image: url(../images/iconcopy_on.png);
	color: #FFF;
}

.tableview li .column.tableordercolumn{
	text-align: center;
	width: 15px;
}
.tableview li.newsection .column{
	border-top: solid #999 2px;
}
.tableview li .column.deletecolumn .delete{

}
.tableview li .column.dayfull{
	font-weight: bold;
}
.tableview a{
	color: #000;
}
.tableview a:hover{
	text-decoration: none;
}
.tableviewtotal{
	text-align: center;
	margin-top: 20px;
	color: #999;
	font-size: 13px;
	text-transform: uppercase;
}
.tableviewtotal span{
	font-weight: bold;
}
#tableorder .simple_with_no_drag li{
	cursor: default;
}
#tableorder li.placeholder{
	height: 20px;
	background-color: #f2f2f2;
	border: dotted 1px #CCC;
	display: block;
	width: 100%;
}

.itemdetail{
	padding: 0px;
	position: relative;
}
.lightboxcontent .itemdetail .formitem li .column:first-child{
	width: 25%;
}


.tableview li[data-action="selectionform"] .column:nth-child(2){
	width: 80px;
}



/** INSTELLINGEN **/
.planninginstellingen{
	display: block;
	width: 100%;
}
.planninginstellingen > .column{
	display: block;
	vertical-align: top;
}

.planninginstellingen form .column:first-child{
	width: 12%;
}
.planninginstellingen .formdata[data-action="transportformsave"] form .column:first-child{
	width: 350px;
}
.planninginstellingen .formdata[data-action="bouwwijzeformsave"] form .column:first-child{
	width: 350px;
}

.planninginstellingen .instellingenmenu{
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}
.planninginstellingen .instellingenmenu li{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #000;
	cursor: pointer;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-right: 13px;
	margin-right: 0px;
	margin-bottom: 15px;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.planninginstellingen .instellingenmenu li:hover, .planninginstellingen .instellingenmenu li.selected{
	color: #FFF;
	background-color: #045891;
}
.planninginstellingen .multicolumnarea input, .planninginstellingen .multicolumnarea select, .planninginstellingen .multicolumnarea textarea{
	font-size: 12px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.planninginstellingen .multicolumnarea .row.firstrow{
	font-size: 11px;
}
.planninginstellingen .multicolumnarea textarea{
	height: 20px;
	margin-top: 5px;
}
.planninginstellingen .multicolumncontainer .multicolumn .subaddbtn, .planninginstellingen .multicolumncontainer .multicolumn .deletebtn{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px !important;
}
.planninginstellingen .icon-move{
	background-position-y: 0px;
	margin-top: 5px;
}
.planninginstellingen input[type="checkbox"]{
	margin-top: 5px;
}

/** ACTIVITEITEN **/
.planningoverviewloader .form .column:first-child{
	width: 25%;
	font-size: 12px;
	line-height: 16px;
}
.planningoverviewloader .form .column:last-child{
	font-size: 12px;
	line-height: 16px;
}
.planningoverviewloader .form .noleft > .column:first-child{
	display: none;
}

.subchapter{
	margin-top: 20px;
	font-weight: bold;
	border-top: solid 1px #000;
	padding-top: 15px;
	display: none;
}
.subchapter.chap0{
	border-top: none;
	padding-top: 0px;
}
.subchapter.visible{
	display: block;
}
.subchaptercontent.tabcontent17{
	position: relative;
	overflow: auto;
}


.choiselist .column:first-child{
	width: auto !important;
}

.loadericon{
	position: fixed;
	width: 100%;
	background: url(../../admin/images/loader2.gif) center center;
	background-size: 60px;
	background-repeat: no-repeat;
	z-index: 9999999;
}

.message{
	width: auto !important;
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
	text-align: center !important;
}

.exportbtn{
	float: right;
	color: #FFF;
	margin-right: 8px;
	background: url(../images/icon_export.png) no-repeat left 15px center;
	background-size: 15px;
	background-color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	padding-left: 38px;
	padding-right: 15px;
	font-size: 14px;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}
.exportbtn:hover{
	background-color: #303031;
	text-decoration: none;
	color: #FFF;
}

.addbtn{
	float: right;
	color: #FFF;
	margin-right: 10px;
	background: url(../images/icon_add.png) no-repeat left 15px center;
	background-size: 15px;
	background-color: green;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	padding-left: 38px;
	padding-right: 15px;
	font-size: 14px;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}
.addbtn:hover{
	background-color: #303031;
}

.multicolumn.addbtn{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
}

.Zebra_DatePicker.dp_hidden{
	display: none !important;
}

.activiteitentabs ul{
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	margin-top: -59px;
	margin-left: -25px;
}
.activiteitentabs li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 97px;
	margin-right: 2px;
	background: none;
	background-color: #045891;
	color: #FFF;
	text-align: center;
	-webkit-appearance: none;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
.activiteitentabs li.selected, .activiteitentabs li:hover{
	background-color: #FFF;
	color: #303031;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.activiteitentabscontent .formitem{
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.activiteitentabscontent .odd .formitem{
	padding-right: 2%;
	border-right: solid 1px #000;
}
.activiteitentabscontent .even .formitem{
	padding-left: 2%;
}
.activiteitentabscontent .formitem .formitem{
	float: none;
	width: 100%;
	box-sizing: border-box;
	border: none;
}
.activiteitentabscontent .formitem > .row{
	display: none;
}
.activiteitentabscontent .formitem .formitem > .row{
	display: table-row;
}
.activiteitentabscontent .formitem > .row.visible{
	display: table-row;
}
.activiteitentabscontent .formitem > .row.selectedcheckbox .column{
	background-color: #d9e5ee;
}
.activiteitentabscontent .formitem > .tab22.row.selectedcheckbox .column, .activiteitentabscontent .formitem > .tab18.row.selectedcheckbox .column, .activiteitentabscontent .formitem > .algemeen.row.selectedcheckbox .column{
	background: none;
}
.activiteitentabscontent .formitem > .row .column{
	border-bottom: solid 1px #F2F2F2;
	padding-top: 6px;
	padding-bottom: 6px;
}
.activiteitentabscontent .formitem > .row:last-child{
	//display: table-row !important;
}
.activiteitentabscontent #savebtn{
	margin-top: 25px;
}

.activiteitentabscontent .itemtable{
	display: table;
	width: 100%;
}
.activiteitentabscontent .itemcell{
	display: table-cell;
}
.activiteitentabscontent .itemcell:last-child{
	width: 70px;
	padding-left: 30px;
	text-align: right;
}

.pricepanel{
	position: fixed;
	right: 0px;
	top: 110px;
	z-index: 99999;
	background-color: #FFF;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
}
.pricepanel.hidefromstart{
	right: -450px;
}
.pricepanel .togglebutton{
	position: absolute;
	right: 0px;
	margin-top: -30px;
	width: 30px;
	height: 30px;
	background: url(../images/icon_right.png) no-repeat center center;
	background-size: 10px;
	background-color: #FFF;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pricepanel .togglebutton:hover{
	background-image: url(../images/icon_right_on.png);
	background-color: #045891;
}
.pricepanel.hidden .togglebutton{
	background-image: url(../images/icon_left.png);
	position: fixed;
	right: 0px;
}
.pricepanel.hidden .togglebutton:hover{
	background-image: url(../images/icon_left_on.png);
}
.pricepanel ul{
	margin: 0px;
	padding: 0px;
}
.pricepanel li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: solid 1px #CCC;
	font-size: 11px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
.pricepanel li:first-child{
	border-top: none;
}
.pricepanel li.gekozenopties{
	background-color: #B3CDDE;
}
.pricepanel li:hover, .pricepanel li.selected{
	background-color: #045891;
	color: #FFF;
}
.pricepanel li.total, .pricepanel li.verkoopinclbtw, .pricepanel li.verkoopexclbtw, .pricepanel li.inkoopexclbtw, .pricepanel li.inkoopinclbtw{
	font-weight: bold;
	text-align: right;
	cursor: auto;
}
.pricepanel li.total:hover, .pricepanel li.verkoopinclbtw:hover, .pricepanel li.verkoopexclbtw:hover, .pricepanel li.inkoopexclbtw:hover{
	font-weight: bold;
	text-align: right;
	background-color: #FFF;
	color: #000;
}
.usergroupenabled .pricepanel li.total{
	display: none;
}
.pricepanel li .table{
	display: table;
	width: 100%;
}
.pricepanel li .table div{
	display: table-cell;
}
.pricepanel li .table div:last-child{
	width: 70px;
	text-align: right;
}
.pricepanel li.blink{
	background-color: #FF0000;
	color: #FFF;
}

/* PLANNING FILTER */
.planningfilter{
	position: relative;
	overflow: auto;
}
.planningfilter ul{
	margin: 0px;
	padding: 0px;
	float: left;
}
.planningfilter li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}
.planningfilter .filterbtn{
	background-color: #EBEBEB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
	font-size: 12px;
	margin-right: 10px;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.planningfilter .filterbtn:hover, .planningfilter .filterbtn.selected{
	background-color: #303031;
	color: #FFF;
}
.filtercustomfields{
	float: left;
	display: none;
	margin-top: 7px;
}
.filtercustomfields.visible{
	display: block;
}
.filtercustomfields input{
	display: inline-block;
	width: 120px;
	float: left;
	background: none;
	border: none;
	margin: 0px;
	padding: 5px;
	border-bottom: solid 2px #CCC;
	margin-left: 10px;
}


.formsearchcontainer{
	position: absolute;
	width: 82.5%;
	background-color: #f9f9f9;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	border: solid 1px #DCDCDC;
	z-index: 99999;
}
.formsearchcontainerheight{
	height: 200px;
}
#tagsstr .row.hidden{
	display: none;
}

#mceu_0{
	display: none;
}

.deleteselection, .deleteplanningstaffhoreca{
	text-align: center;
	margin-top: 20px;
}
.deleteselection span, .deleteplanningstaffhoreca span{
	cursor: pointer;
	font-size: 12px;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.deleteselection span:hover, .deleteplanningstaffhoreca span:hover{
	color: #045891;
}


/** STAFF LOGIN **/
.planningstaffloginloader{
	margin-top: 60px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background-color: #FFF;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
}
.planningstaffloginloader .contentarea{
	padding: 25px;
}


.staffloginoverview ul{
	display: table;
	width: 100%;
	border-spacing: 5px;
	margin: 0px;
	padding: 0px;
}
.staffloginoverview li{
	display: table-row;
	margin: 0px;
	padding: 0px;
}
.staffloginoverview li .column{
	display: table-cell;
	background-color: #EBEBEB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	cursor: auto;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.staffloginoverview li:nth-child(odd) .column{
	background-color: #f2f2f2;
}
.staffloginoverview li:first-child .column{
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-appearance: none;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    transition: all 0.3s ease-out;
}
.staffloginoverview li .column:nth-child(1){
	width: 100px;
}
.planningstaffloginloader .formitem li .column:first-child{
	display: none;
}
.permissions, .planningstaffloginloader .actionscontent{
	display: none;
}
.planningstaffloginloader .logoutbtn{
	position: absolute;
	margin-top: -57px;
	right: 0px;
	background: url(../images/icon_logout.png) no-repeat left 20px center;
	background-size: 12px;
	background-color: #FFF;
	padding: 5px;
	padding-left: 40px;
	padding-right: 25px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.planningstaffloginloader .logoutbtn:hover{
	background: url(../images/icon_logout_on.png) no-repeat left 20px center;
	background-size: 12px;
	background-color: #FFF;
}
.staffloginforgotpasswordbtn, .staffloginforgotloginbtn{
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	margin-top: 10px;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
}
.staffloginforgotpasswordbtn:hover, .staffloginforgotloginbtn:hover, .planningstaffloginloader .logoutbtn:hover{
	color: #045891;
}
.staffloginformmessage{
	text-align: center;
	color: red;
}
.staffloginstaybtn{
	float: left;
	font-size: 13px;
	cursor: pointer;
	margin-top: 10px;
}



/** MY ACCOUNT **/
.websiteuserloginmydata{
}
.websiteuserloginmydata .row.section{
	display: none;
}
.websiteuserloginmydata .row .column:first-child{
	width: 15%;
}
.helptext{
	color: #999;
	background: url(../images/icon_help.png) no-repeat left 2px;
	background-size: 12px;
	padding-left: 20px;
	font-style: italic;
	margin-left: 5px;
	cursor: pointer;
}
.helptext:hover{
	background: url(../images/icon_help_on.png) no-repeat left 2px;
	background-size: 12px;
}
.helptext .helpcontent{
	display: none;
}
.helplightbox{
	text-align: center;
}


/** HELP **/
.helptext .helpcontent{
	position: absolute;
	margin-left: 0px;
	margin-top: 5px;
	background-color: #0066b3;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	max-width: 380px;
	-moz-transition: all 1.3s ease-out;
	-o-transition: all 1.3s ease-out;
	-webkit-transition: all 1.3s ease-out;
	-ms-transition: all 1.3s ease-out;
	transition: all 1.3s ease-out;
	display: none;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.55);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.55);
}
.helptext .helpcontent.active{
	display: inline-block;
}



.totalrows{
	color: #999;
	font-size: 12px;
}

/** SETTINGS PRICES **/
.settingspricescontent{
	display: none;
}
.settingspricescontent.visible{
	display: block;
}
.settingprices input{
	display: inline-block;
	width: 80px;
	text-align: center;
}
.settingprices input[type="file"]{
	width: auto;
}
.settingprices input[type="button"]{
	background-color: #000 !important;
}
.settingprices{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.settingprices li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10 */
    transition: all 0.2s ease-out;
    margin-bottom: 20px;
	color: #000;
	cursor: pointer;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

}
.settingprices li:hover{
	color: #FFF;
	background-color: #045891;
}



.ownofferfilecontainer a{
	background-color: #F3F3F3;
	border: solid 1px #DCDCDC;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	margin-top: 5px;
	color: #000;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.ownofferfilecontainer a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #045891;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
}
.ownofferfiledelete{
	cursor: pointer;
	background-color: #FF0000;
	border: solid 1px #DCDCDC;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	margin-top: 5px;
	color: #FFF;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ownofferfiledelete:hover{
	background-color: #C62828;
}
.ownofferfiledeletewarn{
	text-align: center;
}


/** DATE PICKER **/
.Zebra_DatePicker {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 0 10px #ccc;
    color: #222;
    font: 13px Tahoma, Arial, Helvetica, sans-serif;
    padding: 5px;
    position: absolute;
    display: table;
    * width: 255px;
    z-index: 1200
}

.Zebra_DatePicker * , .Zebra_DatePicker :after, .Zebra_DatePicker :before {
    box-sizing: content-box !important
}

.Zebra_DatePicker * {
    padding: 0;
}

.Zebra_DatePicker table {
    border-collapse: collapse;
    border-radius: 4px;
    border-spacing: 0;
    width: 100%
}

.Zebra_DatePicker td, .Zebra_DatePicker th {
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    min-width: 25px;
    width: 25px
}
.Zebra_DatePicker .dp_not_in_month {
    color: #CCC;
}
.Zebra_DatePicker .dp_current {
    color: #045891;
    font-weight: bold;
}


.Zebra_DatePicker .dp_body .dp_not_in_month {
    color: #CCC;
}

.Zebra_DatePicker .dp_body .dp_time_controls_condensed td {
    width: 25%
}

.Zebra_DatePicker .dp_body .dp_current {
    color: #3a87ad
}

.Zebra_DatePicker .dp_body .dp_selected {
    background: #337ab7;
    color: #fff
}

.Zebra_DatePicker .dp_body .dp_disabled {
    color: #bbb;
    cursor: text
}

.Zebra_DatePicker .dp_body .dp_disabled.dp_current {
    color: #b4d5e6
}

.Zebra_DatePicker .dp_body .dp_hover {
    background: #dedede
}

.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
    background-color: #dedede
}

.Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_timepicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 33.3333%
}

.Zebra_DatePicker .dp_timepicker .dp_disabled {
    border: none;
    color: #222;
    font-size: 26px;
    font-weight: 700
}

.Zebra_DatePicker .dp_time_separator div {
    position: relative
}

.Zebra_DatePicker .dp_time_separator div:after {
    content: ":";
    color: #222;
    font-size: 20px;
    left: 100%;
    margin-left: 2px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    z-index: 1
}

.Zebra_DatePicker .dp_header {
    margin-bottom: 5px
}

@supports (-ms-ime-align:auto) {
    .Zebra_DatePicker .dp_header {
        font-family: 'Segoe UI Symbol', Tahoma, Arial, Helvetica, sans-serif
    }
}

.Zebra_DatePicker .dp_footer {
    margin-top: 5px
}

.Zebra_DatePicker .dp_footer .dp_icon {
    width: 50%
}

.Zebra_DatePicker .dp_actions td {
    border-radius: 4px
}

.Zebra_DatePicker .dp_actions .dp_caption {
    font-weight: 700;
    width: 100%
}

.Zebra_DatePicker .dp_actions .dp_next, .Zebra_DatePicker .dp_actions .dp_previous {
    * padding: 0 10px
}

.Zebra_DatePicker .dp_actions .dp_hover {
    background-color: #dedede
}

.Zebra_DatePicker .dp_daypicker th {
    cursor: text;
    font-weight: 700
}

.Zebra_DatePicker.dp_hidden {
    display: none
}

.Zebra_DatePicker .dp_icon {
    height: 16px;
    background-image: url(icons.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    * text-indent: 0
}

.Zebra_DatePicker .dp_icon.dp_confirm {
    background-position: center -123px
}

.Zebra_DatePicker .dp_icon.dp_view_toggler {
    background-position: center -91px
}

.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
    background-position: center -59px
}

button.Zebra_DatePicker_Icon {
    background: url(icons.png) center top no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 16px;
    line-height: 0;
    padding: 0;
    position: absolute;
    text-indent: -9000px;
    width: 16px
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
    background-position: center -32px;
    cursor: default
}


.log{
	background-color: #FFF;
	padding: 25px;
	display: inline-block;
	margin: 25px;
}

.pdfconvertorbtncontainer{
	margin-top: 10px;
}
.pdfconvertorbtncontainer span{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #000;
	cursor: pointer;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-right: 13px;
	margin-right: 5px;
	margin-bottom: 15px;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #f4f4f4;
}
.pdfconvertorbtncontainer span.selected{
	color: #FFF;
	background-color: #045891;
}

/** Work Offer overview **/
.planningworkofferoverview{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	margin-left: -25px;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #FFF;
	max-width: 100%;
	padding: 25px;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.52);
}
.planningworkofferoverview strong{
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.planningworkofferoverview ul{
	margin: 0px;
	padding: 0px;
}
.planningworkofferoverview li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: solid 1px #d9e3eb;
	display: table;
	width: 100%;
}
.planningworkofferoverview li.selected{
	font-weight: bold;
	background-color: #d9e3eb;
}
.planningworkofferoverview li a{
	color: #000;
	display: block;
}
.planningworkofferoverview li:hover{
	text-decoration: none;
	background-color: #d9e3eb;
}
.planningworkofferoverview li:first-child:hover, .planningworkofferoverview li:last-child:hover{
	background: none;
}
.planningworkofferoverview li a:hover{
	text-decoration: none;
}
.planningworkofferoverview li .column{
	display: table-cell;
	vertical-align: top;
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.planningworkofferoverview li .column:nth-child(1){
	width: 12%;
}
.planningworkofferoverview li .column:nth-child(2){
	width: 41%;
}
.planningworkofferoverview li .column:nth-child(3){
	width: 22%;
}
.planningworkofferoverview li .column:nth-child(4){
	width: 20%;
}
.planningworkofferoverview li .column:nth-child(5){
	width: 5%;
}
.planningworkofferoverview li:first-child .column{
	font-weight: bold;
}
.planningworkofferoverview .dublicateofferbtn{
	display: inline-block;
	margin: 0px;
	background: none;
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
}
.planningworkofferoverview .dublicateofferbtn:hover{
	background-color: #23272A;
}
.planningworkofferoverview .saveinorderbtn{
	display: none;
	margin: 0px;
	background: none;
	background-color: #045891;
	border: none;
	box-sizing: inherit;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
}
.planningworkofferoverview .saveinorderbtn.visible{
	display: inline-block;
}
.planningworkofferoverview .saveinorderbtn:hover{
	background-color: #23272A;
}
.planningworkofferoverview .deletecolumn{
	text-align: center;
	width: 30px;
	height: 30px;
	background-image: url(../images/icondelete.png);
	background-repeat: no-repeat;
	background-position: center top 8px;
	background-size: 13px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.planningworkofferoverview .deletecolumn:hover{
	background-color: #fe0000;
	color: #FFF;
	background-image: url(../images/icondelete_on.png);
}
.planningworkofferoverview .inoffer{
	display: inline-block;
	width: 13px;
	height: 13px;
	border: solid 2px #000;
	background-color: #FFF;
	cursor: pointer;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	text-align: center;
}
.planningworkofferoverview .inoffer.checked{
	background-color: #000;
}

.copyalloffers{
	position: inline-block;
	float: right;
	height: 25px;
	margin-right: 25px;
	background-image: url(../images/iconcopy.png);
	background-repeat: no-repeat;
	background-position: right top 8px;
	background-size: 13px;
	padding-right: 22px;
	font-size: 12px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
.copyalloffers:hover{
	color: #035891;
}

.copyalloffersmessage .buttons span{
	font-size: 18px !important;
}
.copyalloffersmessage #workid{
	width: 150px;
	text-align: center;
	font-size: 18px;
}

.balkhoutaddnewbtn::after, .slapersaddnewbtn::after{
	content: 'Toevoegen';
}
.balkhoutaddnewbtn, .slapersaddnewbtn{
	cursor: pointer;
}
.balkhoutaddnewbtn:hover, .slapersaddnewbtn:hover{
	color: #045891;
}

.choiselist li.verberg{
	display: none !important;
}

.cmseditable{
	display: none !important;
}

.planningbestellingenwarningcontainer{
	margin-top: 15px;
	border: solid 1px #ff0029;
	background-color: #ffd6d7;
	padding: 5px;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
}
.planningbestellingenwarningbtn span{
	display: inline-block;
	background-color: #FFF;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 25px;
	cursor: pointer;
	margin-left: 15px;
	margin-top: 15px;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.planningbestellingenwarningbtn span:hover{
	background-color: #045891;
	color: #FFF;
}

.errormsgpopup{
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
}
