/* @override http://metstijl.localhost/css/master.css */

*{
	margin: 0;
	padding: 0;
	list-style: none;
		font-weight: normal;
		
}
body{
	background-color: #bbbbbb;	
	font-family: "Trebuchet MS";
	font-size: 62.5%;
	color: #000000; 
	width:100%;   
	height:100%;
}             
	html{
		 min-width:980px;

}
a{
	color: #000000;
	font-size: 1.2em;
	text-decoration:none;
		
	
}   
#content a{
	color: #ced41f;
}
p{	
	color: #404040;
	margin: 7px 0 7px 0;
	font-size: 1.2em;
	
	
}
h1{
	font-size: 3.0em;

	color: #151515;
}  
#top{  
 
height:74px; 
overflow:hidden;
background-color:#ffffff;
   padding-top:18px; 
width:100%;
}
#name{   
margin:40px 5px 0 0;
  float:right;

} 
#topcenter{
width:1060px;
margin:0 auto;
}
#logo{   
      float:left;
	background:url(/images/logo.gif);
	width:223px;
	height:64px; 
	margin-left:15px;
}  

h2{
	color: #404040;
}    
#nav ul li{
	float: left;
	margin:0 5px 0 0;
}
#nav{
	width: 710px; 
	padding-left:0px;
	
	margin: 0 auto;
}

#navbg{
	background:url(/images/bg_nav.gif) repeat-x;
	height:48px;
	padding:4px 0 0 0;
	width: 100%
	
	
}
#nav ul li a:hover{
	background-color:#ffffff;	

}
#nav ul .active{
	display:block;
	width:107px;
background-color:#ffffff;	
	
}   
            
#nav ul li a{   
     
	padding:10px 0 0 0;
	text-align:center;
	display:block;
	height:38px;
	width:107px;
	
	
}
#headerbg{   
       background-color: #404040;
	       width:100%;
	height:351px;
   
} 
#img8{
width:640px;
height:318px;
background-image: url(/images/header8.jpg);
}
#img1{
width:640px;
height:318px;
background-image: url(/images/header1.gif);
}
#img2{
width:640px;
height:318px;
background-image: url(/images/header2.gif);
}
#img3{
width:640px;
height:318px;
background-image: url(/images/header3.gif);
}
#img4{
width:640px;
height:318px;
background-image: url(/images/header4.gif);
} 
#img5{
width:640px;
height:318px;
background-image: url(/images/header5.jpg);
}
#img7{
width:640px;
height:318px;
background-image: url(/images/header7.jpg);
}
#adv{  
margin:80px 0 0 8px; 
float:left;
height:232px;
width:284px; 
background:url(/images/adv.gif);

} 
#padding{  

 


}  
#incent{         
          width:980px;
margin:0 auto 0 auto;

} 
#overflow{
  
width:977px;

   

}
#center3{ 
     padding-left:151px;   
      

         margin:0 auto 0 auto;
	  width: 879px;


}
#center{      

	  width: 1030px;
	margin:0 auto; 

}
#wrapper{
/*adjust*/
  width: 1030px; 

margin:0 auto 0 auto;
        overflow:hidden;
               height:100%;/*adj*/
   
}

   #main{
	width: 873px;
	margin:0 auto;
	overflow: hidden;
}

#header{ 

  float:left;
height: 339px;
	     width:663px;
padding:12px 0 0 22px;		


background: url(/images/bg_header.gif) no-repeat;
}




#titleblock{
	         
background:url(/images/bg_titleblock.gif) repeat-x;
}
#title{ 
	padding: 25px 25px 0 28px; 
	margin:0 0 0 152px;
background:url(/images/bg_title.gif) no-repeat;
	height:44px;
		width:632px;
		
}    
#container{

width:100%;
}
#contentbg{   
      clear:both; 
	overflow: hidden;
	height: 100%;
	background-color: #bbbbbb;
	
}
  #center2{
	float: left;
	width:685px;  
}

#content{    
position:relative;/*z-index fix */
          height:100%  ; /*adj*/
/*overflow:auto;*/
         float:left;  
width:625px; 
min-height:300px;
 height:auto !important;
 height:300px;


	padding: 5px 25px 30px 25px;
	background:url(/images/bg_content.png) repeat-y;
}

#footer{ 
    float:right;
width:878px;
	background:url(/images/bg_bottom.gif) no-repeat;
	height: 15px;
	margin:0 0 30px 0;
	padding:10px 0 0 0;
 
}
#footer p{        

   font-size:1.1em;
padding: 0 0 0 110px;
}
#footer p a{
color: #404040;
   font-size:1.0em;
}
#subnav ul li a{
color:#ffffff;  
 

}      
#subnav{
    
	float: left;
	
	margin:30px -3px 0 0;
	width: 160px;
	
}
#subnav ul li {
   color:#ffffff; 
margin-top:3px;
background:url(/images/icon_subnav.gif) no-repeat;
background-position:0 1px;
padding:0 0 0 10px;
}  
#subnav ul{  
padding:9px 20px 9px 9px; 
float:right;
background-color: #404040;  


}  
#contact a{
display:block;
width:35px;
height:264px;
}
#contact{

        margin:50px 0 0 -4px;
float:left;              
display:inline;
background-image: url(/images/bg_contact.gif);
width:35px;
height:264px;
}


 
/*FORM*/
#form p{
margin:0;
padding:0;
}


#pub{
/*tijdelijk*/

display:none;
}

form {  
  font:100% "Trebuchet MS";
  margin: 0;
  padding: 0;
  width: 450px; 
}
form fieldset {
 
border:none;
  margin:0;
  padding:10px 10px 10px 0px;
}
form label { 
	display: block;  
	float: left; 
	clear:left;
	padding: 0; 
	margin: 5px 0 0; 
	text-align: left; 
	width:200px;

}
form legend{
	font-family: "Trebuchet MS";
	font-size:1.4em;
	line-height:22px;
	text-transform: uppercase;
	margin:15px 0 5px 0;
	color:#069ac6;
	/*2596b2*/
	font-weight:bold;
}
form input { 
height:20px;
margin-left:0px;
float:left;
}
form textarea { 
height:180px;
margin-top:5px;
width:424px;     
}


textarea { 
overflow: auto; }


form br {
	clear:left; 
}


#bericht label{
text-align:left;
width:100%;

}
#informatie label{
width: 200px; 


}
#informatie input{
float:left;
}
#content form fieldset p{
margin:0;
padding:0;


}

#content form p,#bericht{
font:100% "Trebuchet MS";
font-weight:bold;
}
.persoonsg input,.bericht input,#informatie input{
	margin-top:3px;
	width:202px;
	border: #CCC 1px solid;
	color: #333333;
}


.submit input{
width:139px;
height:20px;
}
#contact label{
width:100px;
}
/*END FORM*/