/* CSS Document */

strong{
	font-weight: bold;
}

/* Global Styles */
html {
	overflow-y: scroll;
}

body {
	background: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
}

button:hover{
	text-decoration: underline;	
}

span.none { position: absolute; left: -9999px; }

.left{ float: left !important; }
.right{ float: right !important; }
.clear{ clear: both; }
.bold { font-weight: bold; }

/* Content */
#content-holder{
	width: 320px;
	height: 205px;
	margin: auto;
	padding: 180px 15px 15px;
	background: #fff url('/aanmelden/img/glennis-grace.jpg') no-repeat;
}

.form-holder{
	padding: 5px 15px 0;
}

.form-holder div.formfield{
	margin: 0 0 5px;
}

.form-holder div.formfield label{
	width: 125px;
	padding: 3px 0 0;
	float: left;
	display: block;
	font-size: 1.1em;
}

.form-holder div.formfield label.verplicht{
	font-style: italic;
	color: #666;
}

.form-holder input[type="text"]{
	width: 153px;
	height: 16px;
	padding: 2px 5px 0;
	float: left;
	background: #fff;
	border: 1px solid #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1.1em;
}

.form-holder input[type="text"].geboortedatum-dd,
.form-holder input[type="text"].geboortedatum-mm{
	width: 18px;
	margin: 0 5px 0 0;
	text-align: center;
}

.form-holder input[type="text"].geboortedatum-jjjj{
	width: 83px;
}

.form-holder input[type="text"]:focus{
	border: 1px solid #fd00f2;
}

.form-holder div.formfield input[type="text"].inputError{
	border: 1px solid #a5019f;
	background: #fd00f2;
}

.form-holder button{
	margin: 0;
	padding: 2px 10px;
	float: right;
	display: inline;
	border: medium none;
	cursor: pointer;
	text-align: center;
	background: #333 url('/aanmelden/img/glennis-grace-aanmelden.gif') repeat-x top;
	border: 1px solid #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	line-height: normal !important;
	font-size: 1.1em;
}

/* Clearfix ----------------------------------------------- */
/* -------------------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */