@import "/admin/_assets/jquery-ui-1.10.3/themes/base/minified/jquery.ui.all.css";
	@media all { html {
	margin			: 0px;
	padding			: 0px;
	height			: 100%;
	background-image: URL(/images/html.png);
	overflow-y		: scroll;
	}

body {
	margin				: 0px;
	text-align			: center;
	height				: auto;
	z-index				: 0;
	background-image	: URL(/images/body.png);
	background-position	: top;
	background-repeat	: repeat-x;
	}

#container {
	width			: 949px; /*centers the div in all modern browsers*/
	height			: auto;
	margin			: 20px;
	padding			: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align		: left; /*resets normal text align following centering in #container*/
	position		: relative;
	z-index			: 0;
	display			: inline-block;
	}

	#container #header {
		background-image	:URL(/images/header.png);
		background-repeat	:no-repeat;
		background-position	:left;
		width				: 951px;
		height				: 165px;
		float				: left;
		z-index				: 1;
		position			: relative;
		overflow			: hidden;
		}

			#container #header #balk {
				background-color	: #f5fafe;
				z-index				: 1;
				position			: relative;
				max-width			: 320px;
				max-height			: 70px;
				display				: inline-block;
				text-align			: left;
				margin-top			: 50px;
				margin-left			: 30px;
				border-style		: solid;
 				border-width		: 1px;
 				border-color		: #324354;
 				box-shadow			: 3px 3px 3px #ccc;
 				padding-bottom		: 3px;
				}


			#container #header #balk img{
				margin-left		: 4px;
				margin-right	: 4px;
				border-style	: solid;
				border-width	: 1px;
				border-color	: #324354;
				max-height		: 57px;
				max-width		: 90px;
				}

			#container #header #balk p{
				margin-top		: 4px;
				}

			#container  #header #logo {
				background-color	: red;
				z-index				: 4;
				position			: relative;
				float				: left;
				width				: 160px;
				height				: 120px;
				display				: block;
				text-align			: center;
				}

			#container #header #banner {
				background-color: #FFFFFF;
				z-index			: 3;
				position		: relative;
				width			: 160px;
				height			: 120px;
				display			: inline;
				text-align		: right;
				Margin-right	: 25px;
				float			: right;
				overflow		: hidden;
				border-style	: solid;
 				border-width	: 1px;
 				border-color	: #324354;
 				box-shadow		: 3px 3px 3px #ccc;
				}

			#container #header #menubar {
				width		: 951px;
				height		: 0px;
				float		: left;
				z-index		: 115;
				position	: relative;
				overflow	: visible;
				clear		: both;
				z-index		: 3;
				margin-top	: 0px;
				padding		: 0px;
				}

			#container #header #menubar #date {
				margin		: 0px auto;
				float		: left;
				padding-left: 30px;
				margin-top	: 137px;
				width		: 190px;
				display		: block;
				color		: #324354;
				}

			#container #header #menubar ul {
				list-style-type	: none;
				margin			: 0px;
				padding			: 0px;
				}

			#container #header #menubar li {
				margin			: 0px auto;
				float			: left;
				padding-left	: 15px;
				padding-right	: 15px;
				margin-top		: 137px;
				width			: auto;
				border-right	: 1px solid #324354;
				display			: block;
				}

			#container #header #menubar li a {
				font-size		: small;
				color			: #324354;
				text-decoration	: none
				}

			#container #header #menubar li:hover {
				border-right	: 1px solid #324354;
				}

			#container #header #menubar li:hover a {
				color			: #3291de;
				text-decoration	: none
				}

				.submenuDiv {
					position		: absolute;
					border-left		: 1px solid #5640a8;
					border-right	: 1px solid #5640a8;
					border-bottom	: 1px solid #5640a8;
					top				: 0px;
					visibility		: hidden;
					padding			: 0px 0px 0px 4px;
					z-index			: 10;
					background-color: #ebebeb;
					height			: auto;
					width			: auto;
					}

				.subitemDiv {
					position		: relative;
					clear			: both;
					float			: left;
					height			: 20px;
					width			: 100%;
					border-bottom	: 1px solid #e5e2c6;
					display			: inline;
					}

				.subitemDiv a {
					font-size		: small;
					color			: #5640a8;
					text-decoration	: none;
					}

				.subitemDiv:hover a {
					color			: #ef8112;
					text-decoration	: none
					}

				.subitemText {
					width			: auto;
					margin-right	: 20px;
					}

	#container #content {
		position		: relative;
		width			: 951px;
		text-align		: left;
		clear			: both;
		height			: 100%;
		z-index			: 0;
		padding-bottom	: 0px;
		}

	#container #content #body {
		background-image	: URL(/images/container_bg.png);
		background-repeat	: repeat-y;
		background-position	: top;
		position			: relative;
		width				: 100%;
		float				: left;
		clear				: both;
		display				: inline-block;
		}

	#container #content #body #menuimg {
		background-image	: URL(/images/menu_bg1.png);
		background-repeat	: no-repeat;
		background-position	: bottom;
		margin-left			: 3px;
		position			: relative;
		width				: 100%;
		float				: left;
		clear				: left;
		}

		#container #content #body #left {
			position	: relative;
			width		: 200px;
			float		: left;
			height		: 100%;
			min-height	: 500px;
			padding-top	: 5px;
			clear		: both;
			}

		#container #content #body #left h1 {
			color		: #324354;
			margin-left	: 15px;
			}

		#container #content #body #left ul {
			list-style-type	: none;
			margin-left		: 0px;
			padding-left	: 10px;
			width			: 94%;
			}

		#container #content #body #left li {
			margin-left		: 0px;
			border-bottom	: 1px dotted #b5b5b5;
			padding-left	: 5px;
			padding-top		: 4px;
			padding-bottom	: 3px;
			white-space		: nowrap;
			display				: block;
			}
		#container #content #body #left li:hover {
			background-color: rgba(255,255,255,0.4);
		}

		#container #content #body #left li a {
			color				: #324354;
			margin-left	: 10px;
			display     : list-item;
			}

		#container #content #body #left li:hover a {
			font-weight	: bold;
			color		: #324354;
			margin-left	: 15px;
			}

		.Level2 {
			background-color: rgba(255, 255, 255, 0.2);
			}
		.Level2 a {
			color		: #000000;
			padding-left: 10px;

			}
		.Level3 {
			background-color: #f8f8f8;
			}
		.Level3 a {
			padding-left: 15px;
			}
		.Level4 {
			background-color: #fafafa;
			}
		.Level4 a {
			padding-left: 25px;
			}

		#container #content #body #main {
			width		: 620px;
			padding-left: 10px;
			margin-left	: 30px;
			float		: left;
			height		: auto;
			}

	#container #content #body #main #breadCrums {
		position		: relative;
		float			: left;
		width			: 100%;
		text-align		: left;
		clear			: both;
		height			: 20px;
		font-size		: x-small;
		color			: #c4c4c4;
		list-style-type	: none;
		margin			: 0px;
		padding			: 10px 0px 0px 0px;
		vertical-align	: middle;
		}

	#container #content #body #main #breadCrums li {
		margin			: 0px;
		width			: auto;
		float			: left;
		margin-right	: 10px;
		padding			: 0px;
		height			: 20px;
		vertical-align	: middle;
		}

	#container #content #body #main #breadCrums a {
		font-size		: x-small;
		color			: #c4c4c4;
		text-decoration	: none;
		}

	#container #content #body #main #breadCrums a:hover {
		color: #324354;
		}

	#container #content #body #main #text {
		color			: #324354;
		width			: 620px;
		float			: left;
		clear			: both;
		text-align		: left;
		height			: auto;
		line-height		: 1.5;
		margin-bottom	: 15px;
		}

	#container #content #body #main #text #item #pagina_titel {
		}

	#container #content #body #main #text #item {
		background-color	: #f3faff;
		width				: 660px;
		border-style		: solid;
 		border-width		: 1px;
 		border-color		: #324354;
 		padding				: 5px;
 		box-shadow			: 3px 3px 3px #ccc;
 		margin-bottom		: 20px;
		}

	#container #content #body #main #text #item #inleidingContainer img {
		width: 120px;
		}

/*#template_30_container .item #fotoAlbumSlideshow {
	column-count: 4;
}*/

#template_30_container .item #fotoAlbumSlideshow img {
	cursor: pointer;
	transition: 0.4s;
}
#template_30_container .item #fotoAlbumSlideshow img:hover {
	border: 1px solid #FFFCCC;
}




#container #footer {
	background-image	: URL(/images/footer_bg1.png);
	background-position : top;
	background-repeat	: no-repeat;
	width				: 951px; /*centers the div in all modern browsers*/
	height				: 76px;
	margin-left			: 0px;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	z-index				: 0;
	display				: inline-block;
	margin-bottom		: 0px;
	}


#container #footer #texts1 {
	color			: #324354;
	position		: relative;
	margin-left		: 15px;
	width			: 460px;
	text-align		: left;
	height			: 100%;
	z-index			: 0;
	padding-left	: 6px;
	padding-top		: 4px;
	float			:left;
	}

#container #footer #texts1 ul {
	list-style-type	: none;
	margin			: 0px;
	padding			: 0px;
	padding-top		: 15px;
	}

#container #footer #texts1 li {
	margin			: 0px 0px 0px 10px;
	float			: left;
	padding			: 0px 10px 0px 0px;
	border-right	: 1px solid #324354;
	}

#container #footer #texts1 li a {
	color: #324354;
	}
#container #footer #texts1 li a:hover {
	text-decoration: underline;
	}

#container #footer #texts2 {
	position	: relative;
	display		: inline;
	float		: right;
	widht		: 520px;
	padding-right:0px;
	padding-top:1px;
	}

#container #footer #texts2 table {
	position:inline;
	float:right;
	padding-left:0px;
	}

.template_30_container {
	}

.template_30_container .item {
	padding			: 0px;
	margin			: 0px;
	float			: left;
	clear			: both;
	width			: 100%;
	height			: auto;
	margin-bottom	: 10px;
	padding-top		: 5px;
	}

.template_30_container .item .pagina_titel {
	width			: 60%;
	float			: left;
	text-align		: left;
	display			: inline-block;
	border-bottom	: 1px solid #324354;
	clear			: left;
	overflow		: hidden;
	height			: 20px;
	padding			: 0px;
	margin			: 0px;
	}

.template_30_container .item .pagina_titel h2 a {
	font-size	: medium;
	color		: #324354;
	}

.template_30_container .item .publiceer_datum {
	overflow		: hidden;
	width			: 40%;
	float			: right;
	text-align		: right;
	border-bottom	: 1px solid #324354;
	clear			: right;
	height			: 17px;
	padding			: 0px;
	margin			: 0px;
	padding-top		: 3px;
	}

.template_30_container .item .publiceer_datum h3 {
	font-weight	: normal;
	font-size	: x-small;
	}

.template_30_container .item .inleidingContainer {
	clear			: both;
	padding-right	: 15px;
	line-height		: 1.3;
	padding-top		: 7px;
	}

.template_30_container .item .inleidingContainer p {
	padding	: 0px;
	margin	: 0px;
	width	: 100%;
	}

.template_30_container .item .inleidingContainer img {
	position		: relative;
	float			: left;
	margin-right	: 10px;
	margin-bottom	: 10px;
	display			: inline;
	border			: 1px solid #324354;
	max-width		: 138px;
	width			: auto;
	height			: auto;
	max-height		: 115px;
	}

.template_30_container .item .inleidingContainer .leesverder {
    float: right;
}


/* -- WEBSHOP CSS HIERONDER -- */


#content #main #text #formResults #artikelOverzicht {
    width: 720px;
    height: auto;
    text-align: left;
    display: inline-block;
}

#content #main #text #formResults #artikelOverzicht .navigatie {
    position: relative;
    width: 100%;
    text-align: center;
    float: left;
    display: inline-block;
}

#content #main #text #formResults #artikelOverzicht .artikel {
    width: 90%;
    height: 240px;
    text-align: left;
    padding: 5px;
    float: left;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    overflow:hidden;
    border: 1px solid #696969;
    box-shadow: 0px 0px 10px #696969;
}
#content #main #text #formResults #artikelOverzicht .artikel {
	width: 90%;
	height: auto;
	text-align: left;
	padding: 5px;
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	overflow:hidden;
	border: 1px solid #696969;
	box-shadow: 0px 0px 10px #696969;
}

#content #main #text #formResults #artikelOverzicht .artikel .naam {
    margin-left: 15px;
    float: left;
    position: relative;
    display: inline-block;
		clear: both;
		width: 95%;
		text-transform: uppercase;
		border-bottom: 1px solid #a5a5a5;
		margin-bottom: 10px;
}

#content #main #text #formResults #artikelOverzicht .artikel .naam h2 a {
	font-size: 120%;
}

#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer {
	display: flex;
	flex-direction: row;
	clear: both;
	margin-left: 15px;
}


#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer .Box_left, #artikelDetails .Box_left {
	flex: 1 0 0;
	flex-direction: column;
	width: 32%;
	margin: 2px;
}

#artikelDetails .Box_left .image {
	margin-top		: 2px;
	margin-bottom	: 2px;
}
#artikelDetails .Box_left .image a img {
	border-radius : 3px;
}

#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer .Box_right, #artikelDetails .Box_right {
	flex: 3 0 0;
	flex-direction: column;
	width: 65%;
	margin: 2px;
}


#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer .img {
    display: inline-block;
    position: relative;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-left: 5px;
    width: 100%;
}

#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer .img img {
    border				: 0px;
		border-radius	: 4px;
}

#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer .Artikelnummer {
    float: left;
    position: relative;
    width: 60px;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer .Artikelcode {
    margin-left: 15px;
    float: left;
    position: relative;
    width: 200px;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer #artikelBestelgegevens {
    height: 20px;
    margin-left: 5px;
    text-align: right;
    display: inline-block;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer #artikelBestelgegevens #Bestellen {
    position: relative;
    height: auto;

}

#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer  #artikelBestelgegevens #Bestellen select {
  border-color: #a5a5a5;
	border-width: 1px 0px 1px 1px;
	padding: 4px;
	height: 28px;
	border-radius:5px 0px 0px 5px;
	margin-right: 0px;
	cursor: pointer;
}
#content #main #text #formResults #artikelOverzicht .artikel .artikelContainer  #artikelBestelgegevens #Bestellen select:hover {
	border-color: #363636;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer #artikelBestelgegevens #Bestellen button {
	border-width: 1px 1px 1px 1px;
	border-color: #a5a5a5;
	border-radius:0px 5px 5px 0px;
	margin-right: 0px;
	height: 28px;
	background-color: #deebf5;
	cursor: pointer;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer #artikelBestelgegevens #Bestellen button:hover{
	border-color: #363636;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer #artikelBestelgegevens #Bestellen h2 {
	margin-top: 4px;
	font-size: 100%;

}

#content #main #text #formResults #artikelOverzicht .artikel .meerInfoContainer {
	float: right;
}
#content #main #text #formResults #artikelOverzicht .artikel  .meerInfoContainer .meerInfo {
	background-color: #ffffff;
	border-radius:5px;
	padding: 0px;
  cursor: pointer;
}


#content #main #text #formResults #artikelOverzicht .artikel   .meerInfoContainer .meerInfo tr td:first-child  {
  border-color: #a5a5a5;
	border-width: 1px 0px 1px 1px;
	padding: 0px 10px 0px 10px;
	height: 28px;
	margin-right: 0px;
	cursor: pointer;
}
#content #main #text #formResults #artikelOverzicht .artikel   .meerInfoContainer .meerInfo tr td:last-child  {
	border-width: 1px 1px 1px 1px;
	border-color: #a5a5a5;
	margin-right: 0px;
	height: 28px;
	width: 40px;
	background-color: #deebf5;
	text-align: center;
	vertical-align: middle;
}


#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer .ProdcutInformatie {
    margin-left: 15px;
    float: left;
    position: relative;
    display: inline-block;
}




#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer .Verkoopprijs {
    float: right;
    position: relative;
    text-align: right;
    height: 20px;
    overflow: hidden;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer .kenmerk_04 {
    display: inline-block;
    position: absolute;
    top: 115px;
    left: 5px;
    float: left;
    text-align: left;
    width: 105px;
    color: red;
}
#content #main #text #formResults #artikelOverzicht .artikel  .artikelContainer .kenmerk_05 {
    display: inline-block;
    position: absolute;
    top: 115px;
    float: right;
    text-align: right;
    width: 105px;
    text-decoration: line-through;
}


#content #main #text #artikelDetails {
		display: flex;
    float: left;
		width: 100%;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    border: 1px solid #696969;
    box-shadow: 0 0 10px #696969;
}

#content #main #text #artikelDetails #images {
    width: 160px;
    height: auto;
    position: relative;
    float: left;
    margin-top: 10px;
    min-height: 300px;
}
#content #main #text #artikelDetails #images .image {
    margin: 5px;
    padding: 5px;
    height: 120px;
    float: left;
    position: relative;
}
#content #main #text #artikelDetails #images .image img {
    border: 1px solid #c0c0c0;
    box-shadow: 0px 0px 10px #696969;
}

#content #main #text #artikelDetails #naam {
    margin-top: 10px;
    position: relative;
    float: left;
    width: 300px;
    height: auto;
    margin-left: 20px;
}

#content #main #text #artikelDetails #Omschrijving {
    height: auto;
    position: relative;
    float: left;
    width: 300px;
    margin-top: 10px;
    margin-left: 20px;
}


#content #main #text #artikelDetails #artikelBestelgegevens {
    width: 175px;
    height: auto;
    float: right;
    text-align: left;
    margin-top: 10px;
    background-color: #f2f2f2;
    padding: 5px;
}
#content #main #text #artikelDetails #artikelBestelgegevens #Bestellen {
    position: relative;
    float: right;
    height: auto;
    text-align: right;
}

#content #main #text #artikelDetails #artikelBestelgegevens #Bestellen select {
  border-color: #a5a5a5;
	border-width: 1px 0px 1px 1px;
	padding: 10px;
	height: 40px;
	border-radius:5px 0px 0px 5px;
	margin-right: 0px;
	cursor: pointer;
}
#content #main #text #artikelDetails #artikelBestelgegevens #Bestellen select:hover {
	border-color: #363636;
}

#content #main #text #artikelDetails #artikelBestelgegevens #Bestellen button {
	border-width: 1px 1px 1px 1px;
	border-color: #a5a5a5;
	border-radius:0px 5px 5px 0px;
	margin-right: 0px;
	height: 40px;
	background-color: #deebf5;
	cursor: pointer;
}
#content #main #text #artikelDetails #artikelBestelgegevens #Bestellen button:hover {
		border-color: #363636;
}

/* :: Dialog Pop up :: */
#dialogPopupBG {
	background-image	: URL(/images/grey_63trans.png);
	background-attachment:fixed;
	background-size		: 100% 100%;
	z-index				: 100;
	position			: fixed;
	display				: inline-block;
	top				: 0px;
	left				: 0px;
	width				: 100%;
        height: 100%;
	margin				: 0px;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
}
#dialogPopup {
	z-index				: 100;
	position			: absolute;
	display				: inline-block;
	top				: 0px;
	left				: 0px;
	width				: 100%;
	margin				: 0px;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
}

#dialogPopup #dialogPopupContainer {
/*	position			: fixed;*/
	display				: inline-block;
	padding				: 0px;
	position			: relative;
	width				: 606px;
	min-height			: 206px;
	height				: auto;
	z-index				: 100;
	margin-top			: 100px;
        margin-bottom                   : 100px;
	}

#dialogPopup #dialogPopupContainer #dialogPopupContent {
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	padding				: 0px;
	width				: 100%;
	display				: inline-block;
	min-height			: 35%;
	text-align			: center;
	overflow-y			: auto;
	overflow-x			: hidden;
	background-color                : #ffffff;
	border				: 3px solid #c31730;
	z-index				: 100;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
	}

#dialogPopup #dialogPopupContainer #dialogPopupCloseButton {
	position			: absolute;
	top				: -30px;
        right                           : -25px;
	float				: right;
	margin-top			: 15px;
	margin-right                    : 10px;
	text-align			: left; /*resets normal text align following centering in #container*/
	height				: auto;
	display				: inline-block;
	z-index				: 110;
	color				: #231503;
	font-weight			: bold;
	}
#dialogPopup #dialogPopupContainer #dialogPopupCloseButton:hover {
	text-decoration		: underline;
	cursor				: pointer;
	font-weight			: bold;
}



#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst {
	padding				: 10px 10px 10px 10px;
	text-align			: left;
	width				: 90%;
	z-index				: 100;
	color				: #231503;
	height				: auto;
	min-height			: 400px;
	}

#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst * {
	color				: #231503;
	}

#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst h1{
	font-weight			: bold;
	color				: #c31730;
	}

#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst input {
	color				: #000000;
	}

#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst input.button, #dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst button, #dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst input.FormButton  {
	color				: #ffffff;
        padding-top: 0px;
}
#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst .balk input.button, #dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst .balk button, #dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst .balk input.FormButton  {
	color				: #ffffff;
        padding-top: 6px;
}

#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst input.button img, #dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst button img, #dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst input.FormButton img  {
    margin-top: 0px;
}

#dialogPopup #dialogPopupContainer #dialogPopupContent #dialogPopupTekst img {
	padding				: 0px 10px 10px 0px;
	}

#dialogPopupLoader {
	background-image	: URL(/images/grey_63trans.png);
	z-index				: 100;
	position			: absolute;
	top					: 0px;
	left				: 0px;
	height				: 100%;
	width				: 100%;
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
}

#dialogPopupLoader #dialogPopupLoaderContainer {
	position			: relative;
	padding				: 0px;
	width				: 50%;
	top					: 50%;
	height				: 50%;
	left				: 25%;
	z-index				: 100;
	}

#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderContent {
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: absolute;
	padding				: 0px;
	width				: 100%;
	display				: inline;
	top					: -50%;
	max-height			: 130%;
	min-height			: 35%;
	text-align			: center;
	overflow-y			: auto;
	overflow-x			: hidden;
	background-color	: #ffffff;
	border				: 5px solid #e2e2e2;
	z-index				: 100;
	}

#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderCloseButton {
	position			: relative;
	top					: -50%;
	right				: 20px;
	float				: right;
	text-align			: left; /*resets normal text align following centering in #container*/
	height				: auto;
	display				: inline-block;
	background-color	: #231503;
	border				: 2px solid #ffffff;
	padding				: 5px;
	z-index				: 100;
	}
#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderCloseButton {
	color				: red;
	cursor				: pointer;
}



#dialogPopupLoader #dialogPopupLoaderContainer #dialogPopupLoaderContent #dialogPopupLoaderTekst {
	padding				: 20px;
	text-align			: left;
	width				: 80%;
	z-index				: 100;
	}



#dialogAlertBG {
	background-image	: URL(/images/grey_63trans.png);
	z-index: 200;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#dialogAlert {
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
}

#dialogAlert #dialogAlertContainer {
	position			: relative;
	margin				: 0px auto;
	padding				: 0px;
	top					: 45%;
	z-index				: 200;
	height				: auto;
	width				: auto;
	min-width			: 400px;
	max-width			: 400px;
	}

#dialogAlert #dialogAlertContainer #dialogAlertContent {
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	padding				: 0px;
	width				: 100%;
	height				: auto;
	max-height			: 130%;
	min-height			: 35%;
	text-align			: center;
	overflow-y			: auto;
	overflow-x			: hidden;
	z-index				: 200;
	background-color	: #fff;
	border				: 5px solid #e2e2e2;
	}

#dialogAlert #dialogAlertContainer #dialogAlertContent #dialogAlertTekst {
	position: relative;
	padding: 10px 10px 10px 10px;
	text-align: left;
	z-index: 200;
	}

#dialogAlert #dialogAlertContainer #dialogAlertContent #dialogAlertTekst  h2 {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

#dialogAlert #dialogAlertContainer #dialogAlertContent #dialogAlertOK {
	position: relative;
	padding: 10px 10px 10px 10px;
	text-align: left;
	z-index: 200;
	}


#dialogConfirmBG {
	background-image	: URL(/images/grey_63trans.png);
	z-index: 200;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#dialogConfirm {
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
}

#dialogConfirm #dialogConfirmContainer {
	position			: relative;
	margin				: 0px auto;
	padding				: 0px;
	top					: 45%;
	z-index				: 200;
	height				: auto;
	width				: auto;
	min-width			: 400px;
	max-width			: 400px;
	}

#dialogConfirm #dialogConfirmContainer #dialogConfirmContent {
	margin				: 0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	padding				: 0px;
	width				: 100%;
	height				: auto;
	max-height			: 130%;
	min-height			: 35%;
	text-align			: center;
	overflow-y			: auto;
	overflow-x			: hidden;
	z-index				: 200;
	background-color	: #fff;
	border				: 5px solid #e2e2e2;
	}

#dialogConfirm #dialogConfirmContainer #dialogConfirmContent #dialogConfirmTekst {
	position: relative;
	padding: 10px 10px 10px 10px;
	text-align: left;
	z-index: 200;
	}

#dialogConfirm #dialogConfirmContainer #dialogConfirmContent #dialogConfirmTekst  h2 {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 10px;
}
/* :: Dialog Pop up :: */


table.updateAantal select {
	  border-color: #a5a5a5;
		border-width: 1px 0px 1px 1px;
		padding: 10px;
		height: 40px;
		border-radius:5px 0px 0px 5px;
		margin-right: 0px;
		cursor: pointer;
	}
table.updateAantal  button {
		border-width: 1px 1px 1px 1px;
		border-color: #a5a5a5;
		border-radius:0px 5px 5px 0px;
		margin-right: 0;
		height: 40px;
		background-color: #deebf5;
		cursor: pointer;
	}
	table.updateAantal  button:hover {
		border-color: #363636;
	}


	.bar-left-prev {
		height: 27px;
		width: 32px;
		/*background-image:URL(../images/winkelwagenBar-left-prev.png);*/
		background: #6485a5;
		border-radius: 6px 0 0 6px;
		background-position: top right;
		background-repeat: no-repeat;
		}

	.bar-left-prev2 {
		height: 27px;
		width: 32px;
		/*background-image:URL(../images/winkelwagenBar-left-prevB.png);*/
		background: #6485a5;
		border-radius: 6px 0 0 6px;
		background-position: top right;
		background-repeat: no-repeat;
		}

	.bar-main-prev  {
		height: 27px;
		width: auto;
		/*background-image:URL(../images/winkelwagenBar-main-prev.png);*/
		background: #6485a5;
		background-position: top;
		background-repeat: repeat-x;
		vertical-align: middle;
		text-align: center;
		color: #c0c0c0;
		font-weight: bold;
		padding-left: 5px;
		}

	.bar-right-prev  {
		height: 27px;
		width: 28px;
		/*background-image:URL(../images/winkelwagenBar-right-prev.png);*/
		background: #6485a5;
		border-radius: 0 6px 6px 0;
		background-position: top left;
		background-repeat: no-repeat;
		}

	.bar-right-ww  {
		height: 27px;
		width: 28px;
		/*background-image:URL(../images/winkelwagenBar-right-ww.png);*/
		background: #6485a5;
		border-radius: 0 6px 6px 0;
		background-position: top left;
		background-repeat: no-repeat;
		}

	.bar-left {
		height: 35px;
		width: 28px;
		/*background-image:URL(../images/winkelwagenBar-left.png);*/
		background: #6485a5;
		border-radius: 6px 0px 0px 6px;
		background-position: top right;
		background-repeat: no-repeat;
		border-right: 1px solid #c7c7c7;
		}
	.bar-main  {
		height: 35px;
		width: auto;
		/*background-image:URL(../images/winkelwagenBar-main.png);*/
		background: #6485a5;
		background-position: top;
		background-repeat: repeat-x;
		vertical-align: middle;
		text-align: center;
		color: #ddebf5;
		font-weight: bold;
		border-right: 1px solid #c7c7c7;
		padding-left: 5px;
		padding-right: 5px;
		}

	.bar-mainActive  {
		height: 35px;
		width: auto;
		/*background-image:URL(../images/winkelwagenBar-mainActive.png);*/
		background : #ddebf5;
		background-position: top;
		background-repeat: repeat-x;
		vertical-align: middle;
		text-align: center;
		color: #6485a5;
		font-weight: bold;
		border-right: 1px solid #c7c7c7;
		border-top: 1px solid #6485a5;
		border-bottom: 1px solid #6485a5;
		padding-right: 5px;
		}

	.bar-right  {
		height: 35px;
		width: 28px;
		/*background-image:URL(../images/winkelwagenBar-right.png);*/
		background: #6485a5;
		border-radius: 0 6px 6px 0;
		background-position: top left;
		background-repeat: no-repeat;
		}

		.ds_data input {
			padding				: 6px;
			border-radius	: 6px;
		}
 }
	@media all { body, td, input, select, textarea {
	color: #324354;
	font-size: small;
	font-family: Arial, Tahoma;
	}

pre {
	float: left;
	clear: both;
	text-align: left;
	background-color: #ffffff;
	color: #000000;
}

td {
	text-align: left;
	vertical-align: to;
}

body, div, td{
	line-height: 1.2;
	}

p {
	padding: 0px;
	margin: 0px;
	clear: both;
	margin-bottom: 15px;
}

hr {
	color: #324354;
}

textarea{
	font-family: Verdana;
	line-height: 1.3;
	height: 100px;
	padding: 3px;
	width: 380px;
	border: 1px solid #358ed9;
	}

h1, h2, h3, h4, h5 {
	font-size: medium;
	color: #324354;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}

h2 {
	font-size: medium;
}

h3 {
	font-size: small;
}

img {
	border-color: #324354;
}

a img {
	border-width: 0px;
}

.input {
	/*height: 14px;*/
	padding: 3px;
	width: 240px;
	border: 1px solid #324354;

	}

.input_aantal {
	width: 24px;
	}

.button {
	/*height: 32px;
	padding: 8px;*/
	/*background-color: #ef8112;*/
	background-color: #deebf5;
	border: 1px solid #a5a5a5;
	border-radius: 3px;
	font-weight: bold;
	color: #000;
	}
	.button:hover {
		border: 1px solid #363636;
		cursor: pointer;
	}
	.button p {
		margin: 0 0 5px 0;
	}

.div_titel {
	padding: 4px;
	background-color:#b1af83;
	text-align: left;
	border-bottom: 1px solid #358ed9;
}

.BoxBorder {
	border: 1px solid #358ed9;
}

a { color: #1f84d9; font-size: small; text-decoration:none}
a:hover {color:#1f84d9;text-decoration:underline}

.smallGrey { font-size: x-small; color:#c4c4c4; text-decoration:none; text-transform: none;		letter-spacing: 0px;}


/* :: Module { klantenportaal } :: */

table.overzicht {
	position: relative;
	float: left;
	clear: right;
	height: auto;
	padding: 10px;
	border: 1px solid #d6d6d6;
	background-color: #fbf9f2;
	}

td.td_header {
	text-align: left;
	vertical-align: middle;
	background-color: #fbeac9;
	font-weight: bold;
	}

tr.row1 {
	background-color: #fbf9f2;

}

tr.row2 {
	background-color: #ffffff;

}

tr.rowOver {
	background-color: #d6d6d6;

}

td.row1 {
	text-align: left;
	vertical-align: middle;
	}
td.row2 {
	text-align: left;
	vertical-align: middle;
	}

/* :: Module { formulieren } :: */
.FormDiv {
	position: relative;
	float: left;
	clear: both;
	height: auto;
	width: auto;
	min-width: 80%;
	/*padding: 10px;*/
	border: 1px solid #d6d6d6;
	background-color: #f7f7f7;
	/*background-color: #f7f7f7;*/
	text-align: left;
	z-index: 10;
	display: block;
	}

.FormLabelDiv {
	position: relative;
	float: left;
	width: 40%;
	height: 16px;
	margin: 5px 0px 0px 5px;
	text-align: left;
	clear: left;
	}

.FormInputDiv {
	position: relative;
	float: left;
	clear: right;
	z-index: 10;
	width: 55%;
	display: inline-block;
	}

.FormInputField {
	background: none;
	margin: 2px 2px 5px 2px;
	padding: 3px;
	height: 16px;
	width: 140px;
	border: 0px;
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	z-index: +1;
	}


.FormCheckboxDiv {
	position: relative;
	clear: right;
	width: 55%;
	height: auto;
	margin: 0px 0px 5px 0px;
	}

.FormSelectDiv {
	position: relative;
	float: left;
	clear: right;
	z-index: 10;
	width: 55%;
	display: inline-block;
	}

.FormSelect {
	background: none;
	margin: 2px 2px 5px 2px;
	padding: 3px;
	height: 26px;
	min-width: 140px;
	border: 0px;
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	z-index: +1;
	}

.FormTextareaDiv {
	position: relative;
	float: left;
	clear: right;
	z-index: 10;
	width: 55%;
	display: inline-block;
	}
.FormTextareaDiv.FormCommentLine {
	width: 100%;
	margin: 5px 2px 2px 2px;
	padding: 6px 3px 2px 3px;

}

.FormTextarea {
	position: relative;
	display: inline;
	float: left;
	background: none;
	margin: 2px 2px 5px 2px;
	padding: 3px;
	height: 200px;
	width: 200px;
	border: 0px;
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	z-index: +1;
	}

.FormButtonDiv {
	float: left;
	position: relative;
	clear: right;
	width: 55%;
	height: auto;
	width: 140px;
	text-align: left;
	margin: 0px 0px 5px 0px;
	}

.FormButton {

	margin: 2px;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #29166f;
	border: 1px solid #d19fc9;
	color: #ffffff;
	}
/*:: Module { formulieren } :: */


/* :: Module { fotoalbums } :: */
.fotoalbum {
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.fotoalbumItem {
	position: relative;
	float: left;
	padding: 7px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 120px;
}
.fotoalbumItem td {
	text-align: center;

}
.fotoalbumItem img {
	border: 2px solid #324354;
	-moz-box-shadow: 0px 0px 10px #868686;
	-webkit-box-shadow: 0px 0px 10px #868686;
    box-shadow: 0px 0px 10px #868686;
}

.fotoalbumItem img:hover {
	border: 2px solid #1f84d9;
	-moz-box-shadow: 0px 0px 10px #868686;
	-webkit-box-shadow: 0px 0px 10px #868686;
    box-shadow: 0px 0px 10px #868686;
}

.fotoalbumItem #fotoLabel {
	padding-top: 5px;
	text-align: center;
	overflow-y: hidden;
	color: #868686;
	height: 27px;
	line-height: 1em;
}

/* :: Module { fotoalbums } :: */
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none!important;
	}
} }
	@media all { .wcmskalender {
  width: 100%;
  height: auto;
  margin: 0.66rem auto;
}

.wcmskalender .kalenderbuttons {
  margin: 2px 0;
  padding: 0 0 15px 0;
}

.wcmskalender .kalenderbuttons button {
  margin-right: 2px;
}

@media (max-width: 768px) {
  .wcmskalender .kalenderbuttons {
    display: flex;
  }
  .wcmskalender .kalenderbuttons button {
    flex: 1;
  }
}

.wcmskalender p.edit_kalender {
  cursor: pointer;
  text-decoration: underline;
}

.wcmskalender .topbar {
  padding: 5px 5px;
  font-size: 2rem;
  width: 100%;
}

.wcmskalender .listdays {
  display: flex;
  flex-direction: row;
  color: #FFF;
  background: #222;
  border: 1px solid #444;
}

.wcmskalender .listdays .left {
  width: 50px;
  padding: 8px 4px 8px 6px;
}

.wcmskalender .listdays .right {
  font-weight: bold;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 2px;
  padding: 2px;
}

.wcmskalender .listdays .right .block {
  flex: 1;
  margin: 0;
  transition: 0.4s;
  width: auto;
  height: 100%;
  padding: 5px;
  border-left: 1px solid #555;
}

.wcmskalender .listdays .right .block:first-child {
  border: 0;
}

@media (max-width: 769px) {
  .wcmskalender .listdays {
    display: none;
  }
}

.wcmskalender .middlebar {
  height: 100%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}

.wcmskalender .middlebar .kalenderrow {
  padding: 2px 2px;
  background: orange;
  flex: 1;
  vertical-align: middle;
  width: 100%;
  transition: 0.4s;
  min-height: 12rem;
  flex-direction: row;
  display: flex;
}

.wcmskalender .middlebar .kalenderrow.currentweek {
  background: #ffc04d;
}

@media (max-width: 769px) {
  .wcmskalender .middlebar .kalenderrow {
    flex-direction: column;
  }
}

.wcmskalender .middlebar .kalenderrow .left {
  min-width: 54px;
  max-width: 54px;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: -2px;
  transition: 0.4s;
  border-bottom: 1px solid #f59e00;
}

@media (max-width: 769px) {
  .wcmskalender .middlebar .kalenderrow .left {
    max-width: 100%;
    margin: 2px;
    padding-bottom: 0.8rem;
    font-size: 1.6rem;
    border: none;
  }
}

.wcmskalender .middlebar .kalenderrow .block {
  flex: 1;
  margin: 0 2px;
  transition: 0.4s;
  position: relative;
  background: #FFF;
  width: auto;
  height: auto;
  display: block;
}

.wcmskalender .middlebar .kalenderrow .block.backend {
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.wcmskalender .middlebar .kalenderrow .block.backend:hover {
  border: 2px solid rgba(51, 102, 153, 0.66);
}

.wcmskalender .middlebar .kalenderrow .block .wk {
  position: absolute;
  left: 5px;
  top: 4px;
  color: #BBB;
  font-size: 12px;
}

@media (min-width: 769px) {
  .wcmskalender .middlebar .kalenderrow .block {
    opacity: 1;
  }
  .wcmskalender .middlebar .kalenderrow .block.notCurrent {
    background: #FFF1D8;
  }
}

.wcmskalender .middlebar .kalenderrow .block.currentDay {
  background: #dcffdd;
}

@media (max-width: 769px) {
  .wcmskalender .middlebar .kalenderrow .block {
    margin: 2px 0;
    min-height: 7.5rem;
  }
}

.wcmskalender .middlebar .kalenderrow .block ul {
  margin: 1px;
  padding: 0px !important;
  list-style-type: none;
}

.wcmskalender .middlebar .kalenderrow .block ul li {
  padding-right: 4px;
  padding-left: 4px;
}

.wcmskalender .middlebar .kalenderrow .block ul li.block-top {
  text-align: right;
  border-bottom: 1px solid rgba(255, 165, 0, 0.1);
}

.wcmskalender .middlebar .kalenderrow .block ul li.block-top .nieuwEventKnopBackend {
  opacity: 0;
  float: left;
  padding: 3px 9px;
  transition: 0.2s;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wcmskalender .middlebar .kalenderrow .block ul li.block-top .nieuwEventKnopBackend:hover {
  border: 1px solid rgba(197, 0, 4, 0.5);
}

.wcmskalender .middlebar .kalenderrow .block ul li.block-body, .wcmskalender .middlebar .kalenderrow .block ul li.wcms_event {
  font-size: 12px;
  border-bottom: 1px solid #eee;
  width: 100%;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: rgba(255, 204, 0, 0.2);
  color: #000;
}

.wcmskalender .middlebar .kalenderrow .block ul li.block-body.double, .wcmskalender .middlebar .kalenderrow .block ul li.wcms_event.double {
  max-height: 5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px dotted rgba(34, 34, 34, 0.5);
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
}

@media (max-width: 769px) {
  .wcmskalender .middlebar .kalenderrow .block ul li.block-body, .wcmskalender .middlebar .kalenderrow .block ul li.wcms_event {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: 4px solid #eee;
  }
}

.wcmskalender .middlebar .kalenderrow .block.weekend {
  background: #EEE;
}

.wcmskalender .middlebar .kalenderrow .block.weekend.notCurrent {
  background: #EEE1D8;
}

.wcmskalender .middlebar .kalenderrow .block.weekend ul li.block-body, .wcmskalender .middlebar .kalenderrow .block.weekend ul li.block-top {
  border-bottom: 1px solid #ddd;
}

.wcmskalender .middlebar .kalenderrow .block:hover .block-top .nieuwEventKnopBackend {
  opacity: 0.75;
}

.wcmskalender.weekweergave {
  background: none;
  padding: 10px;
}

.wcmskalender.weekweergave .middlebar {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.wcmskalender.weekweergave .middlebar .block {
  flex: 1;
  margin-bottom: 8px;
}

.wcmskalender.weekweergave .middlebar .block.titleblock {
  display: flex;
  flex-direction: row;
  padding: 4px 8px;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
}

.wcmskalender.weekweergave .middlebar .block.titleblock div {
  flex: 1;
  width: auto;
  margin: 2px auto -2px auto;
}

.wcmskalender.weekweergave .middlebar .block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.wcmskalender.weekweergave .middlebar .block ul li {
  transition: 0.4s;
  padding: 6px 8px 2px 8px;
}

@media (max-width: 769px) {
  .wcmskalender.weekweergave .middlebar .block {
    margin-bottom: 1.5rem;
  }
  .wcmskalender.weekweergave .middlebar .block ul li {
    padding: 1.6rem 0.8rem;
  }
}

.wcmskalender.weekweergave .middlebar .block {
  background: #FFF;
}

.wcmskalender.weekweergave .middlebar .block.titleblock {
  color: #EEE;
  border-bottom: 1px solid #EEE;
  background: #336699;
}

.wcmskalender.weekweergave .middlebar .block ul a {
  color: #264d73;
}

.wcmskalender.weekweergave .middlebar .block ul a:hover {
  color: #336699;
}

.wcmskalender.weekweergave .middlebar .block ul li {
  border-bottom: 1px solid #98badd;
  background-color: #DDD;
}

.wcmskalender.weekweergave .middlebar .block ul li:nth-child(odd) {
  background-color: #EEE;
}

.wcmskalender.weekweergave .middlebar .block ul li:hover {
  background-color: #d9e6f2;
}

.wcmskalender.maandwidget .listdays {
  display: flex;
}

.wcmskalender.maandwidget .listdays .left {
  display: none;
}

.wcmskalender.maandwidget .listdays .right {
  padding: 0;
}

.wcmskalender.maandwidget .listdays .right .block {
  padding: 1px 3px;
  border: 0;
}

@media (max-width: 990px) {
  .wcmskalender.maandwidget .listdays .right .block {
    min-width: 7.5vw;
  }
}

.wcmskalender.maandwidget .kalenderrow {
  min-height: 1rem;
  flex-direction: row;
  padding: 1px;
}

.wcmskalender.maandwidget .kalenderrow .block {
  padding-top: 3px;
  margin: 0 2px;
  min-height: 2.7rem;
  /* enge scaling. */
}

.wcmskalender.maandwidget .kalenderrow .block.weeknmr {
  text-align: center;
  font-style: italic;
  font-size: 1.2rem;
  line-height: 2.4rem;
}

.wcmskalender.maandwidget .kalenderrow .block.weekend {
  border: 0;
}

.wcmskalender.maandwidget .kalenderrow .block.weekend ul li.block-top {
  border: 0;
}

.wcmskalender.maandwidget .kalenderrow .block.bevatEvents ul li {
  background-color: rgba(255, 204, 0, 0.75);
  border-radius: 50%;
  cursor: pointer;
}

.wcmskalender.maandwidget .kalenderrow .block ul li {
  text-align: center;
}

.wcmskalender.maandwidget .kalenderrow .block ul li.wcms_event {
  cursor: pointer;
}

.wcmskalender.maandwidget .kalenderrow .block ul li.block-top {
  text-align: center;
  border: 0;
}

@media (max-width: 990px) {
  .wcmskalender.maandwidget .kalenderrow .block {
    padding: 2px;
    min-height: 7.5vw;
    min-width: 7.5vw;
  }
  .wcmskalender.maandwidget .kalenderrow .block.bevatEvents ul li {
    min-height: 7.5vw;
  }
  .wcmskalender.maandwidget .kalenderrow .block ul li.block-top {
    padding-top: 2.5vw;
  }
}

@media (max-width: 768px) {
  .wcmskalender.maandwidget .kalenderrow .block {
    padding: 2px;
    min-height: 10vw;
    min-width: 10vw;
  }
  .wcmskalender.maandwidget .kalenderrow .block.bevatEvents ul li {
    min-height: 10vw;
  }
  .wcmskalender.maandwidget .kalenderrow .block ul li.block-top {
    padding-top: 2.5vw;
  }
}

.wcmskalender.maandwidget .topbar {
  font-size: 1.7rem;
  padding: 5px;
}

.wcmskalender.maandwidget .kalenderbuttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}

.wcmskalender.maandwidget .kalenderbuttons .btn {
  flex: 1;
}

.wcmskalender.maandwidget .kalenderbuttons.text-right {
  display: none;
}

.wcmskalender.maandlijst .topbar {
  padding: 5px;
}

.wcmskalender.maandlijst .kalenderbuttons {
  padding-bottom: 5px;
}

.wcmskalender.maandlijst .kalenderbuttons.col-sm-6 {
  width: 100%;
}

.wcmskalender.maandlijst .kalenderbuttons:nth-child(odd) {
  display: none;
}

.wcmskalender.maandlijst ul {
  padding-left: 0;
  list-decoration: none;
  font-size: 1.2rem;
  list-style-type: none;
}

.wcmskalender.maandlijst ul li {
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #EEE;
}

.wcmskalender .tooltip-inner {
  max-width: none;
  white-space: nowrap;
  text-align: left;
}

.wcmskalender .tooltip-inner a {
  color: inherit;
}

.wcmskalender .tooltip-inner a:hover {
  color: #ff6600;
}

.wcmskalender .tooltip-inner hr {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 3px;
  margin-bottom: 3px;
}

.calenderform label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
 }