body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	background-color: #F3EBDD;
/*	background-image:url(../img/bg_herfst.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-attachment:fixed;*/
	behavior: url(../../csshover.htc);
}
.pagebreak{
}

h2 {font-size:1.2em;
font-weight:bold;
}
h3 {
font-size:1.1em;
font-weight:bold;
margin-bottom:0px;
clear:both;
}
h4{
font-size:1em;
font-weight:bold;
margin-bottom:0px;
margin-top:10px;
font-style:italic;
clear:both;
}
h5{
font-size:0.9em;
font-weight:bold;
margin-bottom:0px;
margin-top:10px;
clear:both;
}
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;
	background-image:url(../img/banner.jpg)  ;
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	margin-bottom:0.5em;
	padding-top: 2.5em;
/*	border-bottom:1px solid #590F51;*/
}
#banner h1{
	font-family:  "Century Schoolbook" Verdana;
	font-size: 2em;
	margin-top:0;
	text-align:left;
	color: #590F51;
	padding-left:220px;
}
#footer{
	float:left;
	text-align:left;
	font-size:0.9em;
	border-top:1px solid;
	border-bottom:1px solid;
	border-top-color:#590F51;
	width:60%;
	margin-top:5px;
	margin-left:3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#content{
	width:60%;
	font-size:1em;
	padding-top: 15px;
	float:left;
 	padding-left:275px;
	}
#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);
padding-bottom:10px;
}
#content span.intro, #content span.intro ul  {
margin:0;
text-indent:none;
letter-spacing:0.08em;
font-size:1em;
font-weight:bold;
margin-top:1em;
margin-bottom:3em;
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;
}
#content h3{font-size:1.2em}
#content h4{font-size:1.1em; text-decoration:underline; font-style:normal}
#print{
height:32px;
width:32px;
float:right;
cursor:hand;
}

 /* 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;
}
#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;
}
#navcontainer li a.current{
color:#8C6888;
border-left:5px solid #590F51;
}


/*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:6em;
}
div#hormenu li {
padding:0.25em;
float:left;
list-style:none;
white-space:nowrap;
font-size:10px;
line-height:20px;
text-align:center;
}
div#hormenu li a.active {
background-color:#f0e7d7;
color: #8C6888;}

#hormenu a{
display:block; 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:left;
clear:both;
width:300px;
height:100px;
margin:0 10px 20px 5px;
padding:5px 5px 0 3px;
text-align:center;
}
#nieuwsflash h4 {color:#FF0000; margin-bottom:4px;}
#nieuwslink{
float:left;width:300px;
margin-top:1px;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}

#nieuwsflash img{float:left;
}
#nieuwsflash h2{
font-size:1em;
letter-spacing:1.1em;
font-variant:small-caps;
text-align:center;
}
#ajaxticker1{
width: 300px;
height: 100px;
/*border: 1px ridge black;*/
padding: 5px;
}
.paddingtop{padding-top:50px;
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #F3EBDD;
}
.ticker{
font-size:1.5em;
color:#FF0000;
}

#nieuwsflash p.verder{float:left;margin:0}
div.pic {
float:left;
height:250px;
width:135px;
text-align:center;
}
div.pic img {
margin:5px 2px 0 2px;
border:none; 
height:150px;
width:125px;
border:1px solid;
border-color:#444 #AAA #AAA #444;
}
div.pic ul {
margin:0.15em 0 0;
padding:0;
font-size:75%;
}
div.pic ul li{
list-style:none;
display:block;
text-align:center;
}
label {
clear:left;
display:block;
float:left;
font-weight:normal;
margin-right:5px;
padding:0pt;
text-align:left;
width:30em;
}
.rij {
clear:both;
display:block;
margin:0pt;
padding-top:0.5em;
}
.rij label {
text-align:right;
}
input {
display:block;
float:left;
margin:0pt;
padding:0pt;
width:18em;
}
input.submit {
clear:left;
float:left;
margin:0pt 0pt 10px;
width:7em;
}
input.smal {
width:9em;
}
input.breed {
width:25em;
}
input.verplicht
{border:2px solid #FF0000;
background-color:#FFFF99;
}