/* cmsms stylesheet: sticky-div modified: 09-08-17 23:10:18 */
/* GRID 1200 (by PMKMedia.nl/grid) */

/* sticky div css */

#sticky-left-content.fix {
	margin-left: 34.333333%;
}

#sticky-left.stick {
	position: fixed;
	top: 0;
	right: 50%;
	width:376px;
	margin:10px 212px 10px 12px;
}

#sticky-right.stick {
	position: fixed;
	top: 0;
	left: 50%;
	width:376px;
	margin:10px 12px 10px 212px;
}

@media screen and (max-width: 1200px) {
	
	#sticky-left.stick {
		right: 66.666666%;
		width: 31.333333%;
		margin:10px 1%;
	}	
	
	#sticky-right.stick {
		left: 66.666666%;
		width: 31.333333%;
		margin:10px 1%;
	}
	
}

@media screen and (max-width: 800px) {
	
	#sticky-left-content,
	#sticky-left-content.fix {
		margin-left: 1.5%;
	}
	
	#sticky-left.stick {
		position: relative;
		width: 97%;
		margin:10px 1.5%;
		left: 0;
	}
	
	#sticky-right.stick {
		position: relative;
		width: 97%;
		margin:10px 1.5%;
		left: 0;
	}
	
}

@media screen and (max-width: 600px) {
	
	#sticky-left-content,
	#sticky-left-content.fix {
		margin-left: 2%;
	}
	
	#sticky-left.stick {
		width: 96%;
		margin:10px 2%;
	}
	
	#sticky-right.stick {
		width: 96%;
		margin:10px 2%;
	}
	
}
/* cmsms stylesheet: template980responsive modified: 28-02-20 20:58:06 */
/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:left;}
.section,.clear-bottom{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
.form input[type=text]{width:50%;}
.form textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:0px;}
/* content css */
.content{max-width:100%;margin:0 auto;text-align:left;overflow:hidden;}
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.fifth-column,.one-fifth-column{float:left;width:17%;margin:10px 1%;}
.three-fifth-column{float:left;width:48%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
.fifth-column-archief{float:left;width:17.33333%;margin:10px 0.5%;}


@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.five-sixth-column,.three-fifth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column,.fifth-column{width:47%;margin:10px 1.5%;}
.six-column{width:25%;margin:10px 0.5%;}
.fifth-column-archief{width:32%;margin:10px 0.5%;}
.split-column:last-child {margin-bottom:0;}
}

@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.five-sixth-column,.three-fifth-column{width:93%;margin:10px 2%;}
.fifth-column{width:40%;margin:10px 1,5%;}
.six-column{width:97.99999%;margin:10px 1%;}
.fifth-column-archief{width:47.9999%;margin:10px 1%;}

}
/* cmsms stylesheet: template980menu modified: 28-02-20 20:58:35 */
/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* menu-view css */
.nav {background:#2468AF;}
#nav select {display:none;}
#nav ul {display:inline;}

/* menu css */
#menu {
	font-size: 16px;
        font-weight: 600;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: 10%;
	display: none;
}

#menu ul li ul {
	margin-top: -10%;
	margin-left: 80%;
}

#menu ul ul li ul {
	margin-top: -10%;
	margin-left: 80%;
}

/* show submenu 1 */
#menu li:hover ul {
	display: block;
}

#menu li:hover ul ul {
	display: none;
}

/* show submenu 2 */
#menu ul li:hover ul {
	display: block;
}

#menu ul li:hover ul ul {
	display: none;
}

/* show submenu 3 */
#menu ul ul li:hover ul {
	display: block;
}

/* menu link css */
#menu a {
	display: block;
	background: #2468AF;
	color: #fff;
	text-decoration: none;
	padding: 12px 20px;
}

#menu a:hover {
	background: #F0E63C;
	color: #2468AF;
}

#menu ul {
	background: #FFF;
	border: 1px solid #000;
	width: 200px;
}

#menu ul a {
	background: #FFF;
	color: #000;
	font-size: 14px;
	width: 198px;
	padding: 12px;
}

.currentpage {
	background: #DECD17 !important;
	color: #fff !important;
}

/* menu z-index */
#menu {
	z-index: 1000;
}

#menu ul {
	z-index: 2000;
}

#menu ul ul {
	z-index: 3000;
}

#menu ul ul ul {
	z-index: 4000;
}

@media screen and (max-width: 800px) {	
	/* menu-mobile-view css */
	#nav select {display:block;}
	#nav ul {display:none;}

	/* menu-mobile css */
	.styled-select select {
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		background: transparent;
		width: 110%;
		overflow:hidden;
		border: 0;
		padding: 12px;
		font-size: 14px;
		color: #FFF;
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
	}
	
	.styled-select option {
		background: #FFF;
		color: #000;
		-webkit-appearance: none;
	}

}
/* cmsms stylesheet: template980 modified: 08-01-20 14:52:32 */
/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* body css */
body {
	background: url('https://weekbladtroef.nl/uploads/images/back4blue.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:400;
	line-height: 22px;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 10px;
}

h1 {font-size:18px;font-weight:600;color:#2468AF;line-height: 28px;}
h2 {font-size:18px;font-weight:600;color:#2468AF;line-height: 28px;}
h3 {font-size:16px;font-weight:600;color:#2468AF;}
h4 {font-size:16px;font-weight:600;color:#2468AF;}
h5 {font-size:14px;font-weight:600;color:#2468AF;}
h6 {font-size:12px;font-weight:400;color:#2468AF;}

a {color:#000;text-decoration:underline;}
a:hover {color:#4096ee;}

ul {list-style-type:disc;margin: 15px 40px;}
ol {list-style-type:decimal;margin: 15px 40px;}
ul li{display:list-item;}
ol li{display:list-item;}

table {padding: 10px;}

table td {padding: 10px;border-bottom:0px solid #CCC;}

.headerleft h1 {font-size:32px;font-weight:400;margin-top:12px;}
.headerleft a, .headerleft a:hover {color:#4096ee;}
.headerright {text-align:center;margin-top:22px;}

.headerbox-left {color:#FFF;padding:2px;display:block;background:#4096ee;}
.headerbox-right {color:#FFF;padding:2px;display:block;background:#4096ee;text-align:center;}
.troef {float:center; color:#FFF;padding: 2px 0 0 50px;background:#fff;max-height: 150px;}

.listbox a {background:#FFF;color:#2468AF;padding:5px;display:block;text-decoration:none;}
.listbox a:hover {background:#F0E63C;color:#2468AF;}

.listbox-right {text-align:right;background:;#efefef;}

.sidemenulist > .category {display:block;}
.sidemenulist > .categorysummary {display:none;}
.maincategory > .category {display:none;}
.maincategory > .categorysummary {display:block;}
.maincategory {margin-top:0px;}
.maincategory > .article {margin-top:10px;}
.maincategory > .archief {margin-top:10px;text-align:center;}
.gemeenten {margin:-10px;text-align:center; font-size:10px;}

.border {
border:1px solid #cecece;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}

.overflow {overflow:hidden;}

.fb-like-box-overflow > .fb_iframe_widget, 
.fb-like-box-overflow > .fb_iframe_widget span, 
.fb-like-box-overflow > .fb_iframe_widget span iframe[style] {width:100% !important;}

.twitter-timeline {height:300px;}

.form {padding:10px;}
.form h1, .form h2, .form h3, .form h4, .form h5, .form h6 {margin-left:0;margin-right:0;}
.form input, .form textarea {border:1px solid #cecece;padding:10px;font-family: 'Raleway', Arial, Helvetica, sans-serif;color: #000;font-size: 14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.form input[type=submit] {color: #FFF;background-color: #4096ee;}
.form td {padding:0;border:0;}

.hidden1200, .search-button {display:none;}

.search label {display:none;}

.search-input {
	float:right;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight: 300;
	border:1px solid #cecece;
	background-color:transparent;
	font-size: 14px;
	padding: 10px;
	margin-top: 10px;
	width: 48%;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.searchimg {height:26px;margin-top:16px;margin-right:10px;float:right;}

.topnewsimg {padding:10px 10px 0 10px;}
.articleimg {float:left;width:100%;padding:10px;}
.news-image{height:;160px;padding:10px;}
.news-title{height:40px;}
.articleinfo, .articledetails {color:#4096ee;font-weight:300;}

.articleinfo a, .articledetails a {color:#4096ee;text-decoration:underline;}
.articleinfo a:hover, .articledetails a:hover {color:#000;}

.article img {width:100%;}

.video {margin:10px;}

.facebook {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;margin:5px;border-radius:5px;}
.twitter {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;margin:5px;border-radius:5px;}
.facebook strong, .twitter strong {font-weight:600;}
.facebook:hover, .twitter:hover {background:#000;color:#FFF;}

.comments {padding:5px;}
.likebutton {padding:10px;line-height:0;}

h1 a, h3 a, h5 a {color:#000;text-decoration:none;}
h2 a, h4 a, h6 a {color:#000;text-decoration:none;}
h1 a:hover, h3 a:hover, h5 a:hover {color:#4096ee;}
h2 a:hover, h4 a:hover, h6 a:hover {color:#4096ee;}

#mainback {background:#FFF;max-width:1200px;margin:0 auto;margin-top:0px;float:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);}

#content_block {background:#FFF;max-width:1150px;margin:0 auto;margin-top:0px;float:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);}

#footer {width:100%;background:#2468AF;color:#FFF;font-size:12px;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6  {color:#FFF;}
#footer a, #footer a:hover {color:#F0E63C;}
.footer {text-align:center;}

.float-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  padding: 10px 10px 0 0;
  font-size: 40px;
  background: $warning;
  position: fixed;
  bottom: 20px; /* Adjust to where you want it */
  right: 60px; /* Adjust to where you want it */
  z-index: 9999;
}

.float-button .height_fix {
  margin-top: 100%;
}

.float-button .content {
  position: absolute;
  left: 0;
  top: 50%;
  height: 100%;
  width: 100%;
  text-align: center;
  margin-top: -20px; /* Note, this must be half the font size */
  color: $light;
}

a.back-to-top {
	display: none;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 80px;
	background: #00AFF0 url("/uploads/images/up-arrow.png") no-repeat center 50%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.pageimgright {
float: right;
width:220px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

.pageimgleft {
float:left;
width:220px;
height:auto;
margin-right:10px;
margin-bottom:10px;
}


@media screen and (max-width: 1000px) {
	
	#mainback {margin:0;border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;}
	#footer {background: #2468AF;}

}

@media screen and (max-width: 800px) {
	
	.hidden1200 {display:block;}
	.hidden800 {display:none;}
	
	.search-input {width:100%;}
	.searchimg {display:none;}
	
	.topnewsimg {float:left;width:150px;padding:10px;}
	
	.mobilemenu {background: url('https://weekbladtroef.nl/template980/images/mobilemenu.png') #4096ee no-repeat right;background-size:26px;}
	
	.sidemenulist {display:none;}
	.sidemenu:hover .sidemenulist {display:block;}
	
}

@media screen and (max-width: 600px) {
	
	.hidden600 {display:none;}
	
	.headerleft {text-align:center;}
	
	.search-input {margin-top:0;}
	
	.topnewsimg, .articleimg {width:;110px;}
	.articleinfo, .articlesummary {display:none;}
	.summaryheader h4 {font-size:14px;font-weight:300;}
	
	.pageimgright, .pageimgleft {width:100%;}
	
	/* responsive table */
	table {font-size: 12px;}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	.hidden600 {display:none;}
	
	.headerleft {text-align:center;}
	
	.search-input {margin-top:0;}
	
	.topnewsimg, .articleimg {width:100%;}
	.articleinfo, .articlesummary {display:none;}
	.summaryheader h4 {font-size:14px;font-weight:300;}
	
	.pageimgright, .pageimgleft {width:100%;}
	
	/* responsive table */
	table {font-size: 12px;}
}
/* cmsms stylesheet: FormBuilder Default Style modified: 30-09-16 19:37:52 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}