/* -----------------------------------
Site:       leylijnen
CSS author: Yolanda van Nieuwkoop
Updated:	October 16 2010
Updated by: Yolanda
----------------------------------- */
body {
	padding-right: 0px; 
	padding-left: 0px; 
	background: #000020; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	position: relative
}
div#links {
	Z-index: 100; 
	left: 0px; 
	font: 16px Verdana, sans-serif; 
	width: 166px; 
	position: absolute; 
	top: 81px; 
	height: 700px
}
div#links a {
	border-top-width: 0px; 
	border-right: 5px solid #990000; 
	padding-right: 10px; 
	display: block; 
	padding-left: 10px; 
	border-left-width: 0px; 
	background: #003333; 
	border-bottom-width: 0px; 
	padding-bottom: 5px; 
	margin: 0px 0px 1px; 
	font: bold 1em sans-serif; 
	color: #ccffff; 
	padding-top: 5px; 
	text-align: center; 
	text-decoration: none
}
div#links a:hover {
	border-right: white 5px double; 
	background: #ccffff; 
	color: #003333
}
div#links a span {
	display: none
}
div#links a:hover span {
	padding-right: 5px; 
	display: block; 
	padding-left: 5px; 
	Z-index: 100; 
	background: #000020; 
	left: 0px; 
	padding-bottom: 5px; 
	margin: 10px; 
	font: 10px Verdana, sans-serif; 
	width: 125px; color: #93aeff; 
	padding-top: 5px; 
	position: absolute; 
	top: 180px; 
	text-align: center
}
div#content {
	position: absolute; 
	background: #003333; 
	font: 13px Verdana, sans-serif; 
	color: #ccffff; 
	border-right: #990000 5px solid; 
	border-top: #990000 5px solid; 
	border-left: #990000 5px solid; 
	border-bottom: #990000 5px solid; 
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	right: 25px; 
	left: 161px; 
	top: 26px
}
div#content p {
	margin: 0px 1em 1em
}
div#content h3 {
	margin-bottom: 0.25em
}
h1 {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 5px; 
	padding-top: 15px; 
	margin: -9px -9px 0.5em; 

	background: #ccffff; 
	font: bold 20px sans-serif; /*25px */
	vertical-align: middle; 
	text-transform: uppercase; 
	color: #003333; 
	white-space: nowrap; 
	letter-spacing: 0.5em; 
	height: 23px; 	/*28px */
	text-align: right
}
dt {
	font-weight: bold
}
dd {
	margin-bottom: 0.66em
}
div#content a:link {
	color: white
}
div#content a:visited {
	color: #bbc
}
div#content a:hover {
	color: #ff0
}
div#content a:hover {
	color: #cc0
}
code {
	font: 110% monospace; color: #edc
}
pre {
	font: 110% monospace; color: #edc
}
.colofon {
	font-size: 10px;
	font-style: italic;
}


/*   originele
#image {
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 5px;
	float:right;}    */

/* yvn speciaal voor de plaatjes */
img.right {
	float: right;
	margin-left: 10px;
	border: 1px solid #C09C50;
}

img.left {
	float: left;
	margin-right: 10px;
	border: 1px solid #C09C50;
}

img.center {
	margin: 0 auto;
	display: block;
}

.wit { color:#FFFFFF;}

div.img
{
  margin: 2px;
  border: 1px solid #CCCCCC;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
#clear {
clear:both;
float:none;}