html, body {
      height                  : 100%;
	    width                   : 100%;
      padding                 : 0px;
      margin                  : 0px;
	    border                  : 0px;
      font-family             : verdana, arial, helvetica, sans-serif;
      }
      
#wrapper {      
      position                : relative;
	    
      width                   : 760px;
       margin                  : auto; 
      padding                 : 0px;}


#header {
	    width                   : 760px;
      height                  : 140px;
      margin                  : 0px;
      padding                 : 0px;} 
      
h1 {/* plaats bedrijfsnaam H1 replacement */
      position                : relative;
      top                     : 65px;
      left                    : 126px;
      width                   : 508px;
      height                  : 75px;
      margin                  : 0px;
      
      background              : url(../images/header.jpg) no-repeat; 
      text-indent             : -6000px;}
h1 a {/* plaats logo */
      display                 : block;
      height                  : 75px;
      background              : url(../images/header.jpg) no-repeat;
      text-decoration         : none;} 
#main{width:630px;height:330px;margin:auto;margin-bottom:90px;border:2px solid #B5B1A5;}
#main p.intro{width:500px;margin:auto;margin-top:50px;}
#main ul#testmenu{width:500px;height:250px;list-style:none;margin:auto;}
#main ul#testmenu li{margin-top:35px;}
#main ul#testmenu li a{text-decoration:none;color:#000000;font-weight:bold;}
#main ul#testmenu li a:hover{border-bottom:1px dashed #B5B1A5;color:red;}
#main ul#testmenu li a:visited{color:#B5B1A5;}
#main ul#testmenu li a:visited:hover{border-bottom:1px dashed #B5B1A5;color:red;}
#main p#vraag{margin:85px 0px 0px 105px;width:420px;height:75px;text-align:center;font-size:14px;}
#main p#antwoord{margin-top:10px;font-size:16px;}
#main p#antwoord a{text-indent:-6000px;display:block;height:39px;text-decoration:none;}
#main p#antwoord a#eens{margin-left:190px;width:90px;background:url(../images/eensoneens.jpg) 0px -77px;}
#main p#antwoord a#eens:hover{background:url(../images/eensoneens.jpg) 0px -115px;}
#main p#antwoord a#oneens{margin:-39px 0px 0px 365px;width:108px;background:url(../images/eensoneens.jpg) 0px 0px;}
#main p#antwoord a#oneens:hover{background:url(../images/eensoneens.jpg) 0px -38px;}
#main p#voortgang{position:absolute;top:399px;left:85px;font-size:14px;font-weight:bold;color:#b5b1a5;}
#main img{position:absolute;top:387px;right:37px;z-index:3;width:176px;height:169px;border:none;}
#main p.watnext {width:500px;margin:auto;margin-top:25px;}
#main p.watnext span{display:block;height:125px;overflow:auto;margin:10px 20px 10px 20px;padding:5px;border:1px solid #E3E3E3;background:#F5F5F5;}
#main p.watnext span.center{text-align:center;font-weight:bold;color:red;}

#main p.watnext a{display:block;float:left;text-align:center;margin-left:65px;padding:10px;height:20px;width:120px; text-decoration:none;border:1px solid #FFEBEB;background:#FFF5F5;color:red;}
#main p.watnext a:hover{border:1px dashed #ffffff;background:red;color:#FFF5F5;}

#main p.watnext a.knopterug{text-align:center;margin-left:130px;padding:2px;height:18px;width:240px; text-decoration:none;border:1px solid #FFEBEB;background:#FFF5F5;color:red;}
#main p.watnext a.knopterug:hover{border:1px dashed #ffffff;background:red;color:#FFF5F5;}
fieldset{margin:0px auto;width:457px;padding:0px;position:relative;border:1px solid #E3E3E3;background:#F5F5F5;}
fieldset input{margin:2px 0px 8px 28px;width:250px;border:1px solid #E3E3E3;color:red;}
fieldset input.button{height:25px;width:120px;border:1px solid #E3E3E3;background:#FFF5F5;color:red;}
fieldset input.button:hover{border:1px dashed red;background:red;color:#FFF5F5;}

img#mask{position:absolute;top:434px;left:85px;z-index:2;width:530px;height:18px;border:none;}
#main #graph{position:absolute;top:437px;left:85px;z-index:1;height:12px;background:#b5b2a5;}
#main #graph span{float:right;height:12px;width:25px;padding:0px;margin:0px;background:url(../images/verloop.jpg);}
#footer {position:relative;width:630px;margin:auto;font-size:13px;color:#B5B1A5;}
#footer p {float:left;}
#footer p a{text-decoration:none;color:#B5B1A5;}
#footer p a:hover{border-bottom:1px dashed #B5B1A5;color:red;}
#footer p a:visited{color:#B5B1A5;}
#footer p a:visited:hover{border-bottom:1px dashed #B5B1A5;color:red;}
