 
/* Stylesheet for 'Website Sjabloon'
* ----------------------------------------------------
*
* If you want to modify the color (look and feel) of 
* the website template that has been created with
* Aldfaer than you can modify this document.
*
* If you don't know how, than I advise you to take a
* look at the program Topstyle (http://www.topstyle.com)
*
* CSS Copyright (c) by Ruben Woudsma
*/

body {
margin      : 5px 5px 5px 5px;
padding     : 5px;   font-family : Arial, Helvetica, Verdana, sans-serif;

background-image: url(tree_lgrey)}

/* #menu:
* ----------------------------------------------------
* Used to display the menu (items)
*/
#menu {
float       : left;
width       : 150px;
margin-top  : 20px;
background  : #669999;
font-size   : 12px;
font-weight : bold;
}

/*
* Additional Text for Menu
*/
#menu p {
margin          : 0px;
padding         : 0px;
color           : white;
text-align      : center;
}
/*
* Main(menu) Link(s)
*/
#menu a:link, #menu a:visited {
display         : block;
margin          : 3px;
padding         : 0px 3px;
text-decoration : none;
color           : white;
background      : #669999;
}

#menu a:hover, #menu a:active {
color           : #009999;
background      : #669999;
}

/*
* Main(submenu) Link(s)
*/
#menu a.submenu:link, #menu a.submenu:visited {
display         : block;
margin-left     : 10px;
padding         : 0px 3px;
font-weight     : normal;
text-decoration : none;
color           : white;
background      : #669999;
}

#menu a.submenu:hover, #menu a.submenu:active {
color           : #003300;
background      : #669999;
}

#ald_banner {
float          : left;
clear          : left;
width          : 150px;
margin-top     : 5px;
text-align     : center;
}

#ald_banner a {
font-size       : 10px;
font-weight     : bold;
text-decoration : none;
}

div>body #ald_banner {
margin-top      : 5px;
}

/* #content:
* ----------------------------------------------------
* Used to display the content of the whole site
*/
#content {
padding-bottom: 10px;
margin-top    : 0px;
margin-left   : 0px;
border        : 1px solid #071C59;
voice-family  : "\"}\""; voice-family: inherit;
margin-top    : 0px;
margin-left   : 5px;
font-size     : 12px;
background-image: url(../tree_lgrey.jpg);
}

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

#content h1, #content h2 {
display         : block;
margin-left     : 0px;
margin-right    : 0px;
border-left     : 5px solid #669999;
border-right    : 5px solid #669999;
border-top      : 5px solid #669999;
border-bottom   : 1px solid #669999;
background-color: #669999;
color           : #003300;
padding-left    : 0px;
}

#content h1 {
font-size      : 32px;
text-align: center;
}
#content h2 {
margin-left     : 0px;
border-left     : 5px solid #669999;
font-size       : 16px;
background-color: #669999;
}

#content p  {
padding-left    : 5px;
padding-right   : 5px;

}

#content table {
font-size       : 12px;
}

#content #namen_index a {
font-size       : 12px;
font-family     : Arial, Helvetica, Verdana, sans-serif;
}

#content table#kwartierblad, #content table#kwartierblad td {
border          : 1px solid #669999;
}

/* #footer:
* ----------------------------------------------------
* Used to display the footer of the website
*/
#footer {
font         : 10px/15px arial, helvetica, verdana, sans-serif;
margin-top   : 10px;
border-left  : 5px solid #669999;
padding-left : 5px;
margin-left  : 171px;
margin-bottom: 20px;
}


