html, body {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    color: #000075;
    background-color: #FFF;
}/* in Mozilla "quirks" mode (zonder Dtd) rendert ie img zonder halve regelhoogte er onder (net als IE), dus hoef je ze niet als block te displayen
div img{
    display: block;
}*/

/* lay-out */
#projectenPage .leftBar {
    background-color: #FFDF39;
}
#projectenPage.communicatieRmoPage .leftBar {
    background-color: #9A1121;
}
#projectenPage.communicatieRmoPage .leftBarBottom {
    background: #9A1121 url(/projecten/rmo/communicatie/_img/MAZlinks120.jpg) no-repeat fixed left bottom;
}
#projectenPage.communicatieRmoPage .rightBarBottom {
    background: #D7F000 url(/projecten/rmo/communicatie/_img/MAZrechts193.jpg) no-repeat fixed right bottom;
}

a img {
    border: none;
}
a:link{
    color: #0055FF;
    text-decoration: none;
}
a:visited{
    color: #992211; 
    text-decoration: none;
}
a:hover{
    color: #0000FF;
    text-decoration: underline;
}
a:active{
    color: #FA2800;
}
a.leesMeer {
    display: block;
    padding-left: 18px;
    background: transparent url(/_img/arrowLeesMeer.png) center left no-repeat;
}
sub, sup {
    line-height: .5;
}
table, th, td {
    vertical-align: top;
}
div.topimg{
    border: 0;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
}
div.left, div.centre, div.right{
    border: 0;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}
div.centre{
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    text-align: left;
}
td div.txtleft, td div.txtright, td div.date, td div.content, td div.txtleftproj, td div.txtleftnews, td div.txtleftlang{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    color: #FFFFFF;
    padding: 0 9px;
    line-height: 150%;
}
td div.date{
    text-align: right;
    font-weight: bold;
    font-size: smaller;
}
td div.content{
    font-size: smaller;
    color: #000075;
    padding-right: 27px;
    text-align: left;
}
td div.content table tr td{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    font-size: smaller;
    padding: 0.25em 0.5em 0.25em 0;
    border-bottom: 1px solid #BFE8F1;
}
td div.content table tr th {
    text-align: left;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    font-size: smaller;
    font-weight: normal;
    font-style: italic;
    padding: 0.25em 0.5em 0.25em 0;
    border-top: 1px solid #BFE8F1;
    border-bottom: 1px solid #BFE8F1;
    color: #005FC8;
}
.noot{
    font-style: italic;
    margin-left: 27px;
    color: #005100;
}
.noot h5, .noot h3, .noot h1, .noten h5, .noten h3, .noot .inleiding, .noten .inleiding {
    color: #4BAF00;
    font-weight: normal;
}
h1.noot {
    color: #4BAF00;
}
.noot table {
    margin-bottom: 1em;
}
table.noot h3 {
    margin-top: .6em;
}
.noten h3 {
    margin-top: 0;
}
.noot em {
    color: #FA2800;
}
.linkinfo {
    margin-left: 0;
    clear: left;
}
.linkinfo h5 {
    color: #FA2800;
}
td div.content .noot table tr td, td div.content table.noot tr td{
    border-bottom-color: #DDF199;
    color: #005100;
}
td div.content .noot table tr th, td div.content table.noot tr th{
    border-top-color: #DDF199;
    border-bottom-color: #DDF199;
    color: #4BAF00;
}
.tableleft {
    margin: 0 9px 0 0;
}
.tableright {
    margin: 0 0 0 9px;
}
.noot.tableleft, .noot.tableright {
    border-top: 1px solid #DDF199;
    margin-top: .4em;
}
p .noot.tableleft, p .noot.tableright {
    border-top: 1px solid #DDF199;
    margin-top: 1.2em;
}
td div.content .noten{
    margin-top: 1.5em;
    padding-top: 1.5em;
    margin-left: 27px;
    border-top: 1px solid #DDF199;
    color: #005100;
    font-style: italic;
}
td div.content .noten table tr td{
    border-bottom: none;
    color: #005100;
    font-style: italic;
    line-height: 150%;
}
td div.content table.quoteleft {
    margin: 9px 9px 0 0;
    border-top: 1px solid #DDF199;
}
td div.content table.quoteright {
    margin: 9px 0 0 9px;
    border-top: 1px solid #DDF199;
}
td div.content table.quoteleft tr td, td div.content table.quoteright tr td {
    margin: 0;
    border-bottom-color:  #DDF199;
}
blockquote {
    margin: 0;
    font-style: italic;
    font-size: 125%;
    color: #4BAF00;
    text-align: center;
}
td div.content table tr td.imgleft{
    font-style: italic;
    line-height: 150%;
    border: 0;
    color: #005100;
}
td div.content table tr td.imgleft img {
    margin: 9px 9px 0 0;
}
td div.content table tr td.img, p.img {
    font-style: italic;
    line-height: 150%;
    border: 0;
    color: #005100;
    width: 420px;
}
td div.content table tr td.img img {
    margin: 9px 0 0 0;
}
td div.content table tr td.img img.ontop {
    margin: 0;
}
.content .imgLeftSmall, .content .imgRightSmall {
    float: left;
    clear: left;
    width: 170px;
    margin: 5px 9px 4px 0;
    font-style: italic;
    line-height: 150%;
    color: #005100;
}
.content .imgRightSmall {
    float: right;
    clear: right;
    margin: 5px 0 4px 9px;
    padding-left: 9px;
/*    border-left: 1px dotted #4BAF00;*/
/*    text-align: right;*/
}
.content .imgLeftSmall img, .content .imgRightSmall img {
    display: block;
}
.content .imgWidth240 {
    width: 240px;
}
.content .imgWidth90 {
    width: 90px;
}
.content .imgWidth300 {
    width: 300px;
}

td div.txtleft {
    font-size: smaller;
    font-weight: bold;
    text-align: right;
    color: #FFF;
}
td div.txtright{
    font-size: smaller;
    font-weight: bold;
    color: #FA2800;
    text-align: left;
}
td div.txtright a:link, td div.txtright a:visited, td div.txtright a:active{
    font-weight: normal;
    color: #4BAF00;
    text-decoration: none;
}
td div.txtleft a:link, td div.txtleft a:visited, td div.txtleft a:active{
    font-weight: normal;
    color: #BFE8F1;
    text-decoration: none;
}
td div.txtleft span{
    font-weight: bold;
    color: white;
}
td div.txtright a:hover, td div.txtleft a:hover, td div.txtleft a:hover span{
    color: #005FC8;
    text-decoration: underline;
}
td div.txtleft span.select{
    color: #FA2800;
}
p {
    margin: 0 0 1.5em;
}
.inleiding, .info, .writer {
    font-style: italic;
    color: #005FC8;
}
.writer {
    margin-top: -1.5em;
    margin-bottom: 0;
    text-align: right;
}
.inleiding{
    padding-left: 27px;
    margin-bottom: 1.5em
}
.dl{
    margin-top: 4.5em;
    margin-bottom: 0;
    color: #005100;
    font-weight: normal;
}
div.txtleft p.txtnews{
    margin: 0;
    color: #FA2800;
    font-weight: bold;
}
div.txtleft p.txtnews a:link, div.txtleft p.txtnews a:visited, div.txtleft p.txtnews a:active{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}
div.txtleft p.txtnews a:hover{
    text-decoration: underline;
    color: #005FC8;
}
h2{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #005100;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 150%;
}
h2 span{
    color: #4BAF00;
}
/* line-height en margins aangepast aan de font-size, zodat dit weer dezelfde regelhoogte heeft als tekst in een P (1.2 x 125% = 150%) */
h3, h1 {
    font-size: 125%;
    color: #005FC8;
    font-weight: normal;
    margin-top: 2.4em;
    margin-bottom: 1.2em;
    letter-spacing: 0.05em;
    line-height: 120%;
}
h1 {
    margin-top: 3.6em;
}
h1.inStory {
    margin-top: 1.2em;
}
h4{
    font-size: 100%;
    font-weight: bold;
    color: #FA2800;
    margin-top: 1em;
}
h5{
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
    color: #005FC8;
    margin: 0;
}
h5.info {
    color: #FA2800;
}
h5 span.darkblue{
    color: #000075;
}
h6 {
    font-size: 100%;
    margin: 0;
    font-weight: normal;
/*    color: #005fc8;*/
	font-style: italic;
}

form{
    margin: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    font-size: smaller;
    color: #005100;
    text-align: right;
}
form.contact{
    text-align: left;
    font-size: 100%;
    margin-bottom: 1.5em;
}
fieldset {
    border: 1px solid #AADC00;
    padding: .75em;
}
legend {
    color: #005100;
}
form.contact input, form.contact textarea{
    width: 390px;
    margin-bottom: 1.5em;
}
input, textarea{
    width: 193px;
    border: 1px solid #4BAF00;
    margin: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    color: #005100;
    font-weight: normal;
    background-color: #FFF;
}
input.searchbutton, input.contactbutton {
    width: 64px;
    padding: 0;
    margin-top: 2px;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, Switzerland, sans-serif;
    font-weight: bold;
    color: #4BAF00;
    background-color: #DDF199;
    border-color: #AADC00;
}
input.searchbutton:hover, input.contactbutton:hover, input.searchbutton:focus, input.contactbutton:focus {
    border-color: #4BAF00;
    color: #005100;
}
form.contact input.check{
    width: 1.1em;
    height: 1.1em;
    margin: 0;
    padding: 0;
    border: 0;
}
form.contact input.contactbutton{
    width: 90px;
    padding: 2px;
    margin-top: 1em;
    margin-bottom: 1em;
}
div.home{
    border: 0;
    text-align: right;
}
td div.txtleftproj, td div.txtleftnews, td div.txtleftlang{
    font-weight: bold;
    font-style: italic;
    text-align: right;
    font-size: smaller;
    line-height: 300%;
    margin-top: -1em;
}
td div.txtleftproj {/* 
    padding-top: 9px; *//* 
    font-style: normal; */
    margin-top: 0;
    padding: 0;
}
td div.txtleftlang{
    margin-top: -.8em;
}
#english .txtleftlang {
    margin-top: 5em;
}

#projectGroups {
    margin: .6em 0 0;
    padding: 0;
    position: relative;
}
#projectGroups li {
    position: absolute;
    top: 0;
    width: 33%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 10;
}
#projectGroups li#brg {
    left: 0;
}
#projectGroups li#rap {
    left: 33%;
    width: 34%;
    z-index: 11;
}
#projectGroups li#r3 {
    left: 67%;
}
#projectGroups li a {
    display: block;
    font-weight: bold;
    font-size: smaller;
    padding: 2px 0;
    font-style: italic;
}
#projectGroups li#brg a {
    border-left: 2px solid #FFF;
}
#projectGroups li#rap a {
    border: 2px solid #FFF;
    border-width: 0 2px;
}
#projectGroups li#r3 a {
    border-right: 2px solid #FFF;
}
#projectGroups li a:link, #projectGroups li a:visited {
    color: #9BB8A3;
    background-color: #E6EDE8;
}
#projectGroups li a:hover, #projectGroups li a:active {
    color: #FFF;
    text-decoration: none;
    background-color: #9BB8A3;
}
.projectenBRG #projectGroups li#brg a:link, .projectenBRG #projectGroups li#brg a:visited,
.projectenRAP #projectGroups li#rap a:link, .projectenRAP #projectGroups li#rap a:visited,
.projectenR3 #projectGroups li#r3 a:link, .projectenR3 #projectGroups li#r3 a:visited {
    color: #FFF;
    text-decoration: none;
    background-color: #9BB8A3;
}
#projectGroups li a span {
    font-weight: normal;
    font-style: normal;
    font-size: smaller;
}
#projectenPage h1 {
    margin-top: 4.8em;
}

#projectenPage .leftBar .home {
    background-color: #FFF7CD;
    padding-left: 33px;
}
#projectenPage.communicatieRmoPage .leftBar .home {
    background-color: #DEB1B6;
}
td div.txtleftproj p {
    margin-bottom: 19px;
    font-size: 12px;
    line-height: 19px;
    border: 2px solid #FFF;
    border-width: 2px 0;
    padding: 1px 9px;
}
td div.txtleftproj p#ruimte, .projectenRuimte td div.txtleftproj p#ruimte a {
    background-color: #FF001E;
    color: #570E00;
}
td div.txtleftproj p#ruimte a:hover {
    color: #570E00;
}
td div.txtleftproj p#milieu, .projectenMilieu td div.txtleftproj p#milieu a {
    background-color: #8BBE00;
    color: #465F00;
}
td div.txtleftproj p#milieu a:hover {
    color: #465F00;
}
td div.txtleftproj p#bereikbaarheid, .projectenBereikbaarheid td div.txtleftproj p#bereikbaarheid a {
    margin-left: -20px;
    background-color: #0BC;
    color: #004147;
}
td div.txtleftproj p#bereikbaarheid a:hover {
    color: #004147;
}
td div.txtleftproj p#ruimtelijkeKwaliteit, .projectenRuimtelijkeKwaliteit td div.txtleftproj p#ruimtelijkeKwaliteit a {
    background-color: #7A68B4;
    color: #181524;
}
td div.txtleftproj p#ruimtelijkeKwaliteit a:hover {
    color: #181524;
}
td div.txtleftproj p#energieEnGrondstoffen, .projectenEnergieEnGrondstoffen td div.txtleftproj p#energieEnGrondstoffen a {
    background-color: #FFAC00;
    color: #805600;
}
td div.txtleftproj p#energieEnGrondstoffen a:hover {
    color: #805600;
}
td div.txtleftproj p#archief {
    margin: 36px -9px 19px -20px;
    padding: 9px;
    border-top: 2px solid #fff;
    letter-spacing: -.05em;
    display: none;
}

td div.txtleftnews {
    margin-top: 0;
}
td div.txtleftnews P{
    color: #DDF199;
    margin-bottom: 19px;
    font-size: 12px;
    line-height: 19px;
}
td div.txtleftnews p#laatsteNieuws {
    margin-left: -20px;
}
td div.txtleftnews p#archief {
    margin: 36px -9px 19px;
    padding: 9px;
    border-top: 2px solid #fff;
}
td div.txtleftlang p {
    color: #DDF199;
    margin-bottom: 0;
    font-size: 15px;
}
td div.txtleftproj a:link, td div.txtleftnews a:link, td div.txtleftlang a:link,
td div.txtleftproj a:visited, td div.txtleftnews a:visited, td div.txtleftlang a:visited,
td div.txtleftproj a:active, td div.txtleftnews a:active, td div.txtleftlang a:active{
    color: #FFFFFF;
    text-decoration: none;    
}
td div.txtleftnews a:hover, td div.txtleftlang a:hover{
    color: #DDF199;
    text-decoration: underline;
}
ul {
    margin: 0 0 1.5em .4em;
    padding-left: 1em;
}
li, li li{
    list-style-type: disc;
}
ul.space li{
    margin-bottom: 1em;
}
.nospace {
    margin-bottom: 0;
}
ol{
    margin-top: 0;
    margin-left: 1em;
    padding-left: 1em;
}
ol li{
    list-style-type: decimal;
}
ol.lower-roman li {
	list-style-type: lower-roman;
}
ol.lower-alpha li {
	list-style-type: lower-alpha;
}
ol.decimal li {
    list-style-type: decimal;
}
.content ol ul li {
    list-style-type: disc;
}
ol ul {
    margin-bottom: 0;
}

p.totop{
    margin-top: 1.5em;
    text-align: right;
    clear: both;
}
p.infolist{
    font-style: italic;
}
p.infolist span{
    color: #E32200;
}
span.belangrijk{
    font-style: italic;
    color: #FA2800;
}
span.greyout {
    font-weight: normal;
    color: #A4C45C;
}
span.lc {
    text-transform: lowercase;
}
#english td div.txtleftproj P{
    font-size: 12px;
}

.content .highlight {
    background-color: #DDF199;
    color: #000000;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 0 .5em 3em;
}

.banner img {
    position: absolute;
    left: 0;
    border: 0 solid #FFF;
    border-width: 2px 0;
    margin-top: 6em;
}
/*#bannerALR {
    margin-top: 204px;
}
*/

.archiefLink {
    font-style: italic;
    margin-top: 3em;
    border-top: 1px dotted #005FC8;
}

.pathArchiefActief .backToHome a {
    display: block;
    background-color: #BFE8F1;
    text-align: right;
    margin-bottom: 2px;
}

/* style for the homepage */
.rightNav .right {
    margin-top: 24px;
    background-color: #AADC00;
    color: #4BAF00;
}
#english .rightNav {
    padding-top: 1.7em;
}
/*#rightNews {
    margin-top: 48px;
    background-color: #FA2800;
    color: #BE0023;
    list-style-image: url(/_img/arrowNews.png);
}*/
#rightProjects {
/*    margin-top: 48px;*/
    margin-top: 0;
    position: relative;
    top: -2px;
    margin-bottom: -2px;
/*    background-color: #00A5C8;*/
/*    background-color: #FA2800;*/
/*    background-color: #FFAC00;*/
/*    color: #005FC8;*/
/*    list-style-image: url(/_img/arrowProjects.png);*/
/*    border-bottom-color: #FA2800;*/
}
#english #rightProjects {
    margin-top: 48px;
}
#rightContact {
    background-color: #AADC00;
    color: #4BAF00;
}
#rightOrganisation {
    background-color: #AADC00;
    color: #4BAF00;
    list-style-image: url(/_img/arrowOrganisation.png);
}
#rightOverOns {
/*    background-color: #00A5C8;*/
/*    background-color: #FFAC00;*/
/*    color: #4BAF00;*/
/*    list-style-image: url(/_img/arrowProjects.png);*/
/*    border-bottom-color: #00A5C8;*/
}
#rightArchive {
    margin-top: 128px;
    background-color: #D7F000;
    color: #4BAF00;
}
.right a {
    display: block;
}
.rightExtra {
    border-top: 2px dotted #FFF;
/*    border-top: 2px solid #FFF;*/
    padding: 3px;
    font-size: smaller;
/*    background-color: #AADC00;*/
}
#rightProjects .rightExtra {
/*    background-color: #FC6F54;*/
}
#rightOverOns .rightExtra {
/*    background-color: #54C3DA;*/
}
.rightExtra #RA {
    letter-spacing: -.02em;
    word-spacing: -.1em;
}
.rightExtra a, .rightExtra a:link, .rightExtra a:visited, .rightExtra a:hover, .rightExtra a:focus, .rightExtra a:active {
    display: inline;
    border: 0;
    color: #FFF;
}
.rightExtra ul {
    margin: 0;
    padding: 0;
}
.rightExtra li, .subsubnav li {
    margin: 0;
    padding: 0 0 0 15px;
    background: transparent url(/_img/arrowNews.png) no-repeat 0 .3em;
    background: transparent url(/_img/arrowOrganisation.png) no-repeat 0 .3em;
    list-style: none;
}
#rightProjects li {
/*    background-image: url(/_img/arrowNews.png);*/
}
#rightOrganisation li {
/*    background-image: url(/_img/arrowOrganisation.png);*/
}
#rightOverOns li {
/*    background-image: url(/_img/arrowProjects.png);*/
}
.subnav {
    margin-bottom: 0;
}
.subsubnav {
    margin-left: 0;
    padding-left: 0;
}
.subsubnav li {
    background-image: url(/_img/arrowSubnav.png);
}
td div.txtright .subnav a {
    font-weight: bold;
}
.subsubnav .current {
    background-image: url(/_img/arrowSubnavHere.png);
}
td div.txtright .subsubnav .current a {
    color: #FA2800;
    cursor: text;
    text-decoration: none;
}

/* Nieuws items’s */
.mainNieuwsItem {
    padding-bottom: 1px;
}
.nieuwsItem {
    margin-top: 0;
    border-top: 1px dotted #005FC8;
    padding-bottom: 1px;
}
.nieuwsItem:target {
    background-color: #E5EFF9;
    border-top: 1px solid #005FC8;
}
.nieuwsItem h1, .nieuwsItem h4 {
    margin-top: 0;
}
.nieuwsItem h1 {
    margin-bottom: .6em;
}
.nieuwsItem h4 {
    font-weight: normal;
    margin-bottom: 0;
}

.section {
    margin: 0 0 2.4em;
}

#diaShow {
    width: 600px;
    padding: .6em 0;
    margin-top: .6em;
}
#diaShow h3 {
    display: none;
}
#diaShow #prevDia {
    float: left;
    width: auto;
    padding: 0 0 0 18px;
    background: transparent url(/_img/arrowLeesMeerLeft.png) center left no-repeat;
    display: none;
}
#diaShow #nextDia {
    float: right;
    width: auto;
    padding: 0 18px 0 0;
    background: transparent url(/_img/arrowLeesMeer.png) center right no-repeat;
    display: none;
}
#diaShow #nextDia:visited, #diaShow #prevDia:visited {
    color: #05F;
}
#diaShow #nextDia:hover, #diaShow #prevDia:hover {
    color: #00F;
}
#diaShow #diaContainer {
    clear: both;
    padding-top: .6em;
    text-align: center;
    height: 480px;
}

/* home */
#homePage .introSection {
    margin: 0 2px;
    padding: .3em 7px; 
    background-color: #CCEDF4;
}
#homePage .introSection p {
    margin: 0;
    padding: .3em 0;
}
#homePage .introLinks {
    margin: 2px 2px 0;
    background-color: #EBF8FB;
    border-bottom: 2px solid #CCEDF4;
}

/* Communicatie RMO subsite */
.communicatieRmoPage .navSection, #homePage .navSection {
    padding: 0 2px;
}
.communicatieRmoPage .navSection h1 {
    margin-left: 7px;
}
#breadcrumb {
    padding: .3em 7px;
    background-color: rgba(0, 165, 200, .2);
    background-color: #CCEDF4;
}
#breadcrumb h4 {
    display: inline;
}
.content .subsubnavContainer {
    padding: .3em 7px;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid rgba(0, 165, 200, .2);
    border-bottom: 2px solid #CCEDF4;
    background-color: rgba(0, 165, 200, .08);
    background-color: #EBF8FB;
}
.content .navLeft {
    float: left;
    width: 44%;
    margin: 0 0 -1px; /* IE, see .navEnd */
}
.content .navRight {
    margin: 0 0 -1px 50%; /* -1px IE, see .navEnd */
}
.content .navEnd {
    clear: both;
    height: 1px !important; /* IE (should be 0) */
    overflow: hidden; /* IE */
}
.subsubnavContainer .subsubnav li {
    background-image: url(/_img/arrowLinks2.png);
}
.subsubnavContainer .subsubnav .current {
    background-image: url(/_img/arrowText2.png);
}
.subsubnavContainer .subsubnav .current a {
    color: #000075;
    text-decoration: none;
    cursor: text;
}

#projectenPage.communicatieRmoPage .content h1 {
    margin-top: 2.4em;
}
.communicatieRmoPage .centerBar {
    background: #D3F3FF url(/_img/communicatieRMO/MAZ.png) no-repeat right top;
}