body {
	color:#4b4a4a; 
	background-color:#e0e0e0;
	font-family: arial, sans-serif; 
	font-size:100%; 
	margin:0;
	padding:0; 
	border:0;
}

hr {
	display:none;
}

img {
	border:0;
}

/* ------------------ containers ------------------ */
#container {
	width: 720px; 
	border:0;
	margin-left:auto; 
	margin-right:auto; 
}

#left {
	width: 538px; 	
	float:left;
}

#right {
	float:right;
	width: 180px; 
}


/* ------------------- logo --------------------- */
#logo {
	float:left;
	padding-left:12px;
	padding-top:4px;
}



/* ------------------- mainmenu  --------------- */
#main_menu {
	width:427px;
	position:relative;
	float:left;
	margin-left: 10px;
	margin-top: 3px;
	padding-top:2px;
	padding-bottom:4px;
	border-top:2px solid #d6d0ca;
	border-bottom:2px solid #d6d0ca;
}


/* ------------------- flash_item --------------- */
#flash {
	position:relative;
	float:right;
	padding-right:15px;
}

/* ----------------------- titel -------------------- */
#titel {
	clear:both;	
}

#titel h1 {
	font-family:arial, sans-serif;
  font-size: 160%;
  font-weight:bold;
  text-transform: uppercase;
  margin-left:150px;
  margin-bottom:15px;
  voice-family: "\"]\"";
	voice-family: inherit;
  margin-top:0px;
  letter-spacing: -2px;
}

html > body #titel h1 {
	padding-top:15px;
}


/* ------------------- content ------------------------- */
/* de kleur voor de tekst/headers komt van een ander css */

#content_container {
	margin-top:-10px;
}

#content {		
	width:370px;
	margin-left:150px;
}

#content p {
	font-family:arial, sans-serif;		
	font-size:80%;
	line-height:16px;
	margin-top:5px;
	voice-family: "\"]\"";
	voice-family: inherit;
	padding: 7px;		
}

html > body #content p {
		padding:10px;			
}

#content img {
	padding-top:10px;
	voice-family: "\"]\"";
	voice-family: inherit;
	padding-left:7px;	
}

html > body #content img {
		padding-left:10px;	
}

#content ul {
	voice-family: "\"]\"";
	voice-family: inherit;
	margin-left: 25px;
}

#content ol {
	voice-family: "\"]\"";
	voice-family: inherit;
	margin-left: 32px;
}

html > body #content ol {
		margin-left: -10px;
}

#content li {
	font-family:arial, sans-serif;
	font-size:80%;	
	
}

/* ------------------- extras ------------------------- */
#extras {	
	float:right;
	position:relative;
	width:170px;
	padding:5px;	
	height:606px;
}

#extras_content {
	padding-left:4px;	
	padding-right:8px;	
	margin-top:145px;
}

#extras p {	
	color:white;
	font-size:0.8em;	
	margin:0;
}


#extras a:link, #extras a:visited, #extras a:hover  {
  	text-decoration: underline;
  	font-size:0.8em;			
	 	color:#fff;		 	 		 		 	
}

/* ------------------- taal keuze ------------------ */
#extras .taal {
	clear:both;
}

#extras .vlag {
	width:39px;
	padding:0px;
	float:left;
}

#extras .vlag img {
	padding:0 5px 0 0;
}

#extras .keuze {
	padding:0px;	
}

.vlag a:link, .vlag a:visited, .vlag a:hover  {
  	text-decoration: underline;
  	font-size:0.8em;			
	 	color:#fff;	 	
}


/* -------------------- submenu ---------------------- */
img.hoofdrubriek {
	margin-left:8px;
	margin-bottom:3px;		
}


#submenu {
	position:relative;
	top:0px;
	left:5px;	
	width:145px;
	float:left;
	padding: 0;
  margin:0;
  margin-left:-5px;
  font-family: arial,sans-serif; 
}

#submenu ul {
	margin:0;
	margin-top:-3px;
	margin-bottom:0.3em;
  padding:0;
  list-style: none;
}

#submenu li {
	width:100%;
  margin:0;
  padding:0;  
  height:0.8em;  
  /* get rid of the space in IE */
  display: inline;
}

/* geld voor alle link items */
#submenu li a:link, #submenu li a:visited {
	width:80%;
	text-decoration:none;
  color: #000;
  font-size: .65em;
  border: 0;
  padding:0;
  padding-left:5px;
  margin:0;  
	border-left:7px solid #fff;
  background-color:#fff;
  display:block;
}

/* --------------------------------------------------- */
/* kleur blokje en tekst bij mouse over per subrubriek */
/*                                                     */
/* gebruik actief_naam voor de items die zichtbaar     */
/* moeten zijn na een zoek actie                       */
/* --------------------------------------------------- */

/* --------------- accommodatie ----------------- */
#submenu li.accommodatie a:hover {	
  text-decoration: none;
  border-left:7px solid #ff4400;
}

/* actieve kleur */
#submenu li.accommodatie a:active {
  text-decoration: none; 
  border-left:7px solid #ff4400;
}

/* huidige actieve knop */
#submenu li.actief_accommodatie a, #submenu li.actief_accommodatie a:visited {
  text-decoration: none;
  border-left:7px solid #ff4400;
}



/* --------------- recreatie ----------------- */
#submenu li.recreatie a:hover {	
  text-decoration: none;
  border-left:7px solid #ff0267;
}

/* actieve kleur */
#submenu li.recreatie a:active {
  text-decoration: none; 
  border-left:7px solid #ff0267;
}

/* huidige actieve knop */
#submenu li.actief_recreatie a, #submenu li.actief_recreatie a:visited {
  text-decoration: none;
  border-left:7px solid #ff0267;
}

/* --------------- overnachtingen ----------------- */
#submenu li.overnachtingen a:hover {	
  text-decoration: none;
  border-left:7px solid #ffb602;
}

/* actieve kleur */
#submenu li.overnachtingen a:active {
  text-decoration: none; 
  border-left:7px solid #ffb602;
}

/* huidige overnachtingen knop */
#submenu li.actief_overnachtingen a, #submenu li.actief_overnachtingen a:visited {
  text-decoration: none;
  border-left:7px solid #ffb602;
}

/* --------------- bijeenkomsten ----------------- */
#submenu li.bijeenkomsten a:hover {	
  text-decoration: none;
  border-left:7px solid #2295be;
}

/* actieve kleur */
#submenu li.bijeenkomsten a:active {
  text-decoration: none; 
  border-left:7px solid #2295be;
}

/* huidige bijeenkomsten knop */
#submenu li.actief_bijeenkomsten a, #submenu li.actief_bijeenkomsten a:visited {
  text-decoration: none;
  border-left:7px solid #2295be;
}

/* --------------- diversen ----------------- */
#submenu li.diversen a:hover {	
  text-decoration: none;
  border-left:7px solid #7cbf00;
}

/* actieve kleur */
#submenu li.diversen a:active {
  text-decoration: none; 
  border-left:7px solid #7cbf00;
}

/* huidige diversen knop */
#submenu li.actief_diversen a, #submenu li.actief_diversen a:visited {
  text-decoration: none;
  border-left:7px solid #7cbf00;
}

/* ------------------   fotos   -------------------- */
#fotos {
	width:350px;
	background-color:#bababa;
	font-size:70%;
	height:18px;	
	padding-top:2px;	
	voice-family: "\"]\"";
	voice-family: inherit;
	margin:-3px 0 0 7px;
}


html > body #fotos {
	margin:-3px 0 0 10px;
}


#fotos span {
	margin:0;
	padding:0;
}

#fotos span#plek {
  margin-left:8px;
}

/* ------------------   bijschrift fotos   -------------------- */
#extras #bijschrift_fotos {
 color:white;
 font-size:0.8em;
 margin:0;
 margin-top:10em;
 font-style:italic;
 width:150px;
}

/* ----------- vv --------------- */
#vv {
	float:right;
	margin-top:-14px;
}


#vorige a:link, #vorige a:visited {
	 color: #353434;	
   text-decoration: none;
   margin-right:13px;
   
}

#vorige a:hover {	
  color:#fff;
  text-decoration: none;  
}

#volgende a:link, #volgende a:visited {
	 color: #353434;	
   text-decoration: none;
   margin-right:10px;   
}

#volgende a:hover {	
  color:#fff;
  text-decoration: none;  
}

/* ------------------ blader ---------------------- */
#blader {
	width:350px;
	font-size:70%;
	height:18px;	
	padding-top:2px;	
	voice-family: "\"]\"";
	voice-family: inherit;
	margin:0;
	margin-left:-7px;
	margin-bottom:10px;
}


html > body #blader {
	margin:0;
}


#blader span {
	margin:0;
	padding:0;
}

#blader span#blader_plek {
  margin-left:8px;
}

/* ----------- blader_vv --------------- */
#blader_vv {
	float:right;
	margin-top:-14px;
}


#blader_vorige a:link, #blader_vorige a:visited {
	 color: #353434;	
   text-decoration: none;
   margin-right:13px;
   
}

#blader_vorige a:hover {	
  color:#fff;
  text-decoration: none;  
}

#blader_volgende a:link, #volgende a:visited {
	 color: #353434;	
   text-decoration: none;
   margin-right:10px;   
}

#blader_volgende a:hover {	
  color:#fff;
  text-decoration: none;  
}

/* ------------------ disclaimer ------------------- */
#disclaimer {
	clear:both;
	height:18px;
	text-align:right;
}

#disclaimer a:link, #disclaimer a:visited, #disclaimer a:hover {
  color: #fff;
  font-size: .65em;  
  padding-right:15px;
  text-decoration:none;
}

/* ------------------ footers ------------------- */
#content_footer {
	/* nodig om content bg door te laten lopen naast submenu */
	background-color:width;
	width:30px;
	clear:both;
	height:0px;
}

#footer {
	background-color:white;
	clear:both;
	height:18px;
	text-align:right;
}

#footer a:link, #footer a:visited, #footer a:hover {
  color: #fff;
  font-size: .65em;  
  padding-right:20px;
  text-decoration:none;
}