/******************************************
Website : www.dehedera.nl
CSS : Lautenbag Reclame (Diederik Dijkstra)
E-mail: info@lautenbag.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/





/*--------------------------
FLAGS
--------------------------*/

ul#flags{
  float: left;
  display: inline;
  width: 90px;
  margin: 13px 0 0 20px;
  padding: 0;
  line-height: 18px;
  list-style: none;}
   
ul#flags li{
  float: left;
  display: inline;
  list-style: none;
  margin: 0 2px 0 0;
  padding: 0; 
  line-height: 18px;
  height: 18px;
  width: 28px;}
        
ul#flags a,
ul#flags a:link,
ul#flags a:active,
ul#flags a:visited{
  display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: 18px;
  width: 28px;}

ul#flags a:hover{
  text-decoration: none;
  margin: 0;
  height: 18px;}
    
ul#flags strong{
  display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  color: white;}   

/*--------------------------
NL
--------------------------*/

ul#flags li.nl a,
ul#flags li.nl a:link,
ul#flags li.nl a:active,
ul#flags li.nl a:visited,
ul#flags li.nl a:hover{
	background:url(img/fl_nl.jpg);}

ul#flags li.nl a:hover{
	background-position:0 -18px;}

ul#flags li.nl strong a,
ul#flags li.nl strong a:link,
ul#flags li.nl strong a:active,
ul#flags li.nl strong a:visited{
 	background:url(img/fl_nl.jpg);
	background-position:0 18px;}

ul#flags li.nl strong a:hover{
 	background:url(img/fl_nl.jpg); 
  background-position:0 -18px;}

/*--------------------------
DE
--------------------------*/

ul#flags li.de a,
ul#flags li.de a:link,
ul#flags li.de a:active,
ul#flags li.de a:visited,
ul#flags li.de a:hover{
	background:url(img/fl_de.jpg);}

ul#flags li.de a:hover{
	background-position:0 -18px;}

ul#flags li.de strong a,
ul#flags li.de strong a:link,
ul#flags li.de strong a:active,
ul#flags li.de strong a:visited{
 	background:url(img/fl_de.jpg);
	background-position:0 18px;}

ul#flags li.de strong a:hover{
 	background:url(img/fl_de.jpg); 
  background-position:0 -18px;	}

/*--------------------------
GB
--------------------------*/

ul#flags li.gb a,
ul#flags li.gb a:link,
ul#flags li.gb a:active,
ul#flags li.gb a:visited,
ul#flags li.gb a:hover{
	background:url(img/fl_gb.jpg);}

ul#flags li.gb a:hover{
	background-position:0 -18px;}

ul#flags li.gb strong a,
ul#flags li.gb strong a:link,
ul#flags li.gb strong a:active,
ul#flags li.gb strong a:visited{
 	background:url(img/fl_gb.jpg);
	background-position:0 18px;}

ul#flags li.gb strong a:hover{
 	background:url(img/fl_gb.jpg); 
  background-position:0 -18px;}




/*-----MENU-----*/

ul#menu{
	width: auto; 
	width: 160px;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 36px;
	list-style: none;}
   
ul#menu li{
	float: left;
  display: inline;
  list-style: none;
  margin: 0 4px 0 0;
  padding: 0; 
  line-height: 36px;
  height: 36px;
  width: 160px;}
        
ul#menu a,
ul#menu a:link,
ul#menu a:active,
ul#menu a:visited{
	display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  font-weight: bold;
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 160px;}

ul#menu a:hover{
	text-decoration: none;
  margin: 0;
  height: 36px;
  width: 160px;}
    
ul#menu strong{
	display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  }   

/*HOME*/
ul#menu li.home a,
ul#menu li.home a:link,
ul#menu li.home a:active,
ul#menu li.home a:visited,
ul#menu li.home a:hover{
	background:url('img/btn_home.jpg');}

ul#menu li.home a:hover{
	background-position: -160px 0;}

ul#menu li.home strong a,
ul#menu li.home strong a:link,
ul#menu li.home strong a:active,
ul#menu li.home strong a:visited,
ul#menu li.home strong a:hover{
	background-position: 160px 0;}

ul#menu li.home strong a:hover{
	background-position: -160px 0;}

/*KAMERS*/
ul#menu li.kamers a,
ul#menu li.kamers a:link,
ul#menu li.kamers a:active,
ul#menu li.kamers a:visited,
ul#menu li.kamers a:hover{
	background:url('img/btn_kamers.jpg');}

ul#menu li.kamers a:hover{
	background-position: -160px 0;}

ul#menu li.kamers strong a,
ul#menu li.kamers strong a:link,
ul#menu li.kamers strong a:active,
ul#menu li.kamers strong a:visited,
ul#menu li.kamers strong a:hover{
	background-position: 160px 0;}

ul#menu li.kamers strong a:hover{
	background-position: -160px 0;}

/*FOTOS*/
ul#menu li.fotos a,
ul#menu li.fotos a:link,
ul#menu li.fotos a:active,
ul#menu li.fotos a:visited,
ul#menu li.fotos a:hover{
	background:url('img/btn_fotos.jpg');}

ul#menu li.fotos a:hover{
	background-position: -160px 0;}

ul#menu li.fotos strong a,
ul#menu li.fotos strong a:link,
ul#menu li.fotos strong a:active,
ul#menu li.fotos strong a:visited,
ul#menu li.fotos strong a:hover{
	background-position: 160px 0;}

ul#menu li.kamers strong a:hover{
	background-position: -160px 0;}
	
/*PRIJZEN*/
ul#menu li.prijzen a,
ul#menu li.prijzen a:link,
ul#menu li.prijzen a:active,
ul#menu li.prijzen a:visited,
ul#menu li.prijzen a:hover{
	background:url('img/btn_prijzen.jpg');}

ul#menu li.prijzen a:hover{
	background-position: -160px 0;}

ul#menu li.prijzen strong a,
ul#menu li.prijzen strong a:link,
ul#menu li.prijzen strong a:active,
ul#menu li.prijzen strong a:visited,
ul#menu li.prijzen strong a:hover{
	background-position: 160px 0;}

ul#menu li.prijzen strong a:hover{
	background-position: -160px 0;}

/*RESERVEREN*/
ul#menu li.reserveren a,
ul#menu li.reserveren a:link,
ul#menu li.reserveren a:active,
ul#menu li.reserveren a:visited,
ul#menu li.reserveren a:hover{
	background:url('img/btn_reserveren.jpg');}

ul#menu li.reserveren a:hover{
	background-position: -160px 0;}

ul#menu li.reserveren strong a,
ul#menu li.reserveren strong a:link,
ul#menu li.reserveren strong a:active,
ul#menu li.reserveren strong a:visited,
ul#menu li.reserveren strong a:hover{
	background-position: 160px 0;}

ul#menu li.reserveren strong a:hover{
	background-position: -160px 0;}

/*ROUTE*/
ul#menu li.route a,
ul#menu li.route a:link,
ul#menu li.route a:active,
ul#menu li.route a:visited,
ul#menu li.route a:hover{
	background:url('img/btn_route.jpg');}

ul#menu li.route a:hover{
	background-position: -160px 0;}

ul#menu li.route strong a,
ul#menu li.route strong a:link,
ul#menu li.route strong a:active,
ul#menu li.route strong a:visited,
ul#menu li.route strong a:hover{
	background-position: 160px 0;}

ul#menu li.route strong a:hover{
	background-position: -160px 0;}

/*CONTACT*/
ul#menu li.contact a,
ul#menu li.contact a:link,
ul#menu li.contact a:active,
ul#menu li.contact a:visited,
ul#menu li.contact a:hover{
	background:url('img/btn_contact.jpg');}

ul#menu li.contact a:hover{
	background-position: -160px 0;}

ul#menu li.contact strong a,
ul#menu li.contact strong a:link,
ul#menu li.contact strong a:active,
ul#menu li.contact strong a:visited,
ul#menu li.contact strong a:hover{
	background-position: 160px 0;}

ul#menu li.contact strong a:hover{
	background-position: -160px 0;}

/*GASTENBOEK*/
ul#menu li.gastenboek a,
ul#menu li.gastenboek a:link,
ul#menu li.gastenboek a:active,
ul#menu li.gastenboek a:visited,
ul#menu li.gastenboek a:hover{
	background:url('img/btn_gastenboek.jpg');}

ul#menu li.gastenboek a:hover{
	background-position: -160px 0;}

ul#menu li.gastenboek strong a,
ul#menu li.gastenboek strong a:link,
ul#menu li.gastenboek strong a:active,
ul#menu li.gastenboek strong a:visited,
ul#menu li.gastenboek strong a:hover{
	background-position: 160px 0;}

ul#menu li.gastenboek strong a:hover{
	background-position: -160px 0;}

/*LINKS*/
ul#menu li.links a,
ul#menu li.links a:link,
ul#menu li.links a:active,
ul#menu li.links a:visited,
ul#menu li.links a:hover{
	background:url('img/btn_links.jpg');}

ul#menu li.links a:hover{
	background-position: -160px 0;}

ul#menu li.links strong a,
ul#menu li.links strong a:link,
ul#menu li.links strong a:active,
ul#menu li.links strong a:visited,
ul#menu li.links strong a:hover{
	background-position: 160px 0;}

ul#menu li.links strong a:hover{
	background-position: -160px 0;}