/* Deze specificaties geven vorm aan de body van de pagina en veel 
voorkomende elementen zoals paragraphs en headings */

body
{
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

p
{
display:block;
font-family:Arial;
font-size:10.0pt;
line-height:110%;
margin-left:15px;
}

h1
{
line-height:110%;
margin-left:15px;
margin-right:15px;
padding-top:15px;
padding-bottom:15px;
font-family:"Times New Roman";
font-size:16.0pt;
color:#663333;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1.75pt;
border-bottom-style:solid;
border-width:3px;
border-color:#000000;
}

h2
{
line-height:110%;
margin-left:15px;
margin-right:15px;
padding-top:15px;
padding-bottom:6px;
font-family:"Times New Roman";
font-size:14.0pt;
font-weight:bold;

letter-spacing:1.5pt;
}

.li
{
font-family:Arial;
font-size:10.0pt;
line-height:110%;
}


table
{
margin-left:15px;
width:812px;
border:1px solid black;
border-collapse:collapse;
background:rgb(153,153,204);
}

table.positioning
{
margin-left:0px;
width:842px;
border:none;
background:none;
}

th
{
font-family:Arial;
font-size:10.0pt;
text-align:left;
border-bottom:1px solid black;
padding-left:0.5em;
padding-top:0.25em;
padding-bottom:0.25em;}

td
{
font-family:Arial;
font-size:10.0pt;
border-bottom:1px solid black;
padding-left:0.5em;
padding-top:0.25em;
padding-bottom:0.25em;
}

td.positioning
{
vertical-align:top;
border-bottom:none;
}

td.first_cell
{
font-weight:bold;
}

td.beschikbaar
{
background:rgb(102,255,51);
}

td.niet_beschikbaar
{
background:red;
}

td.optie
{
background:orange;
}

/* Deze specificaties zorgen voor de plaatsing van de plaatjes
binnen de pagina: uitgelijnd aan de linker- of rechtermarge.
Als een andere uitlijning nodig is kan die in de <img>-tag zelf
aangepast worden.*/

.left_float
{
float:left;
margin-left:15px;

margin-bottom:15px;


margin-right:15px;
}

.right_float
{
float:right;
margin-left:15px;

margin-bottom:15px;


margin-right:15px;
}


/* Deze specificaties geven weer hoe de verschillende blokken in de site
- fotobanner, navigatieblok en inhoudsblok -
in de pagina moeten worden gepositioneerd, en geven achtergrond van deze blokken aan */

/* Deze div is gebruikt om de inhoud van de pagina's te centreren in het browservenster */
#all_elements
{
text-align:left;
position:relative;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
top:0px;
width:1020px;
}

/* Deze div bevat de banner met de foto van de bergketen */

#banner_block
{
position:absolute;
margin:0px;
padding:0px;
top:0px;
left:0px;
height:116px;
width:1020px;
}

/* Deze div bevat het navigatiemenu */

#navigation_block
{
position:absolute;
margin:0px;
padding:0px;
top:116px;
left:0px;
width:178px;
background-color:#ebebf5;
background-image:url('Images/Navigation_background.gif');
}

/* En deze div bevat de "echte" inhoud van de pagina */

#body_block
{
position:absolute;
margin:0px;
padding:0px;
top:116px;
left:178px;
width:842px;

background-color:#cccce6;
}

/* Deze specificaties verzorgen de layout van het navigatiemenu */
#navigation_menu
{
list-style-type:none;
padding-top:56px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
margin-left:4px;
margin-right:4px;
width:170px;
}

li.navigation_item
{
font-family:Arial;
font-size:10.0pt;
text-align:center;
border-top-style:solid;
border-width:1px;
line-height:36px;
}

li.navigation_item a
{
color:#000000;
text-decoration:none;
}

li.navigation_item a:hover
{
text-decoration:underline;
}