/* Presentation Stylesheet */

a:link, a:visited, a:active  { color: #c21c34; background: transparent; text-decoration: none;}
a:hover { color: #5F0D0F; background: transparent; text-decoration: none; }

#bodyblock_first a:link, #bodyblock_first a:visited, #bodyblock_first a:active { color: #FF0404; background: transparent; }
#bodyblock_first a:hover { color: #FFF; background: transparent; }

#top_right a:link, #top_right a:visited, #top_right a:active, #ftr a:link, #ftr a:visited, #ftr a:active  { color: #8f9620; background: transparent; text-decoration: none; }
#top_right a:hover, #ftr a:hover { color: #FFF; background: transparent; text-decoration: none; }

	/* ---- NAVIGATION ---- */
	#navigation 
	{
		width:760px;
		text-align: right;
		margin: -33px auto 0px auto;
		height:33px;	
		padding: 0px 0 0 0px;
		font-family: "arial", serif;		
	}
	
	html>body #navigation { margin: -45px auto 0px auto; } 
	
	#navigation ul { list-style:none; padding: 0px 0 0 0; margin: 0 0px 0 0px 0px; }
	
	#navigation li { list-style:none; float:right; }
	
	#navigation a:link,	#navigation a:visited, #navigation a:hover,	#navigation a:visited:hover 
	{
		float:left;
		display:block;
		height:23px;
		padding:10px 18px 0px 18px;
		width: 70px;
		text-decoration:none;
		color:#494949;
		font-size: 12px;
		font-family: "Arial"; 
		font-weight:bold;
		text-align:center;
		background: url(../images/button.jpg) no-repeat top right;
	}
	
	#navigation a:link,	#navigation a:visited { background: url(../images/button_over.jpg) no-repeat top right; }
	
	#navigation a:hover, #navigation a:visited:hover { background: url(../images/button_hover.jpg) no-repeat top right; color: #FFF; } 
	
	#navigation a.active:link, #navigation #last a.active:link, #navigation a.active:visited, #navigation #last a.active:visited { background: url(../images/button_active.jpg) no-repeat top right; color: #FFF; text-transform:uppercase; }


	#navigation a.hover:link, #navigation #last a.hover:link, #navigation a.hover:visited, #navigation #last a.hover:visited { background: url(../images/button_over.jpg) no-repeat top right; color: #494949; }
	
	/* #navigation a.active:hover { background: url(../images/button_active.jpg) no-repeat top right; } */
	
	#navigation #last a:link, #navigation #last a:visited { background: url(../images/button_last.jpg) no-repeat top right; color:#494949; }
	
	#navigation #last a:hover, #navigation #last a:visited:hover { background: url(../images/button_last_over.jpg) no-repeat top right; }
	
	/* ---- /NAVIGATION ---- */	


h1, h2, h3, h4 { font-family: "arial", serif; }

h1 {
	font-size:18px;
	margin: 0px 0px 15px 0px;
	color: #B70505;	
	line-height: 18px;
}

h2 {
	font-size:18px;
	margin: 0px 0px 15px 0px;
	color: #B70505;	
}

h3 {
	font-size:16px;
	margin: 20px 0px 10px 0px;
	color: #B70505;		
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;	
	font-size:14px;	
	color: #000;
}

#cont_first h1 { color: #FFF; margin: 0px 0px 15px 0px; }

p {
	padding: 0;
	margin: 5px 0px 0px 0px;
	line-height: 18px; 	
}

br.break { clear: both; }

.linkbox {
	margin: 15px 15px 15px 0px;
	padding: 20px 20px 15px 20px;  
	width: 260px;
	height: 160px; 
	float: left; 
	background: url("../images/linkbox_bg.gif");
	background-repeat: repeat-x; 
	background-position: bottom left;
	background-color: #F5F5F5;
}

.linkbox_last { margin: 15px 0px 0px 0px; }


.linkbox_right {
	margin: 20px 0px 0px 0px;
	padding: 20px;  
	width: 260px;
	float: right; 
	background: url("../images/linkbox_bg.gif");
	background-repeat: repeat-x; 
	background-position: bottom left;
	background-color: #F5F5F5;

}

.linkbox_reser {
	margin: 20px 0px 0px 10px;
	width: 230px;
	float: left;
    background-color: #F5F5F5;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	
}

.autoverhuur {
	margin: -120px 10px 0 0px;
	padding: 0px 0px 0px 0px;  
	width: 350px;
	float: right; 
	/* height: 200px;	 */
}

ul.special { margin: 10px 10px 10px 140px }

#map_holder { padding: 3px; border: 1px solid #7E1617; } 
#map { width: 590px; height: 300px; }

/* Sfeerimpressie */
.sfeerthumb { background: none; margin: 5px 0 0 7px; display: block; width:73px; height: 50px; float: left; }
.sfeerthumb_first { background: none; margin: 5px 0 0 0px; display: block; width:73px; height: 50px; float: left; }
.thumbs a:link,	.thumbs a:visited { border: 3px solid #BBB;  }	
.thumbs a:hover, .thumbs a:visited:hover { border: 3px solid gray; }

#img_inschrijven { position: relative; width: 108px; height: 108px; top: -14px; left:442px; background: none; margin: -24px auto 0px auto; }
#img_inschrijven { *margin: -0px auto 0px auto; *top: -14px; } 

#trail {margin:0px 2px 20px 0px; font-size:95%; background:#fff; color:#aaa;}
#trail a {color:#aaa}
#trail a:hover {text-decoration:none; color:#333}
#trail_delimiter { font-weight:bold; color: gray;}
.trail_delimiter { font-weight:bold; color: gray;}

/* p image classes */
p.picborder { border: 1px solid gray; margin: 0px 0px 0px 0px; }
p.left { border: 1px solid gray; float: left; margin: 3px 3px 3px 0px; padding: 0px 0px 0px 0px; }
p.right { border: 1px solid gray; float: right; margin: 3px 0px 3px 3px; }

div.error {
	border: 1px solid red;
	background-color : #FFCCCC;
	width: auto;
	margin: 0px;
	padding: 15px;  
}

/*form { margin: 0; }
input { background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000; border:1px solid #C9C9C9; }
input.radio { vertical-align: middle; background-color: transparent; border-style: none;}
input.checkbox { margin: 0 0.25em 0 0; vertical-align: middle; background-color: #fff; border-style: none;}
input.submit { padding: 3px; }
*/
textarea {
background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #C9C9C9;
height: 90px;
width: 370px;
}

/* TABLE */
table.datatable  {
	margin:0px; 
	padding: 5px; 
	width: 100%;
	font-family: verdana; 
	font-size: 11px; 
	color: #000;
	border-collapse: collapse;	
}

table.datatable th { 
	font-weight: bold;
	color:#FFF; 
	background: #9B9B9B; 
	margin: 0; 
	padding: 3px 3px; 
	border: 0px solid;
}

table.datatable td { border: 1px solid #CCC; padding: 6px; margin: 0; vertical-align: middle; }
table.datatable tr.odd { background: #EFEFEF; }
table.datatable tr.even { background: #FFF; }


.path {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
}
.blauw { color: #37485E;
}

.current{	
	color: #616188;		
	display: block;	
	padding: 4px 1px;
	font-family: helvetica, verdana, arial, sans-serif; 
    font-size: 10px; 	
	font-weight: bold;	
    text-transform:uppercase;
	color: #FFFFFF;
	background-color:#3D4F5B;
}

 .sitemap { 
    color: #284A63; 
    font-family: helvetica, verdana, arial, sans-serif; 
    font-size: 10px; 
    text-decoration: none; 
 } 
 
 .commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.map {
    background: url(images/input.gif) ;	
	color: #284A63; 
    font-family: helvetica, verdana, arial, sans-serif; 
    font-size: 10px; 
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 300px;
	display:block;
}

.rbroundbox { width: 230px; margin: 0 0 15px 0; }

.rbroundbox p {	padding: 0;	margin: -5px 0 -5px 0; padding: 0px; }
.rbroundbox {background-color: #F5F5F5; 
	border-bottom: 1px solid #8f9620;
	border-top: 1px solid #8f9620;
	border-left: 1px solid #8f9620;
	border-right: 1px solid #8f9620;
	}
.rbcontent { margin: 0 10px; }
.top {  border: 0px solid black; margin: 0px; }