body { margin:0; padding:0; font:small Trebuchet MS; color:#555; }

div#header { height:80px; min-width:560px; background:#00AAD4 url(../gfx/bg_header.jpg) no-repeat; background-position:center top;
padding:24px 0 0 18px;  }
div#header { top:0; left:0; position:fixed; width:100%; }
div#header h1 { font:36px Trebuchet MS; margin:0; padding:0; color:white; letter-spacing:1px; }
div#header p { color:white; margin:0; padding:0 0 0 2px }
div#page { margin:35px 190px 80px 183px }

div#page { margin-top:140px }

h1 { font-size:150% }
h1, h2, h3, H4 { color:#ff00ff; margin:0 0 0.5em; padding:0 }
h2 { font-size:110% }
h3 { font-size:100% }
h4 { font-size:85% }
h5 { font-size:100%; margin:20px 0 0 0 }
p { margin:0 0 1em 0 }
a { color:#426af7; text-decoration:none }
a:hover { color:#F0F; text-decoration:none }
a img { border:0 }

th { text-align:left }
th, td { font-size:85%; padding:2px 30px 2px 0 }
div.message label { float:none; display:inline; font-weight:normal; color:#555 }
div.message h3 { font-weight:normal }
div.message p { color:#f0f }

div.menu ul { list-style-type:none; padding:0; margin:0; font-size:11px }
div.menu ul li { margin-bottom:2px }
div.menu a { display:block; color:white; text-decoration:none; background:#A1A1A5; padding:8px 20px; width:110px }
div.menu a:hover, div.menu a.selected { color:white; background:#ff00ff }

/* submenu */
div.menu li ul { display:none; background:#FCF }
div.menu li.selected ul { display:block }
div.menu li ul { padding:10px 0; margin-bottom:3px }
div.menu li ul a { background:none; padding:0; color:#426af7; font-size:11px; padding:0 0 0 20px }
div.menu li ul a:hover, div.menu li ul a.selected { background:none; color:#F0F }

div#menu1 { position:fixed; left:0; top:142px }
div#menu2 { position:fixed; right:0; top:142px }

img.left { float:left; margin:0 16px 0px 0 }

div#footer { padding-bottom:32px; min-width:810px; position:fixed; width:100%; bottom:0; height:32px; background:white url(../gfx/bg_footer.jpg) no-repeat; background-position:center bottom }

div#footer ul li { display:inline }
div#footer ul li a { float:left; width:138px; padding:7px 7px 8px; background:none; background-repeat:no-repeat; background-position:center; text-align:center; border-right:1px solid #A1A1A5; border-top:1px solid #A1A1A5 }
div#footer ul li a#els { width:160px; border:0; padding:8px 4px; background:#A1A1A5 url(../gfx/bg_button.jpg) }
div#footer ul li a#tolerantescholen { width:110px; border:0; padding:8px 20px; margin-right:33px; background:#A1A1A5 url(../gfx/bg_button.jpg) }
div#footer ul li a#vs { background-image:url(../gfx/banner_vrolijkescholen.gif); text-indent:-10000px }
div#footer ul li a#lgbtinc { background-image:url(../gfx/banner_lgbtincluded.gif); text-indent:-10000px }
div#footer ul li a#lgbtedu { background-image:url(../gfx/banner_lgbteducation.gif); text-indent:-10000px }

div#language { margin:20px }
div#language ul { list-style-type:none; padding:0; margin:0 }
div#language li { display:inline }
div#language a  { display:inline; background:white; color:#426af7; padding:0 8px 0 0; font-weight:bold }
div#language a:hover { color:#F0F }
div#language a.selected { color:#F0F; text-decoration:underline }

div.bestellen { font-size:11px }
label { display:block; float:left; width:120px; padding-top:4px }
div#error { font-weight:bold; color:#E00; margin-left:120px }
input { font-size:13px }
input.text { width:356px; font:13px Trebuchet MS; border:1px solid #666; display:block; margin:4px 0 8px 120px }
div.bestellen h2 { margin:20px 0 8px 0 }
textarea { display:block; clear:left; border:1px solid #666; width:476px;margin:0 0 16px; font:11px Trebuchet MS }
input.submit { font-size:11px; background:#A1A1A5; border:0; cursor:pointer; color:white; padding:4px 12px; margin:16px 0 8px 120px }
div.radio { margin-bottom:8px }
select { margin:0px 0 8px 0px; font:13px Trebuchet MS }

div.checkboxgroup { padding:4px 0 }
div.checkboxgroup div { margin-left:120px; font:13px Trebuchet MS; }
input#aantal { width:40px; text-align:right; padding-right:4px }

form#zoeken { background:#A1A1A5; padding:7px 0 7px 14px; margin-top:0px; position:relative  }
form#zoeken input.text { border:0; padding:1px 2px 1px 5px; margin:0; font:11px Trebuchet MS; width:100px; color:#000; background:#FFBFFF }
form#zoeken input.submit { border:0; margin:0; padding:0; width:16px; height:18px; background-image:url(../gfx/searchbutton.gif); position:absolute; right:8px; top:8px }
form#zoeken label { position:absolute; color:white; right:7px; top:4px; font:11px Trebuchet MS;  }
div.search_results { font-size:85% }
div.search_results em { color:#F0F; font-weight:normal }