/* ALGEMENE KENMERKEN */

body{
font-family: verdana, arial, helvetica, sans-serif;
color: #242424; /* bijna zwart, zie www.leejoo.nl/tips-tricks/veilige_kleuren.htm */
font-size: 62.5%; /* = 10px */
margin: 0 0 0 0;
height: 100%;
background: #FFFFFF url(../_PICS/background.gif) fixed repeat;
text-align: center;
}

/* LETTERTYPEN en STIJLEN */

p.webtitle{
font-family: verdana, arial, helvetica, sans-serif;
color: #006633;
font-weight: bold;
font-size: 2.0em; /* = 20px */
text-align: center;
}

p.title{
font-family: verdana, arial, helvetica, sans-serif;
color: #242424;
font-weight: bold;
font-size: 1.4em; /* = 14px */
margin-bottom: -8px;
}

p.subtitle{
font-family: verdana, arial, helvetica, sans-serif;
color: #242424;
font-weight: bold;
font-size: 1.2em; /* = 12px */
margin-bottom: -8px;
}

p.normal{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.1em; /* = 11px */
}

p.footertext{
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFCC;
font-size: 1.0em; /* = 10px */
text-align: right;
}

p.index{
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFCC;
font-size: 1.4em; /* = 14px */
text-align: center;
}

p.imageright{
float: right;
font-style: italic;
font-size: 1.0em;
margin-left: 10px;
}

p.imagenomargin{
float: right;
font-style: italic;
font-size: 1.0em;
}

p.imageleft{
float: left;
font-style: italic;
font-size: 1.0em;
margin-right: 10px;
}

label{
display: block;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em; /* = 10px */
}

textarea{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em; /* = 10px */
}

input{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em; /* = 10px */
}

a.intext{
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: underline;
}

a.intext:link, a.intext:visited{
color: #242424;
}

a.intext:hover, a.intext:active{
color: #006633;
text-decoration: underline;
}

a.infooter{
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}

a.infooter:link, a.infooter:visited{
color: #FFFFCC;
}

a.infooter:hover, a.infooter:active{
color: #FFFFCC;
text-decoration: underline;
}


/* PAGINA STRUCTUUR */

div#main_container{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
/* height: 100%; */
}

div#header{
background-color: #CCFF99;
margin: 6px 0 6px 0; /* boven rechts onder links */
padding: 10px 0 0 0; /* boven rechts onder links */
width: 750px;
height: 60px;
}

div#body_container{
background-color: #FFFFCC;
margin: 0 auto 0 auto;
width: 100%;
height: 100%;
}

div#left{
float: left;
width: 15%;
/* height: 100%; */
}

div#content{
padding: 6px 0px 0px 6px;  /* boven rechts onder links */
float: left;
width: 83%;
/* height: 100%; */
}

div#landscape{
margin: 0px 5px 0px 5px;  /* boven rechts onder links */
padding: 15px 0px 0px 0px;
float: left;
width: 90px;
height: 75px;
border: 0px none #DDDDDD;
text-align: center;
}

div#portrait{
margin: 0px 5px 0px 5px;  /* boven rechts onder links */
float: left;
width: 90px;
height: 90px;
border: 0px none #DDDDDD;
text-align: center;
}

div#kader{
margin: 20px 4px 0px 4px;  /* boven rechts onder links */
padding: 4px 0px 4px 0px;
float: left;
width: 100px;
border: 1px solid #006633;
text-align: center;
}

div#footer{
float: left;
margin: 10px 0 6px 0; /* boven rechts onder links */
padding: 10px 0 0 0; /* boven rechts onder links */
width: 99.9%;
border-top: 1px solid #CCFF99;
/* height: 60px; */
}

div.spacer{
clear: both !important;
}

/* MENU DINGETJES */

ul{
list-style: none;
margin: 0;
padding: 0;
}

li{
margin: 0;
padding: 0;
font-family: verdana;
}

li a{
display: block;
text-decoration: none;
text-align: center;
padding: 5px 2px 5px 2px;
margin: 4px 4px 0 4px; /* boven rechts onder links */
border-top: 1px solid #FFF;
border-right: 1px solid #006633;
border-bottom: 1px solid #006633;
border-left: 1px solid #FFF;
width: 100px;
}

li a:link, li a:visited{
background: #CCFF99; /* Hier kun je de kleur van de menuknop topniveau aanpassen */
color: #242424; /* Hier kun je de tekstkleur van de menuknop topniveau aanpassen */
/* font-weight: bold; */
font-size: 1.2em; /* Hier kun je de tekstgrootte van de menuknop topniveau aanpassen */
}

li a:hover, li a:active{
background: #669900; /* Hier kun je de kleur van de menuknop topniveau bij mouseover aanpassen */
color: #FFF; /* Hier kun je de tekstkleur van de menuknop topniveau bij mouseover aanpassen */
font-weight: bold;
font-size: 1.2em; /* Hier kun je de tekstgrootte van de menuknop topniveau bij mouseover aanpassen */
}

/* li li a:link, li li a:visited{
background: #F9E5CD;
color: #E47C00;
font-weight: normal;
}

li li a:hover, li li a:active{
background: #E47C00;
color: #FFF;
font-weight: normal;
}

ul ul{
margin: 0 0 0 25px; 
}*/

/* CSS voor het fotoalbum -- */

.minis {
border: 0px none #DDDDDD;
}

/* einde css fotoalbum */