body {margin:0;padding:0;width:1000px;font:normal 11px Verdana,Arial,Helvetica;}
p {margin:0;}
h4 {font-size:12pt;}
a {outline:none;}

ul.osstyle {list-style:none;margin:10px 0;padding:0;}
ul.osstyle li {padding-left:16px;margin:10px 0;background:url(/images/blauw_vierkantje.gif) no-repeat 0 20%;}

#maintable {table-layout:fixed;width:100%;}
.wittebalk {padding:0;margin:0;}
.wittebalk img {margin:0;}

#blauwebalk {background:#0066cc;height:77px;}
.blauwebalk {height:77px;padding:0px 20px 11px 0px;}
#blauwebalk2 {background:#0066cc;}
.blauwebalk2 {padding:0px 20px 0px 0px;color:#fff;font:bold 24px Verdana,Arial,Helvetica;}
#maintitle {margin-bottom:8px;font:bold 20px Arial,Helvetica,sans-serif;color:#fff;}
#merk {margin:11px 0 11px 0;}

#listview .titel {margin-left:25px;}

#functie-iconen-div a {margin-top:11px;color:#fff;text-decoration:none;}
ul#functie-iconen {margin:11px 0 0 150px;padding:0;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:-1px;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;color:#666;padding:12px 20px 12px 15px;}
#f4 ul {list-style:none;padding:0;margin:0;}
#f4 ul li a {color:#666;text-decoration:none;}

#blokken {table-layout:fixed;margin-top:20px;}
#blokken td {height:178px;font-weight:bold;color:#ccc;}
#blokken td a {color:#000;text-decoration:none;display:block;height:178px;}
#blokken td a:hover {background-color:#000;color:#fff;}
#blokken td a div {padding:0 3px;}
#blok3 {padding:17px 10px;font:normal 13px Verdana;color:#000;line-height:15px;padding:20px;}
.kopje {font:bold 15px 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;}

#content h4 {font-size:14px;padding:8px 25px;margin:0 0 30px 0;}

#contenttable {table-layout:fixed;}
#contenttable td {vertical-align:top;}

.di {background:#ff0000;color:#fff;}
.di a {color:#fff;}
.oov {background:#ac0094;color:#fff;}
.oov a {color:#fff;}
.vi {background:#ffa008;color:#000;}
.vi a {color:#000;}
.wie {background:#0062cd;color:#fff;}
.wie a {color:#fff;}
.oj {background:#f6f608;color:#000;}
.oj a {color:#000;}
.wz {background:#00a483;color:#000;}
.wz a {color:#000;}
.sr {background:#b4e600;color:#000;}
.sr a {color:#000;}
.cm {background:#de0073;color:#fff;}
.cm a {color:#fff;}
.org {background:#5abd00;color:#000;}
.org a {color:#000;}
.mw {background:#1031b4;color:#fff;}
.mw a {color:#fff;}
.so {background:#00a4e8;color:#fff;}
.so a {color:#fff;}
.bo {background:#acacac;color:#000;}
.bo a {color:#000;}

div#links.ejd a {color:#000;}
div#links.tot a {color:#000;}

#kaartdiv {margin:10px 10px 0 25px;width:377px;height:377px;position:relative;border:1px solid #000;overflow:hidden;background:#fff;}
#kaartloader {position:absolute;top:5px;left:5px;z-index:4;}
#kaartdiv .map {position:absolute;top:0;left:0;width:379px;height:379px;border:0;}

#plattegrond {position:absolute;z-index:1;}
#ondergrond {z-index:2;}
#kaart {position:relative;z-index:3;}

#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;height:12px;background:url(../images/blauw_vierkantje.gif) no-repeat #999999;padding:4px 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;background:#000;color:#fff;}
#doelendiv h4 {font-size:14px;margin:0;padding:8px 12px;}
#doelendiv div.themastyle {padding:8px 12px;font-size:11px;}
#doelendiv .doelenblok {padding:2px 0;}
#doelendiv .doelenkop {background-position:10px 50%;padding:2px 5px 2px 25px;font-weight:bold;margin-top:6px;}

.doelenblok ul {padding:0;margin:0;list-style:none;margin-bottom:6px;}
.doelenblok.expanded {background:#7b7b7b;}
.doelenblok ul li {margin:0;padding:3px 5px 2px 25px;}
.doelenblok ul li a {padding-left:12px;text-decoration:none;}

.linktd {background:#000;color:#fff;}
.linktd ul {list-style:none;margin:10px 0;padding:0;}
.linktd li {padding:2px 5px 2px 25px;background:url(/images/wittedriehoek.gif) no-repeat 10px 2px;}
.linktd a {color:#fff;text-decoration:none;font-weight:bold;}

#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;}
#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:10px;bottom:20px;width:180px;line-height:17px;}
#lpa a {text-decoration:none;}
#grafiekvenster {position:absolute;top:300px;left:110px;z-index:9999;}
#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;}

#zoeken {}
#zoeken span {position:relative;top:-3px;}
#searchbox {width:214px;height:16px;padding:0;border:0;margin:2px 2px 0 0;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 20px 25px;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:154px;left:120px;}
#geo {position:absolute;top:276px;left:25px;}
#kenmerk {position:absolute;top:276px;left:269px;}
#meting {position:absolute;top:276px;left:583px;}

.doelstellingentable {table-layout:fixed;background:#fff;}
.doelstellingentable th {}
.doelstellingentable th span {display:block;padding:3px 6px;text-align:left;background:#000;color:#fff;margin:4px 1px;}
.doelstellingentable th.empty {background:#fff;}
.doelstellingentable td {border-top:1px solid #ccc;background:#fff;}
.doelstellingentable td a {margin:4px 1px;height:14px;padding:10px 6px;display:block;color:#fff;text-align:center;text-decoration:none;}
.doelstellingentable td span {margin:4px 1px;height:34px;display:block;background:#ccc;}
.doelstellingentable td.label {background:#fff !important;font-weight:bold;color:#000;text-align:left;}
.doelstellingentable td.label a {text-align:left;color:#000 !important;text-decoration:none;background:#fff !important;}

.doelstellingentable tr.di td a {background:#ff0000;}
.doelstellingentable tr.oov td a {background:#ac0094;}
.doelstellingentable tr.vi td a {background:#ffa008;}
.doelstellingentable tr.wie td a {background:#0062cd;}
.doelstellingentable tr.oj td a {background:#f6f608;}
.doelstellingentable tr.wz td a {background:#00a483;}
.doelstellingentable tr.sr td a {background:#b4e600;}
.doelstellingentable tr.cm td a {background:#de0073;}
.doelstellingentable tr.org td a {background:#5abd00;}
.doelstellingentable tr.mw td a {background:#1031b4;}
.doelstellingentable tr.so td a {background:#00a4e8;}
.doelstellingentable tr.bo td a {background:#acacac;}

.maincontent h4 {padding:0 25px;}
.rubrieksheader {background:#999;height:60px;overflow:hidden;color:#fff;font-size:2em;margin:20px 0;position:relative;}
.rubrieksheader img {height:60px;}
.rubrieksheader h4 {position:absolute;top:-10px;left:60px;}
.wrapped {margin:0 10px 0 25px;}

