body, html {
  	margin: 0px 0px 0px 0px;
  	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
	line-height:140%;
	hyphens: auto;
}

.klein {font-size:smaller;}

H1 { font-weight : bold ; font-size : 24pt; line-height:100%;}
H2 { font-weight : bold; font-size : 16pt; line-height:100%;}


@media screen and (max-width: 900px) {
H1 { font-weight : bold; font-size : 16pt; line-height:100%;  
  }
}

@media screen and (max-width: 900px) {
H2 { font-weight : bold; font-size : 12pt; line-height:100%;
  }
}	

.topnav {
  overflow: hidden;
  background-color: #5AA56B; 
  margin: auto;
    border-radius: 25px 25px 25px 25px;
  max-width: 900px;
 
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  height: 45px;
  }

.topnav a:hover {
	text-decoration:underline;
}

.active {
  background-color: #5AA56B;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 900px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 900px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	.leftColumn { margin-right: auto; margin-left:auto; }
	.rightColumn {margin-right: auto; margin-left:auto; }   
	.footer {margin-right: auto; margin-left:auto; max-width: 530px;}   
}


.columnsContainer, footer, header { position: relative; margin: 15px; }

.footer {  border: 0px solid  #ccc; padding: 15px; }

.leftColumn { margin-bottom: 25px;  padding: 15px; max-width: 530px; }

.rightColumn { padding: 15px;  max-width: 530px;}

 .columnsContainer {
	 margin:auto; 
	 max-width:900px;
  }

 .footer {
	  clear: left;
 	  
	  max-width:530px;
 }


@media screen and (min-width: 800px ) {
	.leftColumn { margin-right: 350px; }
	.rightColumn { position: absolute; top: 0; right: 0; width: 300px; }   
}

img.scaled {
  width: 100%; 
  height: auto;
}
img.rechts {
	float:right;
	margin-left:20px;
	border-radius: 5px;
	max-width: 50%;
	height:auto;
	}
img.links {
	float:left;
	margin-right:20px;
	border-radius: 5px;
	max-width:50%;
	height:auto;
	}
img.midden {
	display:block;
	margin: 10px auto;
	border-radius: 5px;
	max-width: 100%;
	height:auto;
	}

img.drie {
	float:left;
	margin-right:0px;
	max-width:33%;
	height:auto;
	}
	
img.kop {
	display:block;
	margin: auto;
	border-radius: 25px;
	max-width: 100%;
	}	

.styled-select {
   	width: 100%;
   	padding: 1px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
   	font-size: 14px;
	text-indent: 5px;
	line-height: 1;
	border: #2973BD 1px solid;
   	border-radius: 5px;
   	margin:0 auto;
	height: 30px;
	position:relative; 
	margin-bottom:5px;
   	border-radius: 15px;
	}	
	

	
	
input[type=submit] {
   	width: 100%;
   	padding: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	background-color:#2973BD;
	text-indent: 5px;
	text-align: center;
	line-height: 1;
	border:none;
   	border-radius: 25px;
   	margin:0 auto;
	height: 30px;
	position:relative; 
	}	
	
input[type=text], textarea{
   	padding: 1px;
	font-family: Verdana, Geneva, sans-serif;
	border: #2973BD 1px solid;
	color: #000;
   	font-size: 14px;
	text-indent: 5px;
	line-height: 1;
   	border-radius: 5px;
   	margin:0 auto;
	height: 25px;
	position:relative; 
	}
	
			
.blok    { display: block;
	float: left;
	min-width: 230px;
	width: 50%;	
	margin:auto;
}
	
.groenblok    { display: block;
	background-color:#5AA56B;
	color:#FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	line-height:100%;
	float: left;
  	margin: auto;
  	padding: 5px;
  	width:200px;
}
	
.clear {clear:both;}

/* tooltip
=====================
*/

a.tooltip {outline:none; }
a.tooltip strong {line-height:20px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:5px 5px;
    margin-top:-10px; margin-left:10px;
    width:170px; line-height:15px;
	text-align:left;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:2px;border:0;left:-12px;}
    
  
.kolom {
  width: 50%;
  float:left;
  }
.kolommen {
  -webkit-column-width: 200px 2;
     -moz-column-width: 200px 2;
          column-width: 200px 2;
}
.kolom1 {
  width: 48%;
  clear:left;
  float:left;
  }

.kolom2 {
  width: 48%;
  margin-left:4%;
  float:left;
  }

.kolom11 {
  width: 50%;
  min-width:200px;
  margin:auto;
  clear:left;
  float:left;
  }

.kolom22 {
  width: 50%;
  min-width:200px;
  margin:auto;
  float:left;
  }


.regel {
  height: 15px;
  display:block;
  width: 100%;
  clear:both;
  float:left;
}

.kolom_1 {
  width: 50%;
  min-width: 250px;
  clear:left;
  float:left;
  }

.kolom_2 {
  width: 25%;
  min-width: 125 px;
  float:left;
}

.kolom_3 {
  width: 25%;
  min-width: 125px;
  float:left;
}

.kolom_133 {
  width: 34%;
  clear:left;
  float:left;
  }

.kolom_233 {
  width: 33%;
  float:left;
  text-align: center;
}



/* kolommen voor vergelijking */
.kolom_verg {
  height: auto;
  width: 170px;
  clear:left;
       float:left;
  }

.kolom_verg1 {
  height: 20px;
  width: 170px;
  clear:left;
       float:left;
  }

.kolom_verg1kop {
  height: 25px;
  width: 170px;
  clear:left;
       float:left;
  }

.kolom_verg2 {
  height: auto;
  width: 170px;
        float:left;
}
.kolom_verg3 {
  height: auto;
  width: 170px;
        float:left;
}

.kolom_verg4 {
  height: auto;
  text-align:right;
  width: 20px;
        float:right;
}


.kolom_forum1 {
  width: 70%;
  clear:left;
  float:left;
  }

.kolom_forum2 {
  width: 30%;
  min-width: 110 px;
  float:left;
}

.kenteken{
    background-image:url(../images/kentekenplaat140x30.png);
	background-size: 138px 27px;
    background-position:center;
    background-repeat:no-repeat;
	font-size:22px;
	text-transform:uppercase;
	text-align:center;
    border:none;
    width:140px;
    height:30px;
	font-weight:bold
}

a#menu:visited { color : #FFFFFF; text-decoration : none; }
a#menu:link { color : #FFFFFF; text-decoration : none; }
a#menu:hover { color : #FFFFFF; text-decoration : underline; }
a#menu:active { color : #FFFFFF; text-decoration : none; }

a#menu {color:#FFFFFF;}

A:visited { color : #2973BD;  }
A:link { color : #2973BD;  }
A:hover { color : #5AA56B;  }
A:active { color : #2973BD;  }



h1, h1, b {color:#000;}

ul { 
  	padding: 10px;
	margin-left: 0px;
	margin-top:-20px;
	margin-bottom:-20px;
    }
#lijst a { text-decoration:none }
#lijst a:hover { text-decoration:underline }

a.lijst:link  { text-decoration:none }
a.lijst:hover { text-decoration:underline }
	
ul.lijst { 
    list-style: none;
	padding: 10px;
	margin-left: 0px;
	margin-top:-20px;
	margin-bottom:0px;
    }
li {
	margin-left: 15px;
}
li.lijst {
	margin-left: 8px;
	margin-bottom: 3px;
}
li.lijst:before {
    content: "> ";
    color: #5AA56B; 
	margin-left: -18px;
}
<!---    content: "• ";  --->

.klein {font-size:small;}

a.forum:visited { color : #095BA6; text-decoration : none; }
a.forum:link { color : #095BA6; text-decoration : none; }
a.forum:hover { color : #18964C; text-decoration : underline; }
a.forum:active { color : #095BA6; text-decoration : none; }

img.forum { max-width: 100%; max-height: 600px; width: auto; height: auto; border-radius: 5px;} 
.forum { width:530px;overflow-wrap: break-word;	word-wrap: break-word;}
img.forumrechts {max-width: 45%; float:right; border-radius: 5px; height:auto;margin-left:5%;}
img.forumlinks {max-width: 45%; float:left; border-radius: 5px; height:auto;margin-right:5%;}