<!doctype html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
	    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	    <title>Het Wep - Ben jij een robot?</title>
		<!-- WepCaptcha -->
	    <link rel="stylesheet" href="/wepsysteem/captcha/jquery.motionCaptcha.0.2.css" />        
	    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
	    <style type="text/css">
            html,body{margin:0;border:0;padding:0;width:100%;height:100%}
		    body, td, p, strong, input { color: #404040;FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 14px;}
            strong{text-transform: uppercase}
		    input {  border: 1px solid #404040; background: #fff; color: #000; padding:8px }
		    input[type="text"], input[type="password"] { padding: 8px; border: 2px #ccc solid; width: calc(100% - 50px);outline-style: none }
		    input[type="text"]:focus, input[type="password"]:focus { border-color:#5D92D4; outline-color:#B6CBE5; outline-style:solid; outline-width:2px; }
		    input[type="checkbox"]{width:20px;height:20px}
		    .button { padding: 8px; border: 1px #404040 solid;  width: calc(100% - 40px); background:#ff8a00;color:white}
		    .button:hover { border-color:#5D92D4; outline-color:#B6CBE5; outline-style:solid; outline-width:2px; }

            .login{background-image: url(/wepsysteem/captcha/img/bg01.jpg); background-position: center center; background-repeat: no-repeat }
            .loginForm{background-color:white;width:450px;height:400px;position: absolute; left:calc(50% - 200px); top: calc(50% - 200px);}
            .loginForm table{width:100%;height:100%; margin-left:15px;}
            .loginForm td{text-align:left}

            @media screen and (max-width: 640px) {            
            .loginForm{width:100%;left: 0}
            }
	    </style>
    </head>
    <body class="login">
	    <div class="loginForm">
            <form action="#" method="post" id="mc-form">			    
		       	
			    <table>
			        <tr><td style="padding-top:10px;text-align:left"><img src="/wepsysteem/captcha/img/logo-oranje.png" /></td></tr>
			        <tr><td style="height:15px;"></td></tr>
			        <tr><td><strong>Trek de vorm over om verder te gaan</strong></td></tr>			       
			        <tr><td style="height:auto;">
                         <div id="mc">			              
			                <canvas id="mc-canvas">Uw browser ondersteunt geen canvas.</canvas>
                             <input type="hidden" id="mc-action" value="" />
		                </div>

			        </td></tr>	  
			        <tr><td><input type="button" name="Submit" value="Een nieuwe vorm graag" class="button" onclick="window.location.reload()" /></td></tr>

			    </table>
			    <input type="hidden" name="referer" value="" />
			    <input type="hidden" name="l" value="go" />             
		    </form>
	    </div>			
	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>		
	    <!-- MotionCAPTCHA: -->
        <script>  var captchaID = '4439683480';</script>
	    <script src="/wepsysteem/captcha/jquery.motionCaptcha.0.2.js" ></script>
	    <script>
		    jQuery(document).ready(function($) {  
			    $('#mc-form').motionCaptcha({
				    shapes: ['triangle', 'x', 'rectangle', 'circle', 'check', 'zigzag', 'arrow', 'delete', 'pigtail', 'star']
			    });			
		    });
	    </script>
    </body>
    </html>