/*Styles van de html, body en divs*/
html, body{
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	height:99%;
	width:100%;
	margin:0;
	padding:0;
	background: #333;
}
	#header{
		margin: auto;
		margin-top: 1%;
		background:#FF0;
		height:12%;
		width:90%;
		border:#000 2px solid;
		text-align:center;
	}
	#container{
		margin: auto; /*center in firefox*/
		width:90%;
		height:75%;
		border-left:#000 2px solid;
		border-right:#000 2px solid;
		background:#999;
		}
		#sidebar{
			position: static;
			margin: auto;
			margin: 1% 1% 1% 1%;
			padding: 1%;
			background: #FFF;
			width:10%;
			height: 88%;
			float:left;
			border:#000 solid 1px;
			text-align:center;
		}
		#maincontent{
			position: relative;
			margin: 1% 1% 1% 1%;
			padding: 1%;
			width:80%;
			height: 88%;
			overflow:auto;
			float:right;
			border:#000 solid 1px;
			background-color: #FFF;
			font-size:larger;
		}
	#footer{
		margin: auto; /*center in firefox*/
		margin-bottom:1%;
		background:#00F;
		height:10%;
		width:90%;
		border:#000 2px solid;
	}


/*Styles van de paragrafen & links*/
.error{
	text-decoration: underline;
}

a{
	color: #00F;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:1%;
	font-weight: bold;
	text-align:center;
}
#header h1{
	color: #00F;
	font-size: xx-large;
}
#maincontent .album{
	color: #00F;
	font-weight:bolder;
	text-align:left;
}

#sidebar a{
	font-weight: bolder;
}
#sidebar a:hover{
	color: #FF0;
}

#sidebar .menu{
	font-size: small;
}

#sidebar .submenu{	
	display:  block;
	font-size: smaller;
}	
#sidebar .submenu a{
	color: #06F;
}
#sidebar .submenu a:hover{
	color: #FF0;
}

#footer a{
	color:#FF0
}
#footer h1{
	color: #FF0;
	font-size: x-large;
}

/*Berichten*/
.titel{
	font-size: medium;
	font-weight:bold;
	text-decoration:underline;
}
.bericht{
	font-size: inherit;
	font-variant:normal;
	text-align:left;
}