/* CSS Document */

* {magin:0; padding:0}

body {background:#006699; margin-top:16px; color:#131313 }


h1 {font:normal 1.12em Verdana, Arial, Helvetica, sans-serif; font-weight:700; padding:24px 20px 10px 20px; margin:0 }
h2, h3, h4, h5, p, th, td, li {font:normal 15px Avant Garde, Century Gothic, Verdana, Arial, sans-serif;}

h2 {font-size:1.0em /*1.1em*/; font-style:italic; color:#9a9a9a; padding:10px 20px 6px 20px; margin:0}
h3 {font-size:0.85em; font-weight:700; padding:10px 20px 0 20px; margin:0}

p, .rigid tr {font:normal 0.8em Verdana, Arial, Helvetica, sans-serif; line-height:1.36em; padding:3px 20px 9px 20px; margin:0}



#header {width:800px; height:87px; background:url(img/header.jpg) no-repeat top left}

.rigid {width:800px; margin:0 auto; background:#fff url(img/bg-blw.gif) repeat-y}
.wrapper {float:left; width:648px;}   /** This can be floated left or right **/
.first-float {float:right; width:496px; background:#fff; padding:0 0 36px 0}   /** Must be floated opposite to .second-float **/
.second-float {float:left; width:152px; background:#fff }   /** Must be floated opposite to .first-float **/
.third-float {float:right; width:152px; display:block; height:450px; min-height:450px}   /** Must be floated opposite to .wrapper **/

#nav {width:800px; height:38px; padding:0; background-color: #99979a;}
#nav ul {margin:0 0 0 2px; padding:0; list-style-type:none;}
#nav ul li {float:left; text-align:left; background: #99979a;}
#nav ul li a {margin:0; display:block; padding:9px 22px 7px 16px; text-decoration:none; color:#FFF}
#nav ul li a:hover, #nav ul li.current a {color: #ccff33}
#nav ul li.current a:hover {cursor:default;}

#leftnav {width:152px; padding:18px 0 53px 0; height:405px; background:url(img/goedwonen.gif) 14px 400px no-repeat;}
#leftnav ul {margin:0; padding:0; list-style-type:none; z-index: 10}
#leftnav ul li {margin:0; float:left; text-align:left; position:relative; z-index:10}
#leftnav ul li a {display:block; padding:8px 0 8px 16px; width:136px; text-decoration:none; color:#99979a}
#leftnav ul li a:hover, #leftnav ul li.orange a:hover {color:#3bcefc}
#leftnav ul li.current a {background:#B2B4BF; color:#fff}
#leftnav ul li.orange a {color:#ff8800; padding:5px 0 10px 16px; margin:17px 0 30px 0}

#leftnav li ul {position:absolute; left:152px; top:0; width:500px; display:block; z-index:10; background:none}
.wrapper #leftnav li ul li a {display:block; background:#35b1d9; color:#fff; filter:alpha(opacity=57); -moz-opacity:0.57; opacity:0.57; width:100%; padding-right:16px}
.wrapper #leftnav li ul li a:hover, .wrapper #leftnav li ul li.current a {background:#35b1d9; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; cursor:pointer; display:block; height:1%; width:auto; padding-right:16px}

#rightnav {width:152px; padding:18px 0;}
#rightnav #box {padding:2px 9px}
#rightnav ul {margin:0; padding: 0; list-style-type: none}
#rightnav ul li {margin:0; float:left; text-align:left; font-size:12px}
#rightnav ul li a {display:block; padding:8px 0 8px 16px; width:152px; text-decoration:none; color:#fff;}
#rightnav ul li a:hover {padding-left:21px}
#rightnav ul li.current a {padding-left:21px; font-style:italic; font-weight:700}

.current a:hover {cursor:default;}

.wrapper a {color:#3bcefc}
.wrapper a:hover {color:#99FFFF}

#footer {display:block; width:800px; background:#eee; border-bottom:1px solid #ddd; border-top:1px solid #ddd; clear:both}
#footer p {font:normal 10px Arial, Helvetica, sans-serif; color: #888689; text-align:center; padding:7px 16px 6px 16px}
#footer a {text-decoration:none; color:#006699}
#footer a:hover {text-decoration:none; color:#3bcefc}