html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
}

html {
	background:	#ebebeb;
}

#container,
#footerWrap 		{ position: relative;}

/* Basis Styles */
#container			{ width: 470px; margin: 0 auto; }
#top				{ padding: 38px 30px 18px 30px; }
#content			{ padding: 30px; background-color: #3a404a; border-radius: 4px; }

.nojs				{ display: none; }
.clear				{ clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;}

/* Typografie Styles, gelden voor de gehele website */
h1, h2, h3			{ font-weight: 900; margin: 0; padding: 0; line-height: 1.4; font-style: normal; }
p, address			{ font-weight: normal; margin: 0; padding: 0; line-height: 1.6; font-style: normal; }
img					{ margin: 0; padding: 0; border: 0; }
ul, ol, li			{ margin: 0; padding: 0; line-height: 165%; }
table				{ margin: 0 0 14px 0; padding: 0; border-collapse: collapse; }
table td			{ vertical-align: top; padding: 0; line-height: 160%; }

h1					{ font-size: 2em; color: #FFF; margin: 0 0 10px 0; line-height: 1.2; }
h2					{ font-size: 1.45em; color: #FFF; margin: 0 0 10px 0; padding: 10px 0 0 0; }
h3					{ font-size: 1.1em; color: #FFF; margin: 0 0 10px 0; padding: 10px 0 0 0; }

p					{ margin: 0 0 10px 0;}

a					{ color: #FFF; text-decoration: underline; }
a:hover				{ color: #FFF; text-decoration: underline; }
a:focus 			{ outline: none;}
a.forgotpass		{ font-size: 0.9em; text-decoration: none; }
a.forgotpass:hover	{ font-size: 0.9em; text-decoration: underline; }
a.backhome			{ font-size: 0.9em; text-decoration: none; }
a.backhome:hover	{ font-size: 0.9em; text-decoration: underline; }

img					{ margin: 0; padding: 0; border: 0; }
img.left			{ float: left; margin: 4px 30px 20px 0px; }
img.right			{ float: right; margin: 4px 0px 20px 30px; }

ul					{ margin: 10px 0px 12px 14px;}
ul ul				{ margin: 4px 0px 4px 14px;}
ul li				{ list-style: none; padding-left: 12px; line-height: 20px; background: url(../img/bullet_li_efe20a.gif) no-repeat 0 8px; }
ul li li			{ list-style: none; padding-left: 12px; line-height: 20px; background: url(../img/bullet_li_efe20a.gif) no-repeat 0 8px; }

ol					{ margin: 0px 0px 12px 25px;}
ol ol				{ margin: 0px 0px 0px 25px;}

hr					{ border: 0px none; border-top: 1px solid #000; border-bottom: 1px solid #666; margin: 20px 0; }

span.white			{ color: #FFF; font-weight: bold; }
span.yellow			{ color: #f5e326; }


#top img			{ width: 200px; }


/* IE 6 Bugfix extra whitespace */
* html ul li a {
   height:1em;
}