body 
{
  margin :0;
  text-align:center;
  background:url('home/pbg.jpg') no-repeat top center;
  background-color:#F79646;
}

#main_container{
  margin: 0 auto;
  width: 960px;
  border-width:0px;
  border-style: solid;
  border-color:#FF0000;
  text-align:left;
}

#headerF_container{
  padding: 0;
  margin: 0;
  width: 960px;
  background: url('home/headerF.jpg') no-repeat top center; 
  height:340px;
  background-color:#F79646;
}
 
#contentF_container{
  margin:0px 0px 0px 0px;
  float: left;
  width:960px;
  height:1000px;
  background-color:#F79646;
  border-width:0px;
  border-style: solid;
  border-color:#FF8C00;
}


#linkshorizontaal_container{
  float:left;
  margin:0px 0px 0px 10px;
  width:950px;
  height:30px;
  background-color:#F79646;
}

 #navhor, #navhor ul, #navhor ul ul{
list-style: none;
padding:2px 0 0 0;
margin:1px 0px 0px 0px;
list-style: none;
font-family:Cambria,arial,times new roman,Trebuchet MS,comic sans ms, verdana, helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}
/* als je verander gebeurd er ... dit is inline hoe breder, passen ze naast elkaar 3 x 180 + 10 ertussen bdzis 600*/
#navhor{
width:950px;
margin:0px 0px 0px 5px;
}

#navhor li{
float: left;
width:125px;
margin: 0 5px 0 0;
}
/* op de a float left en dan display block is allemaal even breed*/
#navhor a{
display:block;
text-decoration: none;
padding: 3px 3px 3px 3px;
margin: 0px;
height: 30px;
width: 125px;
}

#navhor a:link, #navhor a:visited{
background: #F79646;
border: 1px solid #F79646;
color: #990033;
text-align:left;
padding: 3px 3px 3px 5px;
height: 30px;
width:125px;
}

#navhor a:hover, #navhora:active{
background: #FF8C00;
border: 1px solid #FF8C00;
color: #FFFFFF;
text-decoration: none;
text-align:left;
padding: 3px 3px 3px 5px;
width:125px;
height: 30px;
} 
  


ul {list-style:none;}
a {color:#000; text-decoration:none;}

#featured, #feat-nav {width:100%; float:left; cursor:pointer;}   /* ipv 100% de breedte van foto, dan veel kleiner maar nog 2 rijen..)*/
#featured img {margin-left:0px;}    /* margin left,  moet je bij je foto's rekenen//  )*/
#feat-nav li {float:left;margin-top:4px;}
#feat-nav button {border:0; margin:0; padding:0;}
#feat-nav li:hover {background:#990033;}  /* bij button hover geen kleur, bij li wel... bij ks wel ?)*/
#feat-nav .active {background:#00FF00;}


#headertekstproject{
  float: left;
  width: 670px;
  height:80px;
  margin:20px 0px 0px 0px;
  text-align:center;
  font-family:new times romans;
  font-size:24px;
  font-style: italic;
  font-weight:bold;
  letter-spacing: 0.03em;
  color : #990033;
}


a#indexhome{
  float: left;
  margin:10px 0px 10px 0px;  
  width: 145px;
  height: 80px;
  background: url('home/bshome.png') no-repeat top center;
}

a#indexhome:hover {
  background: url('home/shadebshome.png') no-repeat top center;
}


a#indexproject{
  float: left;
  margin:10px 0px 10px 0px;  
  width: 145px;
  height: 80px;
  background: url('home/buttonproject.png') no-repeat top center;
}

a#indexproject:hover{
  background: url('home/buttonprojectshade.png') no-repeat top center;
}


#content_container{
	float: left;
	margin:10px 70px 10px 70px;
  width: 820px;
  text-align:justify;
	border-width:0px;
    border-style: solid;
    border-color:#FF8CFF;
    font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
    font-size: 14px;
    color : #990033;
}

#content2011_container{
	float: left;
  margin:10px 70px 10px 70px;
  width: 820px;
  text-align:justify;
	border-width:0px;
    border-style: solid;
    border-color:#FF8CFF;
}


#contentmulago2010_container{
	float: left;
  width: 960px;
  height:1600px;
  background-color:#CC0000;
}


div#boxmulago{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#FF8C00;
width: 820px;
height:500px; 
}


div#boxsoedan{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#FF8C00;
width: 820px;
height:500px; 
}


/* Oeganda 2011*/
div#Oeganda2011{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#F79646;
width: 820px;
height:90px; 
}

div#fotocontainer-Oeganda2011{
float:left;
background-color:#F79646;
width: 960px;
height:680px; 
margin:5px 0px 5px 30px;
}

div#contentF-2008{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#F79646;
width:950px;
height:750px; 
}

div#fotocontainer-2008{
float:left;
background-color:#F79646;
width: 920px;
height:700px; 
margin:5px 0px 5px 30px;
}


div#contentF-2010{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#F79646;
width:950px;
height:750px; 
}

div#fotocontainer-2010{
float:left;
background-color:#F79646;
width: 920px;
height:700px; 
margin:5px 0px 5px 30px;
}


div#contentF-2011{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#F79646;
width:950px;
height:750px; 
}

div#fotocontainer-2011{
float:left;
background-color:#F79646;
width: 920px;
height:700px; 
margin:5px 0px 5px 30px;
}


div#contentF-2012{
float:left;
text-align:justify;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#F79646;
width:950px;
height:750px; 
}

div#fotocontainer-2012{
float:left;
background-color:#F79646;
width: 920px;
height:700px; 
margin:5px 0px 5px 30px;
}


div#fotocontainer-2014{
float:left;
background-color:#F79646;
width: 920px;
height:700px; 
margin:5px 0px 5px 30px;
}




H1     { color: #990033; font-family: arial; font-size:24px; }
.paragraaftitel { color: #990033;  }
.speciaal       { font-style: italic; }
.speciaal1      { font-style: italic; }

H2    { color: #990033; background: #; font-family: arial; font-size: 20px; }
.paragraaftitel { color: #990033;  }
.speciaal       { font-style: italic; }
.speciaal1      { font-style: italic; }


H3     { color: #990033; font-family: arial; font-size: 18px; }
.paragraaftitel { color: #990033; }
.speciaal      {  color: #00FFFF; font-family: arial; font-size:18px;}
.speciaalred   {  color: #CC0000; font-family: arial; font-size:18px;}
.speciaal1      { font-style: italic; }

H4     { color: #990033; font-family: arial; font-size: 16px; }
.speciaal       {  color: #00FFFF; font-family: arial; font-size: 16px;}
.speciaal1     { color: #000099; font-family: arial; font-size: 16px; }

H5     { color: #990033; font-family: arial;font-size: 14px; }
.paragraaftitel { color: #990033;  }
.speciaal       { font-style: italic; }
.speciaal1      { font-style: italic; }


 #navhorf, #navhorf ul, #navhorf ul ul{
list-style: none;
padding:2px 0 0 0;
margin:1px 0px 0px 0px;
list-style: none;
font-family:Cambria,arial,times new roman,Trebuchet MS,comic sans ms, verdana, helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}
/* als je verander gebeurd er ... dit is inline hoe breder, passen ze naast elkaar 3 x 180 + 10 ertussen bdzis 600*/
#navhorf{
width:950px;
margin:0px 0px 0px 5px;
}

#navhorf li{
float: left;
width:125px;
margin: 0 5px 0 0;
}
/* op de a float left en dan display block is allemaal even breed*/
#navhorf a{
display:block;
text-decoration: none;
padding: 3px 3px 3px 3px;
margin: 0px;
height: 30px;
width: 125px;
}

#navhorf a:link, #navhorf a:visited{
background: #990033;
border: 1px solid #990033;
color: #F79646;
text-align:left;
padding: 3px 3px 3px 5px;
height: 30px;
width:125px;
}

#navhorf a:hover, #navhorfa:active{
background: #FF8C00;
border: 1px solid #FF8C00;
color: #FFFFFF;
text-decoration: none;
text-align:left;
padding: 3px 3px 3px 5px;
width:125px;
height: 30px;
}