body {
  background-color: #CCCCCC;
  text-align:center; 
  margin:0 auto;
  min-height: 1000px;
  margin-top: 0px;
}



div#header{ 
  background: #006600;
  width: 1000px;
  border: none;
  margin-bottom: 7px;
  height: 160px;
  background-image:url(foto%202008/weghalen_populier_8.JPG);
  background-repeat:repeat-x;
    
}

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

div#content1{ 
	width: 1000px;
}

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

#content a:hover {
  color: #000000;
  text-decoration: underline;
  color: FFFFFF;
}

#content a:visited {
}

div#linkmap{ 
}

#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;
 	}

IMG {
    border: 1px solid #000000;
    margin-right: 5px;
}

span.fotoklein{
	padding: 0px 10px 0px 10px;
	
}




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

span.fotovoor a:hover{
   color: #000000;
}

span.fotovoor a{
   color: yellow;
   border: none;
   text-decoration: none;
}

span.fotogroot{
   float: left;
   padding: 10px 10px 10px 10px;
}



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

span.terug {font-size: 25px;
             width: 70px;
	     height: 30px;
             color: #33cc33;
             background-color: #555555;
	     text-align: center;
}

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: 13px;
           color: yellow;
}

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;
}


span.footer {font-family: arial;
             text-align: center;
             font-size: 12px; 
             color: yellow; 
             padding: 5px 20px;
             width: 1000px;
             background-color: #004200;
}

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

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

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;
    width: 750px;
    padding: 5px 25px 5px 25px;
    margin-bottom: 10px;
}

span.fototekst {
    font-family: arial;
    font-size: 13px;
    color: yellow;
    width: 160px;
    padding: 5px;
    text-align: left;
}

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: #000000;
           font-weight: bold;
           text-align: center; 
           width: 100%;
	   border-bottom: 1px solid #000000;
	   background-color: #888888;
	   padding: 5px 0px;
}


h2 {
  float:left;
  width:100%;
  text-align:center;
  margin:10px;
  padding:10px;
  border:1px solid black;
  background:#006000;
  font-family: arial; 
  font-size: 18px;
  color: yellow;
}

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 {
  float:left;
  margin: 2px; 
  padding: 0px;
  border:1px solid black;
  background: #006600;
  
}

.bv {
  width:100%;
  text-align:left;
  padding:5px;
  background-color:#008000;
  border:1px solid black; 
  font-size:14px;
}

.bv1 {
  float:left;
  margin:10px;
  padding: 5px 15px 5px 15px;
  border:1px solid black;
  background: black;
  font-family: arial;
  font-size: 20px;
  color: yellow;
}

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%;
}



	
	
	/* 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;
border-bottom: 0px solid #424242; /*bottom horizontal line that runs beneath tabs*/
}

#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;
margin: 2px;
padding: 7px 8px; /*padding inside each tab*/
border-right: 2px; /*right divider between tabs*/
color: yellow;
font-weight: bold;
background: #424242; /*background of tabs (default state)*/
}

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

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