body { font:small Verdana; padding:0; margin:0 }

div#header { height:113px;  }
div#header #lgbt_logo { position:absolute; left:40px; top:36px }
div#header div#payoff { color:#777; position:absolute; right:40px; top:86px; font-size:10px; text-transform:uppercase }
div#header div#payoff span,
div#footer span { font-weight:bold; margin:0 2px 0 0 }

div#page { margin:0 197px; min-height:200px; padding:0 0 80px 0; background:#F5F5F5; position:relative }
div#footer { margin:0 197px; padding:10px; background:white; color:#777; font-size:10px }
div#footer a { color:#777 }
div#footer a:hover { color:#ff7800;  }

p img { float:left; margin:0 20px 9px 0; position:relative }
div#webetui_body p img { position:static }
p img.edu { float:none; margin:0 }
span.edu { background-image:url(../gfx/edu.gif); background-repeat:no-repeat; background-position:0 -1px; padding:10px 6px 12px 9px; font-size:1px; color:white  }
h1 span.edu { background-image:url(../gfx/edu2.gif); padding:21px 26px 10px 0 }

h1 { font:19px Verdana; font-weight:normal; padding:8px 12px 7px; margin:0 0 12px; color:white; background:#A7A7A7; }
h1.right { text-align:right }
h2 { margin:20px 10px 10px 10px; color:#53c1c5; font-size:17px; font-weight:bold; }
h3 { margin:20px 10px 3px 10px; color:#53c1c5; font-size:13px; font-weight:bold;  }
h4 { margin:20px 10px 10px 10px; color:#53c1c5; font-size:13px; font-weight:bold;  }
h5 { margin:20px 10px 5px 10px; color:#53c1c5; font-size:11px; font-weight:bold;  }
p { margin:0 10px 10px 10px; line-height:1.5em;  }
li { line-height:1.5em }
li span { color:black }
div#page ul { margin:0px; padding:10px 10px 10px 26px }
li div { color:black }
a { color:black }
a:hover { color:#ff7800 }
div#page li { margin:0 0 0.5em 0 }
a img { border:0 }

table { margin:0 10px 10px 10px; font-size:85% }
th, td { padding:3px 12px; border-right:1px solid #F5F5F5; border-bottom:1px solid #F5F5F5 }
td { background:#CCC; color:black  }
th { color:black; font-weight:normal }
table.green th { background:#c7e9ea }
table.pink th { background:#f58fc6 }
table.orange th { background:#ffbb7f }
table.purple th { background:#b3a1ce }

h2, h3 { clear:left }

div#stadia { position:relative; font-size:85%; padding:2px 10px 5px 10px; line-height:1.5em; color:#888;  float:right; text-align:right }

div.reaction { font-size:85%; }

h1.green  { color:white; background:#53c1c5; }
h1.pink   { color:white; background:#ef4da4 }
h1.orange { color:white; background:#ff9333 }
h1.purple { color:white; background:#67439d }

span { color:blue }
.green  { color:#53c1c5 }
.pink   { color:#eb208d }
.orange { color:#ff7800 }
.purple { color:#411485 }

.januari, .may, .september { color:#eb208d }
.february, .june, .october { color:#ff7800 }
.march, .july, .november   { color:#411485 }
.april, .august, .december { color:#53c1c5 }

div.menu { width:154px }
div.menu ul { list-style-type:none; margin:0; padding:0 }
div.menu ul li { margin-bottom:3px }
div.menu a { color:white; background:#A7A7A7; font:13px Verdana; display:block; text-decoration:none; width:134px; padding:11px 0 11px 20px;
margin-bottom:0px }
div.menu a:hover { color:white }

div.menu a.green,  div.menu li.selected a.green  { background:#75cdd1 } div.menu a.green:hover  { background:#53c1c5 }
div.menu a.pink,   div.menu li.selected a.pink   { background:#ef4da4 } div.menu a.pink:hover   { background:#eb208d; }
div.menu a.orange, div.menu li.selected a.orange { background:#ff9333 } div.menu a.orange:hover { background:#ff7800 }
div.menu a.purple, div.menu li.selected a.purple { background:#67439d } div.menu a.purple:hover { background:#411485 }

div.extranet a.green,
div.extranet a.pink,
div.extranet a.orange,
div.extranet a.purple { background:#A7A7A7 }

div#page a { background:none }

div.menu li.green  ul { background:#c7e9ea } div.menu li.green  ul a:hover, div.menu li.green  ul a.selected { color:#53c1c5 }
div.menu li.pink   ul { background:#f58fc6 } div.menu li.pink   ul a:hover, div.menu li.pink  ul a.selected { color:#eb208d }
div.menu li.orange ul { background:#ffbb7f } div.menu li.orange ul a:hover, div.menu li.orange  ul a.selected { color:#ff7800 }
div.menu li.purple ul { background:#b3a1ce } div.menu li.purple ul a:hover, div.menu li.purple  ul a.selected { color:#411485 }
div.extranet li ul { background:#DDD!important }

div.menu li ul { display:none; overflow:hidden }
div.menu li ul li { margin-bottom:0 }
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:black; font-size:11px; padding:0 0 0 20px; margin-bottom:3px }

div#menu1 { position:absolute; left:40px; top:113px }
div#menu2 { position:absolute; right:40px; top:113px; }
div#menu3 { position:absolute; right:40px; top:113px; visibility:hidden; }

div#menu2.extranet { visibility:hidden }
div#menu3.extranet { visibility:visible }

div.language { margin:15px 0 0px 20px; height:29px }
div.language a    { display:block; float:left; width:15px; height:23px; background-repeat:no-repeat; padding:0; margin:0 10px 0 0 }
div.language a:hover    { background-position:0 -23px }
div.language a.selected { background-position:0 -46px }
div.language a#en { background-image:url(../gfx/english.gif) }
div.language a#sp { background-image:url(../gfx/spanish.gif) }
div.language a#fr { background-image:url(../gfx/french.gif) }
div#langctl { height:29px }

a#worldmap_a { display:block; padding:0; width:154px; height:90px; background-image:url(../gfx/world.gif); background-repeat:no-repeat; margin-top:17px }
a#worldmap_a:hover { background-position:0 -100px; background-color:white }

form#zoeken { background:#ff9333; width:144px; padding:7px 0 8px 10px;
margin:0 0 3px 0; position:relative  }
form#zoeken input.text { border:0; margin:0; display:inline; padding:3px 0 3px 10px; font:13px Verdana; width:102px; color:#FFF; background:#ffbb7f }
form#zoeken input.submit { border:0; width:23px; height:23px; background-image:url(../gfx/searchbutton.gif); cursor:pointer }
form#zoeken label { position:absolute; color:white; left:20px; top:11px; font:13px Verdana; display:none }
div.search_results { font-size:85% }
div.search_results em { color:#eb208d; font-weight:normal }
div#page_links { margin-left:10px }
div#page_links a { color:#53c1c5 }

div.comment h3 { font-size:85% }
div.comment p { font-size:85% }

/* FORMULIEREN */
form { font-size:85%; margin:20px 10px }
input.text, input.file, textarea, select, div.static { display:block; font:11px Verdana; border:1px solid #999; margin:4px 4px 14px 0; width:95%; padding:2px }
div.static { background:#CCC }
input.file { cursor:pointer }
textarea { height:90px; }
textarea.article { height:360px }
label { display:block; color:#888;  }
input.checkbox { float:left; margin:0 4px; position:relative }
div.onecheckbox { margin:0 0 24px 0px }
div.checkgrp { margin:0 0 6px 83px; position:relative } 
div#error { color:red; position:relative  }

div.inprogress { position:relative; top:-12px }
div.inprogress label { display:inline }

form#login { margin-left:50px;  }
form#login label { float:left; position:relative }
form#login input.text { width:140px; margin-left:140px }
form#login input.submit { margin-left:140px }

/* INFO POPUP */
div.popup { position:absolute; z-index:1000; width:500px; font-size:85%; left:300px; top:200px; background:#fac9e4 }
div.popup h1 { background:#ef4da4; font-size:11px; font-weight:bold; padding:3px 10px }
div.popup ul { margin:0 25px; padding:0 0 20px }