body { font-family: Verdana, Geneva, sans-serif; font-size: 62.5%; margin: 0px; text-align: center; color: #005B82; background: #FFF; }
#wrapper { text-align: left; margin: 0px auto; width: 952px; }
#header { padding-top: 12px; padding-bottom: 89px; background: url(/images/header.gif) no-repeat; }
#header h1 { color: #00A1DE; font-size: 23px; line-height: 23px; font-weight: normal; text-indent: -999em; margin: 0px; padding: 0px; }
#header h1 a { color: #00A1DE; display: block; width: 310px; height: 63px; }
#kader { border: 1px solid #00A1DE; width: 506px; float: left;  }
#kader.wwf {background: url(/images/klm_wwf_logo_small_eng.gif) no-repeat right bottom; }

#content { font-size: 1.2em; line-height: 1.6em; padding: 10px 15px; margin: 0px; }
#content :first-child {margin-top:0;}
#foto { float: right; width: 385px; background: url(/images/foto.jpg) no-repeat; margin-right: 10px; height: 385px; }
#footer { border-top: 1px solid #00A1DE; font-size: 1em; padding-top: 0.5em; clear: both; padding-bottom: 2em; }
#footer a { text-decoration:none; margin-right: 7px; border-right: 1px solid #C4DFEC; padding-right: 7px; }
#footer a.last { border-right: none; }
#footer a:hover { text-decoration:underline}
#poweredby { width: 500px; float: left; padding: 18px 5px; }
#invite { display:none; }

a { color: #00A1DE; text-decoration: underline; outline: none; }
a:hover {text-decoration: none;}
a img {border:none;}
h1 { font-size:1.6em; }
h2 {font-size: 1.6em; margin-top: 0px; font-weight: normal;}

form {margin:0.5em 0 0 0;}
input[type=text],input[type=password],textarea { border: 1px solid #B1B2BD; font-family: "Courier New", Courier, monospace; background: #FFF; width: 97%; margin-left: 5px; }
#wrapper .btn { font-size: 13px; line-height: 13px; }
#wrapper .btn a { float: right; text-decoration: none; padding: 5px 40px 0 0; margin-right: 8px; font-weight: bold; color: #FFF; background: url(/images/btn_bg_f1.jpg) no-repeat right top; }
#wrapper .btn a span { float: left; padding-right: 20px; display: block; margin-top: -5px; height: 24px; background: url(/images/btn_bg_f1.jpg) no-repeat left top; }
#wrapper .btn a:hover { background: url(/images/btn_bg_f2.jpg) no-repeat right top; }
#wrapper .btn a:hover span { background: url(/images/btn_bg_f2.jpg) no-repeat left top; }

ul {margin:0 0 0 20px;padding:0;}
hr { height: 1px; color: #CCC; background: #CCC; border: 0px; }
label { margin-left: 10px; }
.hide {display:none;}
.clr {clear:both;}
.small {font-size: 0.85em;}
.stretch {width: 98%; }
.required { background: url(/images/star.gif) no-repeat right center; padding-right: 10px; }
.error {color:#CC0000;font-weight: bold;}
.mededeling {color:#FF0300;}
.push { float: right; width: 1px; height: 383px; }
.pdf {padding-left: 20px; padding-top:2px; padding-bottom:2px;background: url(/images/pdf.gif) no-repeat left center;}

#navigatie { position: absolute; top: 89px; border-top: 1px solid #00A1DE; border-bottom: 1px solid #00A1DE; padding: 6px 0px; width: 952px; }
#navigatie ul { list-style: none; margin-left: 0px; padding-left: 0px; display: inline; }
#navigatie li { display: inline; }
#navigatie li a { text-decoration: none; font-size: 1.5em; margin-right: 25px; }
#navigatie li.active a { color: #E37222; }
#navigatie li a:hover { color: #003145; }

/*
klm-blauw: #00A1DE
klm-darkblue-1: #005B82
klm-darkblue-2: #003145
klm-orange: #E37222
light-blue-1: #5EB6E4
light-blue-2: #C2DEEA
*/