/* cmsms stylesheet: style_algemeen 2 modified: 18-11-25 02:28:36 */
 



html, body {
  height: 100%;
}






#messages {display:none;}




#map_canvas {
    height: 500px;
    width: 100px;
    margin: 0px;
    padding: 0px;
}


.plaatjes img {
    margin:5px;
    border: solid #000 3px; 
}


.zonderslider {
    
    margin-top:50px;
    
    
}


.vanaf {
        font-size: 150%;
        margin: 20px 0px;
}

.prijs {
    font-size: 300%;
    margin: 25px 0px;
}

.beschrijvingartikel table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.beschrijvingartikel td, .beschrijvingartikel  th {
  border: 1px solid #ddd;
  padding: 8px;
}

.beschrijvingartikel tr:nth-child(odd){background-color: #fff;}
.beschrijvingartikel tr:nth-child(even){background-color: #f2f2f2;}

.beschrijvingartikel tr:hover {background-color: #ddd;}

.beschrijvingartikel th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.CompanyDirectoryItem {
    background: #D9E8E3;
    overflow:hidden;
    padding:10px;
    border-radius: 10px;
    
    
}

.beschrijvingartikel li{
    text-align: left;
}



.bold {font-weight:bold;}



.copyright {
    background:#000;
    color:#fff;
}


.copyright a{
    color:#fff;
}


.wit  {color:#fff;}
.zwart {color:#000;}


.lijnrechts {
		border-right:#000000 solid 1px;
}

.leesmeer {
    background:#000;
    width:100%;
    padding:10px 10px;
    font-weight:bold;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    color:#fff;
}

.leesmeer:hover {
    background:rgba(0, 0, 0, 0.5);;
    color:#000;
}


.inhoud {
    text-align: left;
   /* min-height: 700px; */
}

.inhoud a {color:#000;text-decoration:none; padding:5px;}
.inhoud a:visited {color:#000;}
.inhoud a:hover {background:#ccc; color:#000; padding:5px;}
.inhoud a:active {color:#000;}


.telefoon img { margin: 0px 5px; }
.social img { margin: 0px 5px; }

/*
.blokdesign { background:#fff; padding: 10px; color:#fff; text-decoration:none; }
.blokdesign a:visited { color:#fff; }
.blokdesign:hover { background:#ccc; color:#fff;  
-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;} 
*/

.blokdesign h4{color:#fff; text-align:center; vertical-align: middle;}

.blokdesign {background:#3C4447;}

.appingedamdelfzijl {background:#ff0000;}
.groningen {background:#0000ff;}
.hareneelde {background:#32a530;}
.hoogezandsappemeer {background:#800000;}
.stadskanaal {background:#bb00bb;}
.veendam {background:#800000;}
.winschoten {background:#ff6600;}
.wijzigingenindegids {background:#ccc;}






.blokdesign a:active { color:#fff; }


.blokdesign {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding:10px;
    min-height: 100px;
}


.sliderblok {
    position:relative;
    z-index:-999;
    top:-150px;
    margin-bottom: -160px;
}

.blok1 li {list-style:none;}
.blok1 {margin-top:-100px;}
.blok1sub li {list-style:none;}


.inhoudhome {
    margin-top: -160px;
    
}

.blok2, .blok3, .blok4, .blok6, .blok7, .blok8, .blok9 {background:rgba(255, 255, 255, 0.8);}
.blok1sub {background:rgba(255, 255, 255, 0.3); }


.blokdesign {
    border: 1px solid #000;
}


.inhoud {
background:rgba(255, 255, 255, 0.8); padding: 50px;
}


/* head */
.headersocial { background: #000 ;
   width: 100%;
    height: 50px;
    font-weight:bold;
}


.navbarsocial {
    background-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
    
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;}
    
    

    -moz-box-shadow: 0px 8px 10px #000000;
    -webkit-box-shadow: 0px 8px 10px #000000;
    box-shadow: 0px 8px 10px #000000;


    
    
}

.socialhoogte {
    min-height: 20px;
}

.social  {text-align:left;}
.telefoon {text-align:right;}


.headhoogte { 
    min-height: 75px;
}


.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
}

nav {
    width: 100%;
    height: 60px;
    z-index: 10;
}

header {
    z-index: 9999999999999;
    height: 175px;
}



/* end head */

.footerblock {
    border-right: solid #fff 1px;
    min-height: 450px;
}

.vinkjes li { list-style:none; 
    font-size:125%;
    font-weight:500;
    font-style: italic ;
}


.vinkjes li:before {
    content: '';
    display: inline-block;
    height: 12pt;
    width: 12pt;
    background-image: url(https://final.bestreclame.nl/uploads/designs/best_reclamestudio_v1_21_5_10/check-circle-regular.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right:0.5em;
    list-style:none;
 }


.breed {
	width:100%;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}


.breedvth {
	width:100%;
	max-width:1500px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}


.telefoon {
    overflow:hidden;
   /* float:right; */
}

.socialmedia {
    overflow:hidden;
    float:right;
}


.navigeren {
    
    float:right;
}


.container{
   /* background:#ff0000; */
}



/* body css */

body {
	background: #FFF url(https://final.bestreclame.nl/uploads/designs/best_reclamestudio_v1_21_5_10/background.jpg) fixed center center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
	margin:0px;
}

/* headings / paragraph margin css */

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

/* headings css */

h1 {font-size:30px;font-weight:700;color:#000;line-height:42px;}
h2 {font-size:26px;font-weight:700;color:#000;line-height:38px;}
h3 {font-size:22px;font-weight:700;color:#000;line-height:34px;}
h4 {font-size:20px;font-weight:700;color:#000;line-height:32px;}
h5 {font-size:18px;font-weight:700;color:#000;}
h6 {font-size:16px;font-weight:700;color:#000;}

/* list css */

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

/* link css */

a {color:#fff;text-decoration:none;}
a:visited {color:#fff;}
a:hover {color:#fff;}
a:active {color:#fff;}

/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {text-align:left;}

/* elements css */

strong,b {font-weight:800;}
em,i {font-style:italic;}
u {text-decoration:underline;}

.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.form p {margin:5px -6px;}
.form input,.form textarea {background:#FFF;border:1px solid #000;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px; width:100%;}
.form input[type=submit],.form button {color:#FFF;background:#000;border:0;font-weight:400;width:100%;}
.form input[type=submit]:hover,.form button:hover {background:#000;cursor:pointer;}
.form td {padding:0 12px; border:0; text-align: left;  }
.formulier table { width: 100%; max-width: 450px; margin-left: auto; margin-right:auto;}

.search-form input {background:#FFF;border:0;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.search-form input[type=submit]{display:none;}


/* content css */

#header_container {
	top: 0;
	left: 0;
	position: fixed;
	background: #FFF;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#header_container span {color:#000;}

#content_container {
	margin-top: 60px;
	width: 100%;
}

.content_back {
    position: relative;
	width: 100%;
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #efefef;
	font-size: 18px;
	font-weight: 400;
	padding: 350px 10px;
	margin-top:-175px;
	z-index:-9999999;
}

.content_back p,.content_back h1,.content_back h2,.content_back h3,.content_back h4,.content_back h5,.content_back h6 {
	color: #FFF;
	padding: 10px;
}

.content_blocks {
	background: #FFF;
	border-bottom: 1px solid #efefef;
	padding: 40px 0;
}

.content_blocks p {padding:5px;}

.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5,.content_blocks h6 {
	padding: 5px;
	color: #000;
}

.news-content {
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 5px;
	color: #000;
}

.news-content:hover {background:#f5f5f5;}

.news-content:hover > .orange_button {background:#000;}

.orange_button {
	margin: 20px;
	text-align: center;
	background: #000;
	border-radius: 5px;
	font-weight: 400;
	color: #FFF;
}

.round {padding:30px;}

.round > div {
	border-radius: 50%;
	overflow: hidden;
}
.round img {
	display: block;
	width: 100%;
}

.image-article img {
	width: 100%;
	border-radius: 10px;
	display: block;
}

.footer {
	background: rgba(0, 0, 0, 0.5);;
	padding-bottom: 30px;
	color: #fff;
	overflow:hidden;
}

.footer a {color:#fff;text-decoration:none;}
.footer a:hover{color:#000;}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 5px;
	color: #fff;
}

.footer p {
	padding: 0 5px;
	margin: 0 10px;
	color: #fff;
}

.footer-desktop {display:block;}
.footer-mobile {display:none;}

.main-nav {
	font-family: 'Quicksand', sans-serif;
	font-size: 48px;
	text-align: center;
}

.main-nav p {margin:0;}

.main-nav a {
	color: #999;
	font-weight: 300;
	text-decoration: none;
}

.main-nav a:hover {color:#CCC;}

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

.social img {height:18px;display:inline-block;}
.contact img {height:18px;display:inline-block;}


/* cookies */

#cookie_consent {
 background: #000;
 position: fixed;
  bottom: 0;
  float: left;
  z-index: 100000;
  width: 100%;
  padding: 15px;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#cookie_consent p {
 text-align: center;
  color: #fff;
 font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  filter: alpha(opacity=100);
  opacity: 1;
}

#cookie_consent a.accept_cookies {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #6c0;
}

#cookie_consent a.decline_cookies {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #f33;
}

#cookie_consent a.more_info {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #ccc;
}


/*-----Headerstuk ---*/



/*---- MENU -----*/

.menu {	padding:10px 0px;}


#menu {
	font-size: 18px;
	vertical-align: bottom;

}

.logo a {
	text-decoration: none;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: right;
}

#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 li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 20px 25px;
	margin:2px;
}

#menu a:hover {
	background: rgba(0, 0, 0, 0.5);;
	color: #FFF;
	border-radius: 5px;
}

#menu ul {
	background: #FFF;
	width: 200px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#menu ul a {
	width: 200px;
	padding: 10px;
}

.currentpage {
	background: #000 !important;
	color: #FFF !important;
	border-radius: 5px !important;
}

/* menu z-index */

#menu ul {
	z-index: 1000;
}


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

	/* mobile menu css */

	#menu-mobile {
		float: none;
		background:#fff;
	}
	
	.logo {
		display: none;
	}

	#nav-mobile {
		display: block;
		padding: 10px;
		font-size: 20px;
		font-weight: 400;
		background: url(https://final.bestreclame.nl/uploads/designs/best_reclamestudio_v1_21_5_10/bars-solid.svg) no-repeat right;
		background-position: 98% 50%; 
		background-size: 22px;
		-moz-background-size: 22px;
		-webkit-background-size: 22px;
	}

	#menu {
		display: none;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
		background:#fff;
		border-radius: 5px;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;

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


	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	/* menu link css */
	
	#menu ul a {
		width: 100%;
		padding: 10px 10%;
	}
	

}


@media screen and (max-width: 1600px) {
	.content_back {padding:275px 0;}
}


@media screen and (max-width: 1200px) {
	.news-height {min-height:280px;}
}


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

.blokdesign h4 {font-size:16px;font-weight:700;color:#000;line-height:32px;}

#menu a { padding: 10px 15px; }


}

#menu a { padding: 10px 15px; }


@media screen and (max-width: 880px) {
	
#menu a { padding: 10px 10px; }


}


@media screen and (max-width: 980px) { 
.news-height {min-height:340px;}
.blokdesign h4 {font-size:14px; 
    font-weight:700;    
    color:#000;   
    line-height:32px;}
}


@media screen and (max-width: 800px) {
 
.sliderblok {top:-90px;}
.vinkjes li {font-size:80%;}
.content_back {margin-top: 0px; padding: 50px 0;}
.menuachtergrond {background: #fff; }
.content_back {margin-top: 10px; padding: 175px 0;}


 header {
    height:200px;
}
 
 
 #menu a {
	margin:0px;
}


.blokdesign h4 {
    font-size:20px; 
    font-weight:700;
    color:#000;
    line-height:32px;
}


.footerblock {
    border-right: none;
    min-height: 450px;
}

.headersocial { 
 background: #000 ;
 width: 100%;
 height: 50px;
 font-weight:bold;
}

.socialhoogte {
    min-height: 10px;
}

.social  {text-align:center; height: 20px;}
.telefoon {text-align:center; height: 20px;}

#nav-mobile img {margin: auto;}


.logo {float: center;}
    
	
	body {line-height:25px;}

	.search-form label {display:none;}
	
	#header_container:hover {
		overflow: auto;
		max-height: 100%;
	}

	#content_container {
		overflow: hidden;
	}

	.content_blocks {padding:0;}
	
	.news-content {
		text-align: left;	
		line-height: 20px;
		min-height: 100%;
	}

	.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6,.news-content p {margin:10px;}

	.news-height {min-height:100%;}
	
	.orange_button {margin:15px;}
	
	.news-content > .round {
		float: left;
		padding: 15px;
		width: 30%;
	}

	.image-article {
		margin: -20px -20px 10px -20px;
	}

	.image-article img {
		border-radius: 0;
	}
	
	.footer-desktop {display:none;}
	.footer-mobile {display:block;text-align:center;}
	
	.footer {padding-bottom:5px;}
	
	.social img {
		width: 26px;
		display: inline-block;
		margin: 10px 5px;
	}

	#switch-div {display:flex;flex-flow:column;}
	#one {order:2;}
	#two {order:1;}
	
	
	.navbarsocial {
    background: #fff;
}

	
}



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

.blokdesign h4 {font-size:27px;font-weight:700;color:#000;line-height:32px;}

.sliderblok {top:-10px; /* margin-bottom:100px; */}

.content_back {margin-top: 0px; padding: 75px 0;}

.news-content {line-height:25px;}

    	.logo {
		float: center;
		width:100%;
		max-width: 75%;
	}
    

#nav-mobile img {
    margin: auto;
	width:100%;
	max-width: 50%;
}



.vinkjes li {font-size:75%;}

.menuachtergrond {background: #fff; }


}


@media screen and (max-width: 300px) {
	.content_back {padding: 50px 0;}
	.news-content {line-height:25px;}

#nav-mobile img {
    margin: auto;
		width:100%;
		max-width: 75%;
	}
    

header {
    height:175px;
}
 
.vinkjes li {font-size:75%;}
.menuachtergrond {background: #fff; }
}