/**
 * Esther de Lange Stylesheet
 * @version: $Id: site.css 401 2011-02-18 08:14:11Z rutger $
 */

/* Common
 ****************************************************************************/ 
  html{
  	background-color:#FFF;
  }
  body {
    width:100%;
    text-align:center;
    overflow-x:hidden;
    background:url('../images/bg_main.jpg') repeat center;
  }
 
  html, body{
  	font-family:Arial,Verdana,Helvetica,sans-serif;
  	font-size:11pt;
  	font-weight:normal;
  	color:#000000;
  }

  * {
    margin:0;
    padding:0;
  }

  div { behavior: url(../scripts/iepngfix.htc) }

  a{
  	color:#3a721b;
  	text-decoration:underline;
  	font-weight:bold;
  }

  a:hover{
  	text-decoration:none;
  }


  #wrapper{
  	padding:0pt;
  	margin:0pt auto;
  	text-align:center;
  	width:960px;	
  }

  #top{
  	position:relative;
  	z-index:100;
  	width:960px;
  	height:100px;
  	background-color:#fff;
  	background-attachment:scroll;
  	background-color:transparent;
  	background-image:url(../images/bg_top.jpg);
  	background-position:center top;
  	background-repeat:no-repeat;
  }

  #top_menu{
  	width:960px;
  	height:33px;
  	padding:57px 0 0 0;
  	position:relative;
  	z-index:100;
  }

  #top_link{
    cursor:pointer;
    height:45px;
    left:30px;
    position:absolute;
    top:0;
    width:205px;
    z-index:2000;	
  }
  #top_logos{
    position:absolute;
    top:0;
    width:275px;
    height:47px;
    left:658px;
  }

  #content{
  	position:relative;
  	width:960px;
  	height:100%;	
  	background:#FFF;	
  }

  #menu{
  	position:absolute;
  	text-align:left;
  	width:378px;
  	left:0;
  	top:0;
  	min-height:788px;
  	height:auto !important;
  	height:788px;
  	position:absolute;
	
  }

  .menu_trigger{
  	width:222px;
  	height:40px;
  	cursor:pointer;
  }

  .menu_holder{
    left:222px;
    position:absolute;
    top:0;
    border-top:2px solid #58ACC4;
    padding:10px 0;
  }

  #back_picture{
  	position:relative;
  	text-align:left;
  	vertical-align:top;
  	width:960px;
  	overflow:hidden;		
  	background-position:0 0;
  	height:320px;
  }
  #page-content #back_picture{
    height:200px;
  }

  #main{
  	position:relative;
  	text-align:left;	
  	line-height:19px;
  	font-size:11px;
  	width:960px;	
/*    background:url('../images/bg_display_sub.jpg') no-repeat top center;*/
  	min-height:630px;
  	height:auto !important;
  	height:630px;
  	background:url(../images/bg_column_sidebar.gif) repeat-y top right;
  }

  #main_holder{
  	width:960px;
/*    background:url('../images/bg_display_sub.jpg') no-repeat top center;*/
/*    background-color:#3A721B;*/

  	position:relative;
  	
/*    background:#fff;*/
  	
  }

  #main_bottom{
  	width:472px;
  	height:35px;
  }

  #display{
  	padding:10px 5px 10px 10px;
  	text-align:left;	
  	font-size:12px;
  }
  #left_display p img{
    max-width:600px !important;
  }

  #main_title{
  	padding:25px 0 25px 0;
  	color:#333;
  	font-family:Arial;
  	font-size:16pt;
  	font-weight:bold;
  	width:300px;
  }

  #bottom{
  	position:relative;
  	clear:both;
  	width:960px;
  	height:40px;
/*    background:url('../images/bg_bottom.jpg') no-repeat top right;*/
    background-color:#ddd;
  }

/* Navigation
 ****************************************************************************/ 

.navmenu{
list-style-type:none;
text-align:left;
padding:0 30px;
position:relative;
z-index:100;
}

.navmenu li{
white-space:nowrap;
float:left;
display: block;
list-style-type:none;
height:33px;
background:url('../images/icon_menuitems.png') no-repeat left top;
text-align:left;
padding:5px 11px 0 41px;
position:relative;
z-index:100;
}

.sub_navmenu li{
white-space:nowrap;
position: relative;
display: block;
list-style-type:none;
text-align:left;
background:none;
padding:0 20px 0 20px;
width:120px;
z-index:100;
}

.sub_navmenu{
display:none;
list-style-type:none;
position:absolute;
left:0;
background:#B7D4A6;
top:43px;
z-index:1000;
}

.subs_closed{
display:none;
}

.subs_open{
display:none;

}

/* Breadcrumb
 ****************************************************************************/ 

#breadcrumb{
	width:900px;
	height:15px;	
	padding:10px 30px 5px 30px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:url('../images/bg_menu.jpg') no-repeat;
	text-align:left;
}

a.breadcrumb_link,a.breadcrumb_link:active,a.breadcrumb_link:visited{
	color:#fff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.breadcrumb_link:hover{
	color:#fff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

a.submenu_normal,a.submenu_normal:visited,a.submenu_normal:active
{	font-family:Arial;font-size:10pt;color:#fff;text-decoration:none;font-weight:bold;}
a.submenu_normal:hover
{font-family:Arial;font-size:10pt;color:#000;text-decoration:none;font-weight:bold;}
a.submenu_focused,a.submenu_focused:active,a.submenu_focused:visited
{font-family:Arial;font-size:10pt;color:#000;text-decoration:none;font-weight:bold;}
a.submenu_focused:hover
{font-family:Arial;font-size:10pt;color:#000;text-decoration:none;font-weight:bold;}

a.sub_submenu_normal,a.sub_submenu_normal:visited,a.sub_submenu_normal:active
{	font-family:Arial;font-size:8pt;color:#fff;text-decoration:none;font-weight:bold;}
a.sub_submenu_normal:hover
{font-family:Arial, sans-serif;font-size:8pt;color:#000;text-decoration:none;font-weight:bold;}
a.sub_submenu_focused,a.sub_submenu_focused:active,a.sub_submenu_focused:visited
{font-family:Arial, sans-serif;font-size:8pt;color:#000;text-decoration:none;font-weight:bold;}
a.sub_submenu_focused:hover
{font-family:Arial, sans-serif;font-size:8pt;color:#000;text-decoration:none;font-weight:bold;}


a.footer_link,a.footer_link:visited,a.footer_link:active
{	font-family:Arial;font-size:8pt;color:#000;text-decoration:none;font-weight:bold;}
a.footer_link:hover
{font-family:Arial, sans-serif;font-size:8pt;color:#000;text-decoration:underline;font-weight:bold;}



/* News items 
 ****************************************************************************/
  #title_latest{
  	padding:30px 65px 20px;
  	font-size:15px;
  	font-weight:bold;
  }

  .tabledata_news{
  	width:100%;
  	text-align:center;
  	padding:0 44px;
  }

  .news_kort{
  	text-align:left;
  }


a.news_link,a.news_link:active,a.news_link:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.news_link:hover{
	text-decoration:underline;
}

a.news_link2,a.news_link2:active,a.news_link2:visited{
  color:#000;
	font-family:Arial;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
}

a.news_link2:hover{
/*  color:#fff;*/

	text-decoration:underline;
}  

/* News listing archive design */
.news_archive_title{
  border-bottom:1px solid #cdd7c7;
  overflow:hidden;
}
  .news_archive_title a{
    text-decoration:none;
    display:block;
    float:left;
    padding:3px;  
  }
  .news_archive_title .news_date{
    font-weight:bold;
    font-size:12px;
    color:#d0d0d0;
  }
  .news_archive_title .news_title{
    font-size:12px;
    font-weight:bold;
  }
  .news_archive_title a:hover .news_title{
    text-decoration:underline;
  }

/* Start of messy styling :(
 ****************************************************************************/ 

.menu_separator{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#2A3F6A;
}

.titel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#2A3F6A;
	text-decoration:none;
}


.data_text{
	padding:0 10px 0 0;
	vertical-align:top;
	text-align:left;
	
}

.data_photo{
	padding:0 10px 0 10px;
	vertical-align:top;
	text-align:left;
}

/* Form styles
 ****************************************************************************/
  form{
  	text-align:center;
  	padding:10px;
  }

  .form_row{
  	height:40px;
  	text-align:center;
  }

  input,textarea, input.form_textfield{
  	background-color:#fff;
  	color:#000;
  	border:2px solid #cecece;
  	margin:5px 0;
  	padding:3px 5px;
  	font-size:12px;
  }

/*  .form_input{
    border:1px solid #fff;
    background-color:transparent;
    color:#fff;
  }
*/
  .form_submit{
    color:#000;
  	background-color:#fff;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
  	font-weight:bold;
  	font-style:italic;
  	cursor:pointer;
    padding:5px;
  }
  button{
    padding:5px;
    cursor:pointer;
  }

  .subm{
    display:none;
  	padding:10px;	
  	position:absolute;
  	top:1000px;
  	left:5px;
  	background-color:#FFFFFF;
  }


  .small_search_input{
  	text-align:left;
  }

  .small_search_form{
  	position:relative;
  }

  .small_search_input_submit{
  	position:absolute;
  	right:40px;
  	top:5px;
  }
/*
  input.form_textfield{
    border:1px solid #fff;
    color:#fff;
  }
*/


.language_switcher{
	text-align:center;
	padding:15px 0;
}

.temp_open{
	padding:0px 15px 0px 5px;
	width:40px;
	height:13px;
}

.xopened{
	padding:0px 15px 0px 5px;
	width:40px;
	height:13px;
}

.xclosed{
	padding:0px 15px 0px 5px;
	width:40px;
	height:13px;
}

.form_row{
	height:40px;
}

#photo_album{
	/*
padding: 20px 10px;
*/
	
	overflow:hidden;
	height:400px;
	
}


#menu_separator{
	width:250px;
	height:20px;
}

.one_project{
	position:relative;
	/*
height:180px;
*/
	-moz-border-radius:10px;
}

.project_picture{
	position:absolute;
	top:0;
	right:0;
	border:1px solid #000000;
	margin:10px 20px;
}

a.proj_name_link,a.proj_name_link:visited,a.proj_name_link:active{
	padding:5px 10px;
/*  color:#fff;*/
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

a.proj_name_link:hover{
	padding:5px 10px;
/*  color:#FFFFFF;*/
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

.project_description{
	width:430px;
	font-size:12px;
	padding-left:10px;
	padding-top:10px;
/*  color:#fff;*/
}

.project_desc_main{
	/*
display:none;
*/
}

.single_project_name{
/*
	padding:12pt;
*/
	font-weight:bold;
	font-size:15px;
	color:#000;
	
}

.project_name{
	padding-top:10px;
}

.besc{
	padding:10px;
	font-weight:bold;
	font-size:13px;
	display:none;
}

.single_project_picture{
	
	padding:10px;
	text-align:center;
	
}

a.leesmeer,a.leesmeer:active,a.leesmeer:visited{
	
	color:#000;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

a.leesmeer:hover{
	color:#fff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.KOP2,.news_date{
	color:#333;
	font-size:12pt;
}

.button_learn_more{
	cursor:pointer;
	width:130px;
	height:30px;

}

#breadcrumb_separator{
	width:200px;
	margin:0 10px;
	height:20px;	
	
}

.one_single_project{
	position:relative;
	width:600px;
}

.single_project_description{
	width:500px;
	
}

.footer{
left:0;
position:absolute;
text-align:center;
top:15px;
width:960px;
}

.main_table{
	width:770px;
}

.text_display{
	width:430px;		
	vertical-align:top;
	
}
.display_limiter{
	width:10px;
	height:520px;
	position:absolute;
	top:100px;
	left:620px;
}

.reminder_display{
	width:160px;	
	vertical-align:top;
	position:absolute;
	top:100px;
	right:0;
}

.photo_holder{
	margin-bottom:10px;
	width:120px;
	height:120px;
	vertical-align:middle;
	text-align:center;
}

.ul_list{
	height:400px;
}


.one_gb,.one_news_overview{
	width:550px;
	margin-bottom:15px;
	
}

.top_gb,.news_top{
		
	height:30px;
	position:relative;
}

.gb_mail,.news_title{
	padding:3px 5px;
}

.gb_date{
position:absolute;
right:10px;
top:3px;

}

a.guestbooklink,a.guestbooklink:active,a.guestbooklink:visited{
	
	color:#035C40;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
}

a.guestbooklink:hover{
	color:#035C40;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	text-decoration:underline;
}




/*
a.sitemap_link,a.sitemap_link:active,a.sitemap_link:visited{
	
	color:#035C40;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
}

a.sitemap_link:hover{
	color:#035C40;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	text-decoration:underline;
}
*/

.center_gb,.news_center{
	padding:10px;
	color:#035C40;
	font-size:9pt;
}

.bottom_gb,.news_bottom{
	height:12px;	
}


.news_center{
	position:relative;
}

.news_bottom{
	text-align:right;
	position:relative;
}

.lessmeer_holder_news{
	position:absolute;
	top:-10px;
	right:10px;
}

.news_foto{
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	width:100px;
}

.news_content_foto{
	margin-left:110px;
	height:90px;
}


.specialmenu{
	list-style-type:none;
	position:relative;
}

.last_special{
	background:none;
}

.specialmenu li{
	float:left;	
	text-align:left;
	white-space:nowrap;
	list-style-type:none;	
	padding:0 13px;
	text-transform:lowercase;
}





a.toplink,a.toplink:visited,a.toplink:active{	font-family:Arial;font-size:8pt;color:#000;text-decoration:none;font-weight:normal;}
a.toplink:hover{font-family:Arial;font-size:8pt;color:#64B2C9;text-decoration:none;font-weight:normal;}


.left_display{
	width:590px;
	padding: 0 10px 10px 20px;
	float:left;
}

.right_display{
	float:right;
	width:280px;
	padding:10px 10px 10px 30px;	
}

.agenda_title,.main_title3{
	padding:25px 0;
	color:#fff;
	font-family:Arial;
	font-size:16pt;
	font-weight:bold;
	width:300px;
}

.agenda_title{
	padding-top:10px;
	}

.main_title3{
	padding:15px 0;
}

.category_list{
	padding:10px 0;
}

.cat_project_date{
	color:#fff;
	font-size:8pt;
	font-weight:bold;	
}

.cat_project_name{
	color:#fff;
	font-size:8pt;
	font-weight:normal;
}
.cat_project_link{
	color:#fff;
	font-size:8pt;
	font-weight:normal;
	text-align:right;
	padding:5px 20px 5px 0;
}

.cat_project_separator{
	clear:both;
	padding:5px 0;
	background:url('../images/agenda_separator.jpg') no-repeat left center;
}

a.cat_project_read_more,a.cat_project_read_more:active,a.cat_project_read_more:visited{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
a.cat_project_read_more:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}

.cform{
	text-align:left;
}

#website_link{
	width:430px;
	height:70px;
	cursor:pointer;
	position:absolute;
	left:470px;
	top:90px;
}


#weblog_link{
	width:430px;
	height:70px;
	cursor:pointer;
	position:absolute;
	left:470px;
	top:180px;
}

.one_archive_news_overview{
	/*
padding:10px 0;
*/
}

.one_album{
	padding:10px 5px;
	position:relative;
}

.album_pic{
	float:left;
	
}

.album_pic img {width:58px;}

.album_name{
	float:left;
	width:450px;
	padding:0 0 10px 20px;
}

.album_description{
	float:left;
	width:450px;
	padding:0 0 5px 20px;
}

.album_separator{
background:transparent url(../images/agenda_separator.jpg) repeat-x scroll left center;
clear:both;
padding:5px 0;
}

a.search_result,
a.search_result:active,
a.search_result:visited{
	color:#000;
	text-decoration:underline;
}

a.search_result:hover{
	color:#000;
	text-decoration:none;
}

.media_album{
	width:150px;
	height:150px;
	float:left;
	margin:5px 30px 5px 0;
	border:1px solid #fff;
	padding:5px;
	overflow:hidden;
	background:white;
}

.media_album_pic{
	text-align:center;
	padding:0 0 5px 0;
}

.media_album_name{
	text-align:center;
	padding:0 0 5px 0;
}

.media_album_description{
	
display:none;

}

.media_album_link{
	padding:10px 0;
	text-align:right;	
	clear:both;
	padding-right:45px;
}

.video_show{
	color:#fff;
	font-size:14px;
}

.video_description{
	padding:10px 0;
}

.media_album_name a:hover{
	color:#3A721B;
}

.newsletter_submit{
	position:relative;
}

.media_home_holder{
	text-align:center;
}

.left_display .main_title3{
	width:590px;
	text-align:center;
}

.video_list{	
padding:10px 0;
position:relative;
}

.video_image{
	float:left;
	width:120px;
}

.video_name{
	float:right;
	width:140px;
}
.video_link{
	clear:both;
	text-align:right;
	padding-right:20px;
}

.category_ov_list{
	position:relative;
	padding:5px 0;
}

.cat_ov_project_date{
	float:left;
	margin-right:20px;
}

/* VDBC link
 ****************************************************************************/ 
#vdbc_link{
padding-right:10px;
position:absolute;
right:10px;
text-align:right;
top:15px;
z-index:3000;
color:#666666;
font-size:10px;
text-decoration:none;
font-weight:normal;
}

#vdbc_link a:active,#vdbc_link a:visited,#vdbc_link a{
	color:#666666;
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
}

#vdbc_link a:hover{
	color:#000;
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
}


#twitter_holder{
	
	height:350px;
}


.e_divider {
	padding-top:10px;
	margin: 0 10px 10px 10px;
	border-bottom:1px solid #000;
}

/* Social media
 ****************************************************************************/
  #social_media{
    overflow:hidden;
    clear:both;
    width:250px;
    margin-bottom:10px;
  }
  #social_media a{
    display:block;
    float:left;
    width:32px;
    height:33px;
    overflow:hidden;
    margin-right:10px;
    text-indent:-5000px;

    background:url(../images/socialmedia_sprite.jpg) no-repeat top left;
  }
  #social_media #facebook{
    background-position:top left;
  }
  #social_media #twitter{
    background-position:-40px 0;
  }
  #social_media #hyves{
    background-position:-80px 0;
  }
  #social_media #youtube{
    background-position:-120px 0;
  }
  


/* Cycle carousel on homepage
 ****************************************************************************/
 
  #page-home #back_picture{
    border:2px solid #3F7A1C;
    border-right:0;
    border-left:0;
    background:none !important;
    background-color:#3D6925;
  }

  #nav{
    float:right;
    width:320px;
    height:320px;
    padding-top:5px;
    background-color:#3F7A1C;
    background-color:#3E6A25;
  }
    #nav ul {
      list-style:none;
/*      margin-left:60px;*/
    }
  
    #nav img{
      border:5px solid #3F7A1C;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      float:left;
    }
    #nav li:hover img{ border-color:#ccc;}
     
    #nav li.active_slide img{
      border-color:#fff;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
    }
    #nav span{
      float:left;
/*      border:1px solid #0000ff;*/
      width:180px;
      display:block;
      padding:6px;
      font-size:12px;
      color:#fff;
    }
    
  
    #nav ul li {
      cursor:pointer;
      margin:5px 6px;

      overflow:hidden;
    }

 
  #cycle_holder{
    float:left;
    width:640px; /* 810 */
    overflow:hidden;
    height:320px;
    padding:0;
    margin: 0;
  }
  
  .cycle_text{
    background-color: #000000;
    background-color:rgba(0,0,0,0.6);
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 40px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    bottom: -80px;
    width: 640px; /* 830 */
    z-index: 90;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
.cycle_text a{
  color:#fff;
text-decoration:underline;
}
.cycle_text a:hover{
text-decoration:none;
}
  
/* First news item in list is bigger
 ****************************************************************************/
  .nc_list {
    float:left;
    overflow:hidden;
    margin:10px 0;
  }
    .nc_photo {
      float:left;
      border:2px solid #82b862;
      width:240px;
      margin-right:10px;
    }
      .nc_photo img {
        border:0;
      }

    .nc_name {
      float:left;
      font-family:Helvetica,Arial,Verdana,sans-serif;
      color:#333;
      font-size:24px;
      font-weight:400;
      padding:5px;
      width:320px;
      line-height:120%;
    }

    p.nc_short {
      float:left;
      width:320px;
      line-height:180%;
      padding:5px;
    }

    .nc_link {
      float:right;
    }

      .nc_link a.cat_project_read_more {
        color:#5fa238;
        text-decoration:underline;
      }
  
  /* Make sure one news item clears floats */
  .one_archive_news_overview{
    float:left;
    width:100%;
    margin-top:3px;
  }
  

/* Agenda ticker on homepage 
 ****************************************************************************/
 #agenda_ticker_holder{
   clear:both;
   overflow:hidden;
 }
 #agenda_ticker_holder h3{
       float:left;
       padding:5px;
 }
  #agenda_ticker{
    border:2px solid #82b862;
    overflow:hidden;
    padding:4px 8px 0px 8px;
    background-color:#437B25;
    color:#fff;
    height:26px;
    float:left;
    width:500px;
  }
    #agenda_ticker ul{
      list-style:none;
    }
    #agenda_ticker .ticker_date{
      float:left;
      color:#bbb;
    }
    #agenda_ticker .ticker_content{
      float:left;
      color:#fff;
      margin-left:10px;
      font-weight:bold;
        font-size:13px;
    }
    
    #agenda_ticker a{color:#FFF;}

/* Newsletter subscription 
 ****************************************************************************/
#subForm{
text-align:left;
}
#subForm label{
font-weight:bold;
padding-right:10px;
cursor:pointer;
}

#subForm .field{
overflow:hidden;clear:both;
}
#subForm .select select{
margin:3px 
}
#subForm .field label{ 
width:80px;
padding:8px 1px;
float:left;
display:block;
}
#subForm .checkboxgroup {
clear:both;
}

#subForm .checkboxgroup label{
font-weight:normal;
display:inline;
width:auto;
padding:2px 8px 2px 1px;
}
.left_display #subForm .checkboxgroup label{
display:block;
clear:both;
}
#subForm .checkbox label.grouplabel{
font-weight:bold;
width:auto;
padding:4px 1px;
}
#subForm .submit{
margin:10px 0;
}
#subscribelink{ 
color:#fff;
font-size:14px;
 }