/* CSS Document */

	body,
	html {
		margin:0;
		padding:0;
		background:#fff;
		color:#000;
		font-family: tahoma;
		font-size: 11px;
	}
	body {
		min-width:921px;
	}

	img {
	border: 0;
	}	

	#wrap {
		background:url('/Static/Images/bg_wrap.gif') top left repeat-y;
		margin:0 auto;
		width:921px;
	}
	#header {
		height: 216px;
		background:#fff url('/Static/Images/bg_header.jpg') top left no-repeat;
	}
	
	#left {
		background:url('/Static/Images/bg_left.gif') top left repeat-y;
		float:left;
		width:225px;
		padding: 0 0 0 39px;
	}
	
	#left ul {
		margin: 0;	
		padding: 0;
		list-style-type: none;
		font-weight: bold;
		text-align: right;
    }
   

	#left li {
		padding: 0; 
		margin: 0;
		border-bottom: 1px dotted #0081ff;
    }
    
  #left ul ul li{
  	background: none;
		border-bottom: 0px dotted #0081ff;
		text-align: right;
		font-weight: bold;
    } 
    
  #left ul ul ul li{
		border-bottom: 0px dotted #0081ff;
		text-align: right;
		font-weight: normal;
    }   

	#left li a {
		background:url('/Static/Images/menu_off.gif') left repeat-x;
		height: 20px;	
		line-height: 20px;
		display: block;
		text-decoration: none;
		color: black;	
    }
   
	#left li a.active {
		background:url('/Static/Images/menu_on.gif') left repeat-x;
		height: 20px;	
		line-height: 20px;
		display: block;
		text-decoration: none;
		color: black;	

    }      
              
	#left li a:hover {
		background:url('/Static/Images/menu_on.gif') right no-repeat;
		
    }
    
  #left ul ul li a {
		background: none;
		border-bottom: 0px dotted #0081ff;	
		padding-right: 35px;					
    }
    
	#left ul ul li a.active {
		background:none;
		height: 20px;	
		line-height: 20px;
		display: block;
		text-decoration: none;
		color: #0081ff;	

    }        
    
	#left ul ul li a:hover {
		background:none;
		border-bottom: 0px dotted #0081ff;		
		color: #0081ff;		
    } 
    
    
   #left ul ul ul li a {
		background: none;
		border-bottom: 0px dotted #0081ff;	
		padding-right: 55px;					
    }
    
	#left ul ul ul li a.active {
		background:none;
		height: 20px;	
		line-height: 20px;
		display: block;
		text-decoration: none;
		color: #0081ff;	

    }        
    
	#left ul ul ul li a:hover {
		background:none;
		border-bottom: 0px dotted #0081ff;		
		color: #0081ff;		
    }    
    

	.number{
		float: left;
		color: #fff;	
		cursor: pointer;
		padding-top: 0px;
		}

	.link{
		float: right;
		padding-right: 10px;
		font-weight: bold;
		cursor: pointer;		
		}

	#main_wrapper {
		background:url('/Static/Images/bg_right.gif') right repeat-y;
		float:right;
		width:580px;
		padding-right: 32px;
	}
	
	#main {
		width: 580px;
		float:right;  
		padding-bottom: 10px;
		padding-left: 0px;
		text-align: left;
	}	
	
	#main h1{
		margin: 0;
		padding: 0 0 0 20px;
		font-size: 22px;
		background:url('/Static/Images/titel_bg.gif')  left no-repeat;
		color: #3393ff;	
		font-weight: 100;
	}
	
	#footer {
		height: 43px;
		background:url('/Static/Images/footer_bg.gif') no-repeat;
		clear:both;
		text-align: right;
	  color: #0078ff;	
		padding: 10px 33px 0px 5px;  	
	}
	
	#footer a {
	  color: #0078ff;	
	}	
	
	#footer a:hover {
	 color: #0078ff;	
	 text-decoration: none;
	}	
    
  #klikpad {
   	position: absolute;
	  text-align: left;
	  width: 900px;
	  margin-left: auto;
	  margin-right: auto;
	  height:25px; 
	  line-height: 25px;
	  margin:0px; 
	  padding: 0px; 
	  text-align:right;
	  z-index: 1;
	  color: #0078ff;
   } 
   
   #klikpad a {
	  color: #0078ff;
   }   

   #klikpad a:hover{
   text-decoration: none;
   }
   
  #balk {
	  background: #000;
	  height: 6px;
	  margin: 0 22px 12px 25px;
	  border-top: 5px solid white; 
	  border-bottom: 5px solid white; 	  
   }
  
  #components {
  	width: 580px;
	  float: right;
	  text-align: left;
  }
  
 .component  {
	  float: left;
	  width: 127px;
	  border: 0px solid black;
	  padding-right: 18px;
	  padding-bottom: 10px;

  }
   
  .component h2  {
  	margin: 3px 0 7px 0;
		padding: 0 0 0 20px;
		font-size: 16px;
		background:url('/Static/Images/subtitel_bg.gif')  left no-repeat;
		color: #3393ff;	
		font-weight: 100;
  }
  
  .component h2 a, #component h2 a:hover  {
  	color: #3393ff;
		text-decoration: none;
  }
  
  .component a  {
  	color: #000;
		text-decoration: underline;
  }
  
  .component a:hover  {
		text-decoration: none;
  }
  
 
 #reserveren {
 	margin-top: 20px;
	width: 227px;
 	height: 40px;
 	line-height: 20px;
 	text-align: center;
 	color: #fff;
 	font-weight: bold;
 } 
 
 #reserveren a {
 background: #f68f28;
 display: block;
 	width: 227px;
 	height: 40px;
 	color: #fff;
 	text-decoration: none;
 } 
 
 #reserveren a:hover{
 	background: #0081ff; 
  display: block;
 	width: 227px;
 	height: 40px;
 	color: #fff;
 	text-decoration: none;
 }  

/*-- RTE styles --*/

.RTEDefault {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.RTESubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3393ff;	
}

.RTETitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #3393ff;	
}




/*-- sitemap styles --*/

.sitemapitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #00346f;
	text-decoration: none;
}

a.sitemapitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #00346f;
	text-decoration: none;
}

a.sitemapitem:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #3a87ff;
	text-decoration: underline;
}

/*.sitemapitembg {
	background-image: URL(/Static/Images/img_icoon.gif);
	background-repeat: no-repeat;
	background-position: inherit;
}*/

.sitemapsubitem {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000c8;
	text-decoration: none;
}

a.sitemapsubitem {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000c8;
	text-decoration: none;
}

a.sitemapsubitem:hover {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3a87ff;
	text-decoration: none;
}

/*-- formulier styles --*/

.form_header {
	vertical-align: top;
	padding-top: 4px;
}

.form_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border: solid 1px #7f9db9;
	background-color: #e2e8ee;
	width: 200px;
	height: 20px;
}
.form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border: solid 1px #7f9db9;
	background-color: #e2e8ee;
	width: 200px;
	height: 40px;
	SCROLLBAR-TRACK-COLOR: #E2E8EE;
	SCROLLBAR-BASE-COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #C5CEDD;
	SCROLLBAR-ARROW-COLOR: #003580;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #96AAC6;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #96AAC6;
}
.form_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.form_search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border: solid 1px #7f9db9;
	background-color: #e2e8ee;
	width: 100px;
	height: 20px;
}

.form_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border: solid 1px #7f9db9;
	background-color: #e2e8ee;
	width: 140px;
	height: 20px;
}

.form_nieuwsbrief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border: solid 1px #7f9db9;
	background-color: #FFFFFF;
	width: 130px;
	height: 20px;
}