@CHARSET "UTF-8";

/* RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 


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

body {
	margin: 0;
	padding: 0;
	background: #013261 url("img/site_bg.gif") repeat-x left top;
	text-align: center;
}

#hetrooster-mainsite {
	width: 100%;
	height: 871px;	
	background-color: #12B4F0;
}


#footer {
	font: 11px helvetica, arial, verdana, serif; 
	color:#fff;
	width: 940px;
	height: 80px;
	margin: auto;
	padding: 30px 0 0 0;
	text-align: left;
	line-height: 1.6;
}
	.section{
		float:left;
		width: 300px;
		padding: 0 10px 0 10px;
	}
	.section ul{
		float:left;
		width: 140px;
	}
	.section ul.second{
		margin: 0 0 0 20px;
	}

	.last{
		width: 220px;
		float: right; 
	}

	#footer a{
		color: #b6c5d4;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#footer a:active{
		color: #fff;
	}
	a.han-logo{
		float:left;
		width: 142px;
		height: 42px;
		background: transparent url('/images/han_logo.png') 0 0 no-repeat;
		text-indent: -999em;
	}
	
	a.hogeschool-logo{
		float:left;
		width: 210px;
		height: 40px;
		background: transparent  url('/images/hogeschool_logo.png') 0 0 no-repeat;
		text-indent: -999em;
		margin: 0 0 0 20px;
	}