html, body {
	margin: 0;
	padding: 0;
	
	height: 100%;
}

body {
	margin: 0 0 0px 0;
	font-family: "Trebuchet MS";
	text-align: center;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
	
	background: #f6f6f6;
}



#outer {
	 text-align:left;
	 border: 0px solid;
	 padding: 0 0 0px 0;
	 width:484px;
	 height: 380px;
	 margin: 50px auto;
	 overflow: hidden;
	 background: transparent url('/blogs/img/login/loginbg.jpg');
	 background-repeat: no-repeat;
	 
	 position: relative;
}


#outer #info{
	width: 424px;
	margin: auto;
	position: absolute;
	top: 130px;
	left: 30px;
}

#outer form{
	width: 424px;
	margin: auto;
	position: absolute;
	top: 235px;
	left: 30px;
	text-align: center;
}

#outer form.ferror{
	margin-top: -3px;
}
 
/* Extra opmaak */

a { color: #a21911; background: transparent; font-weight: normal; text-decoration: underline;}
a:hover { color: #000; background: transparent; font-weight: normal; text-decoration: underline;}
a.highlight { color: #000; background: transparent; font-weight: normal; text-decoration: underline;}


h1 {
	font-size: 180%;
	color: #a21911;
	background: transparent;
	line-height: 100%;
	font-weight: normal;

	padding: 0;
	margin: 0 0 10px 0;
}




p.error{
	margin: -5px 0 -8px 0;
	padding: 0px;
	color: #a21911;
	border: 0px solid #a21911;
	font-size: 14px;
	font-weight: bold;
}

div#footer{
	font-size: 90%;
	width: 427px;
	position: absolute;
	top: 310px;
	left: 30px;
	margin: auto;
}

/* Form elements */




form input.field{
	color: #565555;
	border: 1px solid #a9a9a9;
	padding: 6px;
	margin: 0px 0 0px 0px;
	background: #fff;
	font-weight: normal;
	font-size: 100%;
}

form input.submit{
	font-size: 100%;

    padding: 6px;
    margin: 10px 0 0 0;
    font-weight: bold;
    color: #fff;
    background-repeat: repeat-x; 
    background-position: bottom left;
    
    border:1px solid #168BAA;
    background-color: #40BBEC; 
    background-image: url(../img/button_bg.gif); 
}