/* --------------------------- GENERAL LAYOUT ------------------------------ */

.clear{clear:both;}

fieldset 
{
  padding: 5px;  
  text-align: left;
  border:1px solid white;
}
label 
{
  float:left;
  width:100px;
  margin-right:5px;
  padding-top:5px;
  text-align:left;
  font-weight:bold;   
}

legend 
{
  padding: 0.2em 0.5em;
  border:1px solid white;
  color:white;
  font-size: 14px;
  text-align:right;
  background: #518384;  
}

body
{
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;
  text-align: center;  
  height: 100%;
}

h3
{
   width: auto;
   border: 1px solid white;
   background: #508182;
   padding: 5px;
   font-size: 14px;
}

ul 
{
 list-style-image: url('gfx/act_red.jpg') 
}

.smallfont
{
  font-size: 10px;
}

.smallfont_left
{
  font-size: 10px;
  text-align: left;
}
.page_container
{  
  margin: 0 auto;
  width: 795px;  
}

.page_container a:link{
color: #90594B;
text-decoration: none;
font-weight: bold; 
font-family: Arial;
}

.page_container a:visited{
color: #90594B;
text-decoration: none;
font-weight: bold; 
font-family: Arial;
}

.page_container a:hover{
color: #90594B;
text-decoration: underline;
font-family: Arial;
}

.page_content
{     
  height: 100%;
  font-family: Arial;
  text-align: left;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 5px;
  background: url('gfx/page_bg.jpg');
}

.page_top
{
 float: left;
 width: 795px;
 height: 20px;
 background: url('gfx/page_top.jpg');
}

.member_side1
{
  float: left;  
  left: 550px;
  width: 214px;
  height: 311px;
  background: url('gfx/member_side.jpg');    
}

.member_side2
{        
  float: left;  
  left: 550px;  
  width: 214px;
  height: 305px;
  background: url('gfx/member_side2.jpg');  
}

.page_bottom
{
 float: left;
 width: 795px;
 height: 22px;
 background: url('gfx/page_bottom.jpg');
}

.halfpage
{ 
  position: relative;
  text-align: left;
  top: 0px;
  float: right;  
  width: 350px;  
}

#about
{
  position: relative;
  width: 357px;
  height: 555px;
  background: url('gfx/about.jpg') no-repeat center top;
}

a:link{
color: #ffffff;
text-decoration: none;
font-family: Arial;
}

a:visited{
color: #ffffff;
text-decoration: none;
font-family: Arial;
}

a:hover{
color: #ffffff;
text-decoration: underline;
font-family: Arial;
}





/* ------------------------------ NAVIGATION -------------------------------- */


#nav
{
  margin: 0 auto;
  width: 795px;
  height: 327px;
  text-align: left;
}


/* ------------------------ NAV_HOME ------------------------ */



#nav_home
{  
  position: absolute;        
}

#home_header
{
  position: relative;
  background-image: url('gfx/header.jpg');
  height: 239px;
  width: 795px;
}

#home_container
{
  position: relative;  
}

#home_member
{
  position: absolute;
  float: left;
  left: 0;
  background-image: url('gfx/member.jpg');
  width: 268px;
  height: 88px;    
}

#home_act
{
  position: absolute;
  float: left; 
  left: 268px;
  background-image: url('gfx/act.jpg');
  width: 258px;
  height: 88px;  

}

#home_contact
{
  position: absolute;
  float: left;
  left: 526px;
  background-image: url('gfx/contact.jpg');
  width: 269px;
  height: 88px;  
}



/* -------------------------- NAV_MEMBER ----------------------- */

#nav_member
{  
  position: absolute;
  width: 795px;
  height: 327px;
}

#member_content
{
  position: relative;
  float: right;
  top: 130px;
  right: 250px;
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  color: white;
}

#member_header
{
  position: relative;
  background-image: url('gfx/header_member.jpg');
  height: 239px;
  width: 795px;
}

#member_button
{
  position: absolute;
  float: left;
  left: 0;
  background-image: url('gfx/member_over.jpg');
  width: 268px;
  height: 88px;  
  
}



/* ------------------------- NAV_ACT ---------------------- */

#nav_act
{  
  position: absolute;
  width: 795px;
  height: 327px;
}

#act_content
{
  position: relative;
  float: right;
  top: 130px;
  right: 150px;
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  color: white;
}

#act_header
{
  position: relative;
  background-image: url('gfx/header_act.jpg');
  height: 239px;
  width: 795px;
}

#act_button
{
  position: absolute;
  float: left;
  left:268px;
  background-image: url('gfx/act_over.jpg');
  width: 258px;
  height: 88px; 
}


/* ----------------------- NAV_CONTACT --------------------- */

#nav_contact
{  
  position: absolute;
  width: 795px;
  height: 327px;
}


#contact_content 
{
  position: relative;
  height: 150px;
  width: 220px;
  float: right;
  top: 80px;
  right: 30px;
  text-align: left;
  font-family: Arial;
  font-size: 10px;
  color: white;   
}

#contact_success
{
  position: relative;
  height: 50px;
  width: 150px;
  float: right;  
  top: 80px;
  bottom: 0px;
  right: 50px;
  text-align: center;
  font-family: Arial;
  font-size: 10px;
  color: white;
  background  : url('gfx/webdev-ok-48x48.png') no-repeat center;
}

#txtfield
{
  background-color: #81A5A5;
  border: 1px solid white;
  height: 10px;  
  font-size: 10px;
  color: white;
}

#contact_content .submit input
{
  height: 20px;
  border:none;
}

#contact_content textarea
{
  background-color: #81A5A5;
  border: 1px solid white;
  font-size: 12px;
  color: white;
  
}

#contact_header
{
  position: relative;
  background-image: url('gfx/header_contact.jpg');
  height: 239px;
  width: 795px;
}

#contact_button
{
  position: absolute;
  float: left;
  left:526px;
  background-image: url('gfx/contact_over.jpg');
  width: 269px;
  height: 88px; 
}

#contact_submit
{
    background: url('gfx/verzenden.jpg') no-repeat left top;
	border: none;
    height: 17px;
    width: 72px;
}






/* --------------------------- HOME LAYOUT ------------------------ */

#home
{
  margin: 0 auto;
  text-align: left;
  height: 291px;
  width: 795px;
}



/* ----------------- HOME TABS ---------------- */

#tab_geniet
{
  float: left;
  left: 0px;
  width: 171px;
  height: 40px;
  background-image: url('gfx/tab_geniet.jpg');  
}

#tab_geniet_over
{
  float: left;
  left: 0px;
  width: 171px;
  height: 40px;
  background-image: url('gfx/tab_geniet_over.jpg');
}

#tab_ontdek
{
  float: left;
  left: 171px;
  width: 132px;
  height: 40px;
  background-image: url('gfx/tab_ontdek.jpg');
}

#tab_ontdek_over
{
  float: left;
  left: 171px;
  width: 132px;
  height: 40px;
  background-image: url('gfx/tab_ontdek_over.jpg');
}

#tab_beleef
{
  float: left;
  left: 303px;
  width: 132px;
  height: 40px;
  background-image: url('gfx/tab_beleef.jpg');
}


#tab_beleef_over
{
  float: left;
  left: 303px;
  width: 132px;
  height: 40px;
  background-image: url('gfx/tab_beleef_over.jpg');
}

#tab_spacer
{
  float: left;
  left: 435px;
  width: 153px;
  height: 40px;
  background-image: url('gfx/tab_spacer.jpg');
}

#nav_map
{

}

/* ----------------- HOME CONTAINERS ---------------- */

#geniet
{
  
  position: absolute;  
  height: 291px;
  width: 588px;
}

#ontdek
{
  
  position: absolute;  
  height: 291px;
  width: 588px;
}

#beleef
{  
  position: absolute;
  height: 291px;
  width: 588px;
}

#bg
{  
  position: absolute;
  height: 291px;
  width: 588px;
}

#content_geniet
{
  float: left;
  left: 0px;
  top: 40px;
  width: 590px;
  height: 251px;
  background-image: url('gfx/geniet_bg.jpg');  
}

#geniet_text
{
  float: left;
  text-align: left;
  margin-left: 15px;
  margin-top: 5px;  
  width: 320px;
  height: 250px;    
}

#content_ontdek
{
  float: left;
  left: 0px;
  top: 40px;
  width: 590px;
  height: 251px;
  background-image: url('gfx/ontdek_bg.jpg');
}

#ontdek_text
{
  float: left;
  text-align: left;
  margin-left: 15px;
  margin-top: 5px;  
  width: 370px;
  height: 250px;    
}

#content_beleef
{
  float: left;
  left: 0px;
  top: 40px;
  width: 590px;
  height: 251px;
  background-image: url('gfx/beleef_bg.jpg');
}

#beleef_text
{
  float: right;  
  margin-right: 15px;
  margin-top: 5px;  
  width: 300px;
  height: 250px;      
}

#content_bg
{
  float: left;
  left: 0px;
  top: 40px;
  width: 590px;
  height: 251px;
  background-image: url('gfx/home_bg.jpg');
}

#home_activities
{
  position: relative;
  float: right;
  text-align: center;
  margin-right: 7px;
  width: 200px;
  height: 291px;
  background-image: url('gfx/act_bg.jpg');  
}

#activities
{
  margin: 30px 30px 30px 15px;    
}

/* --------------------------- EXTRA INFORMATIE LAYOUT ------------------------ */

.infotext
{
  position: relative;
}

#info_img1
{
  position: relative;
  float: right;
  height: 240px;
  width: 360px;
  background: url('gfx/info1.jpg');
}

#info_img2
{
  position: relative;
  float: left;
  height: 200px;
  width: 200px;
  background: url('gfx/info2.jpg');
}

#info_img3
{
  margin-top: 40px;
  position: relative;
  float: left;
  height: 340px;
  width: 270px;
  background: url('gfx/info3.jpg') no-repeat;
}

/* --------------------------- HET BESTUUR LAYOUT ------------------------ */

.boardmember
{  
  width: 287px;
  height: 102px;
  background: url('gfx/board_bg.jpg') no-repeat center center;  
}

.boardmember_text
{
  position: relative;
  padding: 15px;
  text-align: center;
}

/* -------------------------------- ACTIVITEITEN LAYOUT----------------------------- */

#acts
{
  float: left;
  width: 472px;    
}

#acts_top
{
  width: 472px;
  height: 30px;  
  background: url('gfx/activities_top.jpg');
}

#acts_content
{
  padding-left: 15px;
  width: 457px;  
  background: url('gfx/activities_bg.jpg');
}

.act_slide
{      
   width: 435px;  
}

.act_slide_contents
{         
   width: 433px;   
   background: #8FAFB0;
   border: 1px solid white;
}

.pointer
{
  cursor: pointer;
  cursor: hand;
}

#acts_content a:visited{
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-family: Arial;
}

#acts_content a:hover{
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-family: Arial;
}

#acts_content a:link{
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-family: Arial;
}

#acts_bottom
{
  width: 472px;
  height: 29px;  
  background: url('gfx/activities_bottom.jpg');
}


/* -------------------------------- FOOTER LAYOUT----------------------------- */

#footer a:link{
color: #90594B;
text-decoration: none;
font-family: Arial;
}

#footer a:visited{
color: #90594B;
text-decoration: none;
font-family: Arial;
}

#footer a:hover{
color: #90594B;
text-decoration: underline;
font-family: Arial;
}

#footer
{
  margin: 0 auto;
  width: 795px;
  height: 150px;
  text-align: left;  
  padding-left: 20px;   
  
}

#logo
{
  margin: 20px;
  margin-top: 30px;
  float: left;
  height: 150px;
  width: 100px;
  background: url('gfx/logo_small.jpg') no-repeat;
  cursor: pointer;
}

.pane
{  
  padding-top: 5px;
  float: right;  
  width: 210px;  
  color: #90594B;  
}

.pane_header
{
  padding-top: 10px;
  width: 225px;
  float: left;
  height: 25px;
  font-size: 14px;
  font-weight: bold;
}

.pane_text
{
  padding-left: 20px;  
  float: left;
  left: 40px;
  text-align: left;  
  font-size  : 10px;  
}