html, body { font-family:Verdana,Geneva,Arial,helvetica,sans-serif; color:white; background-color:black; margin:0; padding:0; width:100%; }
html { max-width:1024px; margin-left:auto; margin-right:auto; }
body { font-size:small; text-align: center; }
p, table, thead, tr, td, div, input, textarea { font-family:Verdana,Geneva,Arial,helvetica,sans-serif; font-size:inherit; line-height:1.4em; color:white; background-color:transparent;}
p { text-align:justify; }
h1 { font-family: "Comic Sans MS",Arial,helvetica,sans-serif; font-size:180%; color:Yellow; background-color:transparent; margin:0.4em 0 1em; font-weight:normal; line-height:1.2em; }
h2 { font-family: "Comic Sans MS",Arial,helvetica,sans-serif; font-size:180%; color:Yellow; background-color:transparent; text-align:left; margin:1em 0 0.5em; padding:0; font-weight:normal; line-height:1.2em; }
h3 { font-size:120%; color:Yellow; font-weight:bold; margin-top:3.3em; }
h4 { font-size:100%; color:Yellow; font-weight:bold; margin-top:0.5em; margin-bottom:0; }
a:link { color:yellow; background-color:transparent; }
a:visited { color:#FFDD00; background-color:transparent; }
a:hover { text-decoration:underline; }
a:active { color:#FFDD00; background-color:transparent; }
img { border:none; }
.rood { color:#FD0A00; }
.oranje { color:#FF7800; }
/*.groen { color:#42D100; }*/
.geel { color:yellow; }
.paars { color:#C500FF; }
.blauw { color:#59FFFF; }
input.knop { color:black; background-color:Silver; border-style:outset; }
tr.even td { background-color:transparent; }
tr.oneven td { background-color:#303030; }
#introductie { display: table; }
.sectie { margin-top:2em; } /* content sectie (= h-tag + div's) */
/* MASTHEAD */
#wrapper { width: 960px; }
#masthead { background-color:black; margin:0; padding:0; height:110px; width: 980px; border-bottom:3px solid #808080; text-align: left; }
#logo { position:relative; top:5px; left:5px; }
#logo img { width:270px; height:90px; }
#logo a { text-decoration:none; }
#menu { position:absolute; top:15px; left:290px; z-index:0; background-color:black; }
#menu ul { list-style:none; text-align:center; margin:0; padding:0; }
#menu li { float:left; margin:0 7px; }
#menu div { font-family:"Comic Sans MS",Arial,helvetica,sans-serif; font-size:16px; font-weight:normal; text-align:center; color:yellow; white-space:nowrap; margin:0; padding-bottom:8px; }
#menu img { text-align:center; margin:10px 0 0 0; width:25px; height:25px; border:0; }
#menu a div { border-bottom:2px solid black; text-decoration:none; }
#menu a:hover div, #menu a.current div { border-bottom:2px solid yellow; text-decoration:none; }
#servicemenu { position:absolute; top:18px; left:770px; width: 200px;}
#servicemenu ul { list-style:none; text-align:right; margin:0; padding:0; float: right;}
#servicemenu li { font-family:"Comic Sans MS",Arial,helvetica,sans-serif; font-size:100%; margin:0 1em; }
#servicemenu a:link { color:yellow; text-decoration:none; }
#servicemenu a:visited { color:#FFDD00; text-decoration:none; font-weight:normal; }
#servicemenu a:hover { text-decoration:underline; }
#servicemenu a:active { color:#FFDD00; font-weight:bold; }
table#container { margin:0; width:980px; font-size:inherit; text-align: left; }
table#container tr { vertical-align:top; font-size:inherit; }
table#container td { font-size:inherit; }
/* LINKER KOLOM */
td#kolomlinks { padding:30px 5px 20px; width:180px; background-color:#505050; }
#kolomlinks hr { border:1px dashed #BBBB00; margin:0 5px; }
#submenu { margin:0; padding:2px 4px 80px; background-color:transparent; }
#submenu ul { list-style:none; padding:0; margin:0; }
#submenu li { font-size:100%; color:Black; background-color:transparent; font-weight:bold; margin:2px 0; padding:0; }
#submenu hr { border:1px solid #DCDCDC; margin:0 5px; }
#submenu h2 { margin:0; font-size:160%; }
#submenu a { display:block; color:yellow; background-color:transparent; padding:1em 4px; font-weight:normal; text-decoration:none; }
#submenu a:visited { color:#FFDD00; }
#submenu a:hover { text-decoration:underline; background-color:#303030; }
#submenu a:active, #submenu a.current { color:yellow; background-color:#303030;}
#login { color:white; background-color:transparent; width:140px; font-size:100%; padding:2px 4px 4px; margin-top:8px; }
#login p { margin:0.5em 0; text-align:left; }
#login p#welkom { margin:0.3em 0 1em; font-weight:bold; }
#login p.error { color:red; font-weight:bold; }
#login p.error b { color:#FF4500; }
#login form { margin:0; padding:0; }
#login label { margin:10px 0 4px; width:auto; }
#login input { margin:4px 0; padding:0.1em 0px; width:134px; color:black; background-color:white; border-style:inset; }
#login input.knop { color:black; background-color:Silver; margin:10px 0 10px; padding:0.2em; width:138px; cursor:pointer; border-style:outset; }
#login input.hidden { height:0; }
#login a:link, #login a:visited, #login a:active { color:white; background-color:inherit; text-decoration:underline; font-weight:normal; }
/* ROMP */
/*
div#content { padding:8px 5px 5px 180px; width:auto; height:auto; background: black url(/noten/vnav-bg.gif) repeat-y left; color:white; }
*/
td#content { padding:8px 8px; }
/* bread crum trail */
div#breadcrum { font-size:90%; padding:0; margin-bottom:20px; color:white; background-color:transparent; }
/* Introductie tekst */
div#intro .inner,
div#intro-rechts .inner
{
background-color:transparent;
border-top:1px solid #808080;
border-bottom:1px solid #808080;
margin:10px 0px 40px;
padding:1em 20px;
}
#intro p,
#intro-rechts p
{
margin:0.4em 0;
color:white;
background-color:inherit;
}
#intro-front
{
width: 380px;
float: left;
margin-right: 50px;
}
#intro-rechts
{
width: 340px;
float: left;
}
/* Feedback mededeling bij uitvoeren transacties */
.melding { font-weight:bold; }
/* ******************** HOMEPAGINA ************************* */
/* Agenda op homepagina AV */
div#agendaoverzicht { margin:0; padding:1px 20px 20px 20px; color:white; border-top:1px solid #808080; border-bottom:1px solid #808080; }
#agendaoverzicht span { margin-right:0.5ex; }
#agendaoverzicht .regel { padding:0.2em 0; border-bottom: 1px solid #303030; }
#agendaoverzicht .even { background-color:transparent; }
#agendaoverzicht .oneven { background-color:transparent; }
#agendaoverzicht .maand { background-color:transparent; font-size:120%; font-weight:bold; margin-top:1em; }
#agendaoverzicht .datum { font-size:100%; }
#agendaoverzicht .maand a { color:red; background-color:inherit; }
#agendaoverzicht .titel { font-size:100%; }
#agendaoverzicht .uitvoerenden { font-size:100%; }
#agendaoverzicht .titel, #agendaoverzicht .datum, #agendaoverzicht ul, #agendaoverzicht li { display:inline; margin-right:0.5ex;} /* to be replaced by different php? */
/* Koren zoeken op homepagina AV */
div#korenzoeken { margin:0; padding:10px 0 5px 20px; background-color:black; border-top:1px solid #808080; border-bottom:1px solid #808080; }
#korenzoeken form { }
/* ******************** AGENDA - KOREN - VRAAG&AANBOD ************************* */
/* Navigatie voor agenda-details */
div#agendanavigatie { margin-right:20px; }
#agendanavigatie ul{ color:gray; background-color:#D3D3D3; margin:0 5px 10px 0; width:100%; padding:2px 10px; float:left; list-style:none; }
#agendanavigatie li{ float: left; display: inline; margin:2px 0; margin-right:-1px; padding:0.2em 0.8em; white-space:nowrap; border-right:1px solid black; border-left:1px solid black; }
#agendanavigatie a{ color: black; text-decoration:underline; }
/* Agenda-details */
div#agendadetail { clear:both; margin:10px 0 20px;}
#agendadetail div { margin:0; padding:0 4px; }
#agendadetail .maand { }
#agendadetail .datum { display:block; color:white; background-color:#B22222; font-weight:bold; font-size:120%; margin:0; padding:0 4px;}
#agendadetail .datum span.aanvang { font-size:90%; }
#agendadetail .datum span.soort { display:block; float:right; font-size:90%; font-weight:normal; margin-top:-1.6em; }
#agendadetail .titel { font-size:120%; font-weight:bold; }
#agendadetail span.ondertitel { font-size:80%; font-weight:bold; }
#agendadetail .uitvoerenden { font-size:120%; font-weight:bold; }
#agendadetail .tussenkop { font-weight:bold; }
#agendadetail .indent { margin-left:2ex; }
#agendadetail ul { list-style:none; margin:0; padding:0 4px; }
#agendadetail li { font-weight:normal; }
#agendadetail hr { border:1px solid black; margin-bottom:2ex;}
#agendadetail .header { }
#agendadetail .footer { }
/* Navigatiebalk voor koren, vraag & aanbod */
div.navbalk { clear:left; color:Black; background-color:#DCDCDC; height:1.4em; margin:5px 0; padding:0.2em 5px; text-align:left; }
.navbalk .rechts { margin-top:-1.4em; text-align:right; color:Gray; background-color:inherit; }
.navbalk a:link { color:Black; text-decoration:underline; background-color:transparent; }
.navbalk a:visited, .navbalk a:active { color:Black; background-color:transparent; }
/*tabel korenoverzicht*/
table.kooroverzicht { padding:0; margin:10px 0 20px; font-size:inherit; }
.kooroverzicht thead tr { color:white; background-color:#B22222; font-weight:bold; vertical-align:top; text-align:left; }
.kooroverzicht td, .kooroverzicht th { text-align:left; padding:0.2em 0.5em 0.2em 0.1em; }
.kooroverzicht th.c2 { width:60px; text-align:center; }
.kooroverzicht th.c3 { width:120px; }
.kooroverzicht th.c4 { width:80px; }
.kooroverzicht th.c5 { width:90px; }
.kooroverzicht th.c6 { width:110px; }
.kooroverzicht th.c7 { width:20px; text-align:center; }
.kooroverzicht th.c8 { width:25px; text-align:center; }
.kooroverzicht td.c2 { text-align:center; }
/* koordetails */
div#koordetail { padding:5px; margin:10px 0 20px; }
#koordetail #een { margin-bottom:2em; }
#koordetail #twee { float:left; margin:0 2em 2em 0; }
#koordetail #drie { float:left; margin:0 0 2em; }
#koordetail #vier { clear:left; margin:1em 0 0; }
#koordetail p { text-align:left; margin:0; }
#koordetail p#naam { font-family:"Comic Sans MS",arial,helvetica,sans-serif; font-size:18px; color:red; }
#koordetail p.attentie { font-weight:bold; }
#koordetail b { padding-top:5em; }
/* vraag&aanbod overzicht */
.vaoverzicht { margin:0 0 20px; }
.vaoverzicht table { }
.vaoverzicht thead tr { color:white; background-color:#B22222; font-weight:bold; vertical-align:top; text-align:left; }
.vaoverzicht td, .vaoverzicht th { text-align:left; padding:0.2em 1ex 0.2em 1ex; }
.vaoverzicht th.c2 { width:170px; text-align:left; }
.vaoverzicht th.c3 { width:110px; text-align:right; }
.vaoverzicht th.c4 { }
.vaoverzicht td.c1 { padding-right:5ex; }
.vaoverzicht td.c2 { text-align:left; }
.vaoverzicht td.c3 { text-align:right; }
/* korenoverzicht */
div#vraagaanboddetail { }
#vraagaanboddetail h2.naam{ }
#vraagaanboddetail .organisatie{ font-weight:bold; }
#vraagaanboddetail .datum{ font-weight:bold; }
#vraagaanboddetail .datum span { font-weight:normal; }
#vraagaanboddetail .tussenkop{ font-weight:bold; }
/* zoek- en invoerformulieren algemene style */
form { margin:0; padding:0; }
form p { }
form b { color:red; font-weight:bold; }
form .nieuweregel { display:block; clear:both; }
form .regel { clear:both; margin:5px 3px; padding:0; }
form label { float:left; width:15em; font-weight:bold; padding-top:2px; margin-right:1ex; }
form label.breed { width:20em; }
form label.rechts { text-align:right; }
form label.opmerking { font-weight:normal; }
form input.invoerveld, form input.disabled, form select.invoerveld, form textarea {
color:black; background-color:White; margin:0; width:30ex; border:1px Gray inset; }
form input.breed, form textarea.breed { width:60ex; }
form select.smal { width:20ex; }
form .disabled { color:white; background-color:#666; }
form .knop { color:black; background-color:Silver; border-style:outset; }
form .knoponder { background-color:Gray; margin:4px 10px 0 0; }
form .noot { font-size:0.8em; color:red; }
form .melding { color:red; font-weight:bold; } /*ivm compatibiliteit */
/* mailform */
div#mailform { margin:0px 0px 20px 0px; padding:20px 0 20px 20px; background-color:transparent; border-top:1px solid #808080; border-bottom:1px solid #808080; }
/* nieuw wachtwoord formulier */
div#wwform { margin:0px 0px 20px 0px; padding:20px 0 20px 20px; background-color:transparent; border-top:1px solid #808080; border-bottom:1px solid #808080; }