@media screen
{

body {
		font-family: verdana, arial, sans-serif;
		font-size: 14px;
		background: url(../images/paginaback.gif) #CCCCCC repeat;
		margin:0px;
		}

/* ++++++++++++++++++++++++++++++++++++++++++++
	 Pagina opbouw
	 ++++++++++++++++++++++++++++++++++++++++++++ */

#container {
		position: relative;
		margin: 0px;
		width: 965px;
		text-align: left;
		border:0px solid black;
		/* background: url(../images/menuback.gif) #FFF0D2 repeat-y top left; */
		z-index:1;
		}

#linkerframe {
		/* background-color:#FCD781; */
		float:left;
		width:165px;
		overflow: hidden;
		}

#linkerframe #logo {
		/* background-color: black; */
		width:150px;
		margin:10px 10px 10px 10px;
		overflow: auto;
		position: relative;
		}

#linkerframe #menu {
	background-color:red;
	position: relative;
	margin:10px;
	padding:10px;
	width: 128px;
	height:350px;
	border: 1px solid black;
	line-height:150%;
	}
	
#linkerframe #login {
	background-color:red;
	position: relative;
	margin:10px;
	padding:10px;
	width: 128px;
	border: 1px solid black;
	line-height:150%;
	}


#rechterframe {
		float:left;
		margin:0px auto;
		border:0px solid blue;
		width:800px;
		}
		
#kop {
		margin: 10px;
		padding: 10px;
		height:42px;
		text-align: center;
		/* background-color:#000000;*/
		position:relative;
		/* border: 1px solid black; */
		overflow: visible; 
		}
		
.informatie {
		position:relative;
		margin: 10px;
		padding:10px;
		background-color: #FEFEA7;
		border: 1px solid black;
		/* z-index:-1; */
		}

#melding {
		color: black;
		margin:10px;
		padding: 4px; /* top, right, bottom, left */
		position:relative;
		background-color: #FFFF00;
		border:1px solid black;
	}


#footer {
		position: relative;
		margin: 0px auto;
		width:770px;
		height:30px;
		background-color:#CCCCCC;
		}

/* ++++++++++++++++++++++++++++++++++++++++++++
	 Vaste pagina-items
	 ++++++++++++++++++++++++++++++++++++++++++++ */


#stoel {
		position: absolute;
		left: 10px;
		top:0px;
		}		
		
#close {
		position: absolute;
		left: 0px;
		bottom:0px;
		z-index:99;
		}		
		
#bottomend {
		position: absolute;
		right: 0px;
		bottom:7px;
		}		

div.nieuwonderdeel {
	z-index:-500;
	position: relative;
	padding: 3px;
	margin: 2px auto;
	width:90%;
	background-color: #FFFF00;
	border: 1px solid black;
}

/* ++++++++++++++++++++++++++++++++++++++++++++
	 Links en menu-items
	 ++++++++++++++++++++++++++++++++++++++++++++ */

a, a.link, a.visited {
		color: #000000;
		text-decoration: underline;
	}
	
a:hover, a.visited:hover {
		font-weight:bold;
	}

#linkerframe .menuitem a {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#linkerframe .menuitemon a {
	position: relative;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

#linkerframe .menuitemhot a {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	color: white;
	}

h1 {
	position: relative;
	font-size: 17px;
	margin:10px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	display:block;
	background: url(../images/noot.gif) no-repeat top left;
	}

h2 {
	position: relative;
	font-size: 14px;
	margin:5px 0px 2px 0px;
}

h3 {
	position: relative;
	font-size: 14px;
	margin:5px 0px 2px 0px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++
	 Pagina-specifieke elementen
	 ++++++++++++++++++++++++++++++++++++++++++++ */

.small {
	font-size:10px;
	}

.project {
	clear:left;
}
.projectfoto {
	width:120px;
	height:120px;
	border: 1px solid black;
	float:left;
	margin:5px 10px 5px 0px;
}

/* #login {
		position:relative;
		float:left;
		margin:6px;
		} */
		
#lock {
		border: 0px;
}

.bold {
		font-weight: bold;
}

.offline {
		background-color:#CCCCCC;
		font-weight: bold;
}

.form {
		position:relative;
		}
		
.form .titel {
		font-size:17px;
		font-family:inherit;
		font-weight:bold;
		width:95%; 
		}
		
.form .url {
		font-family:inherit;
		width:95%; 
		}
		
.form textarea {
		font-family:inherit;
		font-size:16px;
		width:95%;
		height:250px;
		}
		
.form textarea.bewerkstof {
		height:100px;
		}

div.onderdeel {
		position:relative;
		line-height:140%;
		/* background: #FFF7E8; */
		padding: 0px;
		margin: 10px 0px 0px 0px;
		background: url(../images/lijn.gif) no-repeat bottom left;
		/* border-bottom: 1px dashed #CC0033; */
		z-index: -500;
		
	}
	
div.paragraaf {
	position:relative;
	margin:0px 0px 10px;
	}
	
div.paragraaf .tekst {
	position:relative;
	line-height:140%;
	}

div.paragraaf .foto {
	z-index:900;
	border:1px solid black;
	background-color:#AAAAAA;
	padding:0px;
	position:relative;
	}
	

dt {
		font-weight:bold;
		margin: 10px 0px 2px 0px; /* top, right, bottom, left */
		}
		
ul.sofatexlist {
		margin:0px;
		padding:0px 10px 0px 20px;
		}
ul.sofatexlist li {
		margin:0px;
		padding:0px 5px;
		}

img#plattegrond {
		border:1px #000000 solid;
		}

div #adress {
	float:right;
	margin: 0px 0px 2px 18px;
	width:325px;
	height:325px;
	position: relative;
	z-index:500;
}

p.adres {
	position:relative;
	margin:2px 0;
	}

img.icon {
	border:0px;
	}

.verplicht {
		font-size: 18px;
		color: #B97C00;
		font-weight: bold;
		}
	
.nieuwe_paragraaf {
	background-color:yellow;
	padding:2px;
	border:1px solid black;
}

} /* end media */