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

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

#header_container{
  padding: 0;
  margin: 0;
  width: 960px;
  height: 15px;
  background-color:#FF8C00;
}

#headerI_container{
  padding: 0;
  margin: 0;
  width: 960px;
  background: url('home/headerI.jpg') no-repeat top center; 
  height:340px;
  background-color:#F79646;
}
 


#headertekst{
  float: left;
  width: 670px;
  height:80px;
  background: url('home/headertekstindex.jpg') no-repeat top center; 
  margin:10px 0px 10px 0px;
}

#linken_container{
  padding: 0;
  margin: 0;
  float: left;
  width: 290px;
  height:800px;
  border-width:0px;
  border-style: solid;
  border-color:#FF8C00;
}
#link{
  padding: 0;
  margin: 0;
  background: url('home/fotoindex.png') no-repeat top center;
  float: left;
  width: 290px;
  height:600px;
  border-width:0px;
  border-style: solid;
  border-color:#00FF00;
}
  
#contentI_container{
  padding:0;
  margin:0px 0px 0px 0px;
  float: left;
  width:960px;
  height:900px;
  background-color:#F79646;
  border-width:0px;
  border-style: solid;
  border-color:#FF8C00;
}


 #contentI{
  margin:0px 0px 0px 10px;
  float: left;
  width:950px;
  height:700px;
  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; 
}


#indexfoto{
  margin:5px 0px 0px 0px;
  float: left;
  width:900px;
  height:570px;
  background: url('home/indexfoto.jpg') no-repeat top center;
  border-width:0px;
  border-style: solid;
  border-color:#F79646;
  text-align:center;
}
  
/* indexfoto stond op 690 nu 590*/


  
div#indexsponsorkliks{
float:left;
background-color:#FCD5B5;
margin:0px 0px 0px 0px;
width:450px;
height:240px; 
}

a#linkSP{
  float:left;
  margin:0px 0px 0px 40px;  
  width: 390px;
  height:216px;
  background: url('home/sponsorkliks-home.jpg') no-repeat top center;
}

a#linkSP:hover {
  background: url('home/sponsorkliks-home.jpg') no-repeat top center;
}
  
 

 div#indexfilm{
float:left;
background-color:#FCD5B5;
margin:0px 0px 0px 0px;
width:500px;
height:240px; 
}

a#linkfilm{
  float:left;
  margin:0px 0px 0px 30px;  
  width: 330px;
  height:230px;
  background: url('home/film-home.jpg') no-repeat top center;
}

 
/* buttons */

a#indexinfo {
  float: left;
  margin:280px 0px 0px 141px;  
  width: 135px;
  height: 73px;
  background: url('home/bsinfo.png') no-repeat top center;
}

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


a#indexdoel{
  float: left;
  margin:0px 0px 0px 143px;  
  width: 135px;
  height: 73px;
  background: url('home/bsdoel.png') no-repeat top center;
}

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


a#indexwie{
  float: left; 
  margin:0px 0px 0px 141px;  
  width: 135px;
  height: 73px;
  background: url('home/bswie.png') no-repeat top center;
}

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


a#indexfoto {
  float: left;
  margin:0px 0px 0px 141px;  
  width: 135px;
  height :73px;
  background: url('home/bsfoto.png') no-repeat top center;
}

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



#footer_container{
clear:both;
width: 960px;
height: 100px;
text-align: center;
border-width:0px;
border-style: solid;
border-color:#FF0000;
background-color:#F79646;
}





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:Cambria,arial; font-size:18px;}
.speciaalred   {  color: #CC0000; font-family:Cambria,arial; font-size:18px;}
.speciaal1      { font-style: italic; }

H4     { color: #990033; font-family: Cambria,arial; font-size: 16px; }
.speciaal       {  color: #FF8C00; font-family:Cambria,arial; font-size: 16px;}
.speciaal1     { color: #000099; font-family:Cambria,arial; font-size: 16px; }

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


#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; margin:0; padding:0;}

#containerfoto {
 float:left;
 width:440px;
 height:352px;
 margin:0px 0px 0px 100px;
}

#featured {width:450px; float:left;}