body { font:small Trebuchet MS; background:white url(../gfx/bg.gif) repeat-y; margin:0; padding:0; color:#555; line-height:1.25em }
div#page { padding:14px 230px 0 280px; }
div#rechterkolom { position:absolute; right:8px; width:175px; top:254px; font-size:85% }
h1, h2, h3, h4, h5 { color:#175b9a; }
h1 { font-size:145%; margin:10px 0 4px 0; line-height:1.1em  }
h2 { font-size:115%; margin:10px 0 10px 0;  }
h3 { font-size:100%; margin:10px 0 2px 0 }
h4 { font-size:85%;  margin:10px 0 0px 0 }
h5 { font-size:85%;  margin:10px 0 0px 0 }
p { margin:0 0 1em 0 }
ul { margin:10px 0 10px 18px; padding:0 }
div.red { color:#d40522;  }
hr { clear:left; display:block; color:white; margin:0; background:white; border:0 }

img.left { float:left; margin:0 10px 10px 0; clear:left }

table.tabel { font-size:85% }
table.tabel th, table.tabel td { padding:3px 12px; border-right:1px solid white; border-bottom:1px solid white }
table.tabel th { background:#175b9a; color:white }
table.tabel td { background:#bed1e3; vertical-align:top }
table.tabel td.c1 { background:#175b9a; color:white }

div#rechterkolom p { padding:8px 0 10px; margin:0; background-image:url(../gfx/menusep.gif); background-repeat:no-repeat; background-position:left bottom }
div#rechterkolom a {  }
div#rechterkolom div.menu  { margin:60px 0 0 0  }
div#rechterkolom div.menu ul li { margin:0 0 4px 0  }
div#rechterkolom div.menu a { font-weight:bold }
div#rechterkolom div.menu a.selected { color:#d40522 }

div#header { background:white; padding:12px }
div#header img#logo { display:block }
div#header h1 { color:#d40522; position:absolute; left:188px; padding:0; margin:0; top:20px; font-size:13px; font-style:italic; font-weight:bold }
div#header address { font-size:11px; font-style:normal; position:absolute; left:190px; top:68px }
div#header address a { text-decoration:none }

a#ypos { font-size:10px; text-decoration:none; font-weight:normal; color:#b6cfe3; display:block; margin:300px 20px 20px 20px  }

div#foto { background:white url(../gfx/foto.jpg) no-repeat; height:47px; background-position:right;  }
div#foto h1 { color:#d40522; position:absolute; right:67px; padding:0; margin:0; top:200px; font-size:15px; font-style:italic; font-weight:bold }

body#wmoinnovatiebank div#foto { background-image:url(../gfx/wmoinnovatiebank.jpg) }

a img { border:0 }
a { color:#175b9a }
a.pdf { background-image:url(../gfx/pdf.gif); background-repeat:no-repeat; padding:1px 0 1px 24px; display:block; text-indent:0px }
a.nieuw { background-image:url(../gfx/nieuw.gif); background-repeat:no-repeat; background-position:right; padding-right:24px }
a:hover { color:#d40522 }
img { border:1px solid #999 }


div#tekst img { float:left; margin:3px 10px 10px 0; border:0 }

a.button { display:block; width:100px; height:18px; background:#175b9a url(../gfx/button.gif) no-repeat; color:white; font-weight:bold; text-align:center; padding:1px 0; margin:10px 0 0  }
a.button:hover { background-position:bottom; color:white }

div#menu_top { position:absolute; width:249px; height:29px; top:192px; background:white url(../gfx/menu_top.gif) no-repeat; }

div#menutitle { position:absolute; left:32px; top:206px; font-size:115%; font-weight:bold; color:#175b9a }
div#menu1 { position:absolute; left:0px; top:159px; width:249px; padding-top:100px;  }
div#menu1 ul { margin:0; padding:0; background-image:url(../gfx/menusep.gif); background-repeat:no-repeat; background-position:left bottom }
div#menu1 ul li { margin:0 0 0px 0; padding:8px 5px 7px 20px; background-image:url(../gfx/menusep.gif); background-repeat:no-repeat; }
div#menu1 a  { font-weight:bold; font-size:105%; text-decoration:none;  }
div#menu1 ul li ul { display:none; background:none; margin:8px 0 0 15px; list-style-type:none }
div#menu1 ul li ul li { display:list-item; margin:0 0 8px; padding:0; background:none; color:#175b9a }
div#menu1 ul li ul a { color:#175b9a; font-weight:normal; font-size:100%; background:none  }
div#menu1 ul li ul li ul { display:block; position:static; margin:4px 0 0 22px }
div#menu1 ul li ul li ul li { list-style-type:disc; margin:0 0 4px }
div#menu1 ul li ul li ul a { font-size:85% }
div#menu1 ul li ul li.selected { color:#d40522 }
div#menu1 ul li.selected ul { display:block }
div#menu1 ul li a.selected,
div#menu1 ul li ul li a.selected,
div#menu1 ul li ul li ul li a.selected { color:#d40522 }
div#menu1 a:hover { color:#d40522 }

div#menu2  { background:#d40522; padding:2px 0 2px 20px; white-space:nowrap;  }
div#menu2 ul { margin:0; padding:0; height:18px }
div#menu2 a  { color:white; font-size:85%; font-weight:bold; text-decoration:none }
div#menu2 a.selected,
div#menu2 a:hover { color:#dfe9f0; color:#ABABAB }
div#menu2 ul li { display:block; float:left; margin-right:32px; list-style-type:none;  }

/* mainmenu uitklapmenu */
div#menu2 li div.container { z-index:10000; position:absolute; visibility:hidden; overflow:hidden; left:-16px; top:20px; width:100px }
div#menu2 li div.container ul { display:block; position:absolute; left:0; top:0; padding:0; background:#175b9a; z-index:1000; height:auto;  }
div#menu2 li div.container ul li { display:block; float:none; border:0; margin:0; padding:0px 0  }
div#menu2 li div.container ul a { color:white; float:none; display:block; margin:0; padding:2px 16px  }
div#menu2 li div.container ul a.selected { color:#ABABAB }
div#menu2 li div.container ul a:hover { background:#d40522; color:white }

div#menu2 ul li ul { display:none }
/*
div#menu2 ul li ul { position:absolute; z-index:1000; background:#175b9a; color:white }
div#menu2 ul li ul li { display:block; padding:0; height:20px; width:60px }
div#menu2 ul li ul li a { display:block; padding:0 12px; width:60px }
*/

div#menu3 { background:#175b9a; padding:2px 42px; white-space:nowrap; text-align:right }
div#menu3 a { color:white; text-decoration:none; font-size:85%; font-weight:bold }
div#menu3 a.selected,
div#menu3 a:hover { color:#dfe9f0; color:#ababab }
div#menu3 ul { margin:0; padding:0 }
div#menu3 ul li { display:inline; margin-right:25px }
div#menu3 a#rss { padding-right:16px; background-image:url(../gfx/rssmenu.gif); background-position:right 3px;  background-repeat:no-repeat }

div#breadcrumb ul { margin:10px 0 0 0; padding:0 }
div#breadcrumb ul li { display:inline; font-size:85%; color:#d40522 }
div#breadcrumb a { color:#175b9a;; text-decoration:none;  }
div#breadcrumb a:hover { color:#d40522 }

div#homepage { padding:14px 230px 0 280px; }
div#homepage h1 { color:#d40522; border-bottom:1px dotted #175b9a; padding:0 0 9px; margin:26px 0 9px 0 }
div#homepage h2 { color:#175b9a; font-size:100%; margin:0; clear:left; }
div#homepage em { font-style:normal; color:#999; font-size:85% }
div#homepage div#tekst { width:340px }
div#homepage div#rechterkolom { width:300px; left:670px; top:257px; font-size:100% }
div#homepage div#rechterkolom p { background:none; padding:0; margin:0 0 1em 0 }
div#homepage div#rechterkolom img { border:0 }
div#homepage div#tekst img { border:1px solid #999 }

img#vbo { margin:80px 0 0 0; float:left }
img#iso9001 { margin:63px 0 0 20px; }

a#naarboven { display:block; width:13px; height:18px; background-image:url(../gfx/naarboven.gif); background-repeat:no-repeat; position:absolute; left:227px;}

/* publicatie jaartal dropdown */
div#publicatiejaren { margin-bottom:20px }
div#publicatiejaren a { font-size:85%; text-decoration:none }
div#publicatiejaren a.selected { color:#d40522 }

/* rss-feeds */
div.rssfeed ul { margin:0 0 2em; padding:0 }
div.rssfeed li { list-style-type:none }
div.rssfeed a { background-image:url(../gfx/rss.gif); background-position:0 6px; background-repeat:no-repeat; padding:7px 0 7px 26px; display:block }

/* zoekformulier publicaties */
form#publicaties { width:500px; }
div.search_results p { font-size:85% }
div.search_results em { font-style:normal; color:#d40522 }

/* formulier */
form { font-size:11px; }
input, select { font-size:11px; }
input.text,
select, textarea { width:360px; margin:0 0 5px; }
label { float:left; width:80px; display:block; }
input.submit { display:block; margin:10px 0 0 0px; }
div.checkbox { height:16px }
div.checkboxgroup div { float:left }
div.error { color:red; font-weight:bold; margin:10px 0 0 150px }

div.bestellen input.text { width:240px }
div.bestellen textarea { width:400px; height:112px; margin-top:0; font:11px Trebuchet MS; }
div.bestellen label.textarea { float:none; }
div.bestellen label { width:150px }
div.bestellen input.submit { margin-top:50px; }
div.bestellen span#publicatie,
div.bestellen span#bestelnummer { display:block; margin-bottom:5px; font-weight:bold; color:#175b9a }
div.bestellen input#aantal { width:40px; text-align:right }
div.bestellen input.empty_line { display:none; }
div.bestellen input.captcha { clear:both; width:96px; float:left; margin:20px 15px 0 150px; }
div.bestellen img.captcha { float:none; clear:both; }

form#zoeken { position:absolute; top:67px; right:12px; width:170px }
form#zoeken { display:inline; margin:0; padding:0 }
form#zoeken input { font-size:11px }
form#zoeken input.text { width:108px; float:left }
form#zoeken input.submit { background:#175b9a url(../gfx/zoekbutton.gif) no-repeat; color:white; font-weight:bold; display:block; border:0; width:56px; height:18px; cursor:pointer; padding:0 0 2px; margin:0 0 0 2px; line-height:12px }

form.login input.text { width:100px; float:none; display:block;}
form.login div.onthouden { display:none; }
form.login input.submit { margin-left:100px;}

/* WebEtui layout */
div#webetui_body { margin:0; padding:0 }