body 
{
  margin :0;
  text-align:center;
  background-color:#F79646;
}

#main_container{
  margin: 0 auto;
  width: 960px;
  height:900px;
  text-align: left;
}

/* container boxen */


 #headercontact_container{
  width:960px;
  background: url('home/headercontact.jpg') no-repeat top center; 
  height: 340px;
  background-color:#F79646;
}

#contentcontact_container{
  padding:0;
  margin:0px 0px 0px 0px;
  float: left;
  width:960px;
  height:1400px;
  background-color:#F7964C;
  border-width:0px;
  border-style: solid;
  border-color:#FF8C00;
}


 #contentcontact{
  margin:0px 0px 0px 10px;
  float: left;
  width:572px;
  height:950px;
  background-color:#FCD5B5;
  border-width:0px;
  border-style: solid;
  border-color:#F79646;
  text-align:center;
  font-family:Cambria,arial,times new roman,Trebuchet MS,comic sans ms, verdana, helvetica, sans-serif;
  font-size:16px;
  color: #990033; 
}



 #bgcontentcontact{
  margin:0px 0px 0px 0px;
  float: left;
  width:378px;
  height:950px;
  background: url('home/bgcontact.jpg') no-repeat top center; 
  border-width:0px;
  border-style: solid;
  border-color:#F79646;
  text-align:center;
  font-family:Cambria,arial,times new roman,Trebuchet MS,comic sans ms, verdana, helvetica, sans-serif;
  font-size:16px;
  color: #990033; 
}




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


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

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


#contentinfo_container{
  padding: 0;
  margin: 0;
  float:left;
  background-color:#FF8C00;
  margin:0px 0px 0px 0px;
  width:670px;
  height:800px;
}


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


a#buttonafrika{
  float: left;
  margin:120px 0px 0px 0px;
  width: 275px;
  height:200px;
  background: url('home/buta.png') no-repeat top center;
}

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



div#boxinfo{
float:left;
text-align:left;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#FF8C00;
margin:20px 0px 5px 20px;
width: 650px;
height:130px; 
}


div#contact1{
  padding:0;
  margin:10px 0px 5px 70px;
  float: left;
  width:700px;
  height:420px;
  background-color:#FCD5B5;
  border-width:0px;
  border-style: solid;
  border-color:#F79646;
  text-align:left;
  font-family:Cambria,arial,times new roman,Trebuchet MS,comic sans ms, verdana, helvetica, sans-serif;
  font-size:16px;
  color: #990033;
}

form {float:left; width:65%;}
input, textarea {display:block;}
input:focus, textarea:focus{border:1px solid #fff; outline:0}
input, textarea {padding:8px 5px; margin:4px 0 15px 0; border-radius:5px; border:1px solid #133796;}
textarea {height:240px; margin-top:12px}
label, input, textarea {width:98%}
.red {border:1px solid red}

#submit {
  font-weight:bold;
  cursor:pointer; 
  background:#fff;
  border:1px solid #133796;
  border-radius:6px;
  box-shadow:0 3px 5px #133796;
  float:right; 
  padding:8px 12px; 
  margin:7px 0;
}
#submit:hover {color:#aaa;}

div#boxinfo2{
float:left;
text-align:left;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#FF8C00;
margin:10px 0px 5px 20px;
width: 650px;
height:160px; 
}


div#boxinfo3{
float:left;
text-align:left;
font-family:new times romans, arial, Trebuchet MS, verdana, helvetica, sans-serif;
font-size: 14px;
color : #990033;
background-color:#FF8C00;
margin:10px 0px 5px 20px;
width: 650px;
height:130px; 
}



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

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


H3  { color: #990033; font-family:Cambria, 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; }



#footer{
clear:both;
width: 960px;
height: 50px;
background-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:940px;
margin:0px 0px 0px 5px;
}

#navhor li{
float: left;
width:130px;
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: 130px;
}

#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:130px;
}

#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:130px;
height: 30px;
} 
  

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