html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }

.blue   { color:#1068b3 }
.orange { color:#f5821f }
.green  { color:#a6ce39 }
.ltbleu { color:#74bde9 }
.rood   { color:#ed1c24 }

body { margin:0; padding:0; font:small Verdana; color:#231f20 }
div#wrapper { width:1000px; margin:4px auto; padding-bottom:60px; position:relative }

h1, h2, h3, h4, h5 { color:#1068b3 }

h1 { font:125% Arial; font-weight:bold; color:#1068b3; border-top:1px solid #1068b3; border-bottom:1px solid #1068b3; padding:8px 0; margin:38px 0 10px 0 }
body#index h1 { font-size:12px; line-height:20px }
body#cases h1 { padding-bottom:8px; color:#f5821f; border:0; border-bottom:1px solid #f5821f;  line-height:1.4em; margin-top:0; padding-top:0 }
h2 { font-size:85%; margin:0 0 10px; text-transform:uppercase; color:#1068b3; border-bottom:1px solid #1068b3; padding-bottom:9px; line-height:1.5em }
h2.noborder { padding-bottom:0; border:0 }
h3 { font:130% Arial;  margin:0 0 10px 0; font-weight:bold }
h4 { font-size:85%; margin:20px 0 4px 0 }
h4 em { color:#f5821f; font-style:normal }
h5 { margin:20px 0 2px 0;}
div#midden h2 { color:#ed1c24; border-color:#f5821f }
div#midden h2 a { color:#ed1c24 }
div#midden h2 a:hover { color:#f5821f }

p  { margin:0 0 10px; line-height:1.5em; font-size:85% }
div.fotos { width:520px; }
div.fotos p { width:104px; height:210px; float:left; font-size:10px; margin:15px 15px 15px 0;}
div.fotos img { display:block;}
.border { padding-bottom:10px; border-bottom:1px solid #1068b3 }
a  { color:#69a9d1; text-decoration:none }
a:hover { color:#f5821f }
ul { padding:0 0 0 18px; margin:0 }
li { line-height:1.5em; margin:0 0 4px; font-size:85% }
td { font-size:85% }
a img { border:0 }
img#logo { margin:10px 20px 20px 10px }
span#symbols_eu { display:none; }
body.europa span#symbols_nl,
body.members span#symbols_nl,
body.contact_eu span#symbols_nl { display:none; }
body.europa span#symbols_eu,
body.members span#symbols_eu,
body.contact_eu span#symbols_eu { display:inline;}
span#symbols_nl img,
span#symbols_eu img { padding:0 36px; margin-bottom:20px }
span#symbols_nl img#rond,
span#symbols_eu img#rond { border-left:1px solid #1068b3; border-right:1px solid #1068b3 }



div#menu { position:relative; width:1000px; height:18px; top:-195px; text-align:right; }
div#menu ul { margin:0 0 0 472px; padding:0; height:23px; text-align:right; }
div#menu li { float:left; list-style-type:none; line-height:14px; font-size:9px; }
div#menu a  { display:block; padding:2px 15px 2px 15px; width:146px; color:white; background:#1068b3; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center;}
div#menu li ul a { font-size:11px; width:auto; background:none; padding:4px 15px 5px;  }
div#menu a:hover { color:#badef4 }
div#menu a.selected { background:#74bde9 }

div#menu li.selected ul { display:block; }
div#menu li ul { display:none; margin:0; position:absolute; left:0px; top:192px; width:1000px; background:#1068b3;  }
div#menu li ul li { font-size:10px;}
div#menu li.selected ul li ul { display:none; }

body.nederland div#menu li#members,
body.lokaal div#menu li#members,
body.europa div#menu li#lokaal,
body.members div#menu li#lokaal { display:none; }

form#zoek { position:absolute; top:192px; right:0; }
form#zoek input.text { border:0; font-size:11px; width:128px; padding:1px; display:block; position:absolute; right:49px; top:4px }
form#zoek input.submit { cursor:pointer; display:block; position:absolute; right:4px; padding:3px 4px; color:white; background:none; border:0; font:13px Arial; font-weight: bold; width:40px }

div#topmenu { position:absolute; right:0px; top:180px;  }
div#topmenu ul { margin:0; padding:0 }
div#topmenu li { list-style-type:none; display:block; float:left; }
div#topmenu a  { display:block; float:left; padding:0 5px 0 10px; color:#74bee9; margin-left:0px }
div#topmenu a:hover { color:#badef4 }
div#topmenu a.selected { color:#1068b3 }

/* toon contact of contact_eu in topmenu */
div#topmenu a#contact_eu { display:none; }
body.europa div#topmenu a#contact,
body.members div#topmenu a#contact,
body.contact_eu div#topmenu a#contact { display:none; }
body.europa div#topmenu a#contact_eu,
body.members div#topmenu a#contact_eu,
body.contact_eu div#topmenu a#contact_eu { display:block; }

/* toon disclaimer of disclaimer_eu in topmenu */
div#topmenu a#disclaimer_eu { display:none; }
body.europa div#topmenu a#disclaimer,
body.members div#topmenu a#disclaimer,
body.contact_eu div#topmenu a#disclaimer { display:none; }
body.europa div#topmenu a#disclaimer_eu,
body.members div#topmenu a#disclaimer_eu,
body.contact_eu div#topmenu a#disclaimer_eu { display:block; }

div.kolom   { border-bottom:1px solid #a6ce39; min-height:278px; margin-bottom:10px }
div.kolom1  { width:237px; float:left; margin-right:19px;border-bottom:1px solid #a6ce39; min-height:278px; margin-bottom:10px  }
div.kolom2  { width:237px; margin-left:256px; border-bottom:1px solid #a6ce39; min-height:278px; margin-bottom:10px}
div.kader { background:#badef4; padding:10px; margin-bottom:10px }

div#links   { width:165px; position:absolute; left:0; top:233px; }
div#rechts h2:first-child { border:0; padding:0 }
div#links p { border-bottom:1px solid #1068b3; padding-bottom:10px; }
div#links p img { margin:15px 0;}
div#links ul { border-bottom:1px solid #1068b3; padding-bottom:10px; margin-bottom:10px; color:#74bde9; color:#67a7cf }

div#midden  { margin:11px 304px 36px 185px }
div#midden h1.parent { color:#ed1c24; border-bottom:1px solid #ed1c24; padding:0 0 8px; margin-bottom:8px }

div#rechts   { float:right; width:284px; padding-top:10px; }
div#rechts h2:first-child { border:0; padding:0 }
div#rechts p, div#rechts ul {  }

div.groen h2 { color:#69b03f; border-color:#69b03f;  }
div.groen h3 { color:#a6ce39; border-bottom:1px solid #a6ce39; padding-bottom:10px }
div.groen a em { color:#a6ce39; font-style:normal; font-weight:normal }
div.groen a  { color:#69b03f; font-weight:bold; }
div#links div.groen p  { border-color:#69b03f }

table { width:165px; margin-bottom:1em }
td { color:white; background:#a6ce39;  font-weight:bold; padding:3px 0px 3px 0px; border-bottom:1px solid white }
td.c1 { padding-left:8px;}
div.groen td a { color:white }
div.groen td img { float:left;}
div.groen a:hover { color:#f5821f }

td.c2 { text-align:right; padding-top:6px }
td img { margin-left:5px }

div.logos   { padding:4px 0 }
div.logos p { margin:0 }
div.logos img { display:block; margin:4px 0 }

div#rechts div.meedoen h2 { border:1px solid #1068b3; padding:9px 0; border-left:0; border-right:0; margin:20px 0;}
div.meedoen a { display:block; color:#231f20; padding-left:92px; min-height:84px; background-repeat:no-repeat; }
div.meedoen a:hover { color:#f5821f }
div.meedoen strong { display:block; text-transform:uppercase; margin-bottom:4px; }
div.meedoen div.euro a   { background-image:url(../gfx/euro.gif) }
div.meedoen div.mensen a { background-image:url(../gfx/mensen.gif) }
div.meedoen div.pijl a   { background-image:url(../gfx/pijl.gif) }
div.meedoen div.euro strong { color:#69b03f }
div.meedoen div.mensen strong { color:#ec008c }
div.meedoen div.pijl strong { color:#d71920 }

div.casemenu h2 { color:#ed1c24 }
div.casemenu ul { margin:0; padding:0 }
div.casemenu li { list-style-type:none; display:block; margin:0 0 1px }
div.casemenu ul a { padding:3px 8px; font-weight:bold; display:block; color:white; background:#f5821f; }
div.casemenu ul a:hover { color:#ed1c24 }
div.casemenu p { border-bottom:1px solid #ed1c24; padding:10px 0; }
div.casemenu p a  { color:#f5821f; font-weight:bold }

div.gemeenten h2 { color:#a6ce39 }
div.gemeenten ul { margin:0; padding:0 }
div.gemeenten li { list-style-type:none; display:block; margin:0 0 1px }
div.gemeenten ul a { padding:3px 8px; font-weight:bold; display:block; color:white; background:#a6ce39; }
div.gemeenten ul a:hover, div.gemeenten ul a.selected { color:#1068b3 }
div.gemeenten p { border-bottom:1px solid #a6ce39; padding:10px 0; }
div.gemeenten p a  { color:#a6ce39; font-weight:bold }
 
div.monitor { color:#7788a4; margin-top:30px }
div.monitor span { padding:2px 0 2px 18px; background-position:0 3px; background-repeat:no-repeat }
div.monitor span.fair { color:#69b03f; background-image:url(../gfx/fair.gif); }
div.monitor span.unfair { color:#f5821f; background-image:url(../gfx/unfair.gif);  }

form#formulier { font-size:85% }
form#formulier input.text { width:200px; border:1px solid #1068b3; margin:0 0 8px }
form#formulier label { display:block; float:left; width:110px;  }
form#formulier input.submit { font:11px Verdana; margin:10px 110px }
form#formulier textarea { font:11px Verdana; width:300px; height:150px; border:1px solid #1068b3 }
div.comment { margin-bottom:15px; line-height:1.5em;  }