td {padding-right:10px;}

@font-face {font-family:robotolight;src:url(Roboto-Light.ttf);}
@font-face {font-family:robotobold;src:url(Roboto-Bold.ttf);}
@font-face {font-family:robotocondensedregular;src:url(RobotoCondensed-Regular.ttf);}
/*====================================================================================*/
@media screen and (min-width : 1000px) {
	div#ind {background:green;}
  body {font-size: 12pt;}
	img.logo {height:85px;}
	img.logoc {height:125px;margin-left:50px;}
	td.newtree {padding-bottom:15px;}
	div#menublok {top:-50px;height:75px;left:40%;min-width:350px;}
	.menublok p {margin-top:25px;}
	div#main {width:1000px;top:-50px;}
	div#text	{width:728px;margin-right:20px;}
	div#twnto {width:250px;}
}

@media screen and (min-width : 700px) and (max-width : 999px) {
	div#ind {background:blue;}
	body {font-size: 10pt;}
	img.logo {height:75px;}
	img.logoc {height:100px;margin-left:40px;}
	td.newtree {padding-bottom:13px;}
	div#menublok {top:-35px;height:50px;left:40%;min-width:350px;}
	.menublok p {margin-top:15px;}
	div#main {width:95%;top:-40px;}
	div#text	{width:73%;margin-right:1%;}
	div#twnto {width:25%;}
}

@media screen and (min-width : 540px) and (max-width : 699px) {
	div#ind {background:orange;}
	body {font-size: 9pt;}
	img.logo {height:65px;}
	img.logoc {height:75px;margin-left:30px;}
	div#menublok {top:-28px;height:40px;left:35%;min-width:350px;}
	td.newtree {padding-bottom:11px;}
	.menublok p {margin-top:10px;}
	div#main {width:95%;top:-30px;}
	div#text	{width:65%;margin-right:1%;}
	div#twnto {width:24%;}
}

@media screen and (max-width : 539px) {
	div#ind {background:red;}
	body {font-size: 7pt;}
	img.logo {height:55px;}
	img.logoc {height:60px;margin-left:5px;}
	td.newtree {padding-bottom:10px;}
	div#menublok {top:-20px;height:30px;left:5%;min-width:300px;}
	.menublok p {margin-top:8px;}
	div#main {width:95%;top:-20px;}
	div#text	{width:73%;margin-right:1%;}
	div#twnto {width:25%;}
}
/*=================================================================================*/
div#ind {position:absolute;left:0px;top:85%;width:25px;height:25px;}
body {
	margin:0px;
	font-family: robotolight;
	color: #111111;
}

/* HEADER */
table#header {width:100%;}
table.logo {margin-left:5%;}
.wmm {font-size:1.5em;font-weight:normal;color:green;} /* werken met mensen in header */
.logo {font-family:robotocondensedregular;font-weight:bold;font-size:4em;padding:0px 0px 0px 0px;}
.logo tr {line-height:90%;}
.logo tr td {line-height:90%;}
td.models {padding-right:10px;padding-top:3px;padding-bottom:3px;border-bottom:1px solid black;}
.o {font-size:1.2em;color:red;}  /* O's in de header */

/* MENU */
div#menublok {border:0px solid black;position:relative;width:50%;}
div.menublok {float:left;height:100%;border-radius:12px;}
a#mb1 div {width:15%;background:green;color:white;}
a#mb2 div {width:20%;background:white;border-bottom:1px solid #EEE;}
a#mb3 div {width:23%;background:blue;color:white;}
a#mb4 div {width:27%;background:red;color:white;}
a#mb5 div {width:15%;background:orange;color:white;}
.menublok p {width:100%;font-size:1.2em;text-align:center;}
A#mb1:LINK			{color:white;}
A#mb1:VISITED		{color:white}
A#mb1:HOVER div	{color:darkblue; background:lightgreen;}
A#mb2:LINK			{color:green;}
A#mb2:VISITED		{color:green}
A#mb2:HOVER div	{color:darkblue; background:lavender;}
A#mb3:LINK			{color:white;}
A#mb3:VISITED		{color:white}
A#mb3:HOVER div	{color:darkblue; background:lightblue;}
A#mb4:LINK			{color:white;}
A#mb4:VISITED		{color:white}
A#mb4:HOVER div	{color:darkblue; background:lightsalmon;}
A#mb5:LINK			{color:white;}
A#mb5:VISITED		{color:white}
A#mb5:HOVER div	{color:darkblue; background:yellow;}

img.frontpage {width:100%;}
div#main {position:relative;margin-left:auto;margin-right:auto;}
div#text {float:left;border:0px solid black;}
div#twnto {float:left;}

div {padding: 0px;}

p.footer {background:green;color:white;width:100%;text-align:center;font-weight:normal;margin-top:16px;margin-bottom:3px;}
p.nieuws {background:red;color:white;width:100%;text-align:center;font-weight:normal;margin-top:0px;margin-bottom:16px;border-radius:5px;}
.nieuws a:link {color:white;}
.nieuws a:visited {color:white;}

hr {text-align:center;margin-bottom:24px;border:0px;border-bottom:1px solid lightgrey;}
A   {text-decoration: none}
A:LINK    {color: #0000ff;}
A:VISITED {color: #0000ff;}
A:HOVER   {color: blue;font-weight:bold;}

A.menu:LINK    {color: black;}
A.menu:VISITED {color: black}
A.menu:HOVER   {color: blue;}

a.klein {font-size:0.8em;}
.flleft {float: left;}
.flright {float: right;}

img.page {float:right;margin-left:5px;margin-bottom:3px;width:300px;max-width:45%;}

p   {
    margin-top   :   0px;
    margin-bottom:   12px;
}
ul {margin-top:0px;padding-left:15px;}
h1, p.kop {margin-top:16px;margin-bottom:8px;font-weight:bold;font-size:1.6em;color:blue;}
h2, p.kop {margin-top:16px;margin-bottom:3px;font-weight:bold;font-size:1.4em;color:blue;}
h3, p.kop {margin-top:16px;margin-bottom:3px;font-weight:bold;font-size:1.2em;color:blue;}
h4 {margin-top:12px;margin-bottom:0px;font-weight:bold;font-size:1.05em;color:blue;}
img {
    margin-bottom: 0px ;
    margin-right: 0px ;
    margin-left: 0px ;
    vertical-align: middle ;
    border: solid grey 0px
    }

.noscript {
	width:100%;
	text-align:center;
  padding: 10px;
  font-size: 1.2rem;
  color:white;
  background:red;
}

.hand:hover {cursor:pointer;}
.hd {visibility:hidden;display:none;}
.vs {visibility:visible;display:inline;}

#crgt {float:left;font-size:0.6em;line-height:70%;color:orange;}
#pwrby {float:right;font-size:0.6em;line-height:70%;}

/*Persbericht*/
#logo-nto-pers {width:25%;}
#logo-hwrk {width:25%;}

.pl_rechts {float:right;}
.pl_links {float:left;}

td {vertical-align:top;}