/* STRUCTURE STYLING
___________________________________________________________________________*/

	#container {
		width: 722px;
		height: auto;
		position: relative;
		margin: auto;
		padding: 10px 0 0 0;
		overflow: auto;
	}
	
	#header {
		width: 720px;
		height: 150px;
		position: relative;
		margin: 0 auto 15px auto;
		padding: 0;
		overflow: auto;
		background: #fff url(../images/header.jpg) right top no-repeat;
	}
	
	#content {
		width: 690px;
		height: auto;
		position: relative;
		overflow: auto;
		margin: 0 auto 15px auto;
		padding: 10px 15px;
		background: #fff url(../images/background-content.jpg) top right no-repeat;
		clear: both;
	}
	
	#footer_1 {
		width: 720px;
		height: 22px;
		position: relative;
		overflow: auto;
		margin: 0 auto 15px auto;
		background: url(../images/footer-background.jpg) top left repeat;
		clear: both;
	}
	
	#footer {
		width: 690px;
		height: 22px;
		position: relative;
		overflow: auto;
		margin: auto;
		padding: 3px 15px;
		background: #f8f8d4;
		clear: both;
	}

/* DESIGN STYLING
___________________________________________________________________________*/
	
	body {
		background: url(../images/background.jpg) repeat 0 0;
	}
	
	#logo {
		width: 481px;
		height: 117px;
		position: relative;
		margin: 15px 0px 0px 5px;
		background: url(../images/logo.png) no-repeat 0 0;
	}
	
	.leeraar_leerling {
		width: 200px;
		height: 250px;
		position: relative;
		margin: 0 50px 60px 80px;
		padding: 0;
		float: left;
	}
	
	#portal_individueel {
		width: 236px;
		height: 171px;
		float: left;
		position: relative;
		margin: 20px 7px 60px 1px;
		padding: 0;
	}
	
	#portal_individueel p {
		margin: 2px 0 2px 65px;
	}
	
	#portal_leeraar {
		width: 236px;
		height: 171px;
		float: left;
		position: relative;
		margin: 20px 0px 60px 0px;
		padding: 0;
	}
	
	#portal_leeraar p {
		margin: 2px 0 2px 2px;
	}
	
	#footer a, #footer a:visited {
		color: #1a3c5e;
		font-weight: bold;
	}
	
	#footer a.active {
		color: #81a5a8;
	}
	
/* MENU STYLING
___________________________________________________________________________*/

	#menu {
		width: 720px;
		height: 22px;
		position: relative;
		margin: 0 auto 15px auto;
		padding: 0;
		background: #273f5f url(../images/menu-background.jpg) top right no-repeat;
	}
	
	#menu ul li {
		float: left;
		list-style: none;
	}
	
	#menu ul li a, #menu ul li a:visited{
		color: #f8f8d4;
		font-weight: bold;
	}
	
	#menu ul li a.active{
		color: #92d6e3;
	}
	
	#menu ul.left {
		float: left;
	}
	
	#menu ul.right {
		float: right;
		padding: 0 20px 0 0;
	}