.submenu{
	min-width: 200px !important;
}


@media (max-width: 1025px) {

    .menu-left
    {
    background-color: red !important;
    display: none !important;
    }
}

@media (max-width: 960px) {

    .menu-left
    {
    width: 25px !important;
    background-color: red !important;
    }
	
	
    .ingelogmenu 
    {
        top: 239px;
    }	
	
    .mms-navbar {
       top: 204px;
        display: flex;
        width: 100vw;
        position: fixed; 
        left: 0;
        background-color: #f1f1f1;
        z-index: 9999;
        overflow-y: auto;
        margin-bottom: 0px;
    }

    .mms-navbar li {
        width: 100%;
        margin: 0 0 3px 0;
        background-color: #fff;
       
    }

    .listyle1,
    .listyle1listStyleActief {
        padding: 20px 0;
        font-size: 18px;
        background-color: #f1f1f1;
    }

    .submenu {
        position: relative;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .ingelogmenu {
        position: fixed;
    }
    

    
}

@media (max-width: 600px) {

    .mms-navbar {
        top: 139px;
    }

    .ingelogmenu {
        top: 174px;
    }
}

@media (max-width: 400px) {

    .mms-navbar {
        top: 128px;
    }

    .ingelogmenu {
        top: 163px;
    }
}

@media (max-width: 350px) {

    .mms-navbar {
        top: 116px;
    }

    .ingelogmenu {
        top: 150px;
    }
}


html {
	height: 100%;
}


#confirm {
            display: none;
            border: 1px solid;
            position: fixed;
            width: 250px;
            left: 50%;
            margin-left: -100px;
            padding: 25px;
            text-align: center;
         } 

.radio-toolbar input[type="radio"] 
{
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label:hover 
{
  background-color: #dfd;
}

.radio-toolbar input[type="radio"]:checked + label 
{
    background-color: #bfb;
    border-color: #4c4;
}



#wrap
{
	max-width:	1200px;
	
}

.mms-container {

	
	background-color: white !important;
}

#header
{
	margin-top: 0px;

}

.container {
	/* responsive */

	width: 100%;
	clear: both;
	max-width: 1024px;
	min-width: 480px;
	margin: 0 auto;
	background-image: url(../img/bgContainer.png);
	/*Onderstaande voor schalende container background*/
	background-attachment: fixed;
	background-size: cover;
	background-origin: padding-box;
	background-clip: border-box;
	margin: 0 auto 0px;

	/* the bottom margin is the negative value of the footer's height */
}

.main-scroll
{
	background-color: #f1f1f1;
}

.scroller
{
	
	color: black;
}

.scroller:hover
{
	background-color: transparent;
	color: #3fa9f5;
}

.col-container {
  display: table;
  width: 100%;
}
.col {
  display: table-cell;
  padding: 16px;
}

______________________________________________
Body Components
______________________________________________
* /
#taal {
	padding-left: 30px;
	float: left;
	padding-top: 10px;
}



@media only screen and (max-width: 600px) {
  .contentinhoud  {
    padding: 10px;
  }
}


.mms-winkelwagenbar
{
	background-color: white;
}

.mms-btncolorNotActive
{
	background-color: #9e9e9e !important;
	color: #fff;
}

.mms-btncolorActive
{
	background-color: #ff9800 !important;
	color: #fff;
}

.mms-containerback
{
	background-color: transparent !important;
}



#inlog {
	padding-right: 30px;
	float: right;
	padding-top: 10px;
}

.contentTopLeft {
	float: left;
	width: 100%;
}

#menuBreadcrumbs td {
	vertical-align: top;
}

.pageTitel {
	padding-bottom: 0px;
	color: white;
	background-color: #55565A !important;
	margin-left: auto;
	margin-right: auto;
}

#content {
	width: 100%;
	padding: 25px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	display: table-cell;
	vertical-align: top;
}


.mms-min-height
{
	min-height: calc(100vh - 350px);
}

#content #agenda h1 {
	text-align: center;
}

.startBlokAgenda {
	margin-top: 50px;
	margin-right: 0px;
}

#content1 {

	width: 60%;
	display: table-cell;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	vertical-align: top;
	background-color: white !important
}


.mms-buttonActive
{
	background-color:  #4CAF50;
	color: white;
}

/*.content2inhoud, .content3inhoud, .content5inhoud 
{
	padding-top: 25px;
	padding-bottom: 25px;
}
.content4inhoud
{
	
}
*/

#content2, #content3  {
	

	width: 20%;	
	display: table-cell;
	vertical-align: top;

}

#content4 {
	width: 100%;
	text-align: center;
	vertical-align: top;
}

#content5 {
	clear: both;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	vertical-align: top;
}

#content1Left {
	width: 80%;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 27px;
	margin-left: auto;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
	display: table-cell;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	vertical-align: top;	
}

#content1Right {
	width: 80%;
	display: table-cell;
	border: 0px solid red;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	vertical-align: top;

}#contentBottom1 {
	height: 0px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#contentBottom2 {
	margin: 0 auto;
	width: 100%;
	max-width: auto;
	height: 60px;
	text-align: center;
	background-repeat: repeat-x;
}

#contentBottom2 img {
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-bottom: -3px;
}

.logo {
	text-align: center;
}

a {
	color: #3FA9F5;
	text-decoration: none;
}

.hoofdmenu-Color a {
	border-radius: 5px;
	background-color: #f1f1f1;
	color: #55565A;
}

h1, h2, h3, h5, h6 {
	color: #55565A;
	padding: 0px;
	margin: 0px;
}

h4
{
	color: #77c8fa;
	padding: 0px;
	margin: 0px;
}


input[type="submit"] {
	padding: 10px;
}

.contactLeft {
	float: left;
	width: 300px;
	min-height: 20px;
}

.contactRight {
	margin-bottom: 2px;
	float: left;
	min-height: 30px;
}

.contactRightHTML5 {
	margin-bottom: 2px;
	float: none;
	min-height: 30px;
	width: 100%;
}

.contactrightSelectbox {
	width: 230px;
	height: 30px;
}

.loginFormulier {
	width: 540px;
	margin: auto auto;
}

.afdeling {
	width: 235px;
	padding: 5px;
}

.noShow {
	display: none;
}

.tijdstip {
	width: 235px;
	font-size: 16px;
	padding: 5px;
}

.urgentie {
	width: 235px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 5px;
}

table {
	padding: 0px;
}

td {
	padding: 0px;
}

#capchaveld {
	margin: 1px 0 0 4px;
	font-size: 28px;
	width: 38px;
	height: 38px;
	vertical-align: top;
}

.capchaveldIMG {
	margin-right: 2px;
	width: 189px;
}

#capchaveldgoedHTML5:-ms-input-placeholder, #capchaveldfoutHTML5:-ms-input-placeholder
	{
	font-size: 10px;
}

#capchaveldfout {
	font-size: 28px;
	width: 34px;
	height: 40px;
	vertical-align: top;
	background-color: #FD4242;
	color: #fff;
}

#capchaveldfoutHTML5 {
	font-size: 28px;
	width: 161px;
	height: 40px;
	vertical-align: top;
	background-color: #FD4242;
	color: #fff;
}

.verplichtText {
	/*	float:					left;	*/
	width: 200px;
}


.evenementsinfo{
	width: 450px;
}

.PLANNINGTABLE
{
	color: #55565a;
}

.DATEBLOK
{
	text-align: center;
	min-height: 60px;
	margin-left: auto;
	margin-right: auto;
}
.BLOK
{
	min-height: 60px;
}

td.MONTH, td.DAY, td.HOUR, td.EPLANNINGNAAM, td.EVENEMENTNAAM
{
	font-size: 10px;
	line-height: 1;
	padding: 2px !important;
	border: 0px !important;
	margin: 0px !important;
	min-width: 40px;
	margin-left: auto;
	margin-right: auto;
}
td.DAY
{
	font-size: 130%;
	font-weight: bold;
}
td.HOUR
{
	font-size: 110%;
	font-weight: bold;
}
td.EPLANNINGNAAM
{
	font-size: 90%;
	line-height: 1.5;
}
td.EVENEMENTNAAM
{
	font-size: 120%;
	font-weight: bold;	
}

#button {
	float: right;
	margin-top: 20px;
}

input[type="textarea"] {
	
}

.contactRightHTML5 #postcode {
	width: 100px;
}

.contactRightHTML5 #plaats {
	width: 235px;
}

.textarea {
	height: 130px;
	resize: vertical;
}

.contactRightHTML5 .textarea {
	width: 354px;
}

.invulveld {
	width: 34px;
}

#invulfout {
	background-color: #FD4242;
	color: #fff;
}

#invulgoed {
	background-color: #FFF;
}

.invulfout {
	background-color: #FD4242;
	color: #fff;
}

.invulgoed {
	background-color: #FFF;
}

#textinvulfout {
	border: 1px solid red;
}

#textinvulgoed {
	/*border: 				2px solid #4E4E52;*/
	
}

#dlInvulfout {
	width: 40px;
	background-color: red;
	color: #fff;
}

#checkboxfout {
	outline: 1px solid red;
	margin-top: 10px;
}

#checkboxgoed {
	color: #000;
}

.radiofout {
	color: red;
}

.radiogoed {
	color: #000;
}

.radioCheckbuttonHeight {
	min-height: 35px;
}

.mms-navbar .mms-dropdown-hover:hover, .mms-navbar :first-child.mms-dropdown-hover, .mms-navbar .mms-dropdown-click:hover
{
	background-color: transparent;
	color: #55565a;
}

.mms-navbar li div a
{
	background-color: #f1f1f1;
	color: #55565A;
	margin-top: 2px;

}

.mms-navbar li a:not(:first-child)
{
	margin-top:	2px;
	
}





.center:hover
{
	background-color: #B0AEAE !important;
	color: #55565A !important;
}
.centerActive
{
	background-color: #B0AEAE !important;
}


.hoofdMenuActiveIMG {
	float: left;
	color: #fff;
	background-color: #B0AEAE;
}

.hoofdMenuActiveIMG:hover {
	color: #fff;
	background-color: #B0AEAE;
}

.navbarSmall
{
	list-style-type:	none;
}


.review {
	padding-top: 10px;
}

.reviewTekst {
	padding-bottom: 10px;
	padding-top: 10px;
}

#agendaKlein {
	width: 202px;
	min-width: 202px;
	vertical-align: top;
}

.plaatsReview {
	background-image: url(../img/multimedia/toevoegen.png);
	display: block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	border: 0px;
}

a.plaatsReview hover {
	background-image: url(../img/multimedia/toevoegenMO.png);
	display: block;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.thickbox {
	display: inline;
	text-decoration: none;
	height: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height: 0;
}

#melding {
	padding: 5px;
}

#mymelding {
	width: 40%;
	padding: 5px;
	margin-bottom: 3px;
}

.validatie {
	color: #FF0000;
}

.verplicht {
	color: #969696;
}

#bpcontainer {
	position: relative;
}

#arrowright {
	position: absolute;
	margin-top: 45%;
	right: 0px;
}

#arrowleft {
	position: absolute;
	margin-top: 45%;
}

.mms-input, .mms-select {
	margin-bottom: 3px;
}

.mms-label1 {
	padding-top: 8px;
}

.mms-container {
	
	padding: 0px;
	
}

#content_bot_left {
	width: 445px;
	height: 116px;
	float: left;
}

#content_bot_mid {
	width: 555px;
	height: 116px;
	float: left;
}

#content_bot_right {
	width: 50px;
	height: 116px;
	float: left;
}

.zoekButton {
	background-image: url(../img/zoek.png);
	display: block;
	width: 21px;
	height: 21px;
	display: inline;
	cursor: pointer;
}

.zoekInput {
	background-image: url(../img/zoekInput.png);
	width: 140px;
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
}

.dis_bttn {
	background-image: url(../img/footer-menu-item.png);
	background-position: left;
	background-repeat: no-repeat;
}

.dis_bttn:hover {
	background-image: url(../img/footer-menu-item-selected.png);
	background-position: left;
	background-repeat: no-repeat;
}

.dis_bttn a {
	color: #000;
}

#footerLeft {
	text-align: left;
}

#footerRight {
	text-align: right;
}

#footer-table {
	padding-top: 5px;
}

.vorige {
	background-image: url(../img/multimedia/previous.png);

	display: block;
	width: 25px;
	height: 25px;
	margin-bottom: 10px;
	cursor: pointer;
}

.volgende {
	background-image: url(../img/multimedia/next.png);
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.knoppen {
	padding-top: 10px;
}

.terug {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../img/multimedia/terug.png);
}

.terug:hover {
	background-image: url(../img/multimedia/terugMO.png);
}

.terugDisabled {
	width: 35px;
	height: 35px;
	background-image: url(../img/multimedia/terugDisabled.png);
}

.inschrijven {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../img/multimedia/inschrijven.png);
}

.inschrijven:hover {
	width: 35px;
	height: 35px;
	background-image: url(../img/multimedia/inschrijvenMO.png);
}

.top {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../img/multimedia/top.png);
}

.top:hover {
	background-image: url(../img/multimedia/topMO.png);
}

#popUp {
	background-image: url(../img/POP-UP_backgroud.png);
}

.HeadPink {
	height: 30px;
}

li {
	margin-left: 0px;
	padding: 0px;
	list-style-position: inside;
}

ul {
	margin: 0px;
	padding: 0px;
}

#yearsmall {
	width: 205px;
	height: 195px;
	padding-top: 10px;
	float: left;
	background-image: url('../img/monthcalbackR.png');
	margin-right: 5px;
	margin-bottom: 20px;
	text-align: center;
}

.calenderView {
	float: right;
	width: 75%;
}

.startagenda {
	text-align: center;
}

.startBlokHeaderLeft {
	
}

.standaardWeek {
	font-weight: bold;
}

.monthCalenderSmall table tr td {
	text-align: center;
}

.nieuwsTekst {
	
}

.rubriekSelect {
	width: 237px;
}

.contactSend {
	margin-bottom: 2px;
	float: right;
	text-align: right;
}

.contactSend img {
	margin-top: 20px;
}

.contactSendHTML5 {
	width: 370px;
	float: left;
}

#map-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.maps {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.mapform img {
	vertical-align: bottom;
}

.today {
	background-color: #61AFE4 !important;
}

.agendaItemKlein {
	background-color: #E3E0DC;
	color: #000;
}

.agendaSelected {
	background-color: #61AFE4 !important;
}

.showNieuwsItemleft {
	display: table-cell;
	vertical-align: top;
}

.showNieuwsItemRight {
	display: table-cell;
	vertical-align: top;
	width: 410px;
}

.nieuwsAfbeeldingText {
	height: 160px;
	width: 125px;
}

.NieuwsAfbeeldingenContainer {
	text-align: center;
	display: table-cell;
	float: left;
	margin: 5px;
}

.widgetBox {
	display: table;
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 6px 0px #51aafc
}

.widgetBoxText {
	width: 245px;
	height: 325px;
	display: table-cell;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
}

.widgetBoxImage {
	width: 375px;
	height: 355px;
	display: table-cell;
}

.widgetNummering, .widgetNummeringActive {
	width: 25px;
	height: 25px;
	color: #444;
	padding: 2px 6px 2px 6px;
	margin: 0 5px 0 5px;
	font-weight: bold;
	font-size: 15px;
	line-height: 4px;
	border-radius: 5px;
}

.widgetNummeringActive {
	background-color: #b92c38;
	color: #fff;
}

.widgetNummering:hover {
	background-color: #b92c38;
	color: #fff;
}

.widgetTitle {
	font-size: 26px;
	color: #b71d33;
	padding-bottom: 5px;
}

#contentWrapper {
	clear: both;
	padding: 0px;
	margin: 0px;
	display: table;
	width: 100%;
}

.nieuwsInfo {
	padding-bottom: 5px;
	font-weight: bold;
}



.active {
	color: #2196F3;
}

.nieuwsCategorieListItems {
	line-height: 22px;
	width: 100%;
	padding: 3px 0 3px 0;
}

.nieuwsCategorieLijst {
	margin-bottom: 15px;
}

.nieuwsCategorieListItemsUitklap {
	line-height: 26px;
	border-top: 1px solid #649acc;
	width: 100%;
	padding: 5px 0 5px 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	width: 100%;
	max-width: 1024px;
}

.Tfooter, .push {
	height: 60px;
}

.hover {
	vertical-align: middle;
}

.hover:hover {
	background-color: #61AFE4; /** #000 **/
	border-radius: 50%;
}

.nieuwsItemBlok {
	display: inline-block;
	width: 100%;
}

a.paginanummering
{
	color: #837674;
	text-decoration: none;
}
.pageNumber, .pageNumberNotActive
{
	background-color: #EFEFEF;
	border: 2px solid #55565A;
	border-radius: 50%;
	background-repeat:no-repeat;
	width: 25px;
	height: 25px;
	text-align: center;
}
.pageNumberExtra
{
	color: #837674;
	width: 25px;
	height: 25px;
	text-align: center;
}

.pageNumberActive, .pageNumber:hover
{
	background-color: #EFEFEF;
	border: 2px solid #55565A;
	border-radius: 50%;
	background-repeat:no-repeat;
	width: 25px;
	height: 25px;
	text-align: center;
}

.valignMiddle {
	vertical-align: middle;
}

#content4 img {
	width: 100% !important;
	height: auto !important;
}

#content2inhoud img {
	width: 100% !important;
	height: auto !important;
}

#content2inhoud a {
	width: 100% !important;
	height: auto !important;
}

#content3inhoud img {
	width: 100% !important;
	height: auto !important;
}

#content3inhoud a {
	width: 100% !important;
	height: auto !important;
}

.headProgramma td {
	border-bottom: 1px solid black;
}

.ftpImage {
	border: 0px solid red;
	width: 250px;
	height: 250px;
	background-size: 178px 136px;
}

.ftpImageTitel {
	position: absolute;
	width: 100%;
	border: 0px solid red;
	height: 30px;
	z-index: 99;
	top: 90%;
}

.ftpImageTitel a {
	border: 0px solid green;
	color: #38b0b1;
	padding-left: 14px;
	padding-right: 14px;
	display: block;
}

.ftpCategorie {
	width: 250px;
	height: 250px;
	background-size: 178px 136px;
}

.nieuwsSamenvattingTekst {
	padding-left: 15px;
}

.styleRadiobutton {
	margin-top: 10px;
}

/* 2015.10.13 */
.nieuwsBlokKlassiek {
	display: inline-block;
}

.nieuwsBlokKlassiekEven {
	display: inline-block;
}

/* 2015.10.13 */
.shownieuwsIMG {
	width: 150px;
	height: 150px;
}

.nieuwsBlokKlassiekFooter {
	text-align: center;
}

.nieuwsBlokKlassiekFooterEven {
	text-align: center;
}

.nieuwsbrieftitel {
	padding-bottom: 5px;
	font-weight: bold;
}

/* 2015.10.26 */
#agendaOverzicht {
	font-size: 16px;
}

/* 2015.11.23 */
.nieuwsItemAfbeeldingen {
	display: table;
	width: 100%;
}

.nieuwsItemContainer {
	display: table-row;
	width: 100%;
}

.inputError {
	color: red;
}

input[type="text"].inputError, input[type="email"].inputError {
	background-color: #FF0000 !important;
	color: #fff;
}

input[type="checkbox"].inputError {
	outline: 1px solid red;
}

textarea.inputError, select.inputError {
	border: 2px solid red;
	color: #000;
}
/* 2016.01.18 */
.NieuwsAfbeeldingenTitel {
	
}

.NieuwsAfbeeldingenBron {
	
}

.NieuwsAfbeeldingenContainerSize {
	height: 250px;
	width: 250px;
}

.NieuwsItemAfbeeldingenContainerSize {
	height: 190px;
	width: 190px;
}

.nieuwsCategorieAfbeelding {
	text-align: center;
}

/* Nieuw */
html, body {
	height: 100%;
}

#footer {
	height: auto;
	padding: 25px;
}

#footer2 {
	height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

.footer-header {
	padding: 0px 0px !important;
	margin: 5px 0;
}

.footer-list {
	list-style: none;
}

.footer-list li {
	width: 100%;
}

.w3form {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-top: 2px;
}

.padding0, .padding0 td {
	padding: 0px !important;
}

/* toggle switch  */
.sliderSwitch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 25px;
}

.sliderSwitch input {
	display: none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #DBD9D6 ;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #0DD400;
}

input:focus+.slider {
	box-shadow: 0 0 1px #0DD400;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 30px;
}

.slider.round:before {
	border-radius: 50%;
}
/* einde toggle switch */
.borderNone {
	border: 0px !important;
}

.tableList {
	min-height: 28px;
}

.searchDiv {
	position: relative;
	height: 31px;
}

.searchInput, .searchDelete {
	position: absolute;
}

.searchDelete {
	padding-top: 3px;
	right: 0px;
}

.hoverable:hover {
	background-color: #f1f1f1 !important;
	-webkit-transition: background-color .3s, color .15s, box-shadow .3s,
		opacity 0.3s, filter 0.3s;
	transition: background-color .3s, color .15s, box-shadow .3s, opacity
		0.3s, filter 0.3s;
}

.listColumnAlign {
	position: relative;
	top: 5px;
}

.listColumnAlign img {
	position: relative;
	top: -2px;
}

.checkboxAlign {
	position: relative;
	top: -5px;
}

.imgLint, .imgLint img {
	height: auto !important;
	max-height: 175px;
	border: 0;
	width: 100%;
	max-width: 175px;
}

.row td {
	padding-top: 2px;
}

tr.cursor_pointer 
{
	color: #4C4035;
	font-weight: bold;
	height: 25px;
}

thead
{
	color: #4C4035;
	font-weight: bold;
	background-color: #f9f9f9;
	height: 25px;
}

td.status
{
	vertical-align: middle;
	text-align: center;
	width: 35px;
}

.status
{	
	min-width: 30px;
	width: 30px;
	text-align: center;
}

tfoot
{
	color: #4C4035;
	font-weight: bold;
	background-color: #f9f9f9;
	height: 25px;
}

.cursorPointer {
	cursor: pointer;
}

.popupTitle1 h1, .popupTitle2 h1, .uitklapProgramma h2 {
	font-size: 30px;
	padding: 0;
	margin: 0;
}

.singleImage {
	width: 100%;
	height: auto;
}

/*class voor overschrijven van mms-label*/
.mms-label {
	color: #4E4E52 !important;
}

.formWidth {
	max-width: 750px;
	margin: auto;
}

.width25 {
	min-width: 25px !important;
	width: 25px !important;
}

.width30 {
	min-width: 30px !important;
	width: 30px !important;
}

.width50 {
	min-width: 50px !important;
	width: 50px !important;
}

.width60 {
	min-width: 60px !important;
	width: 60px !important;
}

.width75 {
	min-width: 75px !important;
	width: 75px !important;
}

.width85 {
	min-width: 85px !important;
	width: 85px !important;
}

.width90 {
	min-width: 90px !important;
	width: 90px !important;
}

.width100 {
	min-width: 100px !important;
	width: 100px !important;
}

.width125{
	min-width: 125px !important;
	width: 125px !important;
}
.width150 {
	min-width: 150px !important;
	width: 150px !important;
}

.width200 {
	min-width: 200px !important;
	width: 200px !important;
}

.width250 {
	min-width: 250px !important;
	width: 250px !important;
}

.width300 {
	min-width: 300px !important;
	width: 300px !important;
}

.width500 {
	min-width: 500px !important;
	width: 500px !important;
}

.padding-top3 {
	padding-top: 3px;
}

.padding-top5 {
	padding-top: 5px;
}

.padding-top7 {
	padding-top: 7px;
}

.padding-top10 {
	padding-top: 10px;
}

.padding-top15 {
	padding-top: 15px;
}

.padding-top20 {
	padding-top: 20px;
}

.padding-top25 {
	padding-top: 25px;
}

.padding-right10 {
	padding-right: 10px;
}

.padding-bottom5 {
	padding-bottom: 5px;
}

.padding-bottom20 {
	padding-bottom: 20px;
}

.padding-bottom10 {
	padding-bottom: 10px;
}

.padding-left5 {
	padding-left: 5px;
}

.padding-left50 {
	padding-left: 50px;
}

.padding-right50 {
	padding-right: 50px;
}

.padding-right5 {
	padding-right: 5px;
}

.margin-top15 {
	margin-top: 15px
}

.margin-bottom5 {
	margin-bottom: 5px;
}

.margin-bottom3 {
	margin-bottom: 3px;
}

.margin-bottom20 {
	margin-bottom: 20px;
}

.margin-right5 {
	margin-right: 5px;
}

.margin-right20 {
	margin-right: 20px;
}


.formWrap
{
	background-color: white !important;
	width: 500px;
}

#content1inhoud
{
	padding: 25px;
}

.container2 {
	background-color: white;
}

.container3 {
	background-color: white;
	
}

.container4 {
	
background-color: white;
	
}

.container5 {
	
}

.animatedLoad {
	position: fixed;
	width: 350px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -175px;
}

.animatedLoad img
{
	width:	100%;
	max-width: 300px;
}

.winkelwagenTable 
{ 
	border-collapse:collapse;
	border-spacing: 0;
	width: 100%;
	min-width: 680px;

}

.mms-table td, .mms-table th, .mms-table-all td, .mms-table-all th {
	padding: 0;
}

#barContainer
{
	background-color: #DBD9D6;
	display: inline-block;
	width: 100%;

	height: 9px;
}

#myBar 
{
  background-color: #4CAF50;
  color: #fff;
  height: 9px;
  float: left !important;
}

#containerDiv{
	max-width: 250px;
  	max-height: 250px;
  	background-size: cover;
  	background-position: center; 
  	background-repeat: no-repeat; 
}

#overzichtDiv{
	width:50px;
	height:50px; 
	background-size: cover; 
	background-position:center; 
	background-repeat: no-repeat; 
	margin-top:2px;
}

#imgContainer{
	max-width: 1000px; 
	margin-left: auto; 
	margin-right: auto;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #21589e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
input[type='text'], input[type='email'], input[type='tel'], input[type='password'], select{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
}

.interesseFormulierDiv{
	
	margin:auto;
	max-width: 550px;

}

.content1Div{
	
	background-color: white !important;
}



.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 0;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 0;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #2196F3 !important;
  color: #FFF;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #2196F3;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 1;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

@media only screen and (max-width: 600px) {

.formWrap
{
	background-color: red left !important;
	max-width: 500px;
}
}

::-webkit-scrollbar {
    display: none;
}