*
{
	margin:0;
	padding:0;
	font-family:inherit;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{
	display:block
}

html,body
{
	width:100%;
	height:100%
}

a:focus
{
	outline:thin dotted
}

a:active,a:hover
{
	outline:0
}

img
{
	border:0;
	-ms-interpolation-mode:bicubic
}

table
{
	border-collapse:collapse;
	border-spacing:0
}

ul
{
	margin:0;
	padding:0
}

nav ul
{
	list-style:none;
	list-style-image:none
}

.clearfix:before
{
	content:"";
	zoom:1;
	display:block
}

.clearfix:after
{
	content:"";
	zoom:1;
	display:table;
	clear:both
}

.clear
{
	position:relative;
	float:left;
	clear:both
}

.less_userselect
{
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.flexcenter
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}

html
{
	width:100%;
	height:100%;
	font-size:62.5%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

body
{
	width:100%;
	max-width:100%;
	height:100%;
	padding:0;
	font-size:15px;
	font-size:1.5rem;
	max-width:100%;
	overflow-x:hidden;
	font-family:'Karla normal',Helvetica,arial,sans-serif;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	font-kerning:auto
}

#body {
	width:100%;
	height:100%;
}

#masterwrap
{
	width:100%;
	max-width:100%;
	height:100%;
	padding:0;
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear
}

b,strong
{
	font-family:'Karla bold',Helvetica,arial,sans-serif
}

i,em
{
	font-family:'Karla italic',Helvetica,arial,sans-serif
}

h1,h2,h3,h4,h5,h6
{
	font-family:'Karla bold',Helvetica,arial,sans-serif;
	color:#000;
	padding:0 0 .4em;
	margin:0;
	line-height:1.2em
}

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

.dividernf
{
	position:relative;
	width:100%
}

#menubar
{
	position:fixed;
	left:-315px;
	top:0;
	bottom:0;
	overflow:hidden;
	width:315px;
	height:100%;
	max-height:100%;
	background-color:#FFF;
	border-right:1px solid #edeae1;
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear;
	z-index:4
}

#innermenubarwrap
{
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	max-height:100%
}

#innermenubar
{
	position:absolute;
	top:0;
	right:-15px;
	bottom:-15px;
	left:0;
	height:100%;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-x:hidden;
	padding:16px 40px 35px 40px
}

#togglemenu
{
	position:fixed;
	top:0;
	left:0;
	padding:17px 10px 10px 10px;
	background-color:#FFF;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	width:112px;
	height:50px;
	border:none;
	z-index:10;
}

.classhome #togglemenu
{	
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear
}

.desktop #togglemenu:hover {
	background-color: black;
}

.desktop #togglemenu:hover div {
	background-color: #FFF;
}

.desktop #togglemenu:hover h6 {
	color: #FFF;
}

#togglemenu div
{
	width:18px;
	height:2px;
	background-color:#000;
	margin:3px 0;
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear
}

#togglemenu h6
{
	position:absolute;
	top:16px;
	left:41px;
	font-size:18px
}

#togglemenu:focus
{
	outline:0
}

body.showaside {
	overflow-x: hidden;
}

body.showaside #togglemenu div:nth-child(1)
{
	-webkit-transform:translate(0,5px) rotate(225deg);
	-moz-transform:translate(0,5px) rotate(225deg);
	-ms-transform:translate(0,5px) rotate(225deg);
	-o-transform:translate(0,5px) rotate(225deg)
}

body.showaside #togglemenu div:nth-child(2)
{
	background-color:transparent
}

body.showaside #togglemenu div:nth-child(3)
{
	-webkit-transform:translate(0,-5px) rotate(135deg);
	-moz-transform:translate(0,-5px) rotate(135deg);
	-ms-transform:translate(0,-5px) rotate(135deg);
	-o-transform:translate(0,-5px) rotate(135deg)
}

body.showaside #menubar
{
	-webkit-transform:translate(100%,0);
	-moz-transform:translate(100%,0);
	-ms-transform:translate(100%,0);
	-o-transform:translate(100%,0)
}

#menubarhome
{
	text-decoration:none;
	color:#000;
	font-family:'Karla bold';
	font-size:16px
}

#sbmenu
{
	position:absolute;
	top:12px;
	right:40px
}

#sbmenu a
{
	text-decoration:none
}

#zoekveld
{
	position:relative;
	width:100%;
	margin:35px 0 0;
	padding:0 0 0 0
}

#zoekveld #searchinput
{
	width:100%;
	padding:8px 33px 8px 5px;
	border:1px solid #CCC;
	font-size:16px;
	font-size:1.6rem;
	color:#616161;
	-webkit-appearance:none;
	border-radius:0
}

#zoekveld #searchicon
{
	position:absolute;
	top:8px;
	right:5px;
	width:20px;
	cursor:pointer
}

.sbcollumn
{
	margin-top:10px
}

.sbcollumn h2
{
	font-size:15px;
	cursor:pointer;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.arrowx
{
	float:right;
	width:12px;
	height:6px;
	margin-top:6px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}

.arrowxdown .arrowx
{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg)
}

.arrowx polyline
{
	fill:transparent;
	stroke-width:4;
	stroke:#000
}

.sbcollumn ul
{
	list-style-type:none
}

.sbcollumn:not(.sbcollumnlast) ul
{
	display:none
}

.sbcollumn ul li
{
	padding:5px 0
}

.sbcollumn ul li a
{
	text-decoration:none;
	color:#58595b;
	padding:3px 0;
	display:inline-block;
	width:auto;
	font-size:14px
}

.sbcollumnlast {
	margin-top:2px
}

.sbcollumnlast ul li a
{
	font-family:'Karla bold';
	font-size:16px;
	color:#000
}

#header
{
	position:relative;
	width:100%;
	height:83px;
	padding:8px;
	z-index:1
}

#homebutton
{
	position:absolute;
	top:16px;
	left:130px;
	font-family:'Karla bold';
	color:#000;
	text-decoration:none;
	font-size:16px;
	font-size:1.6rem;
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear;
	z-index:2
}

.showaside #homebutton
{
	-webkit-transform:translate(-100px,0);
	-moz-transform:translate(-100px,0);
	-ms-transform:translate(-100px,0);
	-o-transform:translate(-100px,0)
}

#chlogoheader
{
	display:block;
	width:100%;
	max-width:180px;
	margin:0 auto
}

#fondsbox {
	width:100%;
	max-width:1022px;
	margin:0 auto 35px auto;
}

#innerfbox
{
	position:relative;
	width:100%;
	padding:0 10px 30px 10px;
}

#innerfbox .fdscollumn {
	float:left;
	width:50%;
	padding:10px;
}

#innerfbox .fdscollumn a,
#innerfbox .fdscollumn a img {
	display:block;
	float:left;
	width:100%;
}

#footer
{
	width:100%;
	max-width:1022px;
	margin:0 auto;
}

#footer:before
{	
	box-sizing: border-box;
	content:"";
	width:100%;
	background-clip:content-box;
	height:1px;
	background-color: #000;
	padding:0 10px;
}

#innerfooter
{
	position:relative;
	width:100%;
	padding:0 10px 30px 10px;
}

.fcollumn
{
	position:relative;
	float:left;
}

.fcollumn h2
{
	padding:0;
	margin:0;
	font-size:20px;
	font-size:2rem
}

.fcollumn ul
{
	margin:18px 0 0;
	list-style-type:none
}

.fcollumn ul li a
{
	display:inline-block;
	width:auto;
	padding:3px 0;
	color:#000;
	font-size:14px;
	font-size:1.4rem;
	font-family:'Karla bold';
	text-decoration:none
}

.fcollumn1
{
	width:50%;
}

.fcollumn2
{
	display:none;
	width:25%;
}

.fcollumn3
{
	display:none;
	width:20%;
}

.fcollumn4
{
	float:right;
	width:50%;
}

.fcollumn4 h2,
.fcollumn4 .fcredits {
	display:none;
}

.fcollumn4 .sbfooter {
	float:right;
}

#chlogofooter
{
	position:relative;
	display:block;
	float:left;
	width:100%;
	max-width:200px;
	padding:15px 20px 15px 2px;
}

@media only screen and (min-width: 400px) {
	#innerfbox .fdscollumn {
		width:33.33333%;
		padding:30px;
	}
}

@media only screen and (min-width: 720px) {
	.fcollumn1 {
		width:25%;
	}
	.fcollumn2 {
		display:block;
	}
	.fcollumn3 {
		display:block;
	}
	.fcollumn4 {
		width:30%;
		float:left;
	}
	.fcollumn4 .sbfooter {
		float:none;
	}
	.fcollumn4 h2,
	.fcollumn4 .fcredits {
		display:block;
	}
	#innerfooter {
		padding:20px 10px 30px 10px;
	}
	#chlogofooter {
		padding:0 20px 15px 2px;
	}
	#innerfbox .fdscollumn {
		width:25%;
	}
}

@media only screen and (min-width: 1000px) {
	#innerfbox .fdscollumn {
		width:20%;
	}
}

#contacts
{
	width:100%;
	margin:20px 0 0;
}

#contacts svg
{
	margin:0;
	padding:0
}

#contacts .fcredits
{
	margin:20px 0 0;
	color:#9f9f9f;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5em
}

#contacts .fcredits a
{
	color:#9f9f9f;
	text-decoration:none
}

.sbfooter a
{
	text-decoration:none
}

body.classhome #header
{
	display:none
}

body.classhome #togglemenu
{
	background-color:#FFF
}

#pageid64 {
	background-image:url(/workspace/assets/css/img/panelbg.png);
	background-size: 123px;
}

#homewrap
{
	position:relative;
	width:100%;
	height:100%;
	padding:0 0 0 353px;
	-webkit-transition:padding-left 200ms linear;
	-moz-transition:padding-left 200ms linear;
	-ms-transition:padding-left 200ms linear;
	-o-transition:padding-left 200ms linear
}

#homemenu
{
	position:absolute;
	top:0;
	left:0;
	width:355px;
	height:100%;
	padding:0;
	overflow:hidden;
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear;
}

#innerhomemenu
{
	position:absolute;
	top:0;
	left:0;
	bottom:-15px;
	width:380px;
	height:100%;
	padding:80px 50px 15px 36px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-x:hidden;
	z-index:1
}

#innerhomemenu h2
{
	color:#FFF;
	font-size:24px;
	font-size:2.4rem
}

#innerhomemenu ul
{
	list-style-type:none;
	float:left;
	width:100%
}

#innerhomemenu ul li
{
	float:left;
	margin:8px 0
}

#innerhomemenu ul li a
{
	display:block;
	float:left;
	width:100%;
	padding:7px 10px;
	text-decoration:none;
	color:#FFF;
	font-family:'Karla bold';
	font-size:16px;
	font-size:1.6rem
}

ul.hmwwbv
{
	margin-bottom:30px;
	padding-right:10px
}

ul.hmwwbv li
{
	width:100%
}

ul.hmwwdi {
	padding:0 10px 0 0;
}

ul.hmwwdi li {
	background-color: #FFF;
	width:100%;
	margin:0!important;
	padding:0 10px;
}

ul.hmwwdi li > div {
	float:left;
	width:100%;
	position:relative;
	border-bottom:1px solid #b9b9b9;
	padding:15px 0;
}

#innerhomemenu ul.hmwwdi li h2 {
	color:#3aa8dd;
	margin:0;
	padding:0;
	font-size:20px;
	font-size:2rem
}

ul.hmwwdi li p {
	margin:0;
	color:#000;
}

.button {
	position:relative;
	
	width:auto!important;
	color:#FFF;
	background-color:#3aa8dd;
	padding:8px 13px;
	text-decoration:none;
	font-family:'Karla bold';
	font-size:15px;
}

#csframe {
	display:block;
	float:left;
	width:100%;
	clear:both;
	list-style-type: none;
}

#csframe > li {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

#csframe .lcsframe {
	padding:0 0 5px 5px;
}

#csframe .rcsframe {
	padding:20px 15px;
}

#csinfo {
}

#csinfo .csdata a.mlicon {
	text-decoration: none;
	color:#000;
}

.csicon {
	width:30px;
	height:30px;
}

.csicon > div {
	width:100%;
	height:100%;
	background-image:url(/workspace/assets/css/img/csicons.svg);
	background-size:90px 60px;
	background-repeat: no-repeat;
}

.csicon > .csdate {
	background-position-x: 0;
	background-position-y: 0;
}

.csicon > .csinfo {
	background-position-x: -30px;
	background-position-y: 0;
}

.csicon > .cskosten {
	background-position-x: -60px;
	background-position-y: 0;
}

.csicon > .cscontact {
	background-position-x: 0;
	background-position-y: -30px;
}

.csicon > .cstime {
	background-position-x: -30px;
	background-position-y: -30px;
}

.csicon > .csloc {
	background-position-x: -60px;
	background-position-y: -30px;
}

.csdata {
	padding-left:10px;
}

#mapwrap {
	float:left;
	width:100%;
	max-width:330px;
	padding:0; 
}

.placeholder {
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    margin: 0
}

#mapframe {
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	height:100%;
	border:none;
}

@media only screen and (min-width: 481px) {
	#csframe > li {
		width:50%;
	}
	#csframe .rcsframe {
		padding:5px 10px 0 15px;
	}
	#mapwrap {
		float:right;
	}
}


#csnavbox {
	float:left;
	width:100%;
	margin:10px 0;
	padding:0 5px;
}

#csnavbox .pnxt {
	color:#000;
	padding:10px 5px;
}

.swiper-container
{
	height:100%
}

.swiper-wrapper
{
	height:100%
}

.swiper-slide::after
{
	content:"";
	position:absolute;
	opacity:.3;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-size:8px 15px;
	background-position:right top;
	background-repeat:repeat
}

.swiper-slide
{
	position:relative;
	background-size:cover;
	background-position:center center;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:hand;
	background-color:#e84730;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:20% 20% 20% 10%
}

.swipecontent
{
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	z-index:2
}

.swipecontent .innerswipecontent
{
	-webkit-align-self:flex-end;
	align-self:flex-end;
	width:100%;
	color:#FFF
}

.blackcircle
{
	margin-bottom:100px;
	-webkit-transition:margin-bottom 200ms linear;
	-moz-transition:margin-bottom 200ms 200ms linear;
	-ms-transition:margin-bottom 200ms 200ms linear;
	-o-transition:margin-bottom 200ms 200ms linear
}

.swipecontent .innerswipecontent h1,.swipecontent .innerswipecontent h2,.swipecontent .innerswipecontent h3,.swipecontent .innerswipecontent h4
{
	color:#FFF
}

.swipecontent .innerswipecontent h2.header,.swipecontent .innerswipecontent h2
{
	width:100%;
	font-size:30px;
	font-size:3rem;
	font-size:2vw;
	line-height:1.2em;
	text-shadow:2px 2px 2px #000
}

.swipecontent .innerswipecontent p
{
	font-size:24px;
	font-size:2.4rem;
	font-family:'Karla bold';
	text-shadow:1px 1px 1px #000;
}

.swipecontent .interview
{
	display:inline-block;
	margin:0 0 10px;
	font-family:'Karla bold';
	text-shadow:1px 1px 1px #000;
	text-decoration:underline
}

.swipecontent .innerswipecontent a.button
{
	display:inline-block;
	color:#FFF;
	background-color:#f3704b;
	padding:8px 13px;
	text-decoration:none;
	font-family:'Karla bold';
	font-size:15px;
	margin:35px 0 0
}

body.showaside #masterwrap
{
	-webkit-transform:translate(315px,0);
	-moz-transform:translate(315px,0);
	-ms-transform:translate(315px,0);
	-o-transform:translate(315px,0)
}

@media only screen and (min-width: 530px) {
	#masterwrap {
		-webkit-transition:padding-left 200ms linear;
		-moz-transition:padding-left 200ms linear;
		-ms-transition:padding-left 200ms linear;
		-o-transition:padding-left 200ms linear;
	}
	body.showaside #masterwrap
	{
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	padding-left:315px;
	}
}

@media only screen and (max-width: 1600px) {
	.innerswipecontent p
	{
		font-size:12px!important;
		font-size:1.2em!important
	}
}

@media only screen and (max-width: 950px) {
	.swiper-slide
	{
		padding:20% 15% 10% 10%
	}
	
	.innerswipecontent p
	{
		font-size:10px!important;
		font-size:1em!important
	}
	
	.innerswipecontent h2
	{
		font-size:20px!important;
		font-size:2em!important
	}
	
	.swipecontent .innerswipecontent a.button
	{
		padding:8px 13px;
		margin:20px 0 10px
	}
}

@media only screen and (max-height: 650px) {
	.swiper-slide
	{
		padding:4% 5% 15%
	}
	
	.swipecontent .innerswipecontent a.button
	{
		padding:6px 11px;
		margin:16px 0 10px
	}
	
	.innerswipecontent .circlelink
	{
		width:100px
	}
	
	.innerswipecontent .blackcircle
	{
		margin-bottom:50px
	}
}

@media only screen and (max-height: 500px) {
	.swiper-slide
	{
		padding:4% 5% 25%
	}
	
	#cordaadwit
	{
		width:130px
	}
	
	.innerswipecontent .blackcircle
	{
		margin-bottom:30px
	}
}

@media only screen and (max-height: 400px) {
	#cordaadwit
	{
		width:100px!important
	}
	.innerswipecontent .blackcircle
	{
		margin-bottom:0
	}
}

#titleheading
{
	padding:0 0 0 8px;
	font-size:40px;
	font-size:4rem
}

#ccountheader {
	display:block;
	font-size:14px;
	font-size:1.4rem;
	color:#939393;
	padding:20px 0 0 10px;
}

#pageid79 #titleheading
{
	float:left;
	width:auto
}

#allcontacts
{
	float:right;
	margin:20px 22px 0 0;
	text-decoration:none;
	z-index:2
}

#main
{
	width:100%;
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear
}

#innermain
{
	position:relative;
	width:100%;
	max-width:1022px;
	margin:15px auto 0 auto;
}

#maincontent
{
	width:100%
}

.borderbottom {
	
}

.borderbottom:after
{	
	box-sizing: border-box;
	content:"";
	width:100%;
	background-clip:content-box;
	height:1px;
	background-color: #000;
	padding:0 10px;
}

#content
{
	position:relative;
	width:100%;
	max-width:1022px;
	margin:0 auto;
	padding:20px 0 0
}

.content
{
	position:relative;
	width:100%;
	max-width:1022px;
	margin:0 auto;
	padding:0
}

.pageid
{
	width:100%
}

.section
{
	width:100%;
	padding:10px 10px 0
}

.markup
{
	position:relative;
	width:100%
}

.markup hr
{
	height:1px;
	width:90%;
	margin:30px auto;
	clear:both;
	border:none;
	background-color:#dce2e7
}

.markup h1,.markup h2,.markup h3,.markup h4,.markup h5,.markup h6,.markup h7
{
	line-height:1.17em;
	color:#272425;
	text-decoration:none;
	margin:.1em 0!important;
	padding:0
}

.markup h1,.markup h2.header
{
	font-size:35px;
	font-size:3.5rem;
	color:#272425
}

.markup h2
{
	font-size:28px;
	font-size:2.8rem
}

.markup h3
{
	font-size:23px;
	font-size:2.3rem
}

.markup h4
{
	font-size:21px;
	font-size:2.1rem
}

.markup h5
{
	font-size:18px;
	font-size:1.8rem
}

.markup h6
{
	font-size:16px;
	font-size:1.6rem
}

.markup h7
{
	font-size:15px;
	font-size:1.5rem
}

.markup img
{
	max-width:100%;
	margin:0
}

.markup blockquote
{
	position:relative;
	float:left;
	display:block;
	min-width:300px;
	width:100%;
	padding:20px 20px 20px 5px;
	font-family:'nomets_karlabold', Georgia,"Times New Roman",Times,serif;
	color:#9c9c9c;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	column-break-inside:avoid;	
}

.markup blockquote p
{
	font-family:'nomets_karlabold', Georgia,"Times New Roman",Times,serif;
	margin:0;
	padding:0;
	font-size:10px;
	font-size:1.0rem;
	line-height:3.3em
}

.markup table
{
	margin:30px 0
}

.markup td,.markup th
{
	padding:3px 10px;
	border:1px solid #ccc
}

.markup th
{
	background-color:rgba(90,117,140,0.14)
}

.markup pre
{
	max-width:100%;
	overflow:auto;
	padding:30px 20px;
	background-color:#fafafa;
	color:#646464;
	border:1px solid #ccc;
	margin:20px 0
}

.markup p,.markup div
{
	font-size:15px;
	font-size:1.5rem;
	margin:4px 0 15px!important;
	line-height:1.6em;
	color:#272425
}

.markup ul,.markup ol
{
	padding:0 0 0 0;
	margin:10px 0 15px
}

.markup ul
{
	list-style-type:none
}

.markup ul li,.markup ol li
{
	position:relative;
	margin:1px 0;
	line-height:1.6em;
	color:#272425;
	display: table-row;
}

.markup ul li:before
{
	content:"• ";
	position:relative;
	display: table-cell;
	top:2px;
	left:0;
	padding-right:5px;
	color:#000;
	font-size:20px;
	font-size:2rem
}

.markup ul li ul, .markup ul li ul
{
	padding:0 0 0 13px;
}

.markup .inlinefigure
{
	width:100%;
	padding:0;
	margin:15px 0
}

.markup .inlinefigure img
{
	max-width:100%;
	margin:0
}

.markup .inlinefigure figcaption
{
	padding:1px;
	margin:0;
	font-size:11px;
	font-size:1.1rem;
	color:#8b8b8b
}

.markup a.alink
{
	color:#59748c;
	outline:none;
	border-bottom:1px dotted #59748c;
	text-decoration:none;
	-webkit-transition:color .3s ease;
	-moz-transition:color .3s ease;
	-ms-transition:color .3s ease;
	-o-transition:color .3s ease
}

.markup a.alink:hover
{
	color:#0089ff
}

.columnbox
{
	margin:0;
	width:100%
}

.columnbox p
{
	margin:0
}

.twocolumn
{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-break-before:always;
	-moz-column-break-before:always;
	column-break-before:always;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px
}

.sltop,.slbottom
{
	width:100%
}

.sltopfirst .pnxt {
	font-size:12px;
	min-width:100px;
}

#shbck
{
	width:100%;
	max-width:1022px;
	margin:0 auto
}

.slbottom
{
	margin:0
}

.prevnextwrap
{
	width:100%;
	max-width:1022px;
	margin:0 auto;
	padding:0 10px 25px
}

.sltop .prevnextwrap
{
	display:none;
	padding:0 5px 5px
}

.sltopblank .prevnextwrap .pnxt
{
	font-size:12px;
	background-color:transparent;
	min-width:100px;
}

.slbottom .prevnextwrap
{
	padding:0 10px 25px
}

.pnxt
{
	width:auto;
	min-width:150px;
	color:#FFF;
	text-decoration:none
}

.pnxt:hover {
	opacity:0.9;
}

.pnxtl1
{
	background-color:#3a669c;
	font-family:'Karla bold';
	padding:6px 10px;
	font-size:15px;
	font-size:1.5rem
}

#prevnextwrap
{
	width:100%;
	max-width:1022px;
	margin:0 auto;
	padding:0 10px 25px
}

.pnxtl2
{
	padding:6px 9px;
	font-size:14px;
	font-size:1.4rem;
	font-family:'Karla bold'
}

.prevs
{
	float:left
}

.nexts
{
	float:right;
	text-align:right
}

.levelwrap
{
	position:relative;
	width:100%;
	min-height:180px;
	padding:0 10px 3px 130px
}

.levelwrap #cordaadicon
{
	position:absolute;
	top:10px;
	left:15px;
	width:85px
}

.levelwrap h1
{
	font-size:40px;
	font-size:4rem;
	margin:0 0 .4em!important
}

.levelwrap #cordaadicon .dnaicon
{
	display:block;
	width:100%;
	margin:0 auto
}

.levelwrap #cordaadicon #topicon .dnaicon
{
	max-width:60%
}

#dienstenwrap
{
	width:100%;
	max-width:1022px;
	margin:0 auto;
	color:#272425
}

#instruction
{
	margin:0;
	width:100%;
	max-width:1022px;
	margin:0 auto;
	padding:0 0 0 10px;
	font-style:italic;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5em;
	color:#565656;
}

#notify
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	display:none;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	z-index:20
}

.success
{
	background-color:#419641
}

.warning
{
	color:#FFF;
	background-color:#B33A3A!important
}

.error
{
	color:#FFF;
	background-color:#eeac57
}

#loader
{
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	height:5px;
	z-index:20
}

#loadbars,#loadbarf
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0;
	background-color:#CCC;
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-o-transform:translate(-100%,0)
}

#loadbars
{
	-webkit-transition:-webkit-transform 4000ms linear;
	-moz-transition:-moz-transform 4000ms linear;
	-ms-transition:-o-transform 4000ms linear;
	-o-transition:transform 4000ms linear
}

#loadbarf
{
	-webkit-transition:-webkit-transform 200ms linear;
	-moz-transition:-moz-transform 200ms linear;
	-ms-transition:-o-transform 200ms linear;
	-o-transition:transform 200ms linear
}

.loading
{
	opacity:1!important;
	-webkit-transform:translate(0%,0)!important;
	-moz-transform:translate(0%,0)!important;
	-ms-transform:translate(0%,0)!important;
	-o-transform:translate(0%,0)!important
}

#chlogobr
{
	position:fixed;
	bottom:0;
	right:0;
	width:380px;
	z-index:3;
	-webkit-transition:-webkit-transform 500ms linear;
	-moz-transition:-moz-transform 500ms linear;
	-ms-transition:-o-transform 5000ms linear;
	-o-transition:transform 5000ms linear;
	transform-origin:bottom right;
	-webkit-transform:scale(0.45,0.45);
	-moz-transform:scale(0.45,0.45);
	-ms-transform:scale(0.45,0.45);
	-o-transform:scale(0.45,0.45)
}

@media only screen and (min-width: 500px) {
	#chlogobr {
		-webkit-transform:scale(0.6,0.6);
		-moz-transform:scale(0.6,0.6);
		-ms-transform:scale(0.6,0.6);
		-o-transform:scale(0.6,0.6);
	}
}

@media only screen and (min-width: 800px) {
	#chlogobr {
		-webkit-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);
		-ms-transform:scale(0.8,0.8);
		-o-transform:scale(0.8,0.8);
	}
}

@media only screen and (min-width: 1200px) {
	#chlogobr {
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-o-transform:scale(1,1)
	}
}

#cordaadwit path,#cordaadwit polygon,#cordaadwit rect
{
	fill:#FFF
}

#filterlist
{
	width:100%;
	list-style-type:none;
	margin:20px 0 0 7px
}

#filterlist li
{
	float:left
}

#filterlist li a
{
	display:inline-block;
	width:100%;
	padding:3px 5px;
	color:#c7c6c7;
	text-decoration:none
}

#filterlist li .filtered
{
	color:#000
}

.dividercp
{
	margin-top:30px
}

.previewtext
{
	display:inline-block;
	padding-top:20px
}

#toform
{
	float:right!important;
	margin:25px 10px 0 0 !important;
	cursor:pointer!important;
	z-index:2
}

.vacback
{
	position:relative;
	display:block;
	float:left;
	padding:8px 15px;
	color:#000;
	border:1px solid #000;
	cursor:pointer;
	font-size:16px;
	font-size:1.6rem;
	margin:10px 0 20px 25px;
	text-decoration:none
}

#sollicitatieformulier
{
	position:relative;
	float:left;
	width:100%;
}

#sollicitatieformulier h2 > .ccount {
	font-size:14px;
	font-size:1.4rem;
	color:#939393;
	font-weight: normal!important;
}

#sollicitatieformulier h2 > .ccountw {
	color:red
}

.formblocked {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.formblocked label,
.formblocked .inputlabel,
.formblocked #disclaim {
	opacity:0.3;	
}

.formblocked #verstuur {
	cursor:default!important;
	opacity:0.3;
	pointer-events: none;
}

#mantelzorgsollicitatieformulier,#contactformulier,#klachtenformulier
{
	position:relative;
	float:left;
	width:100%
}

#sollicitatieform
{
	display:block;
	position:relative;
	float:left;
	width:100%;
	margin:10px 0 30px;
	padding:10px
}

.contactform
{
	padding:10px 0!important
}

#sollicitatieform fieldset
{
	display:block;
	width:100%;
	float:left;
	margin:0 0 20px;
	border:1px solid transparent
}

#sollicitatieform fieldset legend
{
	display:block;
	width:100%;
	float:left;
	font-family:'Karla bold';
	padding:0 0 5px 3px;
	color:#272425
}

#sollicitatieform fieldset .sublegend
{
	width:100%;
	font-size:12px;
	font-size:1.2rem;
	padding:0 0 8px 3px
}

#sollicitatieform .inputlabel
{
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:100%;
	padding:2px 0;
	border:1px solid transparent;
	
}

#sollicitatieform .mogenerfotosfilmsgemaaktwordenlabel .inputwrap .selectwrap {
	border:none;
}

#sollicitatieform .inputlabel .warningicon
{
	position:absolute;
	top:6px;
	right:2px;
	width:15px;
	height:15px
}

.filename {
	position:absolute!important;
	bottom:10px!important;right:10px!important;
	font-size:12px;
	font-size:1.2rem;
}

#sollicitatieform .inputlabel span.iu
{
	display:block;
	position:relative;
	width:auto;
	min-height:17px;
	float:right;
	text-align:right;
	font-size:11px;
	font-size:1.1rem;
	line-height:1.3em;
	margin:0;
	padding:1px 4px 2px 1px;
	font-style:italic;
	color:#eeac57!important;
	opacity:0
}

#sollicitatieform .inputlabel .inputwrap
{
	position:relative;
	display:block;
	float:left;
	width:100%;
	padding:0 0 0 260px
}

#sollicitatieform .inputlabel .inputwrap .inputtitle
{
	position:absolute;
	bottom:1px;
	left:0;	
	width:100%;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5em;
	color:#272425;
	padding:3px
}

#sollicitatieform .opmerkinglabel {
	margin-top:25px;
}

#sollicitatieform .inputlabel .inputwrap .opmtitle {
	font-weight: bold;
}

@media only screen and (min-width: 481px) {
	#sollicitatieform .inputlabel .inputwrap .opmtitle {
	top:10px;
	}
}

#sollicitatieform .inputlabel .inputwrap .inputtitle.tatitle
{
	top:0
}

#sollicitatieform .inputlabel .inputwrap input
{
	float:right;
	width:100%;
	border:1px solid #CCC;
	padding:5px;
	-webkit-appearance:none;
	border-radius:0;
	font-size:13px;
	font-size:1.3rem;
	border-radius:0;
	min-height:10px
}

#sollicitatieform .inputlabel .inputwrap textarea
{
	-webkit-appearance:none;
	border-radius:0;
	float:right;
	width:100%;
	border:1px solid #CCC;
	padding:5px;
	min-height:110px;
	font-size:16px;
	font-size:1.6rem
}

#sollicitatieform .inputlabel .inputwrap select
{
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius:0;
	padding:5px;
	max-width:100%;
	border:none;
	font-size:13px;
	font-size:1.3rem
}

#sollicitatieform .inputlabel .inputwrap .genderradio
{
	display:block;
	position:relative;
	float:left;
	margin:0 20px 0 0;
	padding:3px 3px 3px 20px
}

#sollicitatieform .inputlabel .inputwrap .genderradio > input
{
	position:absolute;
	top:3px;
	left:3px;
	width:15px;
	height:15px;
	margin:0!important;
	padding:2px;
	border-radius:7px
}

#sollicitatieform .inputlabel .inputwrap .genderradio > input:checked
{
	background-color:#000
}

#sollicitatieform .inputlabel .inputwrap .genderradio span
{
	display:block;
	float:left;
	font-size:12px;
	font-size:1.2rem;
	margin:0 0 0 3px
}

#sollicitatieform .errorinput input
{
	border:1px solid #eeac57!important
}

#sollicitatieform .errorinput span.iu
{
	opacity:1
}

#sollicitatieform .successinput input
{
	border:1px solid #419641!important
}

#sollicitatieform .selectwrap
{
	position:relative;
	float:right;
	width:100%;
	border:1px solid #CCC;
	padding:0
}

#sollicitatieform .selectwrap .selecticon
{
	position:absolute;
	top:8px;
	right:6px;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:8px solid #000;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none;
}

#sollicitatieform select
{
	width:100%;
	max-width:200px;
	min-width:150px;
	margin:0;
	background-color:#FFF
}

#disclaim {
	float:left;
	width:100%;
	text-align:right;
	font-size:12px;
	font-size:1.2rem;
	font-style: italic;
	color:#7f7f7f;
	padding:5px;
	margin:0 0 5px 0;
}

#sollicitatieform #verstuur
{
	position:relative;
	float:left;
	display:block!important;
	margin:10px 0 20px;
	padding:8px 15px;
	background-color:#3aa8dd;
	color:#FFF;
	border:1px solid #3aa8dd;
	cursor:pointer;
	font-size:16px;
	font-size:1.6rem;
	-webkit-appearance:none;
	border-radius:0
}

.fileupload::-webkit-file-upload-button
{
	visibility:hidden
}

.fileupload::before
{
	content:'Browse...';
	display:inline-block;
	background:-webkit-linear-gradient(top,#f9f9f9,#e3e3e3);
	border:1px solid #999;
	border-radius:3px;
	padding:4px 13px;
	color:#6e6e6e;
	outline:none;
	white-space:nowrap;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
	cursor:pointer;
	text-shadow:1px 1px #fff;
	font-size:13px;
	font-size:1.3rem
}

.fileupload:hover::before
{
	border:1px solid #858585
}

.fileupload:active::before
{
	background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)
}

@media only screen and (max-width: 480px) {
	#sollicitatieform .inputlabel .inputwrap
	{
		padding:5px 0 0
	}
	
	#sollicitatieform .inputlabel .inputwrap .inputtitle
	{
		max-width:auto!important;
		width:auto;
		position:relative;
		float:left
	}
	
	#sollicitatieform .inputlabel span.iu
	{
		padding:1px 4px 0 1px;
		line-height:2em
	}
}

.fbfooter
{
	width:25px
}

.mailiconfooter
{
	width:25px
}

.sharedienst
{
	width:100%;
	padding:0 0 20px 15px;
	margin:0
}

.sharedienst .fbvac path
{
	fill:#000
}

.sharedienst .livac path
{
	fill:#000
}

#levelbg .sharedienst .fbvac path
{
	fill:#FFF
}

#levelbg .sharedienst .livac path
{
	fill:#FFF
}

#levelbg .dvtext,#levelbg .sdtext
{
	color:#FFF;
	padding-top:3px
}

.historyloc
{
	float:right;
	color:#FFF;
	margin-right:10px
}

.pdfdoc
{
	position:relative;
	margin:0 0 0 23px
}

.pdfdoc:before
{
	position:absolute;
	top:-3px;
	left:-23px;
	content:"";
	background-image:url(/workspace/assets/css/img/pdficon.png);
	background-size:18px 18px;
	background-repeat:no-repeat;
	width:27px;
	height:27px;
	background-position-x:1px;
	background-position-y:1px
}

.external
{
	display:inline;
	display:inline-block;
	padding:0 2px;
	width:18px;
	height:14px;
	vertical-align:middle;
	opacity:.7
}

.sharev
{
	width:100%;
	padding:15px 0 0
}

.sharevperm
{
	position:relative;
	float:left;
	margin:18px 0 0 30px
}

.dvtext
{
	display:inline-block;
	float:left
}

.sharebox
{
	display:inline-block;
	float:left
}

.triggershare
{
	cursor:pointer
}

.fbvac
{
	display:inline-block;
	float:left;
	width:22px;
	margin:-2px 8px 0 7px
}

.livac
{
	display:inline-block;
	float:left;
	width:22px;
	margin:-1px 0 0
}

.searchresults
{
	float:left;
	width:100%;
	margin-top:30px!important
}

.searchresults h2
{
	display:block;
	width:100%;
	float:left;
	margin:5px 0 15px!important;
	padding:0 0 4px 2px;
	border-bottom:1px solid #000
}

.searchlinks
{
	margin:15px 0 0!important;
	padding:0 0 0 4px;
	width:100%;
	float:left
}

.searchlinks h5
{
	display:block;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	color:#525252
}

.searchlinks a
{
	display:block;
	width:100%;
	float:left;
	width:100%;
	color:#b2b2b2;
	text-decoration:none;
	font-size:13px;
	font-size:1.3rem
}

@font-face
{
	font-family:'Karla normal';
	font-style:normal;
	font-weight:400;
	src:local(Karla),local(Karla-Regular),url(/s/karla/v5/QT0qO2FiFD03cwUe_t62t6CWcynf_cDxXwCLxiixG1c.woff) format("woff")
}

@font-face
{
	font-family:'Karla bold';
	font-style:normal;
	font-weight:700;
	src:local('Karla Bold'),local(Karla-Bold),url(/s/karla/v5/3nZS3BKzlvhkwl4yjCQcjHYhjbSpvc47ee6xR_80Hnw.woff) format("woff")
}

@font-face
{
	font-family:'Karla italic';
	font-style:italic;
	font-weight:400;
	src:local('Karla Italic'),local(Karla-Italic),url(/s/karla/v5/ietJ6bjhwzrJL8NSJOc2mgLUuEpTyoUstqEm5AMlJo4.woff) format("woff")
}

@font-face
{
	font-family:'Karla italic bold';
	font-style:italic;
	font-weight:700;
	src:local('Karla Bold Italic'),local(Karla-BoldItalic),url(/s/karla/v5/VZ08RdiotRdV1D0ewK-mxL3hpw3pgy2gAi-Ip7WPMi0.woff) format("woff")
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 12, 2016 */

@font-face {
    font-family: 'nomets_karlabold';
    src: url('/workspace/assets/css/fonts/nomets_karla-bold-webfont.woff') format('woff2'),
         url('/workspace/assets/css/fonts/nomets_karla-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@media only screen and (max-width: 700px) {
	html
	{
		font-size:57%
	}
	
	#chlogoheader
	{
		float:right;
		margin:0 10px 0 0;
		max-width:150px
	}
	
	.markup h1,.markup h2.header
	{
		font-size:30px;
		font-size:3rem
	}
	
	#titleheading
	{
		font-size:30px;
		font-size:3rem
	}
	
	#innermain .prevnextwrap
	{
		top:0
	}
	
	#triangle
	{
		top:-80px
	}
	
	.cpfigure
	{
		width:50%
	}
}

@media only screen and (max-width: 500px) {
	html
	{
		font-size:54%
	}
	
	#homebutton
	{
		text-transform:capitalize
	}
	
	#homebutton, #homebutton .terugnaar
	{
		display:none
	}
	
	.slnloc
	{
		display:none
	}
	
	#triangle
	{
		top:-160px
	}
	
	#levelbg
	{
		padding:50px 0 0
	}
	
	.markup h1,.markup h2.header
	{
		font-size:20px;
		font-size:2rem
	}
	
	.levelwrap
	{
		padding:0 10px;
		border-bottom:none!important
	}
	
	.sltop .prevnextwrap
	{
		display:block
	}
	
	.slbottom .prevnextwrap
	{
		display:none
	}
	
	#prevnextwrap
	{
		position:absolute;
		left:0;
		z-index:4
	}
	
	.pnxtl2
	{
		padding:6px 8px;
		font-size:14px;
		font-size:1.4rem
	}
	
	#prevnextwrap .pnxt,.prevnextwrap .pnxt
	{
		padding:4px 6px!important;
	}
	
	#dienstenwrap .markup .twocolumn
	{
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1
	}
	
	#cordaadicon
	{
		display:none
	}
	
	#content .sharedienst .sdtext
	{
		color:#000!important
	}
	
	.swiper-slide
	{
		visibility:hidden;
	}
	.innerswipecontent *
	{
		text-shadow:none!important
	}
	
	.showaside #homebutton
	{
		display:none
	}
	
	.classhome .circlelink
	{
		position:fixed;
		top:10px;
		right:10px
	}
	
	#innermain
	{
		margin-top:-30px
	}
	
	.historyloc,#allcontacts
	{
		float:left;
		clear:both;
		margin:20px 0 0
	}
	
	#allcontacts
	{
		margin-left:10px
	}
	
	#dienstenwrap
	{
		margin-top:-80px!important
	}
	
	.dividercp
	{
		margin-top:0
	}
}

@media only screen and (max-width: 450px) {
	.cpfigure
	{
		width:100%;
		padding-right:0;
		padding-left:0;
	}
	
	.innerswipecontent h2
	{
		font-size:18px!important;
		font-size:1.8em!important
	}
	
	.swipecontent .innerswipecontent a.button
	{
		padding:5px 10px;
		margin:14px 0
	}
	
	.innerswipecontent .circlelink
	{
		width:80px
	}
}

@media only screen and (min-width: 381px) {
	.classhome.showaside #togglemenu
	{
		-webkit-transform:translate(315px,0);
		-moz-transform:translate(315px,0);
		-ms-transform:translate(315px,0);
		-o-transform:translate(315px,0);
	}
}

#backtotopwrap
{
	position:relative;
	width:100%
}

#backtotopwrap #backtotop
{
	position:relative;
	float:none!important;
	width:200px;
	margin:0 auto!important;
	padding:15px 10px 10px;
	color:#c7c6c7;
	text-align:center;
	cursor:pointer;
	font-size:13px;
	font-size:1.3rem
}

#backtotopwrap #backtotop #btticon
{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-5px;
	width:10px;
	height:10px;
	border-top:1px solid #c7c6c7;
	border-right:1px solid #c7c6c7;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg)
}

#pagination
{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	padding:25px 0
}

ul.pagination
{
	position:relative;
	float:left;
	margin:0 0 5px 5px
}

ul.pagination li
{
	float:left;
	list-style-type:none;
	font-size:1.2em;
	display:inline;
	margin-right:4px
}

ul.pagination li.ellipsis
{
	padding:0 5px
}

ul.pagination li a
{
	display:block;
	float:left;
	padding:0 10px;
	color:#c7c6c7;
	text-decoration:none;
	border:1px solid #CCC
}

ul.pagination li span
{
	float:left;
	margin-right:4px
}

ul.pagination li a.page
{
	color:#CCC
}

ul.pagination li a.page:hover
{
	text-decoration:none;
	color:#adadad
}

ul.pagination li.selected a.page
{
	background-color:#CCC;
	color:#fff
}

ul.pagination li.disabled a
{
	color:#ddd;
	cursor:default;
	border:1px solid #CCC;
	opacity:.3
}

ul.hmwwbv .homethemebttn
{
	background-color: #3aa8dd;
}

.homethemebttn {
	text-shadow: none;
}

.desktop .homethemebttn:hover {
	opacity:0.85;
}

img[data-action="zoom"]
{
	cursor:pointer;
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in
}

.zoom-img,.zoom-img-wrap
{
	position:relative;
	z-index:666;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms
}

img.zoom-img
{
	cursor:pointer;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out
}

.zoom-overlay
{
	z-index:420;
	background:rgba(255,255,255,0.94);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms
}

.zoom-overlay-open .zoom-overlay
{
	filter:alpha(opacity=100);
	opacity:1
}

.zoom-overlay-open,.zoom-overlay-transitioning
{
	cursor:default
}

#agenda {
	float:left;
	width:100%;
}

#agenda tr {
   background-color: #f6efe7;
}

#agenda tr.tdvol {
	background-color: #FFF;
}

#agenda tr.tdvol td {
	color: #b1b1b1;
}

#agenda td {
	width:auto;
	border:none;
	border-bottom:3px solid #FFF;
	border-right:1px solid #e9e1d7;
	padding:7px;
	font-size:10px;
	font-size:1.05em;
}

#agenda td.hreftd {
	background-color: #54c2e5;
}

#agenda td.hreftd:hover {
	background-color: #4baece;
}

#agenda td .self {
	display:block;
	width:100%;
	text-decoration: none;
	color:#FFF;
	font-weight:bold;
}

#theader td {
	background-color: #54c2e5;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	font-size:1.2em;
}

#agenda td.acell {
	max-width:200px;
}

#agenda td.kcell {
	max-width:95px;
}

#agenda td.dcell {
	min-width:85px;
}

#agenda td.tcell {
	min-width:105px;
}

#agenda td.dmpmb, #agenda td.dmpmbt, #agenda td.dmpmbg {
	display:none;
	text-transform: capitalize;
}

@media only screen and (min-width: 700px) {
	#agenda td.dmpmbg {display:table-cell}
}

@media only screen and (min-width: 500px) {
	#agenda td.dmpmb {display:table-cell}
}

@media only screen and (min-width: 700px) {
	#agenda td.dmpmbt {display:table-cell}
}

#loadpage {
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	display:none;
}

.showspin {
	display:block!important;
	z-index:10;
}

.spinner {
  width: 200px;
  height: 40px;
  position: absolute;
  top:50%;
  margin-top:-20px;
  left:50%;
  margin-left:-100px;
}

.double-bounce1, .double-bounce2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #59748c;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left:-20px;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinnertext {
	position: absolute;
	top: 50px;
	left: 0;
	right:0;
	width:100%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.56)
 }

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }