/* CSS Document */

/* html-elementen */

body {
   margin:9px 9px 0px 9px;
   padding:0;
   background:#82A8BD;
   font-family:Verdana,Helvetica,Arial;
}

a:link {color:#666666; text-decoration:none;}     /* unvisited link */
a:visited {color:#666666; text-decoration:none;}  /* visited link */
a:hover {color:#666666; text-decoration:underline;}   /* mouse over link */
a:active {color:#666666; text-decoration:none;}   /* selected link */

/* positionerings-elementen */

#topcontainer {
	position: relative;
}

#topbar {
   background-color:#F7F7F7;
   width:100%;
   height:100px;
   border-width:1px 3px 0px 1px;
	border-style:solid;
	background-image: url('../img/topBar_bg.jpg');
	background-position:top left;
	background-repeat:repeat-x;
}

#topbar h1 {
   position:absolute;
   left: 0px;
   margin: 25px;
   font-size: 3em;
   color: #82A8BD;
   z-index: 1;
}

#topbar h2 {
   position:absolute;
   left: 0px;
   margin: 0px 0px 0px 5px;
   font-size: 1.5em;
   font-weight: bold;
   color: #EEE;
   z-index: 0;
}

#topbarright {
	position: absolute;
	right: 10px;
	padding: 5px;
}

#maincontainer {
	background:#F7F7F7; /* Onbegrensde linker kolom */
	background-image: url('../img/footer.jpg');
	background-position:bottom right;
	background-repeat: no-repeat;
	position:relative;
	width:100%;
	border-width:0px 3px 1px 1px;
	border-style:solid;
	min-height:400px;
}

#mainlftbar {
	position:relative;
	width:150px;
	font:.8em/1.7em Arial;
	float:left;
}

#mainlftbar h4 {
	font-size:1em;
	color:#82A8BD;
	padding-left:5px;
	font-weight:bold;
}

#mainlftbar ul {
	padding:10px 0px 0px 5px;
	margin-left:0px;
	line-height:20px;
	list-style-type:none;
	list-style-position:outside;
}

#mainlftbar li {
	width:100px;
	border-width:0px 1px 0px 5px;
	border-style:solid;
	border-color:#82A8BD;
	margin:3px;
	padding:3px;
	background:#EEE;
}

/* FireFox Only... */
#mainlftbar li:first-child {
	border-width:1px 1px 0px 5px;
	border-style:solid;
}

#mainlftbar a{
	color:#000000;	
}

#loggedin {
	font-size:0.75em;
	color:#000000;
	margin:10px;
}

#maincontent {
	position:relative;
	margin-left:150px;
	padding:10px 10px;
	border-width:0px 0px 0px 1px;
	border-style:dashed;
	border-color:#82A8BD;
	font-size:.75em;
}

#maincontent h1 {
   font-size:1.25em;
   color:#82A8BD;
   border-width:0px 0px 1px 0px;
   border-style:dashed;
   width:100%;
}

#clearboth {
	clear:both;
}

#footer {
	position: relative;
	margin-top: 10px;
	text-align:center;
	font-size:xx-small;
}