/* CLASS SJB OPGAVE FORMULIEREN */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700,500italic);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400,700);
@import url(https://fonts.googleapis.com/css?family=Passion+One);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,700);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(login.css);

body { 
	font-family: Arial;
	color:#333;
	background-color:#FFF;
}

h1,a { color:#8ea519!important; }
h2,a:hover { color:#333!important; }

/*p {padding:0px!important; margin:0px!important; }*/

@media only screen and (max-width:768px) { /* TELEFOONS */
	body {
		font-size:12px;
	}

	h1 {
		font-family: 'Oswald';
		font-size:23px;
		border-bottom:1px #333 solid;
		line-height:25px;
		padding-bottom:8px;
	}
	h2 {
		font-family: 'Oswald';
		font-size:16px;
		line-height:17px;
		padding-bottom:0px;
	}

	li .label { font-size:10px; margin-bottom:5px!important; }
	
	.mascotte-container {
		margin-top:25px;
	}
	.mascotte-voorstelling {
		margin:20px 0px 25px 0px;
		font-size:18px;
		font-family: "Passion One";
		text-align:center;

	}
	
}

@media only screen and (max-width:992px) {
	.mascotte-quote-pc {
		display:none;
	}
	.mascotte-quote-mobile {
		margin-top:25px;
		font-size:12px;
		text-align:left;
		padding-left:0px!important;
		margin-bottom:25px;
	}	
	.mascotte-quote-mobile img {
		margin-top:0px;
		width:auto;
		max-height:300px;
		min-height:200px;
		margin-left:25px;
		padding-right:10px;
	}		
}

@media only screen and (min-width:992px) {
	.mascotte-quote-mobile { display:none;	}
}

@media only screen and (min-width:768px) { /* ALLES GROTER DAN TELEFOONS */
	body {
		font-size:12px;
	}


	h1 {
		font-family: 'Oswald';
		font-size:24px;
		border-bottom:1px #333 solid;
		line-height:30px;
		padding-bottom:8px;		
	}
	
	h2 {
		font-family: 'Oswald';
		font-size:18px;
	}	
	
	li .label { font-size:12px; }

	
	.mascotte-voorstelling {
		margin-top:25px;
		font-size:22px;
		font-family: "Passion One";
		text-align:center;

	}
	
	.mascotte-quote-pc {
		margin-top:50px;
		font-size:18px;
		font-family: "Titillium Web";
		text-align:right;
	
	}	
	.mascotte-quote-pc img {
		margin-top:25px;
	}
	
}

.logo { display:block; margin:20px 0px 0px 0px; }
.logo img { max-width:300px; }


ul, li {}

li { list-style:none; margin-bottom:10px; }
ul { margin-left:0px; padding-left:0px; }
.overzicht-leiding ul,
.overzicht-leiding ul li { list-style:disc!important; list-style-type:disc!important; padding-left:15px; }

.overzicht-container,
.overzicht-leiding {
	margin:25px 0px 0px 0px;
}


.admin-edit {
	margin-top:25px;
}
.admin-edit input[type="text"],
.admin-edit textarea { padding:6px; }

.admin-edit li { height:25px!important;}
.admin-edit ul { margin-bottom:25px;}

input.title-maingroup {
	max-width:100%!important;
	background-color:#8ea519;
	color:#FFF;
	border:0px;
}

input.title-subgroup {
	max-width:100%!important;
	background-color: #EEE;
}

textarea.textarea-maingroup {
	margin-bottom:15px!important;
}

input.title-subgroup,
textarea.textarea-subgroup {
	max-width:80%!important;
}

input.title-option {
	max-width:60%!important;
}


.admin-edit input.title {
	width:100%!important;
	margin:3px 0px 3px 0px;
}
.admin-edit textarea {
	max-width:100%;
	width:100%;
	height:200px;
	margin:3px 0px 3px 0px;
}
	
.admin-field-spacer {
	height:35px;
}


 input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 5px 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet_green.png) left top no-repeat;
    cursor:pointer;
	padding:0px !important;
}


input[type="checkbox"]:checked + label span {
    background:url(../images/check_radio_sheet_green.png) -19px top no-repeat;
}




.styled-select {
   background: url(../images/arrow_down.jpg) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 330px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 358px;
   margin-bottom:20px;
}

.styled-select.slate {
   background: url(../images/arrow_down.jpg) no-repeat right center;
   height: 34px;
   width: 330px;
   margin-bottom:10px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 14px;
   height: 34px;
   width: 358px;
   
}




span.optie-gekozen { color:#F00; }

.handler { 	
	padding:25px 20px 15px 20px;
	margin:35px 0px 0px 0px;
	-webkit-border-radius: 8px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 8px;
	-moz-border-radius-bottomright: 0;
	border-radius: 8px;
	border-bottom-right-radius: 0;
}

.handler h1 {
	color:#222;
	border:0px;
}

.errorhandler {
	background: #ffa3a3; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ffa3a3 0%, #ff8989 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ffa3a3 0%,#ff8989 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ffa3a3 0%,#ff8989 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa3a3', endColorstr='#ff8989',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:#F00 solid 0px;
}

.errorhandler-btn {
	margin-top:25px;
}

.btn {
	color:#000!important;
	text-shadow:0px 0px 0px!important;
}

.messagefooterhandler {
	margin-top:0px!important;
}

.messagefooterhandler img {
	
}
.messagehandler {
	background: #b4df5b; /* Old browsers */
	background: -moz-linear-gradient(45deg, #b4df5b 0%, #c3dd8b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #b4df5b 0%,#c3dd8b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #b4df5b 0%,#c3dd8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#c3dd8b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:#F00 solid 0px;
}


.padding {
	padding:0px!important;
}

.padding-top-10 {
	padding-top:10px!important;
}

.hide-pc, hide-mobile {
	display:none;
}

.footer {
	height:25px;
}

hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

hr.longspacer {margin:50px 0px 50px 0px;}


html,body {}
table {
	min-width:100%!important; 
	border: 0px;
}
td {
	width:25%!important;
}


.btn-print {
  background: #3491d9;
  background-image: -webkit-linear-gradient(top, #3491d9, #0071bd);
  background-image: -moz-linear-gradient(top, #3491d9, #0071bd);
  background-image: -ms-linear-gradient(top, #3491d9, #0071bd);
  background-image: -o-linear-gradient(top, #3491d9, #0071bd);
  background-image: linear-gradient(to bottom, #3491d9, #0071bd);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff!important;
  font-size: 16px;
  padding: 7px 15px 7px 15px;
  text-decoration: none;
}