/* ======== */
/* = PAGE = */
/* ======== */
div#page { margin:0 0 0 250px; padding:50px 30px 0 30px;  }
/*div#page div#logo { position:absolute; top:0; right:0; display:none;}*/

body { margin:0; padding:0; font:small Trebuchet MS; color:#222; background:#eaeff8 url(../gfx/bg.jpg) repeat-x top left; }
img#logo { position:absolute; left:0; top:0;}
div#wrapper { padding-bottom:40px; }
div#webetui_body { background:#eaeff8 url(../gfx/bg.jpg) repeat-x top left; }

/* ============ */
/* = algemeen = */
/* ============ */
h1 { font-size:22px; color:#555c6a; font-weight:normal; width:100%; border-bottom:1px solid #b1bac4; padding-bottom:5px; margin:0 0 25px 0; line-height:2.6ex;  }
h2 { font-size:18px; margin:35px 0 15px 0; font-weight:normal;  }
h3 { font-size:15px; margin:25px 0 15px 0; }
h4 { font-size:13px; margin:0 0 1.2ex 0; }
h5 { font-size:13px; margin:0 0 1em 0; font-weight:normal; }

ul,
ol { margin:0 0 22px 0; padding:0; }
li { margin:0 0 0 20px; line-height:22px; }
li img { position:relative; vertical-align:top;}

p { margin:0 0 15px 0; line-height:22px; }
a { outline:0; color:#1a3c7f; }
a:hover, a.selected { color:#FF6600; }
a.parent { color:#1a3c7f; }

div.intro { font-size:130%; margin-bottom:28px;}
div.intro p { line-height:25px;}

img { border:0; }
img.left  { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

/* form */
form label { display:block; }
form input, form textarea { }
form input.submit { display:block; }
form div#error { }

/*img#logo { display:block; clear:both;}*/

/* ======== */
/* = ZOEK = */
/* ======== */
div#zoek { display:none; margin:0 0 20px 20px; padding-top:20px; }
div#zoek input.text  { float:left; width:120px; margin-right:8px; border:1px solid #446cbd; height:16px; font-size:11px; padding:2px; }
div#zoek input.submit { background:url(../gfx/buttons96.gif) left top; height:21px; width:96px; border:0; cursor:pointer; color:white; padding-bottom:3px; }

/* ======== */
/* = MENU = */
/* ======== */
div#menu { float:left; width:250px; padding-top:110px; border-right:1px solid #ccc; }
div#menu ul { list-style-type:none; line-height:25px; margin:0 0 0; padding:0; }
div#menu ul li { margin-bottom:20px;  }
div#menu ul li ul li { margin-bottom:0; }
div#menu ul li a { font-weight:bold; text-decoration:none; }

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

/* submenu */
div#menu ul ul li { margin:0; padding:0;}
div#menu ul ul li a { font-weight:normal; }

/* tableofcontent */
ul.tableofcontent { margin-left:0; padding:0; }
ul.tableofcontent li { list-style-type:none; margin:0; }
ul.tableofcontent a { padding-left:16px; text-decoration:none; background-image:url(../gfx/toc_bullet.gif); background-repeat:no-repeat; background-position:2px 6px; }
ul.tableofcontent a:hover { background-position:2px -30px; }

/* ======== */
/* = code = */
/* ======== */
div.code { background:#F6F7FA; border:1px solid #446cbd; padding:10px 10px 0 10px; margin:0 0 15px 0; font:small Courier New }
div.code p { line-height:16px;}

/* ============= */
/* = voorbeeld = */
/* ============= */
div.voorbeeld { background:#F6F7FA; border:1px solid #446cbd; padding:10px 30px 0 30px; margin:0 0 15px 0; }
div.voorbeeld h1 { border:0; margin:0.5em 0 1em; padding:0; color:#FF6600 }
div.voorbeeld h2 { margin:0 0 0.5em; }

/* ========= */
/* = TABLE = */
/* ========= */
table { width:100%; text-align:left; border-collapse:collapse; border:1px solid #ccc; } 
table th, table td { border:1px solid #ccc; padding:5px; }
table th { background:#446cbd; color:white;  }
table td { background:#F6F7FA; }

/* ============= */
/* = slideshow = */
/* ============= */
div.slideshow     { position:relative; top:0; left:0; width:700px; height:290px; overflow:hidden; margin:0 0 0 0px; border:1px solid #999;}
div.slideshow img { position:absolute; display:block; top:0; left:0; z-index:8; }
div.slideshow img.bovenop    { z-index:10 }
div.slideshow img.erachter   { z-index:9  }
div.slideshow_desc { display:none;}