/* CSS stylesheet - WebEtui Proberen site */

/* PAGE STYLES */
body { margin:0; padding:0; background:white; font:small Arial; color:#333 }
div#header { font:28px Arial Narrow; color:#555; letter-spacing:1px; padding:20px 8px 20px 16px; }
div#logos { position:absolute; right:8px; top:0; height:68px }
div#header br { display:none }
div#page { margin:32px 320px 32px 270px }

/* INHOUD STYLES */
h1, h2, h3, h4 { color:#005ead }
h1 { font-size:160% }
h2 { font-size:130% }
h3 { font-size:100% }
h4 { font-size:90% }
p { margin:0 0 1em 0 }
a { color:#005ead; text-decoration:none; }
a:hover { color:#FF5800 }
a img { border:0 }

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

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


div#header img { margin-left:20px; }

/* MENU STYLES */
div#menu { background:#005ead; font-weight:bold; padding:10px 20px 10px 168px }
div#menu ul { padding:0; margin:0 }
div#menu ul li { display:inline; list-style-type:none; margin:0; padding:4px 12px }
div#menu ul li a { color:white; text-decoration:none;  }
div#menu ul li a:hover, div#menu ul li a.selected { color:#CCC }
div#menu ul li ul { display:none }

/* MENU PULLDOWN */
div#menu li div.container { z-index:10000; position:absolute; visibility:hidden; overflow:hidden; left:-4px; top:31px; width:100px }
div#menu li div.container ul { display:block; position:absolute; left:0; top:0; padding:8px 0; background:#005ead; z-index:1000; height:auto;  }
div#menu li div.container ul li { display:block; float:none; border:0; margin:0; padding:0px 0  }
div#menu li div.container ul a { color:white; font-weight:normal; float:none; display:block; margin:0; padding:2px 16px  }
div#menu li div.container ul a.selected { color:#CCC }
div#menu li div.container ul a:hover { background:#BBB; color:black }

/* MENU 2 */
div#menu2 { position:absolute; left:0px; top:155px; padding:10px; width:207px; height:382px; background-image:url(../gfx/huisverbod_home1.jpg); background-repeat:no-repeat }
div#menu2 ul { margin:0; padding:0; }
div#menu2 ul li { display:block; float:none; border:0; margin:0; padding:0px 0  }
div#menu2 ul a { color:white; font-weight:normal; float:none; display:block; margin:0 0 2px; padding:4px 16px; text-decoration:none; font-weight:bold; height:14px; width:150px; font-size:11px; background:#005ead;  }
div#menu2 a.selected { color:#CCC }
div#menu2 a:hover { background:#BBB; color:black }

/* MENU 2 */
div#menu3 { position:absolute; right:0px; top:120px }
div#menu3 a { font-size:85%; font-weight:bold; text-decoration:none; padding-right:40px }

img#fotorechts { position:absolute; right:0; top:155px }

/* FOOTER */
div#footer { font-size:85%; border-top:1px solid #bcbfba; margin-top:32px; padding-top:8px }
div#footer a { padding-right:20px }

/* FORMULIER */
form { font-size:85% }
input.text, textarea, input.number { display:block; width:240px; border:1px solid #005ead; margin:0 0 18px 0px }
input.number { width:60px; margin:0 0 38px 128px; text-align:right;  }
textarea { height:300px }
select { margin-bottom:8px }
label { display:block; width:100px; float:left; clear:left; }
input.submit { background:#005ead; color:white; border:0; font-size:11px; padding:2px 12px; margin:14px 0 14px 100px; cursor:pointer }
div.radio { margin:0 0 18px }

form#zoeken { position:absolute; margin:0; padding:0; left:10px; top:114px }
form#zoeken input.text { margin:0; width:100px; float:left; font-size:11px; padding:2px }
form#zoeken input.submit { margin:0; }
div.search_results p { font-size:85%; margin:0 0 28px }
h5 { margin:0 0 3px 0 }
div.search_results em { font-style:normal; color:#DD4400 }

div.error, div#errmsg { color:#F00; font-weight:bold; margin:10px 0 10px 180px }