html {
   height: 101%;
   background: #e3372e;
   color: black;
}

body {

   width: 900px;
   margin: 0 auto;
   padding: 0;

   background: url(natuurgroen.jpg) repeat-y;
     background-position: 0px 150px;

   background-color: #D4ECFB;     /* achtergrondkleur van #inhoud */
   
   color: black;
   font-family : verdana, arial, sans-serif;
   font-size: 0.8em;

 }

   
h1, h2, h3, h4, p {
   margin: 0;
   padding: 0;
}

.ft-note {
   font-size:85%;
}

.ps-begin {
   display: inline;
   font-family: elephant;
   font-size:145%;
   font-weight:bold;
   color:#023a67;
}

   a:link {color: blue; }
   a:visited {color: black; }
   a:focus {color: red; }
   a:hover {color: red; }

.poem {
   font-family: Trebuchet MS;
   font-size: 100%;
   color:#0469b3;
   font-style: italic  
}

.poem-inl {
   display: inline;
   font-family: Trebuchet MS;
   font-size: 100%;
   color:#0469b3;
   font-style: italic  
}

.contact {
   font-family: comic sans ms;
   font-size: 100%;
   color:#0469b3;   
}



/* Attentie: de "kantlijn-afstanden" in de drie blokken zijn     */
/* ========= regelbaar met de padding van de #binnenkant-div's ! */

#kop {
   height: 150px;
   background: #FFE691;
   color: black;

background-image: url(kop_gen.jpg);
background-repeat: no-repeat;
background-position: 2px 2px;
}

#binnenkantKop {
   padding: 2px;  /* aanpasbaar! */
   vertical-align:middle;
   text-align:center;
}

#menukolom {
   height: 101%;
   float: left;
   width: 200px;
}

#binnenkantMenukolom {
   padding: 0 15px;  /* aanpasbaar! */
}

#inhoud {
   /* min-height: 500px;  tijdelijk! */
   margin-left: 200px;  /* gelijk aan breedte #menukolom */
}

#binnenkantInhoud {
   padding: 0 10px;  /* aanpasbaar! */
}
