body {
  background-color: #8cd600 ;
  /*background-image: url(http://www.bosboomverzorging.nl/achtergrond1.png);*/
  text-align: center; 
  margin:0 auto;
  margin-top: 20px;
  width: 1000px;
}

div#header{ 
  width: 960px;
  border: none;
  height: 170px;
  margin: 5px 20px 4px 20px;
  background-color: #FFFFFF;
}

.transparant {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  background-color: #000000;
  width: 750px;
  margin: 0px 0px 0px 140px;
}

.bostitel {
        font-size: 70px;
        font-family: arial; 
 	font-weight: bold; 
        color: #8cd600;
        text-shadow: 0.07em 0.07em #000000;
}

#menu{	
  background-color: #003300;
  width: 1000px;
  margin-bottom: 5px;
  padding: 5px 0px;
}

div#content{
  background-image: url(http://www.bosboomverzorging.nl/achtergrond2.png); 
  background-repeat: repeat-x;
  border: none;
  width: 1000px;
  text-align: left;
  padding: 10px 0px;
}

#tekstrechts{
	float: right;
	width: 260px;
	background-color: #006600;
	height: 400px;
	margin-top: 5px;
}

#tekstlinks{
	float: left;
	width: 500px;
	margin: 5px 0px;
	background-color: #006600;
	height: 400px;
	padding: 0px;
}

#tekstmidden{
	float: left;
	width: 220px;
	margin: 5px 10px;
	background-color: #006600;
	height: 400px;
	padding: 0px;
}

#tekstfoto{
	margin: 5px 0px;
	width: 1000px;
	color: yellow;
	font-family: arial;
	font-size: 12px;
}

#tekstproject{
	float: left;
	width: 530px;
	background-color: #006600;
	height: 150px;
	padding: 10px;
        color: yellow;
	font-family: arial;
	font-size: 12px;
	margin-right: 10px;
}

div#middenfoto{
	text-align: center;
}

#content1{ 
	text-align: center;
	font-size: 25px;
        width: 984px;
	height: 40px;
        padding: 8px 15px;
}

#content1 a{
	background-color: #003300;
	color: yellow;
}

#content1 a:hover{
	background-color: yellow;
	color: #003300;
}

#content1 a:visited{
	background-color: #003300;
	color: yellow;
}

#wb{
	color: #FFFFFF;
	font-family: arial;
	font-size: 10px;
	text-align: center;
}

#wb a{
	color: #FFFFFF;
	font-family: arial;
	font-size: 10px;
}

#links{
	float: left;
	width: 980px;
	margin: 5px;
	background-color: #006600;
	height: 450px;
	color: yellow;
}

#contact{
	font-family: arial;
	font-size: 12px;
	width: 750px;
	margin: 0px 15px;
	background-color: #006600;
	color: yellow;
	padding: 15px;
}

a.zoeklinks{
	display: inline-block;
	height: 40px;
	width: 90px;
	padding: 10px;

}

img.left { 
	float: left;
	margin: 0.5em 1em 1em 0; 
	border: 1px solid #999;
	clear: left;
} 

img.right { float: right;
	margin: 0.5em 0 1em 1em;
	border: 1px solid #999;	
	clear: right;
}


.fotovoor{
   float: left;
   width: 188px;
   height: 320px;
   margin: 5px 15px 0px 0px;
   text-align: left;
   background-color: #006600;	
}

.fotovoor a{
   width: 188px;
   height: 320px;
   background-color: #006600;	
   color: #ffffff;
   text-decoration: none;
}

.fotovoor a:hover{
   display: block;
   background-color: #003300;
   color: #ffffff;
   width: 170px;
   height: 100px;
}

.fotovoorrechts{
   float: right;
   width: 185px;
   height: 320px;
   margin: 5px 0px 0px 0px;
   text-align: left;
   background-color: #006600;
}	

.fotovoorrechts a{
   background-color: #006600;
   color: #ffffff;
   text-decoration: none;
}

.fotovoorrechts a:hover{
   background-color: #003300;
   color: #ffffff;
}


div#linkmap{ 
  width: 700px;
  height: 1000px;
  background-color: #006600;
  margin: 0px 20px;
}

#linkmap a {
  text-decoration: none;
  color: yellow;
 }

#linkmap a:hover {
  background-color: #009900;
  width: 100%;
  margin-bottom: 0px;
}

#linkmap a:visited {
   color: yellow;
}

span.fotolijst{
	float: left;
 	background: url(schaduw.PNG) no-repeat bottom right !important;
 	background: url(schaduw.GIF) no-repeat bottom right;
 	margin: 10px 7px 0 10px !important;
 	margin: 10px 7px 0 10px;
	}

span.fotolijst img{
 	display: block;
 	position: relative;
 	background-color: #FFFFFF;
 	border: 2px solid #FFFFFF;
 	margin: -3px 5px 5px -3px;
 	padding: 2px;
 	}


div.fotolijst{
	float: left;
 	background: url(schaduw.PNG) no-repeat bottom right !important;
 	background: url(schaduw.GIF) no-repeat bottom right;
 	margin: 10px 7px 0 10px !important;
 	margin: 10px 7px 0 10px;
	}

div.fotolijst img{
 	display: block;
 	position: relative;
 	background-color: #FFFFFF;
 	border: 1px solid #000000;
 	margin: -3px 5px 5px -3px;
 	padding: 2px;
 	}

span.fotoklein{
	margin: 0px 20px 20px 0px;
	padding: 3px;
	display: inline-block;
}




span.fotovoor{
   float: left;
   width: 175px;
   height: 320px;
   margin: 0px 10px;
   border: 1px solid #003300;
   text-align: center;
   background-color: #006600;
}

span.style1 {font-size: 75px;
             color: #33cc33;
             text-indent: 40px; 
}

span.terug {
	text-align: center;
	font-size: 25px;
	height: 40px;
        padding: 15px;
	background-color: #003300;
	color: yellow;
	text-decoration: none;
}

span.nieuw {float: left;
            font-family: arial;
            font-size: 16px; 
            color: red;
            width: 200px;
            background: yellow; 
            letter-spacing: 3px; 
            text-align: center; 
            padding: 2px 20px;
}

span.main {font-family: arial;
           font-size: 12px;
           color: #ffffff;
}

#media {
	font-family: arial;
        font-size: 12px;
        color: yellow;
	height: 150px;
	vertical-align: middle;
}


#footer {font-family: arial;
	     width: 1000px;
             text-align: center;
             font-size: 12px; 
             color: yellow; 
             padding: 5px 0px;
             background-color: #003300;
	     margin: 10px 0px;
}

span.link{
        text-align: left;
        font-family: arial;
        font-size: 12px;
        margin-left: 2px;
        padding: 2px 20px;
        width: 200px;
        color: yellow; 
}   

span.linktekst {
    text-align: left;
    font-family: arial;
    font-size: 12px;
    padding: 2px 20px;
    color: yellow;
    width: 500px;
    margin-left: 20px;
}   

span.style3 {font-family: arial; font-size: 35px; color: black; }
span.advtekst {font-family: arial; font-size: 13px; color: black; }

span.tekst {
    font-family: arial;
    font-size: 13px;
    color: yellow;
    padding: 10px;
}

span.fototekst {
    font-family: arial;
    font-size: 12px;
    color: yellow;
    margin: 10px;
    width: 160px;
}

blockquote {
    font-family: arial;
    font-size: 12px;
    color: #ffffff;
    width: 160px;
    margin: 10px 8px;
}

span.sitemap {
   float: left;
   font-family: arial;
   font-size: 13px;
   color: yellow;
   width: 190px;
   height: 250px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #777777;
   margin: 4px;
}

span.sitemapkop {
   float: left;
   font-family: arial;
   font-size: 13px;
   color: black;
   width: 190px;
   height: 100%;
   padding: 0px;
   border: 1px solid #777777;
   margin: 2px;
}
span.titel {float:left;width:97%;text-align:center;margin:10px;padding:10px;border:1px solid black;background:#33cc33;font-family: arial; font-size: 35px; color: black;}



h1 {
  	font-family: arial;
        font-size: 16px;
        color: yellow;
        text-align: center; 
	border-bottom: 1px solid #000000;
	/*background-color: #888888;*/
	background-color: #003300;
	line-height: 20px;
	padding: 7px 0px;
	margin: 0px 0px 5px 0px;
}

span.subtitel {
	   font-family: arial;
           font-size: 16px;
           color: #000000;
           font-weight: bold;
           text-align: center; 
           width: 175px;
           padding: 5px;
	   border-bottom: 1px solid #000000;
	   background-color: #888888;
	   margin-bottom: 5px;
}


h2 {
  font-family: arial;
           font-size: 16px;
           color: #000000;
           font-weight: bold;
           text-align: center; 
           width: 175px;
           padding: 5px;
	   border-bottom: 1px solid #000000;
	   background-color: #888888;
	   margin-bottom: 5px;
}

h3 {
  float:left;
  width:97%;
  text-align:center;
  margin:10px;
  padding:10px;
  border:1px solid black;
  background:#006600;
  font-family: arial; 
  font-size: 20px;
  color: black;
}

h4 {
  float:left;
  width:97%;
  text-align:center;
  margin:10px;
  padding:10px;
  border:1px solid black;
  background:#006600;
  font-family: arial; 
  font-size: 13px;
  color: yellow;
}

p {
  border: none;
  margin: 0px 8px;
  text-align:left;
}

ul {list-style-type: none; 
   list-style: url("vierkant.GIF");
   padding: 0px 5px;
   margin-left: 30px;
}
   

li {list-style: url("streepje.GIF") outside;
   background-repeat: no-repeat; 
   padding: 0px 5px;} 

hr {height: 0px;
    border: 0px;
    border-top: 1px solid black;
    width: 100%;
}

TD {
    /*width: 200px;*/
    padding: 5px 20px;
    color: yellow;
    background-color: #003300;
}

td a{
    color: yellow;
    text-decoration: none
}

td a:hover{
    background-color: #009900;
    color: #003300;
    width: 200px;
}

	
	
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:160px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:480px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:480px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:1px solid black;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:2px solid black;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	

#mattblacktabs{
width: 1000px;
overflow: hidden;
background-color: #003300;
}

#mattblacktabs ul{
margin: 0px;
padding: 0px;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: 12px Verdana;
list-style-type: none;
}

#mattblacktabs li{
display: inline;
margin: 0px;
}

#mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
border-right: 3px solid #003300;
padding: 12px 8px; /*padding inside each tab*/
color: yellow;
background: #006600; /*background of tabs (default state)*/
}

#mattblacktabs li a:visited{
background: #006600;
}



#mattblacktabs li a:hover {
background: #009900; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #000000;
}

#mattblacktabs li a:active{
background: #009900;
}