#container{
 margin: 0 auto;
 padding: 0px;
 
 width: 1030px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 margin-bottom: 10px;
 background: #fff;
 border: 1px solid #ccc;
 border-top: 0px;
}

#header{
 margin: 0px;
 padding: 0px;
 

 /*background-image: url('../img/header.jpg');
 background-repeat: no-repeat;
 background-position: top center; 
 background-color: #fff;*/
 
 background: #212121;

}

#logo{
 width: 250px;
 margin: 0px;

 padding: 13px;
 float: left;
}

.websitename{ overflow: hidden; width: 0px; height: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; display: hidden; }

#headerbar{ 
 width: 550px;
 float: right;
 height: 100px;
}

#header h1{
 margin:20px;
 text-align: center;
 font-size: 50px;
 color: #fff;
}


#headerbanner{
 margin: 0px;
 padding: 0px;
 width: 730px;
 float: right;
 height: 60px;
 padding-top: 7px;
 position: absolute;
 top: 0px;
 left: 50%;
 margin-left: -220px;
}

#headerbanner li{
 margin: 0px;
 padding: 0px;
}

/* menu */

#menu{
 margin: 0px;
 padding: 0px;

 height: 26px;
 
 background: #222 ;

 background-image: url('../img/normal/menu1.gif');
 background-repeat: repeat-x;
 background-position: center center; 
 
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-radius: 0px 0px 5px 5px;
}
  
  #menu ul{
   margin: 0px; 
   padding: 0px;
  }
  
  #menu ul li{
   margin: 0px;
   padding: 0px;
   
   float: left;
   text-align: center;
   list-style-type: none;
  }
  
  #menu ul li a{
   font-family: trebuchet ms;
   font-size: 12px;
   letter-spacing: 1px;
	
   display: block;
   padding:  5px;
   color: #fff;
   
   padding-left: 12px;
   padding-right: 12px;
   margin-right: 0px;
   height: 16px;
   border-left: 1px solid #555;
   border-right: 1px solid #222;
  }
  
  #menu ul li a:hover{
   display: block;
   color: #fff;
   background-image: url('../img/normal/menu3.gif');
   background-repeat: repeat-x;
   background-position: center center; 
   
   -moz-border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;

  }
  
  #menu ul li.current_page_item a{ 
   color: #222; 
   background-image: url('../img/normal/menu2.gif');
   background-repeat: repeat-x;
   background-position: center center; 
   border-left: 1px solid #aaa;
   border-right: 1px solid #eee;
   -moz-border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
   font-weight: bold;
  }
  #menu ul li.current_page_item a:hover{
   color: #000;

  
  }
  #menu ul li.firstitem a{ 
   -moz-border-radius: 0px 5px 0px 4px;
   -webkit-border-radius: 0px 5px 0px 4px;
   border-left: 0px;
  }
  

  /* addon.suckerfish.css voor het dropdown gedeelte */

/* --------------------------------------------------------------------------*/

  
/* content */

#content{
 margin: 0px;
 padding: 0px;
 padding-bottom: 5px;
 margin-top: 10px;
 width: 900px;
/* border: 1px solid #00f;*/
}

a img{ border: 0px; }
img.left{ float: left; }
img.right{ float: right; }



/* --------------------------------------------------------------------------*/
#sitemap{
 margin: 0px;
 padding: 9px;

 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 background: #444;
 
 /*background-image: url('../img/verloop7.jpg'); background-repeat: repeat-x; background-attachment:fixed; background-position: bottom center;*/

 background-image: url('../img/normal/footerachtergrond_grijs.jpg');
 background-position: bottom center;
 background-repeat: repeat-x;

}

#sitemap a{ color: #90c25a;	}
#sitemap a:hover{ color: #eee;	}

  #sitemap ul{
   width: 150px;
   float: left;
   color: #000;	  
  }
  #sitemap ul li{
   list-style-type: none;  
   margin: 0px;
  }
  
  #sitemap ul li b{
   color: #888;
   font-weight: bold;
   display: block;
   padding: 0px;
   padding-top: 7px;
  }
  
#sitemap .tagcloud{
 height: 60px;
 overflow: hidden;
 padding: 10px;
 padding-right: 20px;
 padding-bottom: 0px;
 margin: 0px;
 text-align: justify;
 line-height: 13px;
}

#sitemap .tagcloud a{
 color: #777;	

}
#sitemap .tagcloud a:hover{
 color: #aaa;	
}

#sitemap .vmallinfo{
 width: 300px;
 float: right;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#sitemap .vmallinfo .vertline{
 width: 0px;
 height: 250px;
 border-left: 1px solid #222;
 border-right: 1px solid #666;
 float: left;
}

#sitemap .sitemap-info{
 font-size: 10px;
 margin-top: 13px;
 color: #666;
 text-align: justify;
 margin-right: 320px;
 margin-left: 350px;
}

#sitemap .sociallogo { opacity: 0.4; }
#sitemap .sociallogo:hover { opacity: 0.8; }
#sitemap .sociallogo img{ height: 20px; }

#sitemap .sitemap-info a{ color: #777; }
#sitemap .sitemap-info a:hover{ color: #999; }

#footer{

 margin: 0px;

 padding: 5px;
 
 text-align: center;
 
 background: #000;
}
#footer a{ color: #888; }
#footer a:hover{ color: #90c25a; } 
#footer p{ margin: 0px; padding: 0px; }
/*!!!!!!!!!! BETA!!!! */



/* BETABOX : weghalen op 1 september 2010*/

#betabox{
 /* visibility: hidden; */
 margin: 0px;
 padding: 0px;
 width: 200px;
 background: #222;

 position: fixed;
 top: 130px;
 left: -202px;
 
 border: 1px solid #fff;
 
 z-index: 500;

}

#betabox:hover{
 left: 0px;	
}

#betabox .label{
 float: right;
 width: 35px;
 height: 102px;
 background: #000;
 margin: 0px;
 margin-top: 10px;
 margin-right: -35px;
 background-image: url(../img/beta.jpg);
}

#betabox .betaform{
 padding: 10px;	
 color: #fff;
}

#betabox .betaform h2{
 color: #fff;
 
}

#betabox .betaform input, #betabox .betaform textarea{
 width: 168px;	
}

.verstopt{ overflow: hidden; height: 0px; width: 0px; visibility: hidden; position: absolute; top: 0px; left: 0px; }

/*
ul{ border: 1px solid #ff00ff; }
li{ border: 1px solid #00ff00; }*/
