html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border:none;
}

body {
	margin:0;
	padding:0;
	background: url(../images/verloop.jpg) top center no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color:#000000;
}
a:link, a:visited {
	color: #004b8d;
	text-decoration: none;

}

a:hover {
	color: #004b8d;
	text-decoration: underline;
}


hr {
	border: 1px solid #D0D0D0;}

p {
  margin: 0;
  padding-left: 0px;
  padding-bottom: 10px;
  text-align:left;
}

ul{
	margin: 0;
	padding:0;
}

li{
	margin-left: 15px;
	padding: 0;
	
}

.pagination li {
  margin-left: 8px;
}

ul.test li {
	margin: 0;
	padding: 0;
	height: 18px;
}
form#form-login fieldset { 
	border: 0 none;
	margin: 0; 
	padding: 0;
}
form#form-login p {
	margin: 0;
	padding-bottom: 5px;
}

form#form-login ul{
	margin:0;
	padding:0;
}
form#form-login li{
	margin:0;
	padding: 0;
	line-height: 12px;
	list-style: none;
}
form#form-login li a{
	margin:0;
	padding: 0;
	line-height: 13px;
	color:#004b8d;
	font-size: 11px;
}
label{
	color:#004b8d;
}

.btn-primary, .btn-secondary {
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	border:1px solid #004b8d;
	background-color: #006dcc;
    background-image: linear-gradient(to bottom, #08c, #04c);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
}
textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px solid #dcdcdc;
	background:#ffffff;
	width: 350px;
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
.container {
    max-width: 960px;
}
#sp-header {
	background: transparent !important;
	height: 47px;
	width: 100%;
	position: relative;
	box-shadow: none;
	z-index: 99;
	animation: none;
}

#sp-header .container{
	background: #004b8e;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#sp-logo.has-border {
  height: 47px;
}
#sp-header .logo {
  height: 47px;
  display: inline-flex;
  margin: 0;
  padding-left: 40px;
  align-items: center;
}

#sp-slider {
	margin-top: 42px;
}
#sp-slider .container{
	padding: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#sp-user1{
	float:left;
	background:url(../images/news.jpg) top left no-repeat;
	width: 210px;
	height:191px;
	padding: 0px;
	margin-left: 15px;
}

#sp-user1 .sp-module._nieuws {
  margin: 0;
  padding: 30px 30px 40px 40px;
}
#sp-user1 .sp-module._nieuws h3 {
  margin: 0;
  padding: 3px 0px;
}

#sp-user2{
	padding: 0px;
	width: 500px;
}

#sp-user2 .polaroid{
	float:left;
	width: 300px;
	height:191px;
}
#sp-user2 .logos{
	margin: 0;
	padding: 0px;
	float:left;
	width: 200px;
	height:166px;
}
.mb-3 {
  margin-bottom: 7px !important;
}
#sp-user4 {
	background:url(../images/login.jpg) top left no-repeat;
	width: 250px;
	height: 280px;
	margin-top: -89px;
	z-index: 100;
}
#sp-user4 .login{
	margin: 0;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
/* Hamburger menu */
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  float: left;
  margin-left: 20px;
  display: none !important;
}

.burger-icon {
  width: 25px;
  cursor: pointer;
  padding-top: 15px;
}

.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #ffffff;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #F15A27 !important;
}

/* Menu */
#sp-menu{
	background: url(../images/navi-menu.jpg) bottom left no-repeat;
	height: 42px;
	padding-top: 10px;
	width: 100%;
}

#sp-menu.flex-auto{
	flex: unset;
}
#sp-menu .sp-megamenu-wrapper{
	margin: 0px;
	padding: 0px;
	float: left !important;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li{
	float: left;
	padding: 0;
	margin: 0;
}

#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a {
	background: url(../images/lijn.png) bottom left no-repeat;
	padding: 9px 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: #fefefe;
	text-decoration: none;
	line-height: 15px;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li:first-child a{
	background: none;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li:last-child {
    display: none;
  }
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > a:focus{
	background-color: transparent;
	color: #004b8d;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li.active a{
	color: #004b8d;
}
#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #004b8d;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	padding: 5px 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #f15a27;
	border-top: 0px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	background-color: rgba(241, 90, 39, 0.7);
 	min-width: 140px;
}
#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li{
	margin: 0px;
	}

#sp-menu .sp-megamenu-parent .sp-dropdown ul.sp-dropdown-items > li > a {
	font-family: 'DinMedium', sans-serif;
	font-size: 15px;
	line-height: 15px;
	padding: 4px 0 4px 14px;
	text-decoration: none;
 	color:#004b8d;
 	font-weight: bold;
}
#sp-menu .sp-megamenu-parent .sp-dropdown ul.sp-dropdown-items li.sp-menu-item > a {
 	color:#ffffff;
 	font-weight: bold;
}
#sp-menu .sp-megamenu-parent .sp-dropdown ul.sp-dropdown-items li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus {
 	background-color: color:#F5F5F5;
 	color:#004b8d;
}
#sp-menu .sp-megamenu-parent .sp-dropdown ul.sp-dropdown-items li.sp-menu-item.active a {
 	color:#004b8d;
}

#sp-main-body {
	background: transparent;
	padding: 0;
	min-height: 300px;
}
#sp-main-body .container {
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#sp-component{
	padding: 7px 5px;
}

#sp-component .login .col-lg-4 {
    flex: 0 0 auto;
    width: 100%;
}
.page-header {
  padding-bottom: 0px;
}
.article-list .article {
  margin-bottom: 20px;
  padding: 0px;
  border: 0px solid #f5f5f5;
  border-radius: 0px;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #004b8d;
}

.article-list .article .readmore a {
	margin-top: 5px;
	padding: 8px 12px;
  color: #004b8d;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  border: 1px solid #004b8d;
  border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	display: block;
	width: 110px;
}

#sp-left, #sp-right{
	margin: 0px;
	padding: 0px;
}

#sp-left .sp-module, #sp-right .sp-module {
  margin: 0px;
  padding: 15px;
  border: 0px solid #333333;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: block;
  border-bottom: 0px solid #f3f3f3;
}

#sp-left  .sp-module._orange .sp-module-title, #sp-right .sp-module._orange .sp-module-title{
  margin: -15px -15px 0 -15px;
  padding: 5px 0 0px 15px;
  font-size: 15px !important;
  line-height: 32px;
  color: #ffffff;
  font-weight: bold;
  background: transparent url(../images/kaderOT.png) top left no-repeat;
  border: none;
}
#sp-left .sp-module._orange, #sp-right .sp-module._orange {
  margin: 10px 15px;
  padding-bottom: 17px;
  background: #FFF url(../images/kaderOB.png) bottom left no-repeat;
  width: 210px;
}

#sp-left  .sp-module._green .sp-module-title, #sp-right .sp-module._green .sp-module-title{
  margin: -15px -15px 0 -15px;
  padding: 5px 0 0px 15px;
  font-size: 15px !important;
  line-height: 37px;
  color: #004b8d;
  font-weight: bold;
  background: transparent url(../images/kaderGT.png) top left no-repeat;
  border: none;
}
#sp-left .sp-module._green, #sp-right .sp-module._green {
  margin: 10px 15px;
  padding-bottom: 10px;
  width: 220px;
  background: #FFF url(../images/kaderGB.png) bottom left no-repeat;
}
#sp-left .sp-module._green img, #sp-right .sp-module._green img{
	float:left;
}

#sp-left .sp-module ul.menu li, #sp-right .sp-module ul.menu li{
	margin-left: -9px;
	margin-right: -9px;
}

#sp-left .sp-module ul.menu li a, #sp-right .sp-module ul.menu li a{
  display: block;
  line-height: 13px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 25px 2px 10px;
  margin: 0px;
  height: 30px;
  text-decoration: none;
  background: transparent url(../images/menu_link.png) left no-repeat;
}

#sp-footer{
	background: transparent !important;
	margin:0 ;
	padding:0;
}
#sp-footer .container-inner {
  padding: 0px;
  margin-bottom: 15px;
  border-top: 0px solid rgba(255, 255, 255, 0.1);
}
#sp-footer1{
	padding: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#sp-footer1 .sp-column{
	float:left;
	background:url(../images/footerM.png) top left repeat-x;
	width: 100%;
	height:34px;
}

.clear{
	clear:both;
}

/*Phoca gallery*/
.pg-cv-box, .pg-cv-box-mod-ri{
	background: #ffffff url(../images/shadow1.png) 5px 5px no-repeat;
	border: 1px solid #ffffff;
	padding: 15px;
}
.pg-cv-box-mod-ri .detail{
	margin-top: 10px !important;
}
.pg-cv-box:hover{
	background: #ffffff url(../images/shadow1.png) 5px 5px no-repeat;
	border: 1px solid #004B8E;
	padding: 15px;
}
.pg-cv-folder{
	background: none;
}
.pg-cv-name, .phocaname {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 11px;
	color: #004B8E;
}

/* Event booking */
td.eb_event {
	border-bottom: 1px solid #f15a27;
	padding:5px 15px;
}
td.eb_price {
	color: #f15a27;
	font-weight: bold;
}
.eb-notice-table, .eb_notice{
	color: #f15a27;
	font-style: italic;
}
.eb-notice-message {
	font-size: 13px;
}

.eb-event-property-value{
	min-width: 60px;
}
a.eb_event_link{
	font-weight: bold;
}
a.eb-event-title-link{
	color: #f15a27;
	font-weight: bold;
}
.eb-calendar ul.eb-weekdays {
    height: 30px;
}
.eb-calendar ul.eb-weekdays li {
	font-size: 10px;
}
.eb-container row-fluid{
	display: block;
	margin: 10px;
	padding: 5px;
}
.regpro-calendarDay .eb_event_link, .regpro-calenderday-highlight .eb_event_link {
	font-size: 10px;
}
.moduletable_orange table{
	margin-bottom: 0px;
}
img.eb-thumb-left {
    margin-bottom: 10px !important;
}
.ebm-upcoming-events li {
    padding: 0 20px 10px 15px;
}
.ebm-upcoming-events li, .ebm-upcoming-events > div {
	line-height: 20px;
}
.ebm-upcoming-events .ebm-event-link
{
  font-size: 110%;
  font-weight: bold;
  line-height: 12px !important;
}
.eb-taskbar li a:hover, .eb-taskbar li a:link, .eb-taskbar li a:visited {
  text-decoration: none;
  border: 1px solid;
}
.text-info {
  color: #000000 !important;
}
.eb-calendar ul.eb-month-browser li#eb-current-month {
  width: 70%;
}
.eb-calendar ul.eb-month-browser li {
  width: 15%;
}

/*****************************************/
/*               Headers                 */
/*****************************************/
h1 {
	margin: 0 !important;
	padding-bottom: 7px;
  	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #004b8d;
	text-align: left;
}

h2{
	margin: 0 !important;
	padding-bottom: 7px;
  	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px !important;
	line-height: 22px;
	font-weight: bold;
	color: #F15A27;
	text-align: left;
}

h3 {
	margin: 0;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
	font-weight: bold;
	color:#F15A27;
	text-align: left;
}

h4 {
	margin: 0;
	padding-bottom: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    line-height: 1em;
	font-weight: bold;
	color:#004b8d;
	text-align: left;

}


/*****************************************/
/*              Small text               */
/*****************************************/
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	margin:0;
	padding-left: 4px;
	padding-bottom: 3px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;

}

a.readon {
	margin: 0;
	padding-bottom: 5px;
	display: block;
	float: left;
	font-style: italic;
}
/*****************************************/
/*           form validation             */
/*****************************************/
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}


/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 0px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px 12px;
}

tr.sectiontableentry2 td{
  border-top: 1px solid #F15a27;
  border-bottom: 1px solid #F15a27;
}


td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 4px;
}


/* content styles */
.contentpane{
	margin: 0 auto;
	width: 600px;
}
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 0px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {

}

.highlight {
	background-color: #fffebb;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */

#system-message dd.message ul { background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* #Media Queries Bootstrap 5
================================================== */

/* X-Large devices (large desktops, less than 1400px) {width: 1140px;} */
@media screen and (max-width: 1399.98px) {

}

/* Large devices (desktops, less than 1200px) {width: 960px;} */
@media screen and (min-width:992px) and (max-width: 1199.98px) {

}

/* Medium devices (tablets, less than 992px) {max-width: 720px;} */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.container{max-width: 768px;}
	#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li:last-child {display: block;}
	#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent {display: block !important;}
	.col-lg-3 {flex: 0 0 auto;width: 30%;}
	.col-lg-6 {flex: 0 0 auto;width: 70%;}
	#sp-component {padding: 5px 15px;}
	#sp-user4{background-image: url("../images/login-768.jpg"); width: 58px;}
	#sp-user4 .login{display: none;} 
}

/* Small devices (landscape phones, less than 768px) {max-width: 540px;} */
@media screen and (max-width: 767.98px) {
	.container{max-width: 460px;}
	body.ltr #offcanvas-toggler.offcanvas-toggler-right {display: block !important; position: absolute;}
	#sp-component {padding: 5px 15px;}
	#sp-user4{background-image: url("../images/login-460.jpg"); width: 58px;}
	#sp-user4 .login{display: none;} 
	#sp-user2 {padding: 0px;width: 200px;}
	#sp-user2 .polaroid{display: none;}
}

/* X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
	.container{max-width: 300px;}
	#sp-header .logo {padding-left: 10px;}
	body.ltr #offcanvas-toggler.offcanvas-toggler-right {display: block !important;}
	#sp-component {padding: 5px 15px;}
	#sp-user4{background-image: url("../images/login-300.jpg"); width: 30px;}
	#sp-user4 .login{display: none;} 
	#sp-user2 .polaroid{display: none;}
	#sp-user2 {background: url("../images/logo_kurk.jpg") top right no-repeat; width: 60px;}
	#sp-user2 .logos{display: none;}
}