/* complet geereaorganiseerd ivm met oorspr css */

body {
  /*background-color:#fff;/*wit*/
  font-family:Verdana, Arial, Georgia, Sans-Serif;
  color:#000000;
  font-size:15px;
  padding:0;
  margin:0;
  height:100%;
  /*background-color:#0dff16;/*groen*/
}

/*centreren webpagina*/
#container {
  height:auto;
  width:1024px;
  height: 1024px;
  position:relative;
  margin-top:10px;
  margin-right: auto;
  margin-left:auto;
  text-align: justify;
  /*border: solid 5px #000;/*zwart voor oriëntatie*/
  /*background-color: #FF80FF;/* roze */
  }
/*tekst uitvullen en uitlijnen met fotobalk*/
p {
width:700px;
text-align:justify;
 }
/*alles boven content inclusief navigatie menu*/
#header {
  /*float: left;*/
  float:none;
  height: 290px;/*aansluiting maken met balk in contentwrapper*/
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: 'Kaushan Script', cursive;
  color: #0B8C27;/*groen*/
  /*background-color:#FF80FF;/*violet=testkleur */
}
.headernaam {
margin-left:65px;
 }

/*fotobalk van content bevat fotoreeks verschillend per pagina*/
#fotobalk {
  float: left;
  width: 800px;
  height:100px;
  margin-top:5px;/*afstand tov groene horizontale balk*/
  margin-left: 10px;
  /* background-color:#18c2ff;/*blauw=testkleur */
  /*border: solid 5px #000;/*zwart*/
  /*margin-bottom: 5px;*/
}
/*breedte en positie van fotoreeks*/
.fotobalk {
width: 700px;
float:left;
margin-left:-10px;}

/*dit is de naam Thea's tuin boven aan de pagina*/
#logo {
  /*background-color:#FFD600;/*oker=test*/
  position:absolute;
  float: left;
  top: 30px;
  left: 170px;
  /*margin: 30px auto 10px 150px;*/
  font-size:2.5em;
  display:inline;
  font-family: 'Kaushan Script', cursive;
  color: #0B8C27;/*groen*/
  }
#logo a:link, #logo a:visited {
  text-decoration:none;
  color:#0B8C27;/*groen*/
 }
 
/* bevat navigatie menu: opmaak links zie navigatie.css in boek */
#navigatie {
  position:absolute;
  float:left;
  margin-left: 150px;
  top:70px;
  right: 10px;
  /*background-color:#ff392a;*/
  height: 30px;
  font-size: 1.1em;
  font-family:sans-serif;
  opacity:0.90;
  }
/*afbeelding blanco-navigatie-index.jpg is vervanger voot afwezige navigatie
in index pagina, zorgt voor juiste positie van horizontale groene balk */  
#index_navigatie {
margin-top:5px;
/*background-color:#34ff14;*/
/*border: 5px solid #000;*/
height:auto;
margin-bottom:2px;
 }  
#navigatie ul {
  list-style: none;
  margin-left: 0px;
  padding: 0;
  padding-top: 0;
  /*border: 5px solid #000;*/
}
#navigatie li {
  display:inline;/*horizontale lijst*/
}
/* afstand tussen de links*/
#navigatie a:link, #navigatie a:visited {
  margin-right: 0.2em;
  padding: 0.2em 0.2em 0.2em 0.6em;
  color: #A62020;
  background-color: #FCE6EA;
  text-decoration:none;
  border-top: 1px solid #FFFFFF;/*wit*/
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;/*grijs*/
  border-right: 1px solid #717171;
 }
#navigatie a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
/*navigatie onder aan pagina achtertuin*/
#navigatieonder {
  /*position:absolute;*/
  float:left;
  margin-right: 150px;
  right: 10px;
  /*background-color:#ff392a;*/
  height: 30px;
  font-size: 1.1em;
  font-family:sans-serif;
  opacity:0.90;
  margin-top:-30px;
  }
 
/* navigatie onderaan achtertuin css is zelfde als hierboven*/  
#navigatieonder ul {
  list-style: none;
  margin-left: 0px;
  padding: 0;
  padding-top: 0;
  /*border: 5px solid #000;*/
}
#navigatieonder li {
  display:inline;/*horizontale lijst*/
}
/* afstand tussen de links*/
#navigatieonder a:link, #navigatie a:visited {
  margin-right: 0.2em;
  padding: 0.2em 0.2em 0.2em 0.6em;
  color: #A62020;
  background-color: #FCE6EA;
  text-decoration:none;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
 }
#navigatieonder a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
/*einde navigatie onder*/
 
/*content wrapper nodig vanwege repeat-y afbeelding groene balk/rand=bg.jpg*/
#contentwrapper {
 /* background-color: #E3DF19;/*geelgroen=test*/
  /*background-image:url('images/bg.jpg');
  background-repeat:repeat-y;/* verticale balk links*/
  margin-top:-20px;/*nodig voor aansluiting met balkafbeelding uit header*/
 /*background-color:#00FFFF;/*groenblauw=testkleur*/
 /*background-image: height:1150px;*/
 /*border: solid 5px #fff;/*is witte border voor aansluting met image in header*/
}
#balkverticaal {
 background-image:url('images/balk_contentwrapper.png');
  background-repeat:repeat-y;/* verticale balk links*/
 margin-left:65px;
 }

#content {
  margin: 20px auto 1px 85px;
  padding: 10px 0 20px 0px;
  width: 700px;
  /*background-color: #E31919;/*rood=test*/
  /*border: 5px solid #000;*/
  height:auto;
  width:750px;
}
/*tekst in home.html*/
#tekst {
/*color:#ff00ff;/*roze testkleur*/
 }

/* links in de #content */
#content a:link, #content a:visited {
  text-decoration:underline;
  color:#0080FF;/*rood*/
} 
#content a:hover {
  color:#0080FF;/*blauw*/
} 
  
#content h1 {
  font-family: 'Kaushan Script', cursive;
  font-size: 2em;
  color: #0B8C27;/*groen*/
  text-align: left;
  /*line-height: 1.5em;*/
/* and some air under the border */
  margin: -1.2em 0 0em 0;
}
/* groene streep tussen navigate en fotoreeks*/
#groenebalk {
  float:left;
  margin-right: 110px;
  margin-top:-15px;
  /*background-color: #ff2833;
  /*border: 5px solid #000;*/
 }
 
/* css voor wrapper waar slidshow in zit in style-slideshow.css */
 
/*beplantingsplan elementen*/
.beplantingslijst {
  /*background-color:#80FFFF;/*blauw*/
  width:340px;
  float:left;
  margin-left:-10px;
  /*margin-right: 10px;*/
  margin-top: 50px;/* zodat lijst tussen afbeeldinmg en slideshow komt */
  /*border: 1px solid #000;*/
 }
#wrapperiframe {
/*background-color:#ff402e;/*rood*/
width: 400px;
margin-left: 390px;
 } 
/*brede overzichtsfoto*/
 .overzicht {
 width: 700px;
  }
 
/*de vier foto's in een blokje*/
 .image {
 width:300px;
 height:225px;
  /*border: 5px solid #000;/*testen*/
  }
 
 
/*de volgende opmaak hoort bij index.html=startpagina*/
 .gedicht {
  width:350px;
  float:left;
  margin-left:10px;
  margin-right: 10px;
  /*background-color:#b4ff1d;*/
color:#000000; 
}
 .fotovoorkant {
  width:290px;
  float:right;
  margin-right:55px;
  margin-top:0px;
  /*background-color:#ff501a;*/
 }
 /*hier eindigt opmaak bij index/startpagina*/
 
/* afbeelding 'beplantingsplan02a.jpg' naast lijst planten uit beplantingsplan*/
#borderschema {
  width:250px;
  float:right;
  /*margin-top:50px;*/
  margin-right:100px;
  /*background-color:#FFFF80;/*lichtgeel*/
}