/* 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*/
  width: 400px;
}

/*centreren webpagina*/
#container {
  height:auto;
  width:500px;
  /*height: 1024px;*/
  position:relative;
  margin-top:10px;
  margin-right: auto;
  /*margin-left:10px;/*meer naar het midden in webbrowser*/
  text-align: justify;
  /*border: solid 5px #000;/*zwart voor oriëntatie*/
  /*background-color: #FF80FF;/* roze */
  }
/*tekst uitvullen en uitlijnen met fotobalk*/
p {
width:350px;
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 */
 /* border: solid 5px #000;/*zwart voor oriëntatie*/
}
/*.header {width: 19px;
height:300px;}*/

.headernaam {
margin-left:5px;
 }

/*fotobalk van content bevat fotoreeks verschillend per pagina*/
#fotobalk {
  float: right;
  margin-right:120px;
  width: 300px;
  /*height:50px;*/
  margin-top:5px;/*afstand tov groene horizontale balk*/
  /*margin-left: 50px;*/
 /*background-color:#18c2ff;/*blauw=testkleur */
  /*border: solid 5px #000;/*zwart*/
  /*margin-bottom: 5px;*/
}
/*breedte en positie van fotoreeks*/
.fotobalk {
width: 350px;
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: 50px;
  /*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:right;*/
  width:280px;/*breedte navigatiemenu*/
  margin-left: 10px;
  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:40px;
margin-bottom:2px;
width:300px;
float:left;
margin-left:-150px;
 }  

.blanco_index {
width: 300px;
height: 50px;
 }
 
 
#navigatie ul {
  list-style: none;
  margin-right: 80px;/*navigatie schuift naar links*/
  width:350px;
  padding: 0;
  padding-top: 0;
  /*border: 5px solid #000;*/
  float:right;
}
#navigatie li {
  /*display:inline;/*horizontale lijst*/
  margin-bottom:20px;
  display:inline-block;/*navigatieblokjes naast elkaar door width in twee rijen*/
}
/* afstand tussen de links*/
#navigatie a:link, #navigatie a:visited {
  margin-right: 0.2em;
  padding: 0.2em 0.2em 0.6em 0.1em;
  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-right: 80px;/*navigatie schuift naar links*/
  width:350px;
  padding: 0;
  padding-top: 0;
  /*border: 5px solid #000;*/
  /*float:right;*/
}

#navigatieonder li {
  /*display:inline;/*horizontale lijst*/
  margin-bottom:20px;
  display:inline-block;/*navigatieblokjes achter elkaar door witdh in twee rijen*/
}

 
/* afstand tussen de links*/
/*#navigatieonder a:link, #navigatie a:visited {
  margin-right: 0.2em;
  padding: 0.2em 0.2em 0.6em 0.1em;
  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:link, #navigatie a:visited {
  margin-right: 0.2em;
  padding: 0.2em 0.2em 0.6em 0.1em;
  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;
}
 
 
#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*/
  /*background-size:50%;*/
  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:5px;
 }

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

/* 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;
}
/* bevat groene streep en fotoreeks onder navigatie*/
#groenebalk {
  float:right;
  margin-right: -20px;
  margin-top:-25px;
  width:450px;
  /*background-color: #ff2833;*/
  /*border: 5px solid #000;*/
 }
 
 /* groene streep tussen navigate en fotoreeks*/
 .navigatiestreep {
 width: 350px;
 height: 5px;
  }
 
 
/* 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;
  display:none;
 }
 
 .beplantingsplan {
margin-top:10px;
  }
 
#wrapperiframe {
/*background-color:#ff402e;/*rood*/
width: 400px;
margin-left: -10px;
 margin-top: -60px;
 } 
 
 /*brede overzichtsfoto*/
 .overzicht {
 width: 350px;
  }
 
 /*de vier foto's in een blokje*/
 .image {
 width:150px;
 height:112px;
  /*border: 5px solid #000;/*testen*/
  }
 
/*de volgende opmaak hoort bij index.html=startpagina*/
 .gedicht {
  width:350px;
  float:left;
  margin-left:10px;
  margin-right: 10px;
  margin-top:-50px;
  /*background-color:#b4ff1d;*/
color:#000000; 
}
 .fotovoorkant {
  width:290px;
  position:absolute;
  top: 450px;
  left: 50px;
  /*background-color:#ff501a;*/
 }
 /*hier eindigt opmaak bij index/startpagina*/
 
/* afbeelding 'beplantingsplan02a.jpg' naast lijst planten uit beplantingsplan*/
#borderschema {
  width:250px;
  float:left;
  margin-top:-400px;
  /*margin-left:50px;*/
  /*background-color:#FFFF80;/*lichtgeel*/
}  
/* de twee alinea op home.html*/
.alinea2 {
/*background-color:#ff5630;*/
margin-top:260px;
 }