body.new {
	margin:0;
	padding:0;

}
.blauw {
	color:#369;}
h1.kop {
	font-size:10px;
	margin-left:-2000px;
	float:left;
}
.new td {width:140px;
height:138px;
text-align:center;
vertical-align:middle;
background-image:url(cirkel.gif);
background-repeat:no-repeat;
background-position:center 0;
background-size:140px 280px;
}
.new td:hover {
	background-position:center -140px;
}
	
.new table {
	margin-top:10px;
	width:95%;
}

.cirkel {float:left;
width:180px;
height:180px;
border:2px solid #f60;
border-radius:70px;
padding:0;
margin:20px 10px 0 10px;
display:table;
transition:all 0.5s;
}
.cirkel:hover {
	border:2px solid orange;
	background:#fe8;
}
	
.centreren {

display: flex;
justify-content: center; /* align horizontal */
}
h1, .cirkel h1, .centreren a {  font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 90%; 
font-style: italic; 
font-weight: bold; 
color: #FF6600; 
letter-spacing: 0.3em;
margin:5px;
line-height:1.2;
}
.cirkel h1 {
	letter-spacing:1px;
	margin:0;
	padding:0;
	text-align:center;
	 display: table-cell;
  vertical-align: middle;
}
	


a:link { 
text-decoration: none;
color: #FF6600; 
padding:5px;
line-height:1.3;
}
a:visited {text-decoration: none;
color: #FF6600; 
background-color: #FFffff}

a:hover { 
text-decoration: none;
color: #ffffff; 
background-color: #FF6600; 
}
.centreren a:hover, .flexslider a:hover { 
text-decoration: none;
color: #f60; 
background: none; 
}


plat
{
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 100%; 
line-height: 250%; 
color: #336699; 
text-align: center; 
text-indent:30%; 
margin: 0px; 
}

adres{
color:#cccccc
}
.h2, h2 
{  font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 300%; 
font-style: italic; 
font-weight: bold; 
color: #FF9900;
margin:0 0 2rem 0 ;
padding:0;
}

spacing
{
letter-spacing: 0.1em
}




.klein {  color: #999; font-size: 75%; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif;}
.pad {
	padding-bottom:20px}
img {  margin-bottom: 0px}
.handje {  cursor: hand}
p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; line-height: 250%; color: #336699; text-align: center; text-indent:30%; margin: 0px; }
.left { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; line-height: 250%; color: #336699; text-align: left; margin: 0px; ; text-indent: 5%}
plat2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; line-height: 250%; color: #CC6600; text-align: left; margin: 0px; }
.plat2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; line-height: 150%; color: #CC6600; text-align: left; margin: 0px; }
.leftima {
	margin: 0px 10px 0px 0px;
	float: left;
}
.style4 {font-size: large}
.style5 {font-size: x-large}
h3 {
	font: bold italic 2.5em Georgia;
	color: orange;
	margin-left: 3em;
	margin-top: 10px;
	border-bottom: 2px solid orange;
	padding-bottom: 30px;
}
.kop {
	font: normal 3em/65% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
}
.groot {  
	font: normal 2.5em Georgia, "Times New Roman", Times, serif;
	color: #006699;
	margin-left: 3em;
	margin-top: 10px;
font-size: 2.5em; 
font-style:normal;
font-weight:normal; 

letter-spacing: 0;
}
.randje {
	border:5px double #F90;
	
	}
.bigga {
	font-size: 200%;
}
.aj p {
	font-size:1.2em; line-height:1.5;
}

p {font-size:130%;}


h1 a {margin-top: 30px;

display:inline-block;
}




@media only screen and (max-width: 680px) 
{
	.new td {width:70px;
height:78px;
background-size:80px 160px;
line-height:0.5;
}
.new td:hover {
	background-position:center -80px;
}
	
.new table {
	margin-top:5px;
	width:100%;
	line-height:0.5;
}

.cirkel {
width:110px;
height:110px;
border-radius:35px;
padding:0;
margin:10px 5px 0 5px;
}

.cirkel h1, .centreren a {  
font-size: 12px; 
font-style: italic; 
font-weight: bold; 
color: #FF6600; 
letter-spacing: 0px;
line-height:1;
padding:0;
}
.cirkel h1 {
	margin:0;
}
	

}
@media only screen and (min-width: 1000px) 
{
.new table {
	margin-top:5px;
	width:900px;
}
}