/*
Theme Name: STBA UnoWeb
Theme URI: https://unoweb.nl/
Description: De vertrouwde STBA-vormgeving met responsive aanpassingen en actuele WordPress-integratie.
Version: 2.0.0
Author: UnoWeb
Author URI: https://unoweb.nl/
Requires at least: 5.2
Requires PHP: 7.4
Text Domain: stba-unoweb
*/
/* Begin Images */
body {
	margin: 0 auto;
	overflow: scroll;
	width: 100%;
	background-color: #d74416;
	background-image: url(images/bkg00000.png);
	background-position: center top;
	background-repeat: repeat-x;
}

#wrap {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}


#header {
	overflow: hidden;
	width: 980px;
	min-height:122px;
	margin: 0 auto;
	padding:0;

	background-repeat: no-repeat;
	background-position: 20px 2px;
	background-color: #fff;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c0c0c0;
	border-left-color: #c0c0c0;
	background-repeat: no-repeat;
}

#top {
	overflow: hidden;
	width: 982px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:15px;
	padding-right:0;
	background-image: url(images/rounded_.png);
	background-repeat: no-repeat;
	text-align: right;
}

#top_1 {
	width: 967px;
	height: 20px;
	padding: 0;
	}
#top_2 {
	width: 966px;
	height: 21px;
	padding: 10px 0 0 0;
	text-align: right;
	}
	
#top_2 a {
	margin: 0;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}

#top_2 a:hover {
	text-decoration: underline;
}

#top_2 a#active_menu {
	text-decoration: underline;
}

#top_2 a#active_menu:hover {
	text-decoration: underline;
}	
	
#top_3 {
	width: 966px;
	height: 40px;
	padding: 0px 10px 0 0;
	font-size: 24px;
	text-align: right;
	}
#top_4 {
	width: 968px;
	height: 32px;
	padding: 0px 10px 0 0;	
	}

#slideshow {
	overflow: hidden;
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0;
	background-color: #333;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c0c0c0;
	border-left-color: #c0c0c0;
}

#diensten {
	overflow: hidden;
	width: 980px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c0c0c0;
	border-left-color: #c0c0c0;
	background-color: #ec6e0c;
	padding: 10px 0 20px 0;
}

#diensten_kop {
	width: 980px;
	font-size: 16px;
	padding: 0px 20px 10px 20px;
	color:#fff;
	font-size: 24px;
	line-height: 30px;
}

.diensten {
}

.diensten p{
	margin: 0;
	padding: 0;
}


#diensten p {
	margin:0 0 10px 0;
	padding:0;
}

#diensten a {
	color: #F39900;
	text-decoration: none;
}

#diensten a:hover {
	text-decoration: underline;
}

#diensten li {
	list-style-image: none;
	margin-left: 23px;
}

#diensten li p{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}


#diensten h2{

	font-weight: bold;
	margin:0 0 0 0;
	padding: 0;
	font-size: 15px;
}

#bottom {
	overflow: hidden;
	width: 982px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:17px;
	padding:0;
	background-image: url(images/rounded0.png);
	background-repeat: repeat-y;
}


#footerwrap {
	overflow: hidden;
	width: 980px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 5px 0 15px 0;

}

#footerbox {
	width: 220px;
	padding-left: 20px;
	float: left;
	color: #FFF;
}

#footerbox p{
	margin: 0;
	padding:0;
	}

#footerbox h3{
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:10px 0 10px 0;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
	color: #FFF;
}

#footerbox li, #footerbox p, #footerbox a{
	color: #FFF;
	text-decoration: none;
}

#footerbox a:hover{
	color: #FFF;
	text-decoration: underline;
}

#wrapmain {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	background-image: none;
	background-repeat: repeat;
	background-position: center;
}

#main {
	overflow: hidden;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c0c0c0;
	border-left-color: #c0c0c0;
}

#leftcolumn {
	float: left;
	width: 212px;
	padding: 20px;
	color: #FFF;
}

#leftcolumn ul, #rightcolumn ul{
	margin:0;
	padding:0;

}

#leftcolumn li, #rightcolumn li {
	list-style-type:none;
}

#leftcolumn li a, #rightcolumn li a{
	display: block;
	line-height: 18px;
	padding:3px 0;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	color: #f39900;
	text-transform: uppercase;
}

#leftcolumn li a:hover, #rightcolumn li a:hover {
	text-decoration: underline;
	color: #421e0e;
}

#leftcolumn a#active_menu, #rightcolumn a#active_menu {
	color: #421e0e;
	text-decoration: underline;
}

#leftcolumn a#active_menu:hover,#rightcolumn a#active_menu:hover {
	color: #421e0e;
	text-decoration: underline;
}

#leftcolumn .sublevel,#rightcolumn .sublevel {
	padding: 3px 0 0 15px;
}



#leftcolumn .moduletable, #rightcolumn .moduletable {
	padding-bottom: 30px;	
	}
	
#leftcolumn .moduletable h3, #rightcolumn .moduletable h3,#leftcolumn .contentheading{
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:0 0 10px 0;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}



#footermenu {
	float: left;
	width: 980px;
	padding: 15px 0;
	margin: 0 20px 0 20px;
	color: #FFF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #fff;
}

#footermenu ul{
	margin:0;
	padding:0;

}

#footermenu li {
	list-style-type:none;
	float:left;
}

#footermenu li a{
	display:inline;
	line-height: 18px;
	padding:20px 15px 20px 0;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: lowercase;
}

#footermenu li a:hover {
	text-decoration: underline;
	color: #FFF;
}

#footermenu a#active_menu {
	color: #421e0e;
	text-decoration: underline;
}

#footermenu a#active_menu:hover,#rightcolumn a#active_menu:hover {
	color: #421e0e;
	text-decoration: underline;
}


#rightcolumn {
	float: right;
	width: 219px;
	padding: 20px 20px 0 0;
	color: #FFF;
}

.moduletableluidspreker h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletabledocumentje h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletablekalender h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletableineigentaal h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletableecard h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;

	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletabletelefoon h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletabletaseuros h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.moduletableviscirkel h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#mainbodycolumn {
	float: left;
	text-align: left;
	width: 680px;
	padding: 10px 10px 0 10px;
}


#mainbodycolumn_top {
}

#mainbody_middle {
	margin: 0;
	padding:0;
	}





#mainbodycolumn_bottom {
	overflow: hidden;
	width: 750px;
}

#mainbodycolumnbox {
	width: 220px;
	padding: 0 20px 0 0;
	float: left;
}





div.moduletable_flits {
padding: 0 0 20px 0;
}
div.moduletable_flits h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #421e0e;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:4px 0 15px 40px;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;

}

table.moduletable_flits {
	width: 940px;
}

table.moduletable_flits td {

	vertical-align: top;
}

table.moduletable_flits td table.contentpaneopen_flits { }
table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits { }

table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a.contentpagetitle_flits,
table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a:visited.contentpagetitle_flits {
   font-family:Arial;
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   padding-bottom: 3px;
}

table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a:hover.contentpagetitle_flits {
   font-family:Arial;
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   padding-bottom: 3px;
}


























/* set millions of background images */
.rbroundbox { background: url(images/nt000000.gif) repeat; }
.rbtop div { background: url(images/tl000000.gif) no-repeat top left; }
.rbtop { background: url(images/tr000000.gif) no-repeat top right; }
.rbbot div { background: url(images/bl000000.gif) no-repeat bottom left; }
.rbbot { background: url(images/br000000.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 220px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox {
	width: 220px;
	float: left;
	margin-left: 20px;
}









a#active_menu {
	color: #333333;
	font-weight: bold;
}

a#active_menu:hover {
	color: #666666;
	text-decoration: none;
}

/* Links */
a.category:link, a.category:visited {
	color: #f39900;
}

a.category:hover {
	color: #f39900;
	text-decoration: underline;
}

.readmore,a.readon:link, a.readon:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a.readon:hover {
	color: #f39900;
	text-decoration: underline;
}

a:link, a:visited {
	color: #f39900;
	text-decoration: none;
}

a:hover {
	color: #421e0e;
	text-decoration: underline;
}

a.blogsection:link, a.blogsection:visited, a.weblinks:link, a.weblinks:visited {
	color: #FF9900;
}

a.blogsection:hover, a.weblinks:hover {
	color: #999999;
	text-decoration: underline;
}

body {
}

h1{
	
	font-size: 23px;
	font-weight: normal;	
	line-height: 115%;
	margin: 0px;
	padding: 0px;
}

h2{
	color: #F39900;
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 0 0;
	padding: 0;
}


h3{
	
	font-size: 16px;
	font-weight: bold;	
	line-height: 115%;
	margin: 0px;
	padding: 15px 0 5px 0;
}


h4{
	
	font-size: 14px;
	font-weight: normal;	
	line-height: 115%;
	margin: 10px;
	padding: 0px;
}

h6 {
	color: #421e0e;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 2px 0 20px 0;
	padding: 4px 0 0 0;
	line-height: 24px;
}

img {
	border: 0px;
}

input.inputbox{
	background-color: #FAFAFA;
	border: 1px solid #EDEDED;
	color: #666666;
}

input.inputbox#mod_login_password, input.inputbox#mod_login_username {
	background-color: #FAFAFA;
	border: 1px solid #EDEDED;
	color: #666666;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 170px;
}

input.inputbox#mod_search_searchword{
	background-color: #FAFAFA;
	border: 1px solid #EDEDED;
	color: #666666;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 100%;
}

li {
	list-style: none;
}

td,tr,p,div {
	color: #421e0e;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 135%;
}

textarea.inputbox{
	background-color: #FAFAFA;
	border: 1px solid #EDEDED;
	color: #666666;
	height: 200px;	
}

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

.button {
	background-color: #F5F5F5;
	border: 1px solid #CBCBCB;
	color: #000000;
}

.button:hover {
	color: #FF8C00;
}

/** category text format and links **/
.category {
	color: #FF8C00;
}

.componentheading {
	color: #421e0e;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

.contentdescription {
}

.contentheading, #mainbodycolumn .moduletable h3 {
	color: #421e0e;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 4px 0 0 0;
	line-height: 24px;
}

/* Content - Sections & Categories */
.contentpane {
}

.contentpaneopen {
}

.createdate {
	color: #708090;
	
}

.modifydate {
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}

.advertising {
	background-color: #F39900;
	color: #FFFFFF;
	padding: 12px;
	font-weight: normal;
	font-style: italic;
}

.quote01 {
	color: #F39900;
	font-weight: normal;
	font-style: italic;
	padding: 5px 50px;
	font-size: 14px;
	line-height: 18px;
}


a.latestnews {
	padding: 25px 0 0 0;
	text-decoration: none;
}


.moduletable {
}

table.pagenav {
  margin: 20px auto;
}

td.article_column {
   padding-right: 10px;
}


#twocols{ /*the columns that gets dropped down over yours might be different*/
  z-index:20;
}
 
#leftcol{  /*the columns that gets dropped down over yours might be different*/
  z-index:10;
}

 
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/
	z-index:100;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
 
#mainlevelmainnav,#mainlevelmainnav ul {
	float:right;
	list-style:none;
	font-size: 17px;
	line-height:15px;
	background:transparent;
	margin:0;
	padding:0;
	font-weight: 800;
	text-transform: uppercase;
}
 
#mainlevelmainnav a {
	display:block;
	color:#f39900;
	text-decoration:none;
	margin-left:10px;
	padding:0;
}

#active_menumainnav,#mainlevelmainnav a:hover,ul#mainlevelmainnav li a#active_menumainnav  {
	display:block;
	color:#421e0e;
	text-decoration:none;
	margin-left:10px;
	padding:0;
}
 
#mainlevelmainnav li {
  float:left;
  padding:0;
}
 
#mainlevelmainnav li ul  {
	position:absolute;
	left:-999em;
	height:auto;
  width:180px;
	font-weight:normal;
	border:#c0c0c0 1px solid;
	margin:0;
	padding: 5px 0;
	background-color: #FFF;
}
 
#mainlevelmainnav li li {
  width:180px;
  padding:5px 0 5px 0;
}

 
#mainlevelmainnav li ul a {
  width:225px;
  color:#f39900;
  font-size:15px;
  line-height:20px;
}
 
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
  left:-999em;
}
 
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
  ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 98% 50%;
}





.moduletabletop2nav { /* I have absolutely positioned the module, you might have a different scheme*/
	z-index:100;
	margin:0;
	padding:0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
 
#mainleveltop2nav,#mainleveltop2nav ul {
	float:right;
	list-style:none;
	font-size: 12px;
	line-height:15px;
	background:transparent;
	margin:0;
	padding:5px 0 0 0;
	font-weight: 800;
	text-transform: uppercase;
}
 
#mainleveltop2nav a {
	display:block;
	color:#f39900;
	text-decoration:none;
	margin-left:10px;
	padding:0;
}

#mainleveltop2nav a:hover {
	display:block;
	color:#421e0e;
	text-decoration:none;
	margin-left:10px;
	padding:0;
}
 
#mainleveltop2nav li {
  float:left;
  padding:0;
}
 
#mainleveltop2nav li ul  {
	position:absolute;
	left:-999em;
	height:auto;
	width:240px;
	font-weight:normal;
	border:#c0c0c0 1px solid;
	margin:0;
	padding: 0;
	background-color: #FFF;
	text-align: left;
}
 
#mainleveltop2nav li li {
  width:225px;
    padding:5px 0 5px 0;
}
 
#mainleveltop2nav li ul a {
  width:225px;
  color:#f39900;
  font-size:15px;
  line-height:20px;
}
 
#mainleveltop2nav li:hover ul ul,#mainleveltop2nav li:hover ul ul ul,#mainleveltop2nav li.sfhover ul ul,#mainleveltop2nav li.sfhover ul ul ul{
  left:-999em;
}
 
#mainleveltop2nav li:hover ul,#mainleveltop2nav li li:hover ul,#mainleveltop2nav li li li:hover ul,#mainleveltop2nav li.sfhover
  ul,#mainleveltop2nav li li.sfhover ul,#mainleveltop2nav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainleveltop2nav li li:hover,#mainleveltop2nav li li.sfhover {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
/* Conservative layout repairs: original desktop palette and images retained. */
.style3 {color:#ec6e0c;font-weight:bold}
body {overflow:auto}
#header {position:relative;overflow:visible;display:flow-root}
#top_1 {position:absolute;left:0;top:0;width:180px;height:auto}
#top_1 img {max-width:100%;height:auto}
#top_2 {padding-top:30px}
#top_3 {height:auto;min-height:40px}
#diensten_kop {box-sizing:border-box;text-align:center}
#main {display:flex;align-items:flex-start}
#leftcolumn {flex:0 0 252px;box-sizing:border-box;float:none;color:#421e0e}
#mainbodycolumn {float:none;min-width:0;flex:1;box-sizing:border-box;padding-bottom:24px}
.entry-content {padding-top:13px;overflow-wrap:anywhere;display:flow-root}
.entry-content img, .entry-content video, .entry-content iframe {max-width:100%}
.entry-content img {height:auto}
.entry-content table {max-width:100%;display:block;overflow-x:auto}
.entry-content input:not([type=checkbox]):not([type=radio]), .entry-content textarea, .entry-content select {max-width:100%;box-sizing:border-box}
#searchform {display:flex;flex-wrap:wrap;gap:5px}
#searchform .field {width:130px;min-width:0;flex:1}
#searchform input {box-sizing:border-box;max-width:100%}
#mainlevelmainnav li {position:relative}
#mainlevelmainnav li ul a {box-sizing:border-box;width:auto;max-width:100%;margin:0;padding:4px 10px}
#mainlevelmainnav li:focus-within > ul {left:auto;z-index:6000}
#footerbox {float:none;width:auto;padding:0 20px;text-align:center}
#footerbox .copyright {margin-top:14px}
#footerwrap {box-sizing:border-box}
a:focus-visible, input:focus-visible, button:focus-visible, textarea:focus-visible, select:focus-visible {outline:3px solid #421e0e;outline-offset:3px}
.screen-reader-text {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus {clip:auto;width:auto;height:auto;left:10px;top:10px;padding:12px;background:white;z-index:100000}
.search-results-list li {padding:8px 0}
@media (max-width:1000px) {
 #header,#slideshow,#diensten,#main,#footerwrap {width:calc(100% - 24px);box-sizing:border-box}
 #top,#bottom {width:calc(100% - 24px);background-size:100% 100%}
 #top_2,#top_3,#top_4 {box-sizing:border-box;width:100%}
 #top_2 {height:auto;min-height:45px;padding-left:180px;padding-right:12px}
 #top_3 {padding:5px 12px 8px 180px}
 #top_4 {height:auto;padding:5px 12px 10px 180px}
 #mainleveltop2nav,#mainlevelmainnav {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 0;float:none}
 #diensten {display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:10px 14px 20px}
 #diensten_kop {width:100%;padding:0}
 .rbroundbox {margin:0;float:none}
}
@media (max-width:760px) {
 #header {display:flex;flex-direction:column;align-items:center}
 #top_1 {position:static;width:180px;align-self:flex-start;margin-left:12px}
 #top_2,#top_3,#top_4 {padding:8px 12px;min-height:0;height:auto;text-align:center}
 #top_3 {font-size:21px;line-height:1.35}
 #mainleveltop2nav,#mainlevelmainnav {justify-content:center;gap:4px 10px}
 #mainleveltop2nav a,#mainlevelmainnav a,#mainlevelmainnav a:hover {margin:0;padding:10px 2px;line-height:1.35}
 #mainlevelmainnav {font-size:15px}
 #mainlevelmainnav li ul {position:static;left:auto;width:auto;border:0;padding:0;text-align:left}
 #mainlevelmainnav li ul a {font-size:13px;padding:6px 4px}
 #main {flex-direction:column}
 #mainbodycolumn {order:0;width:100%;padding:14px 20px 24px}
 #leftcolumn {order:1;flex:auto;width:100%;border-top:1px solid #eee}
 #leftcolumn .moduletable {padding-bottom:16px}
 #footerbox p {line-height:1.7}
 #searchform input {min-height:40px;font-size:16px}
}
@media (max-width:510px) {
 #diensten {gap:10px;padding-left:8px;padding-right:8px}
 .rbroundbox {width:calc(50% - 5px);background:#fff;border-radius:7px}
 .rbtop,.rbbot,.rbtop div,.rbbot div {width:100%;background:none}
 .rbcontent {margin:0 5px}
 .rbcontent img {width:100%;height:auto;display:block}
 #diensten_kop {font-size:21px}
}
@media (min-width:1001px) { #top_1 {width:364px} }
@media (min-width:761px) and (max-width:1000px) { #top_1 {width:260px} #top_2,#top_3,#top_4 {padding-left:270px} }
@media (max-width:760px) { #top_1 {width:280px;max-width:calc(100% - 24px)} }