div#logo {
	background-image: url('/html/beeld/logo.png');
	height: 100px;
	width: 940px;
	background-position: center;
}
div#nav {
	background-color: #ccc;
	width: 940px;
}
div#main {
	background-image: url('/html/beeld/draak550zw.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 500px;
}
div#footer {
	border-top: solid 1px #999;
	border-bottom: solid 3px #999;
	text-align: center;
	font-size: 11px;
	color: #999;
}
p.footer {
	margin: 6px 0px;
}
.margtop {
	margin-top: 15px;
	min-height: 100px;
}
.klein {
	font-size: 13px;
}

input, textarea {
	border: solid 1px #999;
}


input.login {
	width: 140px;
}
input.butt {
	padding: 0px 5px;
}





/* het dropdown menu */
ul { /* alle lists */
   padding: 0;
   margin: 0;
   list-style: none;
   z-index : 50;
}
ul#nav li, ul.lijst li { /* alle list items */
   padding: 0;
   margin: 0;
   float: left;
   position: relative;
   width: 156px;
}
li ul { /* sub items */
   display: none;
   position: absolute;
   top: 15px;
   left: 0;
}
li>ul { /* postitie resetten voor alle browsers behalve IE */
   top: auto;
   left: auto;
}
li:hover ul, li.over ul { /* lists nested onder hovered list items */
   display: block;
}
#content {
   clear: left;
}

/* en hier komt mijn eigen stijl idee */
a.black {
	color: #000;
	text-decoration: none;
}
a.meer {
	color: #339;
	text-decoration: none;
}
a.menu {
	display: block;
	background-color: #ccc;
	padding-left: 5px;
	padding-right: 5px;
	border-left: solid 1px #999;
	text-decoration: none;
	color: #000;
	font:14px/1.2 Arial,'Liberation Sans',FreeSans,sans-serif,'Helvetica Neue';
}
a.menu:hover {
	background-color: #c93;
}
ul.lijst {
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
}
li.lijst {
	width: 156px;
}




ol.txt li {
	clear: both;
	margin-left: 50px;
}

ol.blcontlist {
}
ul.blcontlist {
	list-style-type:circle;
	width: 400px;
}