/* CSS Document for www.hwcms.nl */
/* Copyright Hoogma Webdesign www.hoogmawebdesign.com all rights reserved */

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

* { 
margin: 0px;
padding: 0px;
}
body {
background: #f8f8f8;
font-family: 'titilliumtext22l_rgregular';
font-size: 15px;
color: #58585a;
}
section, header, footer, .container {
width: 100%;
float: none;
}
.autocompletebox {
height: 100px;
overflow: auto;
border: solid 1px #b3b3b3 !important;
}
.autocompletebox ul {
margin: 0;
padding: 0;
}
.autocompletebox ul li {
font-size: smaller;
list-style: none;
margin: 0;
padding: 0;
}
.youtubeform {
width: 100%;
max-width: 960px;
height: 500px;
margin: 10px 0;
}
.checklabel {
cursor: pointer;
}
.containerwit {
position: relative;
background-color: white;
width: 21cm;
min-height: 26.7cm;
margin: 0 auto;
/*padding: 1cm 1.5cm 1.5cm 1.5cm;*/
padding: 0 0.2cm 160px 0.2cm;
}
.row {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.clear, .clearfix {
clear: both;
}
.small {
font-size: smaller;
}
p {
font-family: 'titilliumtext22l_rgregular';
color: #58585a;
font-size: 16px;
}
p a {
color: #00378a;
text-decoration: underline;
}
p a:hover {
color: #339900;
text-decoration: underline;
}
.kennisbank {
float:left;
max-width: 300px;
cursor:pointer;
background-color: #339900;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
color: white;
}
.kennisbank:hover {
transform: scale(1.10);
}
ul.ulkblist {
margin: 10px 0 10px 20px;	
}
ul.ulkblist li {
color: #339900;
cursor: pointer;
text-decoration: underline;
font-weight:bold;
}
ul.ulkblist li.curr {
color: #00378a;
cursor: inherit;
text-decoration: none;
font-weight:inherit;
}
img.kbfoto {
max-width:100%;
}
.kennisbankbox {
max-width: 1000px;
margin: 20px auto;
padding: 20px;
background-color:#fff;
border: none;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
img.homeicon {
float:left;
width:20px;
margin-right:10px;
padding: 3px;
}
img.homeicon:hover {
opacity: 0.7;
}
.verbergbijprint {
display: none;
}
form#userpanelform .button {
min-height: 200px;
}
form .button input[type="submit"], form .button input[type="button"] {
font-size: 17px;
font-weight: 600;
color: white;
font-family: 'titilliumtext22l_rgregular';
background-color: #339900;
line-height: 20px;
padding: 8px 10px;
width: 100%;
max-width: 160px;
float: right;
display: inline-block;
border: none;
border-radius: 0;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
}
form .button input[type="button"].show {
display: none;
}
form .button input[type="submit"]:hover, form .button input[type="button"]:hover {
background-color: #66cc33;
cursor: pointer;
}

.loginbox {
background-color: white;
border: 1px solid #999;
width: 100%;
max-width: 400px;
margin: 50px auto 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.loginbox .logobox {
text-align: center;
margin: 10px 0;
}
.loginbox .logobox img.logo {
max-width: 90%;
margin: 0;
}
.loginbox h1 {
font-family: 'titilliumtext22l_rgregular';
text-align: center;
color: #00378a;
border-bottom: 1px solid #00378a;
font-size: 19px;
line-height: 40px;
padding: 0;
margin: 0;
}
.loginbox img.flag {
float: right;
margin: 0 0 0 15px;
}
.loginbox form .button input[type="submit"] {
font-size: 17px;
font-weight: 600;
color: white;
font-family: 'titilliumtext22l_rgregular';
background-color: #339900;
line-height: 20px;
padding: 8px 10px;
width: 100%;
max-width: 160px;
float: right;
display: inline-block;
border: none;
border-radius: 0;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: pointer;
border-radius: 0;
text-decoration: none;
-webkit-appearance: none;
}
.loginbox form .button input[type="submit"]:hover {
background-color: #66cc33;
cursor: pointer;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], select, textarea, textarea.markItUpEditor {
/*color: #999999;*/
color: #58585a;
width: 100%;
max-width: 100%;
display: block;
margin: 0px 0px 0px 0px;
padding: 7px 8px;
height: inherit;
z-index: 1;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
font-weight: 400;
direction: ltr;
position: relative;
border: solid 1px #b3b3b3 !important;
background-color: #f0f0f0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
input[type="password"], input[type="email"], input[type="number"], input[type="url"], select, textarea, textarea.markItUpEditor {
color: #58585a !important;
background-color: #f0f0f0 !important;
}
.input input[type="text"].bedrag {
width: 25%;
float: left;
}
.input input[type="text"].floathelft {
width: 48%;
margin-right: 2%;
float: left;
}
.input .stuksprijs {
font-size: smaller;
width: 25%;
float: left;
}
.input .aantal {
font-size: smaller;
width: 15%;
float: left;
}
.input .prijs {
font-size: smaller;
width: 25%;
float: left;
}
.input .btw {
font-size: smaller;
width: 15%;
float: left;
}
.input .btwbedrag {
font-size: smaller;
width: 20%;
float: left;
}
.extraregels {
clear: both;
border-bottom: 1px solid #00378a;
padding-bottom: 10px;
margin-bottom: 10px;
}
.klik {
cursor: pointer;
color: #00378a;
text-decoration: none;
}
.klik:hover {
color: #339900;
}
#klikregel {
float: right;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ccc;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #ccc;
}
textarea.kort {
height: 100px;
}
textarea.full {
height: 400px;
}
.input select.eenheid {
width: 25%;
float: left;
}

table.message {
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
border-style: none;
padding-left: 0px;
margin: 10px auto 10px auto;
vertical-align: middle;
}
.content table.message {
margin: 10px 0 10px 0;
}
table.message tr, table.message td {
margin: 0;
padding: 0;
vertical-align: middle;
}
table.message td p {
margin: 0;
padding: 0;
line-height: 20px;
}
table.message td p.msgalert {
color: red;
text-align: left;
}
table.message td p.msgok {
color: #339900;
text-align: left;
}
table.message td.iconform {
vertical-align: middle;
width: 35px;
}
img.alerticon {
width: 30px;
height: 30px;
float: none;
margin: 0 5px 0 0;
opacity: 1;
padding: 0;
vertical-align: middle;
}

.antispam {
display: none;
}
.show {
display: none;
}
.alert {
color: red;
font-size: 13px;
line-height: 24px;
}
input[type="text"].red, input[type="password"].red, textarea.red, select.red, input[type="file"].red, input[type="number"].red {
border: 1px solid red !important;
}
input[type="text"].green, input[type="password"].green, textarea.green, select.green, input[type="file"].green {
border: 1px solid green !important;
}
textarea.red:focus, input[type="text"].red:focus {
outline: none !important;	
border: 1px solid red !important;
}
textarea.green:focus, input[type="text"].green:focus {
outline: none !important;	
border: 1px solid green !important;
}



.label {
clear: both;
float: left;
width: 35%;
line-height: 23px;
padding: 10px 0 0 0;
margin-top: 0px;
}
.label.nopad {
padding: 5px 0 0 0;
}
.input {
float: right;
width: 60%;
margin: 5px 0;
padding-right: 0px;
line-height: 23px;
}
.input p.float {
display: inline-block;
float: left;
line-height: 33px;
padding: 0;
margin: 0 5px;
}
.label a, .input a {
color: #00378a;
text-decoration: underline;
}
.label a:hover, .input a:hover {
color: #339900;
text-decoration: underline;
}
section.session {
background-color: white;
padding: 5px 0;
border-bottom: 1px solid #339900;
}
section.session .row {
max-width: 98%;
padding: 0 1%;
}
section.messagegroen {
background-color: white;
padding: 5px 0;
border-bottom: 2px solid #339900;
border-top: 2px solid #339900;
text-align: center;
}
section.messagerood {
background-color: white;
padding: 5px 0;
border-bottom: 2px solid red;
border-top: 2px solid red;
text-align: center;
}

.menu {
float: left;
background-color: #34474e;
width: 10%;
max-width: 250px;
padding: 20px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*border-right: 1px solid #00378a;*/
}
.menu h2 {
font-family: 'titilliumtext22l_rgregular';
color: white;
text-align: center;
text-transform: uppercase;
font-size: 25px;
margin: 0;
padding: 0;
}
.menu .item {
width: 100%;
padding: 10px 5%;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.menu .item.current {
border-right: 8px solid #339900;
}
.menu a {
color: white;
text-decoration: underline;
}
.menu a:hover {
color: #339900;
}
.menu .item {
width: 100%;
padding: 5px 0;
text-align: center;
border-bottom: 1px solid #202f34;
}
.menu .item p {
font-size: 18px;
font-weight: bolder;
color: white;
}
.menu .item a.btn {
display: inline-block;
padding: 8px;
}
.menu .item a.btn:hover {
transform: scale(1.20);
}
.menu .item a.btn img {

}
.content {
float: left;
width: 90%;
padding: 5px 1% 0 1%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.inner {
clear: both;
width: 100%;
max-width: 1000px;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.full {
max-width: 100%;
}
.content h1 {
font-family: 'titilliumtext22l_rgregular';
color: #00378a;
text-align: left;
font-size: 25px;
}
.content h2 {
font-family: 'titilliumtext22l_rgregular';
text-align: left;
font-size: 22px;
}
.content h3 {
font-family: 'titilliumtext22l_rgregular';
text-align: left;
font-size: 18px;
padding-top: 15px;
}
.formborder {
background-color: white;
padding: 20px;
margin: 10px 0;
}
.zoekbox {
float: right;
}
.zoekbox input[type="text"] {
border: 1px solid #666;
height: 40px;
width: 160px;
margin: 0;
background-color: #f0f0f0;
}
/* Date Picker */
.zoekbox input[type="text"].datepicker {
background: url('../images/calender.png') no-repeat left;
border: 1px solid #666;
width: 130px;
padding-left: 30px !important;
background-color: #f0f0f0 !important;
}
.zoekbox input[type="image"] {
margin-top: 5px;
}
.zoekbox input[type="image"]:hover {
transform: scale(1.10);
}




table.list {
border: none;
border-collapse: collapse;
width: 100%;
}
table.list a {
color: #000;
text-decoration: underline;
}
table.list a:hover {
color: #00378a;
text-decoration: underline;
}
.listheader {
font-size: 14px;
background-color: #00378a;
text-align: left;
vertical-align: top;
border: none;
color: white;
}
.listheader td.tdlist, .listheader td.tdlistaction, .listheader td.tdlistthumb, .listheader td.tdlistonoff  {
padding-bottom: 8px;
padding-top: 8px;
color: white;
}
.listheader td.tdlist a, .listheader td.tdlistaction a, .listheader td.tdlistthumb a, .listheader td.tdlistonoff a {
color: #fff;	
}
.listheader td.tdlist a:hover, .listheader td.tdlistaction a:hover, .listheader td.tdlistthumb a:hover, .listheader td.tdlistonoff a:hover {
color: #ccc;
}
td.tdlist {
padding-left: 5px;
padding-right: 5px;
text-align: left;
color: #000;
border: none;
margin: 0;
}
td.tdlistaction {
width: 80px;
text-align: center;
}
td.tdlistaction table {
float: right;
}
td.tdlistonoff {
width: 60px;
text-align: center;
}
td.tdlistonoff img.onoff {
cursor: pointer;
margin: 7px 0 3px 0;
}
td.tdlistaction table, td.tdlistaction form, td.tdlistaction form p, td.tdlistonoff table, td.tdlistonoff form, td.tdlistonoff form p {
padding: 0;
margin: 0;
}
td.tdlistthumb {
width: 150px;
text-align: center;
}
.editdelete {
margin: 7px 0 3px 0;
padding: 0;
}
img.ascdesc {
width: 18px;
height: 16px;
border: 0px;
margin: 0px 5px 0 10px;
display: inline;
}
.bg1 {
background-color: #eeecec;
}
.bg2 {
background-color: #f9f9f9;
}
.rood, p.rood, .ui-tabs .ui-tabs-nav li.rood a {
color: red !important;
}
p.rood a, span.rood a {
color: red;
text-decoration: underline;
}
p.rood a:hover, span.rood a:hover {
color: #000;
text-decoration: underline;
}
.groen {
color: green;
}
#errormessage {
text-align: right;
}
img.formthumb {
max-width: 200px;
max-height: 150px;
}
img.cpthumb {
max-width: 150px;
max-height: 100px;
margin: 5px 0;
}


input[type="button"].gllpSearchButton {
background: #339900;
border: none;
text-align: center;
float: right;
padding: 5px;
font-size: 12px;
color: #fff;
cursor: pointer;
width: 30%;
height: 40px;
margin: 10px 0 0 0;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
box-sizing: border-box;
}
input[type="button"].gllpSearchButton:hover {
background: #66cc33;
color: #fff;
cursor: pointer;
}
.gllpMap	{
width: 100%; height: 250px;
}
.gllpLatlonPicker {
border: none;
margin: 0;
padding: 0;
}
.input input[type="text"].gllpLatitude, .input input[type="text"].gllpLongitude {
padding: 0;
height: 25px;
width: 25%;
float: left;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
box-sizing: border-box;
}
.input input[type="text"].gllpZoom {
padding: 0;
height: 25px;
width: 10%;
float: left;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
box-sizing: border-box;
}
.input input[type="text"].gllpSearchField {
margin: 10px 0 0 0;
padding: 0 1%;
height: 40px;
width: 60%;
float: left;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
box-sizing: border-box;
}
.input p.gllpfloat {
padding: 0 5px 0 5px;
margin: 0;
float: left;
font-size: smaller;
line-height: 25px;
}
/* Date Picker */
.input input[type="text"].datum, .zoekbox input[type="text"].datepicker {
background: url('../images/calender.png') no-repeat left;
border: 1px solid #666;
padding-left: 10%;
}
.input input[type="text"].datum.helft {
width: 40%;
float: left;
}
.highlighted a {
border: 1px solid Green !important;
color: Green !important;
}
textarea.fieldcellfull {
width: 98%;
padding: 10px 1%;
height: 300px;
}
img.uploading {
max-width: 100px;
float: right;
}
.prevnext {
float: right;
}
a.nav {
display: inline-block;
padding: 5px 5px;
margin: 0 5px 10px 0;
background-color: #fff;
border: 1px solid #00378a;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #00378a;
cursor: pointer;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
}
a.nav:hover, a.nav.curr {
background: #339900;
color: #fff;
border: 1px solid #00378a;
}
img.proddelete, img.extravariant {
cursor: pointer;
float: right;
width: 20px;
height: 20px;
margin: 0 0 5px 0;
}

.modulemenu {
width: 100%;
height: 50px;
margin: 0 0 15px 0;
}
.modulemenu .modbtn {
float: left;
width: 33.3%;
height: 50px;
background-color: #2b2b2c;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
cursor: pointer;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
}
.modulemenu .modbtn:hover {
background-color: #34474e;	
}
.modulemenu .modbtn.active {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: none;
background-color: #34474e;
}
.modulemenu .modbtn img {
width: 38px;
height: 38px;
margin: 6px;
}
.modulemenu .modbtn:hover img {

}
.toonproducten, .linklist a {
font-size: smaller;
color: #339900 !important;
text-decoration: underline;
cursor: pointer;
}
.toonproducten:hover {
color: #000;
}

.checkrelated {
display: inline;
cursor: pointer;
}
.selectall, .selectallrel, #selectall, #selectallrel {
display: inline;
margin-bottom: 10px;
cursor: pointer;
}
.checkboxen {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 32%;
margin-right: 1%;
float: left;
text-align: left;
margin-bottom: 20px;
}
.logoboxbg {
background-color: #ccc;
padding: 10px;
}




.mobmenu {
display: none;
width: 100%;
height: 40px;
position: fixed;
padding: 0;
margin-top: 3px;
background-color: #202f34;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 999;
}
.mobmidden {
position: absolute;
left: 40px;
top: 0;
width: 100%;
text-align: left;
padding: 6px 100px 6px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.mobmenu p {
display: inline-block;
text-align: left;
line-height: 1px;
margin: 12px 5px 0 5px;
color: white;
}
.mobmenu p a {
color: white;
text-decoration: underline;
}
.mobmenu p a:hover {
color: white;
text-decoration: none;
}
.animenu {
/*
position: absolute;
left: 0;
top: 0;
*/
width: 100%;
max-height: 100%;
}
.animenu label {
display: block;
height: 40px;
width: 40px;
padding: 5px 0;
cursor: pointer;
background-color: #202f34;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: none;
user-select: none;
}
.animenu label:hover {
background-color: #339900;
}
.animenu label .icon-bar {
display: block;
background: #fff;
height: 4px;
width: 30px;
margin: 5px 5px;
padding: 0;
}
.animenu input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
}
.animenu ul {
/*position: relative;*/
/*margin: 0.5em 0 0 0 !important;*/
margin: 0 !important;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #34474e;
}
.animenu ul.items {
margin: 0 !important;
border: 1px solid #2b2b2c;
max-height: 300px;
overflow: auto;
z-index: 999;
}
.animenu ul.items.show {
display: none !important;
}
.animenu ul li {
color: white;
height: 34px;
line-height: 34px;
padding: 0;
display: block;
border-bottom: 1px solid #2b2b2c;
float: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-image: none;
overflow: hidden;
}
.animenu ul.modulesel, .animenu ul.modulesel li {
border: none !important;
}
.animenu ul li:last-child {
border-bottom: none;
}
.animenu ul li .mobmenuicons {
float: left;
margin: 0 10px 0 0;
}
.animenu ul li .mobmenuicons a {
display: inline-block;
width: 34px;
height: 34px;
}
.animenu ul li .mobmenuicons a:hover {
background-color: #339900;
}
.animenu ul li .mobmenuicons img {
width: 24px;
height: 24px;
margin: 5px;
}
ul.ui-autocomplete a {
cursor: pointer;
}

.cmshome_text {
float: left;
width: 69%;
margin-right: 1%;
}
.cmshome_videos {
float: right;
width: 27%;
margin-left: 3%;
}
img.cmshome_video_thumb {
max-width: 60%;
margin: 10px 0 20px 0;
}
.instructievideo {
width: 100%;
height: 500px;
margin: 20px 0;
}

@media screen and (max-width: 760px) {
	section.session {
	z-index: 999 !important;
	background-color: white;
	padding: 2px 0;
	border: none;
	position: fixed;
	}
	section.session p {
	font-size: 90%;
	}
	.menubox {
	display: none;
	}
	.modulemenu .modbtn img {
	width: 24px;
	height: 24px;
	margin: 3px;
	}
	.mobmenu {
	display: inherit;
	
	}
	.mobhidden {
	display: none;	
	}
	.mobshow {
	display: inherit;	
	}
	.animenu > ul, .animenu > ul ul {
	visibility: visible;
	opacity: 1;
	display: none;
	}
	.animenu label {
	position: relative;
	display: inline-block;
	}
	.animenu > ul.modulesel:after {
	/*
	content: '';
	position: absolute;
	left: 2em;
	top: -14px;
	border: 6px solid transparent;
	border-bottom-color: inherit;
	*/
	}
	.animenu input[type=checkbox]:checked ~ ul {
	display: block;
	}
	.animenu input[type=checkbox]:checked ~ ul ul {
	display: block;
	}
	.menu {
	float: none;
	background-color: #34474e;
	width: 100%;
	max-width: 100%;
	}
	.content {
	float: none;
	width: 98%;
	padding: 0;
	margin: 30px auto;
	}
	.content h1 {
	font-size: 20px;
	}
	.content h2 {
	text-align: left;
	font-size: 18px;
	}
	.content h3 {
	font-size: 16px;
	padding-top: 10px;
	}
	.formborder {
	background-color: white;
	padding: 5px;
	margin: 10px 0;
	}	
	
	.zoekbox {
	float: right;
	position: fixed;
	right: 0;
	margin-top: -50px;
	z-index: 999 !important;
	}
	.zoekbox input[type="text"] {
	border: 1px solid #666;
	height: 30px;
	width: 140px;
	}
	/* Date Picker */
	.zoekbox input[type="text"].datepicker {
	background: url('../images/calender.png') no-repeat left;
	border: 1px solid #666;
	width: 130px;
	padding-left: 30px !important;
	background-color: #f0f0f0 !important;
	}
	.zoekbox input[type="image"] {
	margin-top: 5px;
	height: 30px;
	width: 30px;
	}
	.cmshome_text, .cmshome_videos {
	float: none;
	width: 100%;
	margin: 0;
	}
	.youtubeform {
	height: 200px;
	}

}
@media screen and (max-width: 600px) {
	.label {
	float: none;
	width: 100%;
	margin-top: 5px;
	}
	.input {
	float: none;
	width: 100%;
	margin-bottom: 0px;
	padding-right: 0;
	}
	.footer p {
	font-size: 12px;
	}
	table.list {
	font-size: 13px;
	}
}



@media print {
	.pagebreak {
	clear: both;
	page-break-after: always;
	}
}
@media screen {
	.verbergbijprint {
	display: inherit;
	}
}