html, body {
	height: 100%;
}
#formContainer {
	width:550px;
	margin:0 auto;
	min-height: 100%;
}
#formInner {
	overflow:auto;
	padding-bottom:21px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -21px; /* negative value of footer height */
	height: 20px;
	clear:both;
	text-align: center;
	font-size:0.85em;
	color:#CCCCCC;
	background-color:#333333;
	border-top:1px solid #333333;
}
#footer a {
	color:#CCCCCC;
}
body {
	background:#333;
	font-family:Helvetica, Geneva, "Trebuchet MS", Arial, "URW Gothic L", sans-serif;
	height:100%;
	background:url(bg.jpg) no-repeat fixed center #333;
	padding:0;
	margin:0;
	font-size:13px;
	color:white;
}

.helptekst a {
	color:white;
}
h1 {
	margin:0;
	padding:20px 0 0 0;
}
h1 img {
	vertical-align:middle;
}
h2 {
	color:white;
	font-size:1.5em;
}
.helpvideo h2 {
	width:500px;	
}

.error {
	line-height:1.4em;
	background:#FBE3E4;
	border:2px solid #FBC2C4;
	color:#8A1F11;
	margin-bottom:2em;
	padding:12px;
	float:left;
	width:471px;
}
.error  ul{
	padding:0 0 0 20px;
	margin:0;
}
.notice {
	line-height:1.4em;
	background:#FFF6BF;
	border:2px solid #FFD324;
	color:#514721;
	margin-bottom:2em;
	padding:12px;
	float:left;
	width:471px;
}
.notice p, .error p {
	margin-top:0;
}
.notice p img {
	vertical-align:middle;
	margin-right:10px;
}
ol {
	padding-left:20px;
	margin:0;
}
ol li {
	margin-bottom:1em;
}
.last {
	margin-bottom:0;
}
form {
	float:left;
	margin-bottom:2em;
}
form#login {
}
form#login a {
	color:white;
}
form#login li {
	width:215px;
	float:left;
}
form#login li.submitLi {
	float:left;
	padding-top:25px;
	text-align:right;
	width:70px;
}
form#login li.submitLi input {
	width:70px;
}
form#login li label {
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}
form#login li input.text {
	width:180px;
}
form#login li.options input {
	float:left;
}
form#login li.options label {
	font-size:0.9em;
	width:170px;
	font-weight:normal;
	padding-right:0;
	margin-top:-2px;
}
form#login li.pw {
	margin-top:2px;
}
form#login ol.recovery li {
	width:378px;
	margin-bottom:0;
}
form#login ol.recovery li label {
	width:auto;
}
form#login ol.recovery li input {
	width:370px;
}
form#login ol.recovery li.submitLiPw {
	float:left;
	padding-top:25px;
	text-align:right;
	width:84px;
	padding-left:25px;
}
form#login ol.recovery li.submitLiPw input {
	width:auto;
}
form ol {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
form label {
	width:225px;
	text-align:right;
	float:left;
	padding-right:20px;
	height:25px;
	line-height:25px;
}
form label.hashint {
	line-height:15px;
}
form div.hint {
	font-size:0.7em;
	float:left;
}
form input.text {
	height:19px;
	padding:2px;
	width:125px;
}
form input.bigger {
	width:247px;
}
form input.submit {
	float:right;
}
.helpvideo {
	float:left;
}

#terug {
	text-align:right;
}
#terug a {
	color:white;
	display:block;
	float:left;
	font-weight:bold;
	padding-bottom:1em;
	width:500px;
}
object {
	margin-bottom:2em;
	width:500px;
	height:405px;
}