/*algemeen*/
html,
body
{
  width:100%;
  height:100%;
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS";
  font-size: 11px;
  color: #2D2D2D;
  background-color: #F4F4F7;
  border: none;
  text-align: center;
}

img
{
  border:0px;
}

#page {
   background-color:#FFF; 
   width: 800px;
   height: 900px;
   text-align: left;
   line-height: 13px;
   padding: 0px;
   margin: 0px auto 0px auto;
   position:relative;     
}


a{
text-decoration:none;
color:#a85f01;
}

a:hover{
text-decoration:underline;
color:#a85f01;
}

a:visited{
color:#a85f01;
}

div.menu_entry a  {
color: #2D2D2D;
text-decoration:none;
}
div.menu_entry a:hover {
text-decoration:underline;
}


div#bg_wit a  {
color: #2D2D2D;
text-decoration:none;
}
div#bg_wit a:hover {
text-decoration:underline;
}

div#bg_blauw a  {
color: #EBD0B6;
text-decoration:none;
}
div#bg_blauw a:hover {
text-decoration:underline;
}


/*header*/
#header
{
	width:800px;
	height:174px;
	float:left;
	margin:0px;
	padding:0px;
	/*clear:both;*/
}

#header_links {
      position: absolute;
	  margin:0px !important;
	  padding:0px !important;
	  width:107px;
	  height:174px;
	  /*overflow: hidden;
	  clear:both;*/
	  
	  
}

#header_rechts {
      margin:0px !important;
	  padding:0px !important;
	  width: 693px;
	  height:141px;
	  float:right;
	  /*overflow: hidden;
	  clear:both;*/
	
	  
}


#path
{
	  margin-left:23px;
	  padding-top:0px;
	  font-size: 10px;
}

/*menu*/
#menu
{
  	width:100px;
	height:100px;
	position:absolute;
	left:5px;
	top:202px;
	background-color:#E5E5EB;
}

.menu_entry {
      margin-top:3px;
      clear:left;
	/*background-color:#E5E5EB;*/
	  padding-left:2px;
	  height:17px;
	  width:100%;
}

#content
{
  	position:absolute;
	left:125px;
	top:202px;
	width:680px;
	margin:0px;
	padding:0px;
}

#titel
{
	font-size:14px;
	float:left;
	margin:0px;
	margin-left:131px;
	height:12px;
	text-align:left;
}

#bg_1{	
	  font-size: 11px;
	  float:left; 
	  width:250px;
	  height:250px;
	  background-color:#ffffff;
	  margin:16px 0px 0px 27px;
}

#bg_2{
      float:left; 
	  width:250px;
	  height:250px;
	  background-color:#ffffff;
	  margin-top:16px;
	  margin-left:8px;
}

#bg_3{
      float:left; 
	  width:250px;
	  height:250px;
	  background-color:#ffffff;
	  margin-top:8px;
	  margin-left:27px;
}

#bg_4{	
	  font-size: 11px;
	  float:left; 
	  width:250px;
	  height:250px;
	  background-color:#ffffff;
	  margin:8px 0px 0px 8px;
}

#bg_txt_1{	
	position:absolute;
	top:5px;
	left:5px;
	width:280px;
	height:230px;
}

#bg_img_2{
    position:absolute;
	top:0px;
	left:335px;
}

#bg_txt_3
{
	position:absolute;
	top:250px;
	left:5px;
	width:280px;
	height:230px;
}

#bg_img_3
{
	position:absolute;
	top:260px;
	left:0px;
}

#bg_img_3_index
{
	position:absolute;
	top:290px;
	left:5px;
}

#bg_txt_4_index
{
	position:absolute;
	top:290px;
	left:340px;
	width:280px;
}

#bg_txt_4
{
	
}

#bg_img_4
{
	position:absolute;
	top:260px;
	left:335px;
}

#adres
{

    width:100px;
    height:100px;
	float:left;
	background-color:#E5E5EB;
	/*margin-top:25px;*/
	margin-left:25px;
	font-size:10px;
}

#adres_projecten
{

    width:100px;
    height:100px;
	background-color:#E5E5EB;
	position:absolute;
	top:424px;
	left:555px;
	font-size:10px;
}

#adres_frontpage
{

    width:100px;
    height:100px;
	background-color:#E5E5EB;
	position:absolute;
	top:550px;
	left:555px;
	font-size:10px;
}

#adres_about
{

    width:100px;
    height:100px;
	background-color:#E5E5EB;
	position:absolute;
	top:500px;
	left:555px;
	font-size:10px;
}

#adres_producten
{

    width:100px;
    height:100px;
	background-color:#E5E5EB;
	position:absolute;
	top:520px;
	left:555px;
	font-size:10px;
}

#adres_contact
{
    width:100px;
    height:100px;
	background-color:#E5E5EB;
	position:absolute;
	top:250px;
	left:555px;
	font-size:10px;
}

#tekst{	
	  font-size: 11px;
	  float:left; 
	  width:508px;
	  height:508px;
	  background-color:#999999;
	  margin:16px 0px 0px 27px;
}

.project
{
  width:508px;
  padding:0px;
  margin:0px;
}

.project_txt
{
  	margin:0px;
  	padding:0px;
	float:left; 
	width:258px;
}

.project_txt p
{
  	margin: 5px 5px 5px 5px;
}

.project_thumbs
{
	margin:0px;
  	padding:0px;
	float:left; 
	width:250px;
}

.project_thumb
{
  margin-left:0px;
  margin-right:8px;
  margin-top:8px;
  margin-bottom:0px;
  float:left;
  padding:0px;
  border:0px;
  height:40px;
  width:40px;
  cursor:hand;
}




/*.zwart {
 color: #000;
}

img {border:0px;}

td {vertical-align:top;}
*/

/* Projecten scroller */

div.scrollContainer{
    font-size: 11px;
	float:left;
	margin:16px 0px 0px 27px; 
  	width:524px;
  	height:508px;
  	padding:0px;
	z-index:10;
}		
		
div.scrollField{
	width:508px;
  	margin:0px;
	padding:0px
}
div.scrollContainer,
div.scrollField,
div.scrollBarV{
	height:508px;
}

div.scrollContainer div.buttonDown{
	top:493px;
}

div.scrollContainer{
	position:relative;
	z-index:400;
}
div.scrollField{
	/*position:relative;*/
	position:absolute;
	overflow:hidden;
}
div.scrollContent{
	position:absolute;
	top:0px;
	left:0px;
}
div.scrollBarV{
	position:absolute;
	top:0px;
	left: 508px; 
	width:15px;
	background:transparent url(/images/arrows/scroll_base_vertical.gif) repeat-y center center;
	visibility: visible;
}
div.scrollContainer div.buttonUp,
div.scrollContainer div.buttonDown{
	position:absolute;
	width:15px;
	height:16px;
	font-size:1px;
}
div.scrollContainer div.sliderV{
	position:absolute;
	top:0px;
	left:0px;
	width:15px;
	height:9px;
		
	background:transparent url(/images/arrows/scroll_slider_vertical.gif) repeat-y center center;		
	font-size:1px;
}

/*Project preview box*/
#project_preview
{
 position:absolute;
 left:258px;
 top:16px;
 width:250px; 
 z-index:600;
 visibility:hidden;
}
#project_preview_linkjes
{
 width:100%;
 background-color:#E5E5EB; 
}