/* Normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline;zoom:1}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:13px;line-height:1.231;margin:0}body,button,input,select,textarea{font-family:sans-serif;color:#222}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:0;}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal;overflow:visible}table button,table input{overflow:auto}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}audio:not([controls]),[hidden],.ir br{display:none}::-moz-selection,::selection{background:#666;color:#fff;text-shadow:none}figure,form{margin:0}@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

html, body {
	height : 100%;
	width : 100%;
}

body {
	color: #FFF;
	font-family : Calibri, Tahoma, sans-serif;
	font-size : 14px;
	overflow : hidden;
	scroll : no;
	background: #409aff;
	background: -moz-linear-gradient(top, #409aff 0%, #357fd3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#409aff), color-stop(100%,#357fd3));
	background: -webkit-linear-gradient(top, #409aff 0%,#357fd3 100%);
	background: -o-linear-gradient(top, #409aff 0%,#357fd3 100%);
	background: -ms-linear-gradient(top, #409aff 0%,#357fd3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409aff', endColorstr='#357fd3',GradientType=0 );
	background: linear-gradient(top, #409aff 0%,#357fd3 100%);
}

a:link, a:visited, a:active {
	text-decoration : none;
	color : #5e5e5e;
}

	a:hover {
		color : red;
	}

#five {
	position : absolute;
	display : block;
	width : 227px;
	height : 364px;
	background : url('../img/5.png') no-repeat;
	left : -227px;
	top : 20px;
	z-index : -1;
}

#login {
	border : 1px solid #4c4c4c;
	height : 310px;
	width : 280px;
	text-align : center;
	-webkit-box-shadow: 0px 0px 13px 1px #2e2e2e;
	-moz-box-shadow: 0px 0px 13px 1px #2e2e2e;
	box-shadow: 0px 0px 13px 1px #2e2e2e;
	position : absolute;
	top : 32%;
	right : 25%;
	display : block;
}

	#login, div.wachtwoordvergeten {
		background: #e9e9e9;
		background: -moz-linear-gradient(top, #e9e9e9 0%, #a5a5a5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#a5a5a5));
		background: -webkit-linear-gradient(top, #e9e9e9 0%,#a5a5a5 100%);
		background: -o-linear-gradient(top, #e9e9e9 0%,#a5a5a5 100%);
		background: -ms-linear-gradient(top, #e9e9e9 0%,#a5a5a5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#a5a5a5',GradientType=0 );
		background: linear-gradient(top, #e9e9e9 0%,#a5a5a5 100%);
	}

	#login.error, .errormelding {
		background: #ff5361; /* Old browsers */
		background: -moz-linear-gradient(top, #ff5361 0%, #e85e42 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5361), color-stop(100%,#e85e42)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff5361 0%,#e85e42 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff5361 0%,#e85e42 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #ff5361 0%,#e85e42 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5361', endColorstr='#e85e42',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #ff5361 0%,#e85e42 100%); /* W3C */
		line-height : 120px;
	}

	.errormelding {
		    color : #1d1d1d;
		    height : 30px;
		    line-height : 30px;
		    margin : 0 auto 10px auto;
		    width : 234px;
		    border : 1px solid #DE3737;
	}
	
.bottom {
	bottom : 0;
	left : 50px;
	position : absolute;
	width : 180px;
	background : #ddd;
	border-top : 1px solid #ccc;
	display : block;
	height : 30px;
	line-height : 30px;
	-webkit-box-shadow: 0px 0px 7px 0px #666;
	-moz-box-shadow: 0px 0px 7px 0px #666;
	box-shadow: 0px 0px 7px 0px #666;
}

.rememberMe {
                display : block;
                clear : both;
                height : 25px;
        }
                .rememberMe input {
                        float : left;
                        margin : 5px 0 0 110px;
                        display : block;
                }
                .rememberMe label {
                        float : left;
                        display : block;
                        margin : 4px 0 0 10px;
                        color : #555;
                }


div.wachtwoordvergeten {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 280px;
	padding : 0px;
	height : 0px;
	display : block;
	border-top : 1px solid #4c4c4c;
	overflow : hidden;
}

	div.wachtwoordvergeten p {
		padding : 0px 20px 15px 20px;
		color : #555;
		line-height : 1.4;
		text-align : left;
	}

h2 {
	background : #f4f4f4;
	color : #5e5e5e;
	border-bottom : 1px solid #ccc;
	font-size : 16pt;
	display : block;
	height : 45px;
	line-height : 45px;
	margin : 0 0 20px 0;
	-webkit-box-shadow: 0px 0px 10px 0px #666;
	-moz-box-shadow: 0px 0px 10px 0px #666;
	box-shadow: 0px 0px 10px 0px #666;
	padding : 0 20px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}

h2.success {
	background-color : #d5ffce;
	border-bottom : 1px solid #9adf8f;
	color : green;
}

.inputlogin {
	color : #555;
	font-size : 18px;
	padding : 3px 5px;
	width : 228px;
	border : 1px solid #bbb;
	margin : 3px 0;
}

[placeholder]{
	cursor:pointer;
	color:#999;
	padding:5px;
	border:1px solid #999;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
[placeholder]:active,
[placeholder]:focus,.inputlogin:focus {
	cursor:text;
	color:#333;
	border:1px solid #0a0;

	-moz-box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
	-webkit-box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
	box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
}

	a.button {
		background : url('../img/bg_button.png') no-repeat 0 0;
		display : block;
		font-size : 14px;
		height : 35px;
		line-height : 35px;
		width : 153px;
		border : 0;
		text-align : left;
		margin : 5px 0 0 107px;
	}
		
		a.button:hover {
			background-position : 0 -37px;
		}
		
			a.button:active {
				background-position : 0 -74px;	
			}
			
	.loginicon, .ok {
		display : block;
		float : left;
		height : 25px;
		margin : 5px;
		width : 25px;
		background : url('../img/icons_login.png') no-repeat -25px 0;
	}
	
		.ok { background-position : 0 0;}
								/* End-Inputs */