/* CSS Document */

body, html { margin: 0; padding: 0; }
img { vertical-align: middle; }
body { font: 12px "lucida sans", sans-serif; line-height: 150%;}

body.yellow {background: #FFFF01;}
body.orange {background: #FF6600;}
body.green {background: #99CC33;}
body.purple {background: #8233A8;}
body.blue {background: #7FCFE6;}

.usability_addon {display: none;}

#container { width: 900px; margin: 20px; background: url(img/container_bg.gif) right top repeat-y;overflow: auto;}
#left { position: relative;  width: 700px; margin: 0;}
#h1 { padding: 0; margin: 0; position: relative; } 
#h1 span { display: none; }
#h1 img { position: absolute; top: 0; left: 0;  }

ul#top { position: absolute; width: 472px; height: 24px; top: 50px; right: 10px; list-style: none; margin: 0; padding: 0; line-height: 24px; }
ul#top li{ float: right; padding: 0 15px; font-weight: bold; font-family: georgia, serif;}
ul#top a { text-decoration: none; color: black;}

.menu { width: 158px; padding: 20px 0 0 0; list-style: none; margin: 140px 0 35px 0; background: #FFFF01; float: left;}
.menu ul {list-style: none; margin:0; padding: 0; padding-left: 10px;}
.menu li li a {padding-top: 10px;}
.menu li a{ padding: 28px 0 6px 6px;  font: bold 12px georgia, serif; text-decoration: none; display: block; color: white;}
.menu li.yellow { background: #FFFF01; }
.menu li.yellow a {color: #8233A8;}
.menu li.orange { background: #FF6600; }
.menu li.green { background: #99CC33; }
.menu li.purple { background: #8233A8; }
.menu li.blue { background: #7FCFE6; }

address, address a{ font-style: normal; color: white; text-decoration: none;}
address {padding-left: 5px; width: 145px; float: left; clear: left;}
.yellow address, .yellow address a, 
.green address, .green address a,
.blue address, .blue address a { color: #8233A8; } 

#content { width: 502px; min-height: 800px; margin-top: 74px; float: right; padding: 60px 20px 40px 20px; line-height: 180%; position: relative;}
#content a { color: black; }
#content h2 { color: #99CC33; font-size: 24px;}
#content .leesverder { display: block; }
#content h3 { margin-bottom: 0px; }

#leader { font-weight: bold; font-size: 16px; line-height: 150%; }
#footer { text-align: center; position: absolute; bottom: 20px; left: 0; width: 542px; font: bold 12px georgia, serif; }

#news { width: 200px;  float: right; }
.newsshort { padding: 15px 5px; color: white; }
.newsshort a { color: white; display: block; text-decoration: none; font-style: italic;}
#news h3 { padding: 0; margin: 0; font: bold 12px georgia,serif;}

label { width: 200px; float: left; clear: left; margin-bottom: 5px; }
.txt { width: 200px; margin-bottom: 5px; }
.submit { margin-left: 200px; }

#paginanrs { text-align: center; }