/* ä */

html {
	width:100%;
	height:100%;
}

body {
	font-family:Arial;
	font-size:12px;
	
	margin:0px;	
	padding:0px;
		
	background:#2364DC;
}

body > div {
	position:absolute;
	top:40%;
	left:50%;
	width:300px;
	
	margin-top:-55px;
	margin-left:-150px;
	
	border:1px #000000 solid;
	
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
	
	-moz-box-shadow: 0px 16px 16px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 16px 16px rgba(0,0,0,0.4);
	box-shadow: 0px 16px 16px rgba(0,0,0,0.4);
	
	background:#ffffff;
	
	background-image:url('images/login_form_bg.png');
	background-position:bottom right;
	background-repeat:repeat-x;
}

body > div > div {
	padding:10px;
}

body > div > div > h1 {
	font-size:18px;
	
	margin:0px;
	
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;
}


/* Message - Start */

body > div > div > div#messages > div {
	padding-top:6px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:26px;
	
	margin-bottom:10px;
	
	-moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Safari, Chrome */
	-khtml-border:3px; /* Konqueror */
	border-radius:3px; /* CSS3 */
}

body > div > div > div#messages > div.info {
	background:#CEDDEC;
	
	background-image:url('icons/information.png');
	background-position:5px center;
	background-repeat:no-repeat;
	
	border:1px solid #6C9AC7;
}

body > div > div > div#messages > div.error {	
	background:#ffdddd;

	background-image:url('icons/cross.png');
	background-position:5px center;
	background-repeat:no-repeat;
	
	border:1px solid #ff0000;
	color:#cc0000;
}

body > div > div > div#messages > div.success {	
	background:#d0ffcc;
	
	background-image:url('icons/tick.png');
	background-position:5px center;
	background-repeat:no-repeat;
	
	border:1px solid #008800;
	color:#005500;
}

body > div > div > div#messages > div.warning {	
	background:#ffee99;
	
	background-image:url('icons/error.png');
	background-position:5px center;
	background-repeat:no-repeat;
	
	border:1px solid #cc8800;
	color:#884400;
}

body > div > div > div#messages > div.maintenance {	
	background:#ffee99;
	
	background-image:url('icons/wrench_orange.png');
	background-position:5px center;
	background-repeat:no-repeat;
	
	border:1px solid #cc8800;
	color:#884400;
}

/* Message - Ende */


body > div > div > form {
	margin:0px;
	padding:0px;
}

body > div > div > form > div {
	overflow:auto; /* expand div */
	clear:both;
	
	padding-top:5px;
	padding-bottom:5px;
	
	border-top:1px #aaaaaa solid;
	
	line-height:19px;
}

body > div > div > form > div:first-child {	
	border-top:none;
}

body > div > div > form > div > label {
	font-family:Arial;
	font-size:12px;
}

body > div > div > form > div > input {
	width:170px;
	
	float:right;
	
	font-family:Arial;
	font-size:12px;
	
	border:1px #aaaaaa solid;
}

body > div > div > form > input {
	margin-top:5px;
	
	background:#e0e0e0;
	
	border:1px #aaaaaa solid;
}