﻿body
{
	min-height: 600px;
}

.bgPicture
{
	background-image: url('images/bg-clouds.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}

/*******************************************************
. LOGINSCREEN
********************************************************/
.topSpacerLogin
{
	height: 15%;
	margin: auto;
	width: 100%;
}

.logoLogin
{
	margin: auto;
	width: 625px;
}

.contentBoxLogin
{
	width: 625px;
}

.formTitle
{
	font-weight: bold;
	border-color: #bad3eb !important;
	color: #0a6dcf;
	font-size: 10pt;
	margin-bottom: 5px;
	line-height: 25px !important;
}

.formSubTitle
{
	font-weight: bold;
	border-color: green !important;
	color: green;
	font-size: 8pt;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 25px !important;
}

.foutmeldingLogin
{
	color: red;
	border-bottom: 0px !important;
	list-style: none;
}

/*Form elements*/
ol.formulierLoginX
{
	padding: 0px;
	overflow: hidden;
	clear: both;
}

	ol.formulierLoginX.loginform li
	{
		line-height: 30px;
	}

ol.formulier.loginform div.inputs input
{
	height: 25px;
	width: 200px;
}

ol.formulierLoginX li
{
	padding-left: 20px;
	min-height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #E7EBEE;
	padding: 4px 0px 4px 20px;
}

/*Links*/
#Copyright a:link
{
	color: #8A8A8A;
	text-decoration: none;
}

#Copyright a:visited
{
	color: #8A8A8A;
}

#Copyright a:hover
{
	color: #373737;
}

.Copyright
{
	margin-top: 8px;
	color: #8A8A8A;
	text-align: center;
	width: 645px;
	margin-left: auto;
	margin-right: auto;
}

/*******************************************************
. BUTTON STYLES
********************************************************/

/*Binput[type=submit]
{
	font-size: 12px !important;
	width: 120px;
	line-height: 1.6em !important;
	margin-left: 216px;
	/*-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2d2d2d, offX=0, offY=0, positive=true);
	transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
}*/

	input[type=submit]:hover
	{
		transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	}

	input[type=submit]:active
	{
		transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	}

/*Button substyles*/
/*.formsubmitButton
{
	background-color: #0a6dcf;
	width: 120px;
	margin-left: 216px;
	width: 140px;
	color: #fff;
	transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
}

	.formsubmitButton:hover
	{
		background-color: #135290;
		transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	}

	.formsubmitButton:active
	{
		background-color: #5a6571;
		transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	}*/

