/* --------------------------------------------------------------

	iframe.css
	* Stylesheet for iframes

-------------------------------------------------------------- */

html {
	background: #2e2e2e;
	overflow-y: auto;
	}
body {
	min-width: 0;
	text-align: left;
	}

a { color: #ffba00; text-decoration: underline; }
a:hover,
a:focus,
a:active { color: #fff; }

.iframe-container {
	padding: 18px;
	}

.column-inloggen,
.column-registreren {
	float: left;
	}

.column-inloggen,
.column-registreren,
.block-inloggen,
.block-registreren {
	width: 290px;
	overflow: hidden;
	}

.block-inloggen,
.block-registreren,
.btn-container,
.explanation {
	padding-top: 15px;
	}

.column-registreren {
	width: 338px;
	}

.column-registreren h2,
.column-registreren .explanation {
	margin-left: 46px;
	}

.separator-registreren {
	margin-left: 24px;
	padding-left: 22px;
	border-left: 1px solid #626262;
	}

.block-inloggen,
.block-registreren {
	border-top: 1px solid #626262;
	}

.btn-container {
	width: 190px;
	text-align: right;
	}

.fullwidth {
	width: 100%;
	}

.field {
	position: relative;
	padding-bottom: 14px;
	}

input.text {
	width: 183px;
	}

.requirement {
	position: absolute;
	right: 0;
	bottom: 15px;
	}

.checkbox-container .checkbox {
	position: absolute;
	top: 2px;
	left: 0;
	}

.checkbox-container label {
	display: block;
	padding-left: 24px;
	width: 232px;
	font-weight: normal;
	}

.message {
	display: none;
	}
.invalid .message {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	color: #ff6565;
	}
.invalid .text {
	border-color: #ff6565;
	background: #efcbcb;
	}