body {margin:0;padding:0;width:1000px;font:normal 11px Verdana,Arial,Helvetica;}
p {margin:0;}
h4 {font-size:12pt;}

#maintable {table-layout:fixed;}
.wittebalk {height:35px;padding:0;margin:0;}
.wittebalk img {margin-top:8px;margin-left:25px;}

#blauwebalk {background:#0066cc;height:77px;}
.blauwebalk {height:77px;padding:11px 20px 11px 25px;}
#blauwebalk2 {background:#0066cc;}
.blauwebalk2 {padding:11px 20px 11px 25px;}
#maintitle {margin-bottom:8px;font:bold 20px Arial,Helvetica,sans-serif;color:#fff;}
#merk {margin:0 0 11px 0;}

#functie-iconen-div a {color:#fff;text-decoration:none;}
ul#functie-iconen {margin:0;padding:0;margin-left:150px;list-style:none;}
ul#functie-iconen li {padding:5px 0;color:#fff;text-indent:31px;cursor:pointer;}
li.contact {background:url(../images/icon_contact.gif) no-repeat;}
li.amsterdam {background:url(../images/icon_amsterdam.gif) no-repeat;}
li.os {background:url(../images/icon_OenS.gif) no-repeat;}

#zwartebalk {height:20px;padding:0 0 0 25px;background:#000;color:#fff;font:normal 10px Verdana;}
#zwartebalk a {color:#fff;text-decoration:none;font:normal 10px Verdana;}
#zwartebalk span {position:relative;top:-2px;line-height:16px;}
#zwartebalk img {vertical-align:bottom;}

#row1 {margin-bottom:24px;width:100%;}

.c2l_2 {float:left;margin:0;padding:0;left:66%;width:33%;}
div.c2l_2 a.int {color:#333;}
.c2l_1 {float:left;margin:0;padding:0;left:0;width:66%;}
div.c2l_1 a.int {color:#333;}
div.c2l_1 a.externallink {color:#999;}



#vpgrafiek {margin-top:11px;}
#totaalcijfers {padding:0;margin:0;}
#totaalcijfers a {color:#fff;text-decoration:none;}

#footer {color:#fff;height:82px;}
#footer a {color:#fff;text-decoration:none;}
#footer p {padding:0 0 11px 25px;margin:0;}
#f1 {background:#7b7b7b;}
#f2 {background:#999;}
#f3 {background:#bfbfbf;}
#f4 {background:#d8d8d8;}

#blokken {table-layout:fixed;}
#blokken td {height:178px;font-weight:bold;color:#ccc;}
#blokken td a {color:#000;text-decoration:none;}
#blok3 {padding:17px 10px;font:normal 11px Verdana;color:#000;line-height:15px;}
.kopje {font:bold 12px Verdana;color:#007cd6;padding:0;margin-bottom:7px;}

.clear {clear:both;}

#header {background:#7b7b7b;height:101px;position:relative;}


select {margin-bottom:2px;padding:3px 1px 3px 0;font:normal 11px Verdana;background:#f6f6f6;border:0;}

#content {clear:both;}

#contenttable {table-layout:fixed;}
#contenttable td {vertical-align:top;}


.ogsr {background:#b4e600;color:#000;}
.ogsr a {color:#000;}
.wi {background:#00a4b4;color:#000;}
.wi a {color:#000;}
.oov {background:#ac0094;color:#fff;}
.oov a {color:#fff;}
.so {background:#00a4e8;color:#fff;}
.so a {color:#fff;}
.ejd {background:#f6f608;color:#000;}
.ejd a {color:#000;}
.bc {background:#bfbfbf;color:#000;}
.bc a {color:#000;}
.tot {background:#d8d8d8;color:#000;}
.tot a {color:#000;}
.cm {background:#DE0073;color:#fff;}
.cm a {color:#fff;}
.mw {background:#00a44a;color:#fff;}
.mw a {color:#fff;}
.mi {background:#f6b400;color:#000;}
.mi a {color:#000;}
.zo {background:#5abd00;color:#000;}
.zo a {color:#000;}
.eh {background:#1031b4;color:#fff;}
.eh a {color:#fff;}
.vi {background:#ff6a08;color:#000;}
.vi a {color:#000;}

.ats {background:#f00;color:#fff;}
.ke {background:#f00;color:#fff;}
.ab {background:#f00;color:#fff;}
.bv {background:#f00;color:#fff;}
.gl {background:#f00;color:#fff;}
.ov {background:#f00;color:#fff;}
.sc {background:#f00;color:#fff;}
.ats a {color:#fff;}
.ke a {color:#fff;}
.ab a {color:#fff;}
.bv a {color:#fff;}
.gl a {color:#fff;}
.ov a {color:#fff;}
.sc a {color:#fff;}

div#links.ejd a {color:#000;}
div#links.tot a {color:#000;}

#kaartdiv {margin:10px 10px 0 25px;width:379px;position:relative;z-index:0;}
#plattegrond {position:absolute;z-index:1;}
#kaartloader {position:absolute;top:5px;left:5px;z-index:3;}
#kaart {position:relative;z-index:2;}
#tabelloader {margin-top:5px;}


#sliderdiv {clear:both;height:20px;}

#tabelheader {margin:10px 5px 0 0;background:#7b7b7b;border:1px solid #7b7b7b;height:18px;overflow:hidden;font-weight:bold;font-size:10px;color:#fff;padding:1px 0;}

#th0 {float:left;width:45px;margin:0 1px;padding:2px;}
#th1 {float:left;width:206px;margin:0 1px;padding:2px;}
#th2 {float:left;width:50px;margin:0 1px;padding:2px;text-align:right;}

#tabeldiv {height:354px;padding:0;margin:0 5px 0 0;overflow:auto;}
#tabel td .tr0, #tabel td .tr1 {padding:2px;font-size:10px;}
.tr0 { background-color:#fff;}
.tr1 { background-color:#f5f5f5;}
.arrow {font: bold 9px;width:10px;}
.col0 {width:47px;}
.col1 {width:210px;text-align:left;}
.col2 {width:64px;text-align:right;}
.niveau-1 td {color:#000;}
.niveau-2 td {color:#000;}
.niveau-3 td {color:#686868;}
.niveau-4 td {color:#969696;}

.opaque {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;z-index:8;}

.shiftcontainer{position: relative;left: 8px; top: 8px; }

#error {margin:20px 10px;font:normal 12px Verdana;}
span.gray {color:#999;display:block;float:left;padding-top:2px;}
span.grey {color:#999;}
div.bron {text-align:right;font-style:italic;color:#999;margin-top:10px;margin-right:2px;}

#tabelheader div a {text-decoration:none;color:#fff;}
#tabelheader div a:hover {text-decoration:underline;}



#col1 {background:#7b7b7b;color:#fff;font-size:12px;}
#col1 div.panel {padding:0;margin:0;margin-bottom:20px;}
#col1 div.panel h1 {font-weight:bold;font-size:12px;background:url(../images/blauw_vierkantje.gif) no-repeat #999999;padding:5px 15px;margin:0;}
#col1 div.panel p {margin:0;padding:10px 15px 5px 15px;}
#col1 div.panel a {color:#fff;text-decoration:none;}
#col1 ul {font-size:12px;line-height:15px;list-style:none;padding:0;margin:5px 0;padding-left:15px;}
#col1 ul li a {font-weight:bold;text-decoration:none;color:#fff;}
div.subkop {color:#007cd6;font-weight:bold;margin-top:10px;}

#lichtkrant {margin:0;padding:10px 22px 10px 25px;}
#lichtkrant_box {font:bold 17px Arial;overflow:hidden;line-height:21px;margin-top:10px;}

#titelbox {color:#fff;padding-left:120px;}
#titelbox h1 {margin:0;padding:5px 0;font:bold 24px Arial;}
#menubar {position:absolute;left:120px;bottom:20px;}

#uitlegdiv {clear:both;margin:20px 25px;font:normal 11px Verdana;width:379px;}
#kenmerktitel {font-weight:bold;padding-bottom:5px;}

#kaartnav {position:relative;top:2px;border:none;margin:0 0 10px 25px;}
#kaartnav a {font-size:9px;display:block;float:left;padding:3px 5px;width:115px;text-decoration:none;margin-right:2px;text-align:center;}

#doelendiv {position:relative;}
div.doelendiv {height:100%;padding:12px 20px 12px 15px;}
#doelendiv h4 {font-size:11px;margin:0 0 12px 0;}
#doelendiv p {font-size:10px;line-height:14px;padding:0;margin:0;}
#doelenul {margin:27px 0 0 0;}
.doelenuitleg {padding:5px 12px;margin-bottom:7px;background:#fff;color:#000;}
.grafieklink {cursor:pointer;padding-top:12px;text-align:right;}
#links {padding:12px 20px 12px 15px;color:#fff;background:#7b7b7b;}
#links h4 {font-size:11px;margin:0 0 2px 0;}
#links a {color:#fff;text-decoration:none;}

#grafieklinks {width:172px;height:260px;padding:14px 10px;position:relative;}
#lpa {position:absolute;left:14px;bottom:20px;width:170px;line-height:17px;padding-left:16px;}
#lpa a {text-decoration:none;}
#grafiekvenster {position:absolute;top:300px;left:110px;}
#titelbalk {background:#fff;height:20px;font:bold 11px Verdana;padding:8px 5px 5px 5px;cursor:move;}
#titelbalk img {margin:0;padding:3px 10px;cursor:pointer;}
#grafiektitel {padding:5px 5px;font-size:13px;font-weight:bold;color:#7b7b7b;}
#grafiekcontent {height:260px;padding:14px 10px;color:#fff;}
#grafiekcontent table td {font-size:11px;}
.shadowcontainer{width:760px;background-color:#000;filter:Alpha(opacity=30);-opacity:0.3;z-index:9998;}
.shadowcontainer .innerdiv{background-color: #7b7b7b;border: 1px solid gray;position: relative;left: -8px;top: -8px;}

#contentdiv {padding:20px 40px;}
#contentdiv ul {list-style:none;margin:0;padding:0;}
#contentdiv ul li {margin:7px 0;}
#contentdiv li a {text-decoration:none;color:#666;font-weight:bold;}
#contentdiv li a:hover {color:#007cd6;}

ul#plinks {margin-top:20px;font-size:9pt;}
ul#plinks li {background:url(../images/link.png) no-repeat;padding-left:17px;}
p.vet {font-weight:bold;font-size:9pt;}
p.ptitel {font-size:12px;padding-bottom:20px;color:#f00;}
#gtoel {background:#fff;padding:2px;margin-top:10px;}
#gtoelbut {cursor:pointer;}

#zoeken {}
#zoeken span {position:relative;top:-3px;}
#searchbox {width:214px;height:16px;padding:0;border:0;margin-right:2px;font-size:9pt;background:#f6f6f6;}


a#sb {display:block;float:left;width:20px;height:20px;background:url(../images/submit_red.gif);}
a#sb:hover {background:url(../images/submit_black.gif);}
a#sb img {border:none;}

div.suggestions {-moz-box-sizing:border-box;box-sizing:border-box;background-color:white;border:1px solid black;position:absolute;font-size:10px;}
div.suggestions div {cursor:default;padding:0 3px;}
div.suggestions div.current {background-color:#3366cc;color:white;}
div.hint {position:absolute;color:#999;margin:1px 5px;z-index:999;font-style:italic;}

#toelichting_gebiedsnaam {font-weight:bold;}

.zo .doelenkop_active {background-image:url(../images/driehoek_zo.gif);}
.wi .doelenkop_active {background-image:url(../images/driehoek_wi.gif);}
.vi .doelenkop_active {background-image:url(../images/driehoek_vi.gif);}
.so .doelenkop_active {background-image:url(../images/driehoek_so.gif);}
.oov .doelenkop_active {background-image:url(../images/driehoek_oov.gif);}
.ogsr .doelenkop_active {background-image:url(../images/driehoek_ogsr.gif);}
.mw .doelenkop_active {background-image:url(../images/driehoek_mw.gif);}
.mi .doelenkop_active {background-image:url(../images/driehoek_mi.gif);}
.ejd .doelenkop_active {background-image:url(../images/driehoek_ejd.gif);}
.eh .doelenkop_active {background-image:url(../images/driehoek_eh.gif);}
.cm .doelenkop_active {background-image:url(../images/driehoek_cm.gif);}
.bc .doelenkop_active {background-image:url(../images/driehoek_bc.gif);}

.titel {font-size:10pt;margin:10px;}

#map {clear:both;width:350px;height:300px;margin:0 10px 20px 10px;border:1px solid #ccc;float:left;}
#ovmap {width:350px;height:300px;margin:0 10px 20px 0;border:1px solid #000;float:left;}
.maptitle {width:350px;height:20px;float:left;margin:20px 0 0 10px;font-weight:bold;text-align:center;}

.dtableheader {width:710px;margin-top:20px;}
.dtableheader div {clear:both;font-weight:bold;height:20px;line-height:20px;text-align:center;}
.dtableheader span.bco {display:block;float:right;width:300px;text-align:center;}
.dtableheader span.asd {display:block;float:right;width:100px;text-align:center;}
.dtableheader span.sd {display:block;float:right;width:300px;text-align:center;}

.dtablediv {margin:20px 10px;width:730px;}
.dtable {margin:0;padding:0;width:710px;}
.dtable td {text-align:center;width:100px;padding:2px;border-bottom:1px dotted #ccc;}
.dtable td span.data {display:inline-block;text-align:right;width:40px;padding:3px 5px;color:#fff;font-weight:bold;}

.dtable th.l {text-align:left;}
.dtable th {background:#ccc;padding:3px 5px;}
.dtable td.l {text-align:left;width:auto;padding-left:10px;}
.dtable td.l a {color:#000;float:left;font-weight:normal;}
.dtable td.optgroup {font-weight:bold;padding:12px 0 0 0;text-align:left;width:auto;border:none;}
.dtable td.nopadding {padding:5px;}


#mainicon {width:101px;height:101px;margin-right:10px;}
#zoekbtn {vertical-align:bottom;padding-bottom:4px;}
.menudiv {height:30px;padding:10px 0;}
	
#thema {position:absolute;top:140px;left:120px;}
#geo {position:absolute;top:190px;left:120px;}
#kenmerk {position:absolute;top:190px;left:364px;}
#meting {position:absolute;top:190px;left:678px;}

