/* CSS voor Beke */

/* ALGEMEEN */

body { font:small Verdana; margin:0; padding:0; line-height:1.3em;  }

a img { border:0 }
a { color:#2c8bc3; text-decoration:none }
a:hover, a.selected { text-decoration:underline }
strong { color:#777 }
h1 { font-size:115%; margin:0px 0 11px 0 }
h1, h2, h3 { color:#008FB3; font-family:Arial }
h2 { font-size:115%; margin:12px 0 4px 0 }
h3 { font-size:100%; font-weight:normal; margin:0 }
h5 { font-size:100%; font-weight:normal; margin:0 0 10px }
p  { margin:0 0 1em }
hr { color:white; margin:-0.5em 0 0 0; border:0; border-bottom:1px dashed #949494; clear:left }
ul { margin:0 0 1em; padding:0 }
ul li { list-style-type:none; padding:0 0 0 14px; margin:6px 0; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:1px 7px }

p.right { text-align:right; margin:-0.5em 0 0 0 }
body#nieuws p img { float:left; margin:5px 10px 0px 0;  }
div#header { background:#999; border-bottom:1px solid #999 }
div#logo { position:absolute; left:0px; top:68px; padding-left:148px; background:white; border-top:1px solid #999; border-right:1px solid #999 }
div#header div#foto { background-image:url(../gfx/foto4.jpg); height:93px; background-repeat:no-repeat; background-position:right }
body#beke div#header div#foto { background-image:url(../gfx/foto2.jpg); }
body#projecten div#header div#foto { background-image:url(../gfx/foto3.jpg); }
body#publicaties div#header div#foto { background-image:url(../gfx/foto1.jpg); }
body#links div#header div#foto { background-image:url(../gfx/foto5.jpg); }
body#informatie div#header div#foto { background-image:url(../gfx/foto6.jpg); }

address { position:absolute; left:28px; top:486px; font:11px Verdana; color:#777; white-space:pre; line-height:19px }

div#menu { position:absolute; left:28px; top:122px }
div#menu a { text-decoration:none; font-family:Arial; font-size:11px; display:block; width:84px; height:16px; color:black; background-repeat:no-repeat; text-indent:-1000px; background-position:0 0; line-height:16px }
div#menu a:hover { color:#2c8bc3; background-position:0 bottom }
div#menu a.selected { color:#2c8bc3; /*margin-left:54px;*/ background-position:0 bottom }
div#menu ul { list-style-type:none; margin:0; padding:0 }
div#menu ul li { margin:0 0 10px 0; padding:0; background:none;  }
div#menu ul li ul { display:none }
div#menu a#english { text-indent:0; margin:14px 0 0 0 }

body#nieuws div#menu ul li#nieuws ul { display:block; width:90px }
body#nieuws div#menu ul li#nieuws ul li { display:block; height:16px; margin:3px 0;  }
body#nieuws div#menu ul li#nieuws ul a { margin-left:54px; height:16px; }

body#beke div#menu ul li#beke ul { display:block; width:90px }
body#beke div#menu ul li#beke ul li { display:block; height:16px; margin:3px 0;  }
body#beke div#menu ul li#beke ul a { margin-left:54px; height:16px; }

div#menu a#nieuws { background-image:url(../gfx/menu_nieuws.gif) }
div#menu a#beke { background-image:url(../gfx/menu_beke.gif) }
div#menu a#projecten { background-image:url(../gfx/menu_projecten.gif) }
div#menu a#publicaties { background-image:url(../gfx/menu_publicaties.gif) }
div#menu a#links { background-image:url(../gfx/menu_links.gif) }
div#menu a#informatie { background-image:url(../gfx/menu_informatie.gif) }
div#menu a#lezingen { background-image:url(../gfx/menu_lezingen.gif) }
div#menu a#werkwijze { background-image:url(../gfx/menu_werkwijze.gif) }
div#menu a#opdrachtgevers { background-image:url(../gfx/menu_opdrachtgevers.gif) }
div#menu a#wie_zijn_wij { background-image:url(../gfx/menu_wie_zijn_wij.gif) }
div#menu a#nieuwsarchief { background-image:url(../gfx/menu_archief.gif) }
div#menu a#emailattendering { background-image:url(../gfx/menu_nieuwsbrief.gif) }
div#menu a#crimireeks { background-image:url(../gfx/menu_crimireeks.gif) }
div#menu a#vacatures { background-image:url(../gfx/menu_vacatures.gif) }

div#content { margin:28px 324px 0 196px; padding-bottom:50px; font-size:85%; mmin-width:480px }
div#content img { border:1px solid #999 }

body#nieuws div#content form.formulier { border:0; padding:10px 0 }
body#nieuws form.formulier input.submit { margin-left:354px }

/* BESTELFORMULIER */
div#content form.formulier, div.bedankt  { margin:0; padding:20px 20px 20px 20px; border:1px solid #999 }
form.formulier input.submit { padding:1px 14px; height:19px; margin:7px 0 0 334px; background-position:0 0; background-image:url(../gfx/button.gif); background-repeat:repeat-x; border:0; font:11px Arial; color:white;
cursor:pointer }
div.error { color:#E00; font-weight:bold; position:absolute; padding:56px 0 0 120px; }
form.formulier div { margin-bottom:4px }
form.formulier h1 { font-size:100%; font-weight:normal; margin:14px 0 4px 0 }

div#content label { display:block; float:left; padding-top:2px; color:#555; font-family:Arial; font-size:11px; width:120px;   }
div#content input.text, div#content input.readonly { display:inline; width:300px; }

input.text, input.aantal { border:1px solid #949494; padding:2px 4px; font-family:verdana; font-size:11px; }
input.aantal { width:60px; text-align:right }
div#content div.radio { margin-top:14px }
div#content div.radio label { width:330px; }


div.collapsed { display:block; position:relative; overflow:hidden; margin:28px 0 0 0;  }
div.expanded { margin-top:28px; pposition:relative; }
/*div.expanded  { overflow:hidden }*/
div.collapsed h3, div.expanded h3 { display:block; color:white; background:#00A0C6 url(../gfx/arrow.gif); background-repeat:no-repeat; background-position:right top; padding:1px 14px 0; height:18px; width:150px }
div.expanded h3 { background-position:right bottom }
div.expanded p { margin:0; }
div.collapsed p { display:none }
div.collapsed form { display:none }
div.collapsed p, div.expanded p { padding:10px; border:1px solid #777; }
div.collapsed p a, div.expanded p a { display:block; float:left; padding:0px 0 4px 24px; background-image:url(../gfx/icon_pdf.gif); background-repeat:no-repeat; background-position:0 }

/* uitgever: non float en ander icon */
div.collapsed p a.uitgever, div.expanded p a.uitgever { float:none }
div.collapsed p a, div.expanded p a.uitgever { background-image:url(../gfx/icon_web.gif) }

div.collapsed h3 { cursor:pointer }
div.expanded h3 { cursor:pointer }

div.collapsed div.bedankt, div.expanded div.bedankt { padding:0; border:0 }

/* ZOEKEN */
div#zoeken input.submit { border:0; color:white; background:#FFF url(../gfx/button_right.gif); background-repeat:no-repeat; background-position:right top; cursor:pointer; float:left;
width:19px; height:19px; border:0; padding:0 0 0 0px; margin-left:0px }

div#zoeken h2 { margin:0 0 14px 0; color:black; font-family:Verdana; font-size:100%; color:#777 }
div#zoeken em { font-style:normal; color:#004585 }
div#zoeken { width:224px; padding-right:36px; position:absolute; top:122px; right:0px; font-size:85%  }
div#zoeken form { margin:0; padding:0; display:block; height:24px }
div#zoeken h1 { padding:0; background-image:url(../gfx/menu_zoeken.gif); background-repeat:no-repeat; text-indent:-2000px }
div#zoeken input.text { float:left; margin:0px 5px 18px 0; width:190px;  }
p.pagelinks { text-align:center; margin-top:20px }
div#zoekresultaten { margin:24px 0 0 0 }
div#page_links { margin:28px 0 0 0 }

/* ZOEKEN OP TREFWOORD */
a#trefwoord { display:block; font-size:11px; width:200px; padding:1px 20px 1px 4px; margin:6px 0 0px 0; background:white url(../gfx/pulldown_bg.gif) no-repeat; background-position:0 0; white-space:nowrap; overflow:hidden }
a#trefwoord:hover, a#trefwoord.expanded { color:white; background-position:left bottom; text-decoration:none }
ul#trefwoorden_pulldown { display:none; position:absolute; width:190px; padding:2px 4px; background:white; border:1px solid #999; border-top:0}
ul#trefwoorden_pulldown li { background:none; margin:1px 4px; padding:0 }
ul#trefwoorden_pulldown.expanded { display:block }

/* HOMEPAGE */
body#home div#logo { border-color:white }
div#home a#welkom { color:#666; font:11px Arial; text-transform:uppercase; display:block; position:absolute; left:342px; top:185px; width:243px; height:85px; background:white url(../gfx/vingerprint.gif) no-repeat; text-indent:-1000px; }
div#home a#welkom:hover { background-position:0 bottom }
div#home div#payoff { margin:0; background-image:url(../gfx/payoff_home.gif); background-position:50px 120px; background-repeat:no-repeat; position:absolute; left:226px; top:288px; width:545px; height:132px; border-left:1px solid #777; line-height:11px; text-indent:-1000px;  }

div#webetui { text-align:left; padding:260px 16px 6px 28px }
div#webetui a { font:9px Verdana; color:#999; text-decoration:none }

div#amberalert { position:absolute;left:26px;top:620px; width:30px; height:30px; border:1px solid grey }