html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#FFF; /*color background - only works in IE */
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
}

body {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
text-align: center;
}

a.clicks:link{
background-color: transparent;
color: #00D2D2;
text-decoration: none;
font-family: "Tahoma";
font-weight: normal;
}

a.clicks:visited{
background-color: transparent;
color: #00D2D2;
text-decoration: none;
font-weight: normal;
}

a.clicks:hover{
background-color: transparent;
color: #00D2D2;
text-decoration: underline;
font-weight: normal;
}

a.clicks:active{
background-color: transparent;
color: #00D2D2;
text-decoration: none;
font-weight: normal;
} 





#slidehandle_donker {	
	background: #FFF url("../img/donker_lijn2.png") left top no-repeat;
	position: relative;
	width: 800px;
	text-align: left;
	height: auto;
	color: #00D2D2;
	
}

#slidehandle_licht {
	position: relative;	
	background: #00D2D2 url("../img/lichte_lijn2.png") left top no-repeat;
	width: 800px;
	text-align: left;
	height: auto;
	color: #FFF;
	
}

#slidepanel_donker {
	display: none;
	position: relative;
	height: auto;
	background: #FFF;
	color: #00D2D2;
	margin-left: 75px;
	margin-top: 10px;
}

#slidepanel_licht {
	display: none;
	position: relative;
	height: auto;
	background: #00D2D2;
	color: #FFF;
	margin-left: 75px;
	margin-top: 10px;
}

#show_all_data {	
	background: transparent;
	width: 800px;
	text-align: right;
	height: 30px;
	color: #00D2D2;	
}

#hide_all_data {	
	background: transparent;
	width: 800px;
	text-align: right;
	height: 30px;
	color: #00D2D2;	
}

#info {	
	background: transparent;
	width: 800px;
	text-align: left;
	height: 30px;
	color: #00D2D2;	
}



h1 {
	font-size: 4em;
	font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
	color:	#FF5809;	
}

h2 {
	font-size: 1.4em;
	font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
}


a.datumLink_donker {
	display: block;
	line-height: 30px;
	text-align: top;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	color: #00D2D2;
	margin-left: 75px;
	
}

a.datumLink_licht {
	display: block;
	line-height: 30px;
	text-align: top;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
	margin-left: 75px;
	
}

a.link_licht:link{
background-color: transparent;
color: #FFF;
text-decoration: none;
font-family: "Tahoma";
font-weight: normal;
}

a.link_licht:visited{
background-color: transparent;
color: #FFF;
text-decoration: none;
font-weight: normal;
}

a.link_licht:hover{
background-color: transparent;
color: #FFF;
text-decoration: underline;
font-weight: normal;
}

a.link_licht:active{
background-color: transparent;
color: #FFF;
text-decoration: none;
font-weight: normal;
} 


a.link_donker:link{
background-color: transparent;
color: #00D2D2;
text-decoration: none;
font-family: "Tahoma";
font-weight: normal;
}

a.link_donker:visited{
background-color: transparent;
color: #00D2D2;
text-decoration: none;
font-weight: normal;
}

a.link_donker:hover{
background-color: transparent;
color: #00D2D2;
text-decoration: underline;
font-weight: normal;
}

a.link_donker:active{
background-color: transparent;
color: #00D2D2;
text-decoration: none;
font-weight: normal;
} 

font.titel_licht {
	font-size: 1.5em;	
	font-weight: bold;
	color:	#FFF;	
}

font.uitleg_licht {
	font-size: 1.3em;	
	color:	#FFF;	
}

font.plaats_licht {
	font-size: 1em;	
	color:	#FFF;	
}

font.titel_donker {
	font-size: 1.5em;	
	font-weight: bold;
	color:	#00D2D2;
}

font.uitleg_donker {
	font-size: 1.3em;	
	color:	#00D2D2;	
}

font.plaats_donker {
	font-size: 1em;	
	color:	#00D2D2;	
}