html { height:100%; max-height:100%; font-size:12px; font-family:verdana, arial, "Arial Unicode MS", sans-serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
* {font-size: 12px; }
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;
scrollbar-3dlight-color : #062A5E;
scrollbar-arrow-color : #062A5E;
scrollbar-darkshadow-color : #062A5E;
scrollbar-highlight-color : #A0CBD5;
scrollbar-shadow-color : #A0CBD5;
scrollbar-base-color : #A0CBD5;
scrollbar-face-color : #A0CBD5;
scrollbar-track-color : #F2F2F2;
}
body.popup {overflow:auto; margin-top:20px;}
body.editor { margin-top:10px;};
body.menu .kop {margin-left:50px;}
body.subform {overflow:auto; }
body.export #melding{margin-left:20px;}
body.preview {margin:20px; overflow: auto;}
body.preview * {font-family:arial unicode ms; font-size: 13px;}
body.preview .tekstmetvoetnoot {display:block;}
.fout {color:red;}
body.statusLog .kop {margin-left:20px;}
body.statusLog .resultatenTabel {margin-left:20px;}
#content {overflow:auto; position:absolute; z-index:3; top:98px; bottom:0; left:0; right:0; padding:0 20px 20px 20px;}
* html #content {height:100%; width:100%; top:0; left:0; border-top:98px solid white; }
body.subform #content { position:static; overflow:hidden; top:0; width:100%; border-top:0; padding:0; padding-right:20px;}
body.popup #content {border:0;}
img {border:0;}
a:link, a:active, a:visited {color:074884; text-decoration:none;}
a:hover { text-decoration:underline;}
form {margin:0;}
/* Generieke tekstopmaak */
.menuitem .sneltoets {float:right; margin-right:20px; padding-top:1px; font-size:10px; color:#B3BDE1;}
.menuitem a:link, .menuitem a:visited {color:black; text-decoration:none; color:black; font-weight:bold;}
.menuitem a:hover {color:#3366CC; font-weight:bold;}
.omschijving{display:none;}
.titel {font-size:14px; font-weight:bold; margin-left:20px; margin-bottom:10px; display:block; }
.foutmelding {color:#BD085A;}
.kop {font-weight:bold; margin-bottom:20px; margin-left:100px;}
.klein {font-size:90%; line-height:1.2em; color:#666666; font-weight:normal;}
a.actie:link, a.actie:active, a.actie:visited { font-size:9px; text-decoration:underline; padding-right:5px;}
a.actie:hover {text-decoration:none;}
hr {/*color:#009EA2;*/ color:#F2F2F2; height:10px;}
/* Header */
#header {position:absolute; top:0; left:0; width:100%; height:98px; z-index:100; background:url(gfx/bg_header.gif) repeat-x;}
#headerlogo {position:absolute; top:20px; left:10px; z-index:200}
#stippub {position:absolute; top:15px; right:35px; }
#stippubversie {position:absolute; right:15px; top:35px; font-size:8px;}
#appversie{ color:#AAAAAA; font-size:9px; position: absolute; left:715px; top:32px; }
#buttonbar {position:absolute; top:20px; right:20px; height:25px;}
#header #hoofdmenuknop {position:absolute; top:75px; left:40px; text-transform:uppercase; color:#fff; }
body.menu #header #hoofdmenuknop, body.login #header #hoofdmenuknop, body.popup #header, body.subform #header {display:none;}
body.statusLog #header #hoofdmenuknop {display:none;}
.knoppen {border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-top:solid 1px #AAAAAA; border-left:solid 1px #CCCCCC; color:#666666; font-size:11px; cursor:hand; background:url(gfx/bg_btn.gif) repeat-x;}
.knoppenklein {border:1px solid black; background-color:#E3E5F0; color:#000000; font-size:11px; width:80px; cursor: hand;}
.popup .knoppen {width:auto; margin-left:0px;}
#header #apptitel {position:absolute; left:320px; top:22px; font-size:20px; color:#062a5e}
#menubar {display:none; z-index:-10}
body.status #menubar, body.formBody #menubar, body.gebruikers #menubar, body.gebruiker #menubar, body.rapporten #menubar {display:block;}
#menubar {position:absolute; top:68px; width:100%; height:30px; background:url(gfx/bg_bar.gif);}
#header_links {position:absolute; top:0; width:15px; height:80px; background:url(gfx/header_links.gif) no-repeat;}
#header_rechts {position:absolute; top:0; right:0; width:15px; height:80px; background:url(gfx/header_rechts.gif) no-repeat 4px 0 ;}
body.subform #buttonbar {position:absolute; left:auto; right:20px; top:auto; bottom:20px;}
body.editor #header{ display:none; }
/* Container */
.container {background-color:#E6E6E6; border:1px solid #999999;}
.container .titel {height:22px; color:white; padding-left:20px; background:#3366CC;}
.content {padding:20px;}
#contentSelectie table{border:1px solid #E6E6E6;}
/* Menu */
#menu {margin-top:20px; width:600px; margin-left:50px}
#menu .menuitem {background:url(gfx/menu_1.gif) no-repeat 0px 0; margin-bottom:14px; height:35px;}
#menu .menuitem.v1 {background-image:url(gfx/menu_1.gif);}
#menu .menuitem.v2 {background-image:url(gfx/menu_2.gif);}
#menu .menuitem.terug {background-image:url(gfx/menu_3.gif);}
#menu .menuitem.v4 {background-image:url(gfx/menu_4.gif);}
#menu .menuitem.v5 {background-image:url(gfx/menu_5.gif);}
#menu .menuitem a {display:block; margin-left:30px; }
#menu select {font-size:10px;}
.menuitem #producten {position:relative; top:-30px; left:170px; visibility:hidden;}
#menu .titel {margin-left:0;}
/* Selectie */
#boom {margin-left:20px; height:90%; width:100%; overflow:auto;}
#boom #node {display:inline; }
#boom deel {color:black; text-decoration:none; color:black; text-transform:lowercase; }
#boom .deel {padding-bottom:3px;float:left;width:20px; }
#boom .katern {padding-bottom:3px;float:left;width:20px; }
#boom .hoofdstuk {padding-bottom:3px;float:left;width:20px; }
#boom .paragraaf {padding-bottom:3px;float:left;width:20px; }
#boom .subparagraaf {padding-bottom:3px;float:left;width:20px; }
/* Selectiemodule */
.selectiebox {border:solid 1px #1E77B1; padding:8px; width:650px; margin-bottom:20px; margin-left:50px; }
.titel {left:0; color:black;}
.selectieknoppen {width:650px; margin-bottom:20px; text-align:right; margin-left:50px;}
.selectieveldnaam {background-color:#e5edef; padding-left:5px; padding-top:2px;}
.lcasetitel {text-transform:lowercase};
/* tijdens het laden van een formulier */
#loading {position:absolute; top:50%; left:50%; width:200px; height:60px; background-color:#E9EFF5; margin-left:-100px; margin-top:-30px; text-align:center; font: bold 12px; color:gray; line-height:20px; padding-top:15px; border:solid 1px #CCCCCC; z-index:100; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;}
#loading img {vertical-align:middle; margin-right:10px;}
body.selectie #zoeken {margin-left:20px;}
body.selectie #resultaat {margin-top:20px;}
.inbewerking {color:red; font-size: 10px; }
/* Status */
body.status .kop, body.status .formulier, body.status .resultaat {margin-left:20px;}
.deadlineVerstreken {background-color:#FFCED8;}
/* Export */
body.export .kop, body.export .formulier, body.export .resultaat {margin-left:20px;}
.pub {color:red;}
/* Gebruikers */
body.gebruikers .formulier {margin-left:100px;}
body.gebruiker .formuliertabel {width:auto; margin-left:100px;}
body.gebruikers .resultaat {margin-left:100px;}
body.gebruikers .resultatenTabel td {width:200px;}
body.gebruikers #aantal {position:absolute; top:35px; text-align:center; width:100%;}
body.gebruiker td.veldnaam {font-weight:normal; width:120px;}
body.gebruiker td.veldwaarde input.veld {width:250px;}
body.gebruiker td.veldwaarde select {width:auto; margin-left:3px;}
body.gebruiker #buttonbar {position:static; text-align:left; margin-left:118px; margin-top:20px;}
/* Zoekresultaat */
div.resultaat {width:95%; padding-right:0px; margin-left:30px; position:relative; }
div.resultaatOverzicht {width:97%; padding-right:0px; margin-left:20px; }
div.resultatenTabel { padding-right:30px; padding-left:0px; margin-top:30px; width:100%; }
.dagVeld {width: 20px;}
.maandVeld {width: 20px;}
.jaarVeld {width: 35px;}
div.resultatenTabel td { padding-left:10px; padding-right:10px; line-height:18px; font-size:11px;}
div.resultatenTabel tr.even { background-color:#F2F2F2;}
div.resultatenTabel td * {font-size:11px;}
div.resultatenTabelTitel { width:97%; font-size:12px; font-weight:bold; padding-left:10px; padding-top:2px; position:relative; margin-top:20px; background-color:#1905AA; color:#FFF; height: 20px;}
div.resultatenTabelTitelPreview { width:100%; font-size:12px; font-weight:bold; padding-left:10px; padding-top:2px; position:relative; margin-top:20px; background-color:#1905AA; color:#FFF; height: 20px;}
div.resultatenTabelSubtitel { width:100%; font-size:12px; font-weight:bold; padding-left:10px; padding-top:2px; position:relative; margin-top:20px; background-color:#CCCCFF; color:#000; height: 20px;}
#linksBoven { position:absolute; top:35px; left:-10px;}
#linksOnder { position:absolute; left:-10px; bottom:5px;}
#rechtsBoven { position:absolute; top:35px; right:-30px;}
#rechtsOnder { position:absolute; margin-top:10px; right:-30px; bottom:5px; }
.veldlijst #linksBoven { position:absolute; top:80px; left:-30px;}
.veldlijst #linksOnder { position:absolute; left:-30px; bottom:5px;}
.veldlijst #rechtsBoven { position:absolute; top:80px; right:-30px;}
.veldlijst #rechtsOnder { position:absolute; margin-top:10px; right:-30px; bottom:5px; }
td.kolomkop { background-color:#3366CC; color:#ffffff; font-weight:bold; padding:2px; padding-left:10px; height:22px;}
.kolomkop a:link, .kolomkop a:visited, .kolomkop a:active {color:#ffffff;}
.kolomkop a:hover {text-decoration:underline;}
td.kolomkop.gesorteerd { background-color:#4DB4CD; font-style:italic;}
td.kolomkop.gesorteerd a:link, td.kolomkop.gesorteerd a:active, td.kolomkop.gesorteerd a:visited { color:#ffffff;}
/* os3grid styles */
.g_table { margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0px; height:10px;}
.g_header { background-color:#3366CC; color:white; padding:2px; padding-left:10px; padding-right:20px; height:22px; font-size:10px;}
.g_header_down { padding-top:2px; padding-left:10px; padding-right:8px; cursor:pointer;}
.g_cell { /*border:solid 1px #ccc;*/ padding:3px; padding-left:10px; cursor: pointer; font-size:10px;}
.g_cell.readonly { cursor: auto;}
.g_cell_hl { border:dashed 1px #f00; background-color:#ddd; }
.g_edit_box {border: solid 1px #999; padding:3px; background:white;}
.g_table .g_cell.Titel {font-size:10px;}
.g_table .g_header.Titel {font-weight:normal; font-size:12px;}
.knopcel {vertical-align:bottom; padding-left:10px; padding-bottom:5px;}
/* einde os3grid styles */
#initprojectinformatie table.gridcontainer {width:780px;}
#initprojectinformatie .gridcontainer {width:100%;}
#initprojectinformatie .g_table {width:100%;}
#initprojectinformatie .g_table .g_header.Vraag {width:30%;}
#initprojectinformatie .g_table .g_header.Antwoord {width:70%;}
/* Zorg dat de persoonIDs van contactpersonen niet te zien zijn */
td#opdrachtgevercontact_gh2 {display:none;}
td#opdrachtnemercontact_gh2 {display:none;}
#opdrachtgevercontact td.g_cell.ID {display:none;}
#opdrachtnemercontact td.g_cell.ID {display:none;}
/* editlist styles */
table.el_table {padding:0; margin:0; border-collapse:collapse;}
table.el_table input, table.el_table textarea {width:200px;}
table.el_table td.g_cell {padding-left:0; padding-bottom:2px;}
table.el_container {padding:0; margin:0; border-collapse:collapse;}
table.el_container td { margin:0; padding:0;}
table.el_container td.knopcel {padding-left:6px; padding-bottom:5px;}
/* einde editlist styles */
/* veldlijst beheer */
body.veldlijst .formulier {margin-left:40px;}
body.veldlijst .resultaat {margin-left:40px;}
body.veldlijst td.veldwaarde input.veld {width:250px;}
body.veldlijst #aantal {position:absolute; top:55px; text-align:center; width:100%;}
/* formulier */
body.formBody .titel {margin-left:20px;}
body.formBody input.knoppen {width:auto;}
body.subform input.knoppen {width:auto;}
.formulier {width:100%;}
.formulier .veldnaam {width:100px; vertical-align: top;}
.formulierbody { }
#message {position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden;}
#ifrmessage{ line-height:1.3em; padding:0; margin:0;}
#ifr{position:absolute; top:80px; left:220px; width:400px; height:300px; border: none;}
#ifrbody{background-color:#FFFF8D; border:1px solid black; margin:0px; padding:5px;}
#closediv{background-color:#ffffff; font-weight:bold; border: 1px solid black; width:5px; height:5px; float:right; cursor: pointer; padding:0 2px 0 2px; margin:2px 1px 10px 10px;}
body.status .formuliertabel {width:500px;}
.formuliertabel {margin-left:20px;margin-top:10px;}
.subform .formuliertabel {width:100%;}
.formuliertabel .tdindent {padding-left:40px;}
.formuliertabel .nieuw {}
.veldnaam {font-size:11px;width:200px; background-color:#F2F2F2; padding-left:5px; vertical-align:top; line-height:1.5em;}
.veldnaam * {font-size:11px;}
.veldnaamnieuw {width:200px; background-color:#E3E5F0; padding-left:5px;}
td.veldwaarde{/*padding-right:100px;*/}
body.subform td.veldwaarde {padding-right:0px;}
textarea {font-family:verdana, arial, "Arial Unicode MS", sans-serif;}
.veldwaarde input {border:1px solid #1E77B1;}
.veldwaarde textarea {border:1px solid #1E77B1; width:100%; height:100%;}
.veldwaarde select {width:250px;}
.veldwaarde input {width:250px;}
.veldwaarde .checkbox {border:0px; width:15px;}
.veldwaarde select .breed {width:700px;}
.veldwaarde input.breed {width:700px;}
.veldwaarde input.hulpbutton {width:25px;}
body.subform .veldwaarde input.breed {width:500px;}
#editorvlak_tekst {width:700px;}
.radioholder{float:left;white-space:nowrap; clear:left;}
input.radio {width:auto;border:0px;}
body.subform #fld_afkorting, body.subform #fld_wkey, body.subform #fld_verkortetitel, body.subform #fld_citeertitel {display: none;}
/*editor velden*/
div.voetnoot {
color: green;
}
div.raster {
background: #EBEBEB;
margin-bottom: 10px;
margin-top: 10px;
}
.h1 {
font-weight: bold;
font-style: italic;
font-size: 12px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 10px;
display:block;
}
.h2 {
font-weight: bold;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 10px;
display:block;
}
h1,H1 {
font-weight: bold;
font-style: italic;
font-size: 12px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 10px;
padding-top: 0px;
}
H2, h2 {
font-weight: bold;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 10px;
}
h3, H3 {
font-style: italic;
font-weight: normal;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}
.h3 {
font-style: italic;
font-weight: normal;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
display:block;
}
H4, h4 {
font-weight: bold;
text-transform: uppercase;
}
h5, H5 {
font-style: italic;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 0px;
}
P {
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}
div.divisie {
margin-top: 10px;
}
P.legePee {
padding-bottom: 10px;
}
ol {
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
margin-left: 15px;
}
ul {
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
margin-left: 15px;
}
ul ul {
margin-left: 30px;
}
ul ol {
margin-left: 30px;
}
ol ol {
margin-left: 30px;
}
.kleinkapitaal {
font-variant: small-caps;
color: #077FF7;
}
.kapitaal{
text-transform: uppercase;
color: #F70606;
}
.nonproportioneel{
color: #D9E026;
font-family: monospace;
}
.formule {
color: red;
}
tr.even { background-color:#F2F2F2;}
/* Renvoieer */
.erbij {color: #00DF00; font-weight: bold;}
.eraf {color: red; text-decoration: line-through; font-weight: bold;}
.box {position:relative; border:solid 1px #E0E0E0; margin:5px; width:100%; background-color:#F8F8F8; text-align:center; vertical-align:center;}
.box img {margin:5px 5px 25px 5px;}
.box .boxbalk img {margin:0;}
.boxbalk {position:absolute; left:0; bottom:0px; width:100%; height:15px; text-align:left;}
.boxbalk .optiesknop {text-align:right;}
.boxbalk .optiesknop a {color:#999999; text-decoration:underline; font-size:11px; font-family:verdana;}
/*
.boxbalk ul.beeldmenu { position:absolute; display:none; left:170px; top:0px; border:solid 1px #666666; background-color:white;}
.boxbalk ul.beeldmenu li {width:150px; text-align:left; padding:4px 15px 4px 15px; cursor:hand; background-color:white;}
.boxbalk ul.beeldmenu li a:link, .boxbalk ul.beeldmenu li a:hover, .boxbalk ul.beeldmenu li a:visited {text-decoration:none; color:black; font-size:11px; font-family:verdana;}
.boxbalk ul.beeldmenu li.hover {background-color:#004b84;}
.boxbalk ul.beeldmenu li.hover a:link, .boxbalk ul.beeldmenu li.hover a:visited, .boxbalk ul.beeldmenu li.hover a:active { color:white;}
.boxbalk li:hover ul {display:block; z-index:100;}
*/
.summary {position:relative; background-color:#F8F8F8; height:20px; border:solid 1px #E0E0E0; border-left:none; border-right:none;margin-bottom:20px; text-align:center; padding-right:10px; line-height:1.5em; color:gray;}
#beeldmenudiv { position:absolute; background-color:white; border:1px solid black; border-bottom-width:0; font:normal 11px Verdana; line-height:18px; z-index:100;}
#beeldmenudiv a{ width:100%; display:block; text-indent:3px; border-bottom:1px solid black; padding:1px 0; text-decoration:none; font-size:11px;}
#beeldmenudiv a:hover{ background-color: #3366CC; color:white;}
.toc {margin-left:20px;}
.toc #node {display:inline;}
.toc a {color:black; text-decoration:none; color:black; text-transform:lowercase; }
.toc .tocitem {padding-bottom:3px;float:left;width:5px; }
.toc .notocitem {padding-bottom:3px;float:left;width:5px;}
.toc .i {margin-top:5px; }
.toc .toctekst {
float:left;
border:1px solid white;
text-indent:3px;
font:normal 11px Verdana;
line-height:18px;
cursor:pointer;
}
/* Wordt gebruikt als inhoud voor de volume divider */
.toc .divider .notocitemtekst {
float:left;
text-indent:3px;
font-style: italic;
font-size: 11px;
font-family: Verdana;
line-height:18px;
cursor:pointer;
color:black;
background-color: #F3F3F3;
text-align: center
}
.divider {
width: 100%;
//background-image: url(gfx/divider.gif);
padding-left: 100px;
font-size: 11px;
border: 1px solid #D3D2D1;
background: #F3F3F3;
}
.toc .children{
border:solid 1px white; padding-left:20px;
}
#tocmenudiv { position:absolute; background-color:white; border:1px solid black; border-bottom-width:0; font:normal 11px Verdana; line-height:18px; z-index:100;}
#tocmenudiv a{ width:100%; display:block; text-indent:3px; border-bottom:1px solid black; padding:1px 0; text-decoration:none; font-size:11px;}
#tocmenudiv a:hover{ background-color: #3366CC; color:white;}
#verplaatsdiv {
position:absolute; overflow:hidden; visibility: hidden;
z-index:1; width:200px; height:15px;
background-color:#ffffff;
}
body.bewerktoc {margin:10px; margin-top:10px;}
.tabheader { position:relative; background-color: #009EA2;color: white; border: 1px #BFB8BF solid; cursor: pointer; height:20px; padding:2px 25px 0px 5px; bottom:-1px;}
.tabheader.active { background-color: white; color:black; border-bottom:none; }
.tabheader.inactive { background-color: #F2F2F2;color: silver; border: 1px silver solid; cursor: auto; bottom:-1px; border-bottom:1px #BFB8BF solid;}
.tab {border: 1px #BFB8BF solid; padding:10px; overflow:auto; height:expression(document.body.clientHeight-200 + 'px');}
body.login .titel {display:none;}
/*body.login .foutmelding {position:absolute; top:50px; margin-left:8px; width:100%; color:#fc7b37; text-align:center; z-index:100;}*/
#loginform {position:absolute; top:80px; width:97%; height:180px; background:url(gfx/bg_login.gif) no-repeat 50% 0px;}
#loginform form {position:absolute; margin-left:-215px; left:50%; margin-top:70px; width:400px;}
#loginform .veldnaam {background-color:#3366CC; width:120px; color:white}
#padding {height:30px;width:100%;}
body.popup #padding {display:none;}
body.contact #header {display:none;}
body.contact #content {top:0; border:none; overflow:hidden;}
body.contact td.veldwaarde {padding-right:0; margin:0; width:auto;}
body.contact #buttonbar {top:80px; right:40px;}
body.contact .formuliertabel {margin-top:50px;}
.contacttabel {border:1px solid black; width:500px; margin:3px;}
.evaluatie { width:500px; margin-top:10px;}
.evaluatie .vraag { margin-bottom:15px;}
.evaluatie .omschrijving { font-weight:bold; background-color:#F2F2F2; padding:5px;}
.evaluatie .antwoord {}
.evaluatie .toelichting {}
.evaluatie td {vertical-align:top;}
@media print {
html {height:auto; max-height:auto; overflow:auto;}
body {height:auto; max-height:auto; overflow:auto;}
#header {position:relative;}
#content, * html #content {height:auto; width:auto; border:none; position:relative;}
#padding {display:none;}
}
/* Fomulier als het onderdeel is van een frameset */
body.frameForm {overflow:auto; }
body.frameForm #content { position:static; overflow:hidden; top:0; width:100%; border-top:0; padding:0; padding-right:20px; padding-top: 20px;}
body.frameForm #header {display:none;}
body.frameForm #buttonbar {position:absolute; left:auto; right:20px; top: 20px; bottom:auto;}
body.frameForm input.knoppen {width:auto;}
.frameForm .formuliertabel {width:100%;}
.readOnlyField {background:#eee none; color:#222; font-style: italic}
#Paginering {text-align: center; margin-bottom: 5px;}
.toc .toctekst .tocNoChild { padding-left: 14px; background:url(gfx/vlaggetje.gif) no-repeat;}
.dag {width: 20px;}
.maand {width: 20px;}
.jaar {width: 35px;}
.readOnlyFieldDag {background:#eee; color:#222; width: 20px;}
.readOnlyFieldMaand {background:#eee; color:#222; width: 20px;}
.readOnlyFieldJaar {background:#eee; color:#222; width: 40px;}
.readOnlyTextFalse { display: inline;}
.readOnlyTextTrue {display: none;}