@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/background.jpg) no-repeat top center;
	background-color:#cecece;
	margin:0;
	padding:0;
}

#container_login{
	position:absolute;
	width:450px;
	top: 50%;
	margin-top: -140px;/* half of #content height*/
	left: 0;
	width: 100%;
}

div.logo{
	width:191px;
	height:32px;
	float:right;
	margin-right:14px;
}

.clear{
	clear:both;
}

#box_login_houder{
	width:441px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
}

div.login_box{
	background-image:url(../images/background-login-box.png);
	background-repeat:no-repeat;
	width:441px;
	height:241px;
	padding:15px;
}


div.textboxes{
	width:auto;
	height:auto;
	margin:5px 0;
}

div.textboxes .input_text_gebruikersnaam{
	background-image:url(../images/background-gebruikersnaam-input.png);s
	background-repeat:no-repeat;
	width:224px;
	height:42px;
	background-color:transparent;
	border:0;
	padding:0px 50px;
	color:#989898;
	font-size:16px;
	font-family:Roboto Cn, Arial, Helvetica, sans-serif;
	margin:10px 0 15px 0;
}

div.textboxes .input_text_gebruikersnaam:hover{
	background-image:url(../images/background-gebruikersnaam-input-hover.png);
	background-repeat:no-repeat;
	width:224px;
	height:42px;
	background-color:transparent;
	border:0;
	padding:0px 50px;
	color:#989898;
	font-size:16px;
	font-family:Roboto Cn, Arial, Helvetica, sans-serif;
	margin:10px 0 15px 0;
}


div.textboxes .input_text_wachtwoord{
	background-image:url(../images/background-wachtwoord-input.png);
	background-repeat:no-repeat;
	width:224px;
	height:42px;
	background-color:transparent;
	border:0;
	padding:0px 50px;
	color:#989898;
	font-size:16px;
	font-family:Roboto Cn, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

div.textboxes .input_text_wachtwoord:hover{
	background-image:url(../images/background-wachtwoord-input-hover.png);
	background-repeat:no-repeat;
	width:224px;
	height:42px;
	background-color:transparent;
	border:0;
	padding:0px 50px;
	color:#989898;
	font-size:16px;
	font-family:Roboto Cn, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}


div.bottom{
	width:auto;
	height:auto;
}

.button-login{
	background-image:url(../images/background-button-full.png);
	background-color:transparent;
	border:0;
	width:92px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color:#fffaf5;
	float:right;
	margin-right:115px;
	margin-top:-36px;
	}
	
.button-login:hover{
	 background-position: -95px 0;
	}
/*-- Font style --*/

h1{
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#fff;
	margin:3px;
}

p{
	color:#ffffff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.login-error {
	float: right;
	margin-right: 70px;
}