/* Metainfo: Organisatie: Gemeente Montferland Auteur: Deniz Uygun (Dezta BV) Versie 1: 9 december 2010 Applicatie: DeztaPlan (3) Toepassing: HTML weergave STRI 2008, huisstijl Montferland */ body { margin:0; background:#D1CDCD; text-align:center; } #container { width:990px; background:#fff; position:relative; padding:0; margin:0 auto 80px auto; text-align: left; border-top:solid 25px #ECECEC; } body > #container { width:auto; max-width:990px; background:#FFF url(http://opmaak.dezta.nl/montferland/opmaak_containerbottom.gif) no-repeat left bottom; } a img {border: 0;} /*standaard tekst en links in de 'body' van de pagina*/ body, p, li, table, div { font-family: arial, Helvetica, 'Trebuchet MS', sans-serif; font-size:12px; color:#000; line-height: 1.4em; } /* Basis tekstopmaak voor de plantekst */ h1, h2, h3, h4, h5, h6 { margin:0; padding:1em 0 0 0; line-height:120%; } h1, h2, h3, h4 { padding-top:0.5em; font-weight:normal; color:#006FB7; } h5, h6 {font-weight:bold;} h2 {font-size:26px; margin-bottom:1em;} h3 {font-size:24px; margin-bottom:1em;} h4 {font-size:22px;} h5 {font-size:14px;} h6 {font-size:12px;} p, ul { padding-top:0.5em; padding-bottom:0; margin-bottom:0; margin-top:0; } table.teksttabel { margin-top:0.5em; } ul ul { padding-top:0; } a:link, a:visited { color:#828282; text-decoration: underline; } a:hover{ color:#006FB7; text-decoration: underline; } a.voetnootlink:link, a.voetnootlink:visited { cursor: help; text-decoration:none; vertical-align:super; line-height:0.2em; font-size:70%; margin-left:0.1em; } a.voetnootlink:hover {text-decoration:none;} ul#voetnoten { border-top:1px solid #006FB7; margin:3em 0 0 0; padding:0; list-style-type:none; width:100%; /*nodig voor haslayout in IE6*/ } ul#voetnoten li { padding:0 0 0 2.2em; margin:1em 0 0 0; position:relative; width:90%; /*nodig voor haslayout in IE6*/ } a.voetnootterug { position:absolute; left:0; line-height:1; top:0.2em; } div#koptekst { width:100%; /* nodig voor has-layout in IE */ background:#fff url(http://opmaak.dezta.nl/montferland/opmaak_logo.gif) no-repeat 15px 15px; padding-top:100px; } @media print,screen { div#toegang {display:none;} } div#kruimelspoor { overflow:auto; padding:0 10px 0px 20px; width:100%; /* nodig voor has-layout in IE */ background-color:#fff; border-bottom:1px solid #006FB7; } #koptekst > div#kruimelspoor { width:auto; } .kruimel { font-size: 12px; margin:0; padding:0 1em 0 0; float:left; font-weight:normal; line-height:1.4em; } h1.kruimel { display:block; color:#fff; float:none; padding:0.1em 1em 0.1em 20px; margin:0 -10px 0 -20px; font-size:18px; background-color:#006FB7; } .kruimel a:link, .kruimel a:visited { display:block; padding:2px 0; white-space:nowrap; text-decoration:none; color:#828282; } .kruimel a:hover { text-decoration:none; color:#006FB7; } .kruimel a:before { content:"/"; margin:0 0.5em 0 -0.5em; } h2.kruimel a:before { content:none; } #plangegevens { position:absolute; z-index:1000; top:15px; right:0px; border-left: 1px solid #E4E2E4; } #plangegevens table { border-collapse:collapse; margin:5px; } #plangegevens th {padding-right:1em;} #plangegevens th, #plangegevens td { font-weight:normal; font-size:11px; color:#585858; vertical-align:top; text-align:left; padding-top:1px; padding-bottom:1px; margin:0; line-height:1.1em; max-width:30em; } div#hoofdmenu { position:absolute; padding:0; clear:both; width:200px; margin-left:15px; } #koptekst > div#hoofdmenu { position:fixed; } div#hoofdmenu ul { margin:0; padding:0; border-top:45px solid #FFF; border-bottom:1px solid #FFF; } div#hoofdmenu li { float:none; display:block; background:#fff url(http://opmaak.dezta.nl/montferland/opmaak_knoptop.gif) no-repeat right top; margin:0; padding:0; } div#hoofdmenu li:hover { background:#fff url(http://opmaak.dezta.nl/montferland/opmaak_knophovertop.gif) no-repeat right top; } div#hoofdmenu a { display:block; padding:5px 23px 6px 10px; width:200px; margin-bottom:6px; background:url(http://opmaak.dezta.nl/montferland/opmaak_knopbot.gif) no-repeat right bottom; text-decoration:none; font-weight:bold; color:#006FB7; } div#hoofdmenu a.pdf { background:url(http://opmaak.dezta.nl/montferland/opmaak_knopbotpdf.gif) no-repeat right bottom; padding-right:23px; } div#hoofdmenu > ul a { width:167px; } div#hoofdmenu li > a:hover { background:url(http://opmaak.dezta.nl/montferland/opmaak_knophoverbot.gif) no-repeat right bottom; } div#hoofdmenu a:hover, div#hoofdmenu a.pdf:hover { color:#fff; background:url(http://opmaak.dezta.nl/montferland/opmaak_knophoverbotpdf.gif) no-repeat right bottom; } div#inhoudsopgave, div#inhoud {clear: both;} div#inhoud { padding:0 20px 200px 25px; margin:0 40px 0 220px; } div.navigatie ul { display: block; float: none; list-style-type:none; } div.navigatie li { display: inline; float: left; margin: 2em; } div#inhoudsopgave li.pdf { background:url(http://opmaak.dezta.nl/opmaak_iconen.gif) no-repeat 0 -200px; padding-left:24px; margin-left:-24px; } ul.inhoudsopgave { list-style-type:none; padding:1em 0; margin:0; } /* Extra voor de inhoudsopgave op de index pagina */ div.document h2 {display:none;} div.document div#inhoudsopgave a {text-decoration:none;} div.document div#inhoudsopgave ul {margin:0; padding:0;} div.document div#inhoudsopgave ul ul {margin:0 0 2em 0;} div.document div#inhoudsopgave ul ul ul {} div.document div#inhoudsopgave ul ul ul ul {display:none;} div.document div#inhoudsopgave ul li { margin-top:1em; font-size:16px; font-weight:bold; } div.document div#inhoudsopgave ul ul li { margin-top:0.5em; font-size:14px; font-weight:bold; } div.document div#inhoudsopgave ul ul ul li { margin-top:0; font-size:12px; font-weight:bold; } div.document div#inhoudsopgave ul ul ul ul li { font-size:12px; font-weight:normal; } /* Navigatie-links onderaan de pagina */ div#navigatiemenu { position:absolute; top:210px; width:24px; padding:0; margin-left:735px; } #container > div#navigatiemenu { /*IE6 en lager kent position:fixed niet */ position:fixed; margin-left:737px; } #container > /**/ div#navigatiemenu { /*IE7 gaat anders om met de positonering dan andere moderne browsers */ margin-left:960px; } div#navigatiemenu ul { padding:0; margin:0; } div#navigatiemenu li { float:none; display:block; height:24px; margin:0 0 6px 0; padding:0; } div#navigatiemenu a:link, div#navigatiemenu a:visited, div#navigatiemenu a:link:hover, div#navigatiemenu a:visited:hover { display:block; height: 24px; width: 24px; text-indent: 2000px; text-decoration:none; overflow: hidden; background-image:url(http://opmaak.dezta.nl/opmaak_iconen.gif); background-repeat:no-repeat; } div#navigatiemenu li.navigatieitemBegin a {} div#navigatiemenu li.navigatieitemBegin a:hover {background-position:0 -25px;} div#navigatiemenu li.navigatieitemVorige a {background-position:0 -50px;} div#navigatiemenu li.navigatieitemVorige a:hover {background-position:0 -75px;} div#navigatiemenu li.navigatieitemVolgende a {background-position:0 -100px;} div#navigatiemenu li.navigatieitemVolgende a:hover {background-position:0 -125px;} div#navigatiemenu li.navigatieitemOmhoog a {background-position:0 -150px;} div#navigatiemenu li.navigatieitemOmhoog a:hover {background-position:0 -175px;} @media print,screen { div#navigatiemenu span.inactief { display:none; } } /* Opmaak voor speciale elementen in de plantekst */ span.lijstnummer { display:none; } ins { text-decoration:none; } .alignright {text-align:right;} .alignjustify {text-align:justify;} .aligncenter {text-align:center;} .mark1 {color:#000; background-color: Yellow;} .mark2 {color:#000; background-color: Lime;} .mark3 {color:#000; background-color: Aqua;} .mark4 {color:#000; background-color: Fuchsia;} .mark5 {color:#000; background-color: #6699FF;} .mark6 {color:#000; background-color: #AAA;} .doorstreept {text-decoration: line-through;} .superscript {vertical-align:super} .subscript {vertical-align:sub} .superscript, .subscript {line-height:0.2em;font-size:70%;} .onderstreept {text-decoration: underline;} ul.upper-alpha {list-style-type:upper-alpha;} ul.lower-alpha {list-style-type:lower-alpha;} ul.upper-roman {list-style-type:upper-roman;} ul.lower-roman {list-style-type:lower-roman;} ul.decimal {list-style-type:decimal;} table.teksttabel {border-collapse:collapse;} td.teksttabelcel {border: none; vertical-align:top; padding:3px;} td.border-bottom, td.bottomborder {border-bottom: 1px solid #585858;} td.border-left, td.leftborder {border-left: 1px solid #585858;} td.border-right, td.rightborder {border-right: 1px solid #585858;} td.border-top, td.topborder {border-top: 1px solid #585858;} /********************************************************* * Definities voor uitprinten: * *********************************************************/ @media print { body, #container {margin:0px; color: #000; background-color:transparent; background-image:none; border:0;} p, h1, h2, h3, h4, h5, h6 { color:#000; } li {color:#000;} div#koptekst {background:none; border:0; min-height:0; width:auto; padding:0;} a:link, a:visited {color:#000; text-decoration:underline;} .navigatie {display:none;} div.document div#inhoudsopgave {display:block;} div#inhoud {padding:0; clear:none; border:0; margin:0; background-color:transparent; background-image:none;} #plangegevens {background:transparent; border:none; padding:0; margin:0; position:static; float:right; border-color:#DDD;} #plangegevens table {border:none; margin:0 0 0.5em 0.5em;} #plangegevens th, #plangegevens td {color:#DDD; font-size:8pt;} }