body {
	margin: 20px;
	padding: 0;
	background: #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#container {
	background: #020457;
	position: relative;
	width: 800px;
	height: 600px;
 	margin: 30px auto 0 auto;
	padding: 0 0 20px 0;
	overflow: auto;
}

#container h1 {
	position: absolute;
	bottom: 20px;
	left: 0;
	display: block;
	margin: 0 auto;
	color: #fff;
	width: 800px;
	height: 105px;
	background: #020457 center center no-repeat;
	text-indent: -999em;
}

#container h2 {
	position: absolute;
	top: 165px;
	right: 50px;
	width: 305px;
	height: 310px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

#container #login {
	margin: 224px 0 0 70px;
	padding: 0;
	width: 352px;
	height: 268px;
	background: #333399 url(http://www.odontos.nl/presentatie/img/login/bg_login_box_refl.gif) left bottom no-repeat;
	font-size: 17px;
	z-index: 100;
	position: absolute;
}
#container #login span {
	font-size:12px;
	padding: 15px;
	display: block;
}
#container #login span a {
	color:#fff;
}

#container #login form {
	display: block;
	padding: 34px 8px 0 8px;
	width: 336px; /* 352px */
	height: 84px; /* 118px */
	background: #333399 url(http://www.odontos.nl/presentatie/img/login/bg_login_box.gif) no-repeat;
}

#container #login label {
	width: 165px;
	display: block;
	float: left;
	text-indent: 3px;
}

#container #login label.error {
	color: #f00;
}

#container #login input {
	width: 157px;
	margin: 0 5px 0 0;
}

#container #login button {
	width: 65px;
	height: 22px;
	background: url(http://www.odontos.nl/presentatie/img/login/btn_login.gif) no-repeat;
	text-indent: -999em;
	border: 0;
	padding: 0;
	margin: 10px 8px 0 0;
	float: right;
	cursor: pointer;
	cursor: hand;
}

#container #login p {
	margin: 10px 0 0 0;
	float: left;
	padding: 0;
}

#container #login p a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
}

#container #login p a:hover {
	text-decoration: underline;
}

/* ORTHOTEC */
#container.orthotec {
	
}

#container.orthotec h2 {
	position: absolute;
	top: 97px;
	right: 150px;
	width: 332px;
	height: 300px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#container.orthotec #login {
	height: 269px;
	background: #333399 url(http://www.odontos.nl/presentatie/img/login/orthotec/bg_login_box_refl.gif) left bottom no-repeat;
}

#container.orthotec #login form {
	height: 85px; /* 118px */
	background: #333399 url(http://www.odontos.nl/presentatie/img/login/orthotec/bg_login_box.gif) no-repeat;
}