/* Standaard alle margins & paddings op nul want sommige browsers hebben standaard margin en padding */
*
    {
    margin: 0;
    padding: 0;
    }

/* Algemene instellingen */
body
    {
    background-color: #e6dbe0; /* Achtergrondkleur */			
    margin: 0 auto; /* Boven marge van 15px, links & rechts automatisch; dus gecentreerd */
    color: #fff; /* tekstkleur */
    font-family: Verdana, Arial, Helvetica, sans-serif; /* Lettertype(s) */
    font-size:62.5%; /* Door de body lettergrootte op 62.5% te zetten, kan je bij alle andere items werken met em, waarbij 1em standaard gelijk is aan 10px, met dat verschil dat em relatief is, px niet. */
    }

/* Hoofdtitel */ 
h1 
    { 
    text-indent: -999em; /* Zorgt dat de tekst 9990px buiten scherm begint, zodat deze niet over de afbeelding te zien is */ 
    width: 930px; 
    height: 250px; 
    float:left; 
    } 

h1 a
	{
	width: 930px;
	height: 250px;
	display: block;
	background: #fff url('./h1b.gif') no-repeat top center;
	float:left;
	}
	
/* Pagina titel */
h2
    {
    color: #6a4c58;
    font-size: 3.0em; /* Standaard dus 30px, maar bij grotere resoluties of instelling van de browser om tekst te vergroten/verkleinen zal dit ook gebeuren, in px blijft het altijd 30px vast. */
    font-weight: normal; /* Standaard vette titels afzetten */	 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 10px;
    }

/* Ondertitels */
h3
    {
    color: #6a4c58;
    font-size: 1.5em;
    padding-bottom: 25px;
	padding-top: 0px;
    }
    
/* Links in ondertitels */
h3 a
    {
    color: #6a4c58; /* Websafe colors bestaan uit een combinatie van 3 maal 2 letters of cijfers en kunnen zo verkort worden van aabbcc naar abc */
    text-decoration: none;
    }

/* Links in ondertitels wanneer mouseover */
h3 a:hover
    {
    color: #000000;
    }

/* Itinerary titels */
h4
    {
    color: #6a4c58;
    font-size: 1.8em;
    padding-bottom: 20px; 
	padding-left: 35px;
	padding-top: 20px;
    }
					
/* Afbeeldingen standaard geen boorden geven */
img
    {
    border: 0;
    }

/* Paragrafen standaard uitlijnen */
p
    {
    text-align: justify;
    }

/* Standaard links */
a
    {
    text-decoration: none;
    color: #6a4c58;
    font-weight: bold;
    }

/* Standaard links bij mouseover */
a:hover
    {
    color: #ffffff;
    }
    
/* De container waarin alles wordt geplaatst */
#container
    {
    background-color: #e1c6d1;
    width: 930px;
    margin: 0 auto;
	margin-top:20px;
    padding-bottom:20px;
	}

/* top-menu */
#top_nav ul
    {
    height: 250px;
    float: right; /* Laat het geheel rechts zweven */
    margin-right: 0px;
    }

/* Top-menu items */
#top_nav ul li
    {
    float: left; /* maakt de geordende lijst horizontaal ipv verticaal (standaard) */
    list-style: none; /* Haalt standaard bolletje weg */
    padding: 0px;
    }
		
/* Menu container */
#container #menu
    {
    clear: both; /* Wist alle voorgaande nog actieve floats */
    font-size: 1em;
    width: 930px;
    background:url('menu.jpg') top left repeat-x;
    height: 70px;  
	font-family: sans-serif;
	font-weight: bold;
    }

/* Menu items */  
		
#menu ul
    {	
	margin-left: 180px;
	} 

#menu ul li
    {		
	height:45px; 
	padding-right: 50px;
	line-height: 45px;
    float: left; /* maakt de geordende lijst horizontaal ipv verticaal (standaard) */
    list-style: none; /* Haalt standaard bolletje weg */  
	background:url('./paw.jpg') no-repeat center right;
	}
	
#menu ul li a {    
	overflow:hidden; 
	display:block; 
	height:45px; 
	}

#menu ul li#l1 a { background:url('./villa.jpg') no-repeat 0 0; width: 147px; text-indent:-999em;}
#menu ul li#l2 a { background:url('./omgeving.jpg') no-repeat 0 0; width: 238px; text-indent:-999em;}
#menu ul li#l3 a { background:url('./huren.jpg') no-repeat 0 0; width: 141px; text-indent:-999em;}

#menu ul li#l1 a:hover { background-position: -147px 0;}
#menu ul li#l2 a:hover { background-position: -238px 0;}
#menu ul li#l3 a:hover { background-position: -141px 0;}
#menu ul li#l3 { background:none; }

#menu ul li#l1 a:active { background-position: -294px 0;}
#menu ul li#l2 a:active { background-position: -476px 0;}
#menu ul li#l3 a:active { background-position: -282px 0;}


	
/* Top-menu container*/ 
#container #top_nav 
    { 
    font-weight: bold; /* Tekst in vet */ 
    font-size: 1.5em; 
    width: 930px; 
    margin-top: -250px; 
    float:right; 
    } 


/* Uitleg bij index page */	
.begin_txt
    {
    clear: both; 
	display:block;
    margin:15px 35px;
	margin-bottom: 30px;
    }	

/* Index-page*/
.begin_txt p
    { 		
    margin-bottom: 15px;	  
	line-height:1.2em; 
	font-size: 1.3em;
    }	

.begin_txt p b
    { 		
    color: #6a4c58;
    }	
		 
/* itinerary box */
.iti_block
	{
	clear: both; 
	margin: 0 auto;
	margin-bottom: 30px;
	}

/* Foto's in de itinerary box */
.iti_block img.left
	{	
	float: left; /* tekst rechts van de afbeelding laten lopen door afbeelding links te laten zweven */
    border: 0px solid #FFFFFF; 
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 6px;		 
	}

.iti_block p
    { 
	margin-bottom: 10px;	
	margin-right: 30px;	
	margin-left: 30px;	
	margin-top: 10px;	 
	line-height:1.2em; 
	font-size: 1.3em;
    }		
	
/* boxen */
.bar_block
	{
	clear: both;
	margin: 0 auto;
	margin-top: 25px;
	}
	
/* Foto's in de boxen links */
.bar_block img
	{	
	float: left; /* tekst rechts van de afbeelding laten lopen door afbeelding links te laten zweven */
    border: 0px solid #FFFFFF;
	margin: 5px; 
	margin-left: 0px;	 
	}	
	
/* footer text */	
.end_txt
    {
    clear: both;
    margin:0 auto; 
	text-align:center; 
	padding:20px 0;
    }	

.end_txt p 
    {
	margin:0 auto;
	text-align:center; 
    }	

.end_txt p span {
	margin:0 15px; 
	}

/* Uitleg bij huren page */	
.info_txt
    {
    clear: both; 
	display:block;
    margin:15px 35px;
	margin-bottom: 30px;
    }	

/* Index-page*/
.info_txt p
    { 		
    margin-bottom: 15px;	  
	line-height:1.2em; 
	font-size: 1.3em;
    }	

.begin_txt p b a
    { 		
    color: #FFFFFF;
    }	  
	
.begin_txt p a
    { 		
    color: #FFFFFF;
    }