/* CSS stylesheet - Verwey-Jonker re-integratiewijzer */

/* PAGE STYLES */
body { margin:0; padding:0; background:white url(../gfx/bg.gif) repeat-y; background-position:right; font:small Trebuchet MS; color:#444 }
div#header { border-bottom:4px solid #d40522; background-image:url(../gfx/headerbg.jpg); background-repeat:repeat-x; background-position:left bottom; 
height:160px }
div#page { margin:36px 64px 32px 328px; }
body#home div#page { margin:16px 64px 32px 128px; width:800px; }
img#logo { position:absolute; left:14px; top:10px }
div#header h1 { margin:0px 0 24px 130px; padding:5px 0 0 0; color:#d40522; font-style:italic; font-size:26px }
div#header p  { margin:0 0 0 130px; font-size:11px }

/* INHOUD STYLES */
h1, h2, h3, h4 { color:#175b9a }
h1 { font-size:22px; margin:10px 0 10px; padding:0 }
h2 { font-style:normal; font-size:18px; margin:0 0 0.5em 0; }
h3 { font-size:100%; margin:0 0 0.5em 0 }
h4 { font-size:90% }
h5 { font-size:90%; margin:0 }
p { margin:0 0 1em 0 }
a { color:#175b9a;  }
a:hover { color:#d40522 }
a img { border:0 }

ol { margin:0 25px 1em 25px; padding:0 }
ul { margin:0 25px 1em 25px; padding:0 }
li { margin:3px 0 }

ol a { text-decoration:none }

table { border-left:1px solid #bcbfba; border-top:1px solid #bcbfba; margin:0 0 1em 0 }
td,th { border-right:1px solid #bcbfba; border-bottom:1px solid #bcbfba; font-size:85%; padding:2px 12px; text-align:left }

div.search_results p { font-size:90%; padding:0 0 1em 0 }
div.search_results em { color:#d40522; font-style:normal }
p.tip { border:1px solid #d40522; padding:8px 16px 8px 42px; color:#d40533; font-size:85%; background-image:url(../gfx/hand.gif); background-repeat:no-repeat; background-position:8px 13px }

div.kader {  }
div.kader p { margin:0 }
div.kader a { text-decoration:none }
div.kader a strong { color:#175b9a }
div.kader a:hover strong { color:#d40522 }
div.kader a { color:black; display:block; width:210px; height:100px; float:left; padding:7px 3px 16px 38px; background:#e7eef5 url(../gfx/arrow.gif) no-repeat; background-position:7px 9px; border-right:10px solid white; border-bottom:10px solid white }
div.kader a:hover { color:#d40522; background-position:7px -297px }
div.kader a img { vertical-align:top; margin:8px 0 0 8px }
div.kader a#lva { background-image:url(../gfx/lva-logo.gif); background-repeat:no-repeat; background-position:right bottom }
/*
div.kader a#lva { position:relative }
div.kader a img { position:absolute; top:7px; left:260px }
*/

/* MENU STYLES */
div#menu { position:absolute; left:0px; top:184px; padding:20px 0 80px 20px; width:280px; background:#e7eef5 }
div#menu ul { padding:0; margin:0 }
div#menu ul li { list-style-type:none; margin:0; padding:4px 0 ; font-weight:bold }
div#menu ul li.selected { background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:0 6px }
div#menu ul li a { text-decoration:none; color:#175b9a }
div#menu ul li a:hover, div#menu ul li a.selected { color:#d40522 }

div#menu ul li ul { display:none; font-size:85%; padding:0; margin:0; }
div#menu ul li.selected ul { display:block }
div#menu ul li.selected ul li ul { display:none }
div#menu ul li ul li { padding:0 0 0 14px; font-weight:normal }
div#menu ul li ul li.selected { background-image:url(../gfx/bullet2.gif); background-position:4px 9px }

div#menu ul li ul li ul  { font-size:100%; display:none }
div#menu ul li.selected ul li.selected ul { display:block }
div#menu ul li.selected ul li.selected ul li ul { display:none }
/* div#menu ul li ul li.selected ul li.selected ul { display:block } */

/* MENU 2 */
div#menu2 { position:absolute; right:49px; top:10px }
div#menu2 ul { margin:0; padding:0; font-size:85% }
div#menu2 ul li { display:inline }
div#menu2 ul li ul { display:none }
div#menu2 a { text-decoration:none; margin-left:30px }
div#menu2 a#rss { padding-right:15px; background-image:url(../gfx/rss.gif); background-repeat:no-repeat; background-position:right }

/* BLADEREN */
p#bladeren { position:absolute; left:0; top:168px; margin:0; padding:0px; font-size:11px; width:300px }
p#bladeren a { text-decoration:none }
p#bladeren a.prev { display:block; position:absolute; left:12px }
p#bladeren a.next { display:block; position:absolute; right:20px }

/* BREADCRUMB */
div#breadcrumbwrapper { width:100%; overflow:hidden; white-space:nowrap; position:absolute; left:0px; top:164px;}
div#breadcrumb { background:#bdd1e3; padding-left:300px; }
div#breadcrumb a { text-decoration:none }
div#breadcrumb ul { margin:0; padding:0 30px 0 0; background:#e7eef5 url(../gfx/bg.gif) no-repeat; background-position:right; font-size:85%;  padding:4px 28px 4px 28px;  }
div#breadcrumb ul li { display:inline }

form#zoeken { position:absolute; right:64px; top:40px; }
input.submit { font-size:11px }
input.text { font-size:11px }

div#menu ul li ul li ul { display:none }
div#menu ul li ul li.selected ul { display:block }

/* NAARBOVEN */
a#naarboven { display:block; width:13px; height:18px; background-image:url(/gfx/naarboven.gif); background-repeat:no-repeat; position:absolute; right:8px; top:400px }

/* BIJGEWERKT */
div#bijgewerkt { float:right; font-size:85%; color:#888 }
a#zw { display:block; position:absolute; right:36px; top:13px; font-size:1px; color:black; width:18px; height:10px; background-image:url(../gfx/zwartwit.gif); background-repeat:no-repeat; background-position:0 0}

/* FORMULIER */
form.formulier label { font-size:85%; color:#d40533; display:block }
form.formulier input.text,
form.formulier textarea { font:11px Trebuchet MS; width:400px }
form.formulier input.submit { margin:12px 0 }

form.login label { display:block; font-size:85%; float:left }
form.login input.text { display:block; font:11px Trebuchet MS; width:100px; margin:0 0 8px 100px }
form.login input.submit { margin:8px 100px }
form.login div#errmsg { color:#E00; font-size:85%; font-weight:bold; margin:0 0 8px 100px }

div.onthouden { font-size:85%; margin:10px 0 10px 100px }