body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:76%;
	background-color: #fff;
}
@page{size:8.5in 11in;
	margin: 3cm 2cm 3cm 2.5cm;
}
#scrolltabel td{
width:600px;
}
#scrolltabel thead {display: none;}
.pagebreak{
page-break-before:always;
}
h2 {font-size:1.2em;
font-weight:bold;
}
h3 {
font-size:1.1em;
font-weight:bold;
margin-bottom:0px;
}
h4{
font-size:1em;
font-weight:bold;
margin-bottom:0px;
font-style:italic;
text-indent:10px;
}
td {font-size:1em;}
th{vertical-align:top;}

.titel {
font-size:1.3em;
font-variant:small-caps;
margin-bottom:1em;
margin-top:1em;
text-align:left;
font-weight:bold;
border-bottom:1px solid;
border-top:1px solid;
border-color:#590F51;

}
#canvas{
	position: relative;
	width: 100%;
	height:auto;
}
#banner {
float:left;
	margin:0;
	margin-bottom:0.5em;
	padding-top: 2.5em;
/*	border-bottom:1px solid #590F51;*/
}
#banner h1{
	font-size: 2em;
	margin-top:0;
	text-align:left;
	color: #000;
}
#footer{
	float:left;
	text-align:left;
	font-size:0.9em;
	border-top:1px solid;
	border-bottom:1px solid;
	border-top-color:#590F51;
	width:55%;
	margin-top:5px;
	margin-left:3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#content{
	width:65%;
	font-size:1em;
	padding-top: 15px;
	float:left;
	}
#content p {
margin-top:0px;
}
#content td {
padding:7px;}	

#content span.intro ul{
border-bottom:2px solid #590F51;
border-left:2px solid rgb(166,125,151);
}
#content span.intro, #content span.intro ul  {
margin:0;
text-indent:none;
letter-spacing:0.1em;
font-size:1.1em;
font-weight:bold;
margin-top:1em;
margin-bottom:5em;
padding-left:5px;
}
#content span.intro ul li{
list-style-type: none;
margin-bottom:5px;
}
#content span.highlight, #content span.highlight a {
font-size:1.3em;
text-align:right;
/*text-decoration:none;*/
float:right;
width:10em;
}

 /* DEFAULTS */
ul#navlist li a,ul#subnavlist li a
{
font-family: Verdana;
font-size: 1em;
text-decoration: none;
}

div#navcontainer
{
	width: 250px;
	position:absolute;
	left:3px;
	top:115px;
	display:none;
}
#navcontainer h4{
margin-bottom:1px;
margin-top:5px;
background-color:#590F51;
background-image:url(../img/h4.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:1.5em;
line-height:1em;
padding:0.1em;
padding-left:0.5em;
padding-top:0.15em;
padding-bottom:0.15em;
}
/* NAV LIST */
#navcontainer ul{
list-style-type: none;
margin: 0;
padding: 0;
font-weight:bold;
}

#navcontainer ul li{
margin-left:10px;
margin-bottom:3px;
margin-top:3px;
font-size:1.0em;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:250px;
}

#navcontainer li a
{
display: block;
color: #333333;
height: auto;
width: 250px;
/*background-image:url(../img/knop.jpg);*/
background-position:bottom left;
background-repeat:no-repeat;
padding: 4px 0 5px 8px;
text-decoration:none;
}

/*ul#subnavlist li a:hover, ul#subnavlist1 li a:hover { */
#navcontainer li a:hover{ 
/*background-image:url(../img/knop_hover.jpg);*/
background-repeat:no-repeat;
color: #DE4AD2;
background-color:#F3EBDD;}

#navcontainer li.home a{
background-image:url(../img/knop_home.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
#navcontainer  li.home a:hover{
background-image:url(../img/knop_home_hover.jpg);
background-position:bottom left;
background-repeat:no-repeat;
color:#DE4AD2;
}

div#hormenu  {
margin:0;
padding:0;
margin-bottom:4em;
display:none;
}
div#hormenu li {
padding:0.25em;
float:left;
list-style:none;
white-space:nowrap;
font-size:10px;
line-height:20px;
text-align:center;
display:none;
}
div#hormenu li a.active {
background-color:#f0e7d7;color: #8C6888;}

#hormenu a{
display:none; float:left;
text-decoration:none;
border:1px solid; border-color:#FFF #333 #333 #FFF;
font-weight:bold;
background:#F1D1D8; color:#333;
padding-left:10px;
padding-right:10px;
width:0.1em;}
html>body #hormenu a {
width:auto;  
}
/* hack voor IE5/MAC */
#hormenu a{
float:none;
}
#hormenu a:hover{
background-color:#590F51;color: #CCC;}

.tooltip{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#000000;}
.links {float:left;
 width: 300px;  z-index: 100;
 margin:10px;
}
.links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #000; background: #f0e7d7;
   border:1px solid;
   border-color:#9900CC;
   }
.links a:hover {color: #411; background: #AAA;
   }

.links a span {display: none;}

.links a:hover span {display: none;
   position: absolute; top:350px; left: 200px; width: 610px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; background: #f0e7d7;
   font-size:0.8em; text-align: justify;
   border:1px solid;}

#routehaarlem{
	position: absolute;
	top: 75px;
	left: 48px;
	width: 200px;
}
#routevoorschoten{

	position: absolute;
	top: 75px;
	left: 335px;
	width: 200px;
}
#beschrijving{
	position: absolute;
	left: 0px;
	top: 150px;
}

.nieuwsflash{
float:right;
border-top:2px solid;
border-bottom:2px solid;
border-color:#590F51;
width:30%;
font-size:0.9em;
margin-left:0.5em;
padding-top:0.25em;
padding-bottom:0.25em;
}
.nieuwsflash h2{
font-size:1em;
letter-spacing:1.1em;
font-variant:small-caps;
text-align:center;
}
div.pic {
float:left;
height:206x;
width:40%;
text-align:center;
}
div.pic img {
margin:5px 5px 0 5px;
border:none; 
height:200px;
width:167px;
border:1px solid;
border-color:#444 #AAA #AAA #444;
}
div.pic ul {
margin:0.15em 0 0;
padding:0;
font:bold small Arial, Verdana;
}
div.pic ul li{
list-style:none;
display:block;
text-align:center;
}
#revisie{
position:absolute;
left:3px;
top:575px;
font-size:0.8em;
width:250px;
text-align:center;
border-bottom:1px solid;
border-top:1px solid;
display:none;
}