/*
Title:      	BVA
Author:     	yvw, © 2007 anaXis nv.
Updated:        Sep 19 2007
*/

html, body { height: 100%; }
body {background-color:#f0f0f0; font-family:Arial; font-size:11px;}
a{ color:#013068; font-weight:bold; text-decoration:none;}
a:hover{color:#013068;text-decoration:underline;}
a:visited{color:#013068;text-decoration:none;}
h1 { color:#042d61; font-size:16px;}
h2 { color:#042d61; font-size:14px;}
th { text-align: left;}

/*	images
--------------------------------*/
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/*	meaning tags
--------------------------------*/
acronym, abbr, q, dfn { border-bottom: dashed 1px #042d61; font-style: italic; }

/*	rss
--------------------------------*/
table.eyeRssFeed { border: solid 1px #fff; }
table.eyeRssFeed tr.rssHeader { font-weight:bold; }
table.eyeRssFeed td { border: solid 1px #fff; padding: 0 3px; vertical-align:top; }

/*	Wrapper
--------------------------------*/
#wrapper
{
    clear: both; 
    margin: 0 auto; 
    overflow: hidden; 
    width: 950px; 
    background-color:White; 
    padding:20px; 
    padding-top:10px;
    margin-top:10px;
    border-style:solid; border-color:#eeebe4; border-bottom-width:3px;
 }
#wrapper span.seperator { padding: 0 5px; color:White; font-size:170%; font-weight:lighter; }

#content{ padding-left:10px; float:left; width: 940px; }

/*	Logo
--------------------------------*/
#logo { float:right; height: 98px; padding-bottom:5px; width: 126px; width:100%; background-color:White;}
#logo h1 { float: left; color:#fdd60d; font-family:Arial; font-size:26px; margin-top:70px; text-transform: uppercase; font-weight:lighter; padding:0px;}
#logo a { float: right; }


/*DropDown Menu
--------------------------------*/
#canvasmenu{ float:left; margin-left:0px; margin-bottom:10px;}
*html #canvasmenu{ margin-left:-61px; } /* IE6 */
*:first-child+html #canvasmenu{ margin-left:-41px; } /* IE7 */

.dropdownmenu { float:left; width:930px; background-color:#fdd60d; padding-left:20px; 
    padding-bottom:5px; font-size:120%; color:White; height:25px; margin-bottom:10px !important; 
    margin-bottom:0px; list-style: none; }
.dropdownmenu a { color:Black; display: block; font-weight: bold; text-decoration: none; 
    font-weight:normal;}
.dropdownmenu a:hover{ color:Black; text-decoration:none; }
.dropdownmenu a:visited{ color:Black; }
.dropdownmenu .separator{ padding: 0 5px; color:White; font-size:170%; font-weight:lighter; }
.dropdownmenu li { float: left;}
.dropdownmenu li ul { position: absolute; width: auto; left: -999em; list-style: none; 
      background: #F3F4F8; z-index:150;}
.dropdownmenu li ul a { border-right:none; width: auto; font-weight: normal; font-size: .9em; clear:both;}
.dropdownmenu li ul li { z-index:20; float: left; width: auto; font-size: 1em; clear:both;}
.dropdownmenu li ul li a { padding:5px; padding-top:0px; margin-top:0px;}
.dropdownmenu li ul li .separator { padding:0px; visibility:hidden;}
.dropdownmenu li:hover ul, .dropdownmenu li.sfhover ul { left: auto; }
.dropdownmenu li.sfhover{ left: auto; }

/* Meerlaags */
.dropdownmenu ul {float:left; padding: 0; margin: 0px; list-style: none; line-height: 1;}
.dropdownmenu li ul ul { margin: -25px 0 0 100%; z-index:20px; height:100%;}
.dropdownmenu li ul ul li{ margin-top:7px; }
.dropdownmenu li:hover ul ul, .dropdownmenu li.sfhover ul ul {left: -999em;}
.dropdownmenu li:hover ul, .dropdownmenu li li:hover ul, .dropdownmenu li.sfhover ul, .dropdownmenu li li.sfhover ul {left: auto;}


/*	Intro
--------------------------------*/
#intro { z-index:10; float:right; width:430px;height:170px; padding-left:20px; padding-right:10px; padding-bottom:5px; text-align:justify; }
#headerfoto{ float:left; width:480px; height:200px; padding-bottom:5px; }
/*#headerfoto p *{ position: absolute; z-index:-1; }*/
#intro h1 { color:#6c6c6c; font-size:20px;}

/*	Content
--------------------------------*/
#contenttext{width:620px; float:left;}
#contenttext h1 { color:#042d61; font-size:150%; padding-bottom:20px; padding-top:10px; border-top: solid 1px #013068;}
#contenttext p{ text-align:justify; width:590px; }

/*	News
--------------------------------*/
#newslist{float: left;}
#newsAndSearch{float:right; margin-right:9px; border-left: solid 1px #013068;}
#news{ width:300px; padding-left:10px;}
#news h1{ background-color:#013068; padding:5px; padding-top:10px; width:290px; font-size:16px; color:White;}
.news_item{padding-bottom:10px;}

#news_subscribe{padding-top:20px;}

/*	Search
--------------------------------*/
#whiteSearchBox{position:relative; padding-left:10px; margin-top:-40px; margin-left:-1px; padding-bottom:10px; width:217px; border-left:solid 1px #013068;}
#searchBox{background-color:#fdd60d; border:0px; padding:5px; padding-bottom:0px; text-align:right; width:290px;}
#searchBox .btn{margin-bottom:-4px;}
#search{border:none; padding-bottom: 5px;}
#search .btn{ margin-bottom:-5px; }
#search input.search { float:left; margin-left:10px; }

#searchAndTree{ float:right; width:217px;}
#whiteSearchBoxDetail{} 
#searchBoxDetail{background-color:#fdd60d; border:0px; padding:5px 5px 5px 0; text-align:right; width:220px !important; width:230px; margin-left:-9px;}

#searchResults{ float:left; margin-left:20px; float:left; width:670px; border-right: solid 1px #013068;}
#searchResults p{ width:650px; text-align:justify; background-color:#f3f4f8; padding:10px; margin-top:-10px; background-image: url(images/watermark.gif); background-repeat:no-repeat; background-position:right bottom; }
#searchResults h2{color:#6c6c6c; font-size:10px; padding-top:10px; font-weight:bold; }
#searchResults h2 a{color:#013068; font-size:20px; text-decoration:none; padding-left:5px;}
#searchResults h2 a:hover{color:#013068; text-decoration:underline;}
#searchResults h2 a{color:#013068; text-decoration:none;}
#searchResults dd.alt a { margin-left: 5px; text-decoration: underline;}

.form-pager { float:left; width:680px; background-color:#F0F0F0;}
.form-pager #first, .form-pager  #last, .form-pager #prev, .form-pager #next, .form-pager #numbut { float:left; padding:0 10px 0 10px;}
.form-pager #numbut a { margin-right: 10px;}

.fieldnoresults{ padding-top: 5px; }


/*	Login
--------------------------------*/
#loginBox{float:left; margin-top:-40px; margin-left:-95px; background-color:#f3f4f8; width:60px; height:10px; padding:10px; color:#013068; z-index:13; text-align:center;}
#loginBox a{font-weight:normal;}

.welcome { display: block; clear: both;}
/*	Tree
--------------------------------*/
.tree{ float:left;  background-color:#F0F0F0; width:217px; padding:5px; padding-bottom:0px; margin-top:10px; margin-left:-10px !important; margin-left:0px;}
.tree a{ font-weight:normal; }
.tree ul{ list-style: none; margin-left:0px; margin-top:-10px;}
.tree h2{ color:#042d61; font-size:14px;}

.lvl2{ padding-left:10px; }

.tree #loginlink{ background-color:#042d61; width:217px; padding-top:10px; padding-bottom:10px; color:White; margin-left:-5px; margin-right:-5px; padding-left:10px; padding-right:0px;}
.tree #loginlink a{ color:White; font-weight:bold; }

label{ float:left; padding-right:10px; }
.fieldelement{ margin-bottom:5px; }
.fieldrowinv input{ float:left;}
.fieldrowinv label{ float:none;}
#ctl00_ctl00_ContentRoot_mainContent_loginUsrPsd_authenticate{ margin-top:10px; float:right; }

/*	Detail text
--------------------------------*/
#detailText{ float:left; width:650px; text-align:justify; padding-left:20px; padding-right:20px; border-right: solid 1px #013068;}
#detailText h1{ color:#042d61; font-size:20px; padding-bottom:10px; padding-top:10px; font-weight:lighter;}
/*#detailText img{ max-width:60em; padding-top:20px; }TODO: this is not good*/

#detailfoto{ float:right; margin-right:-1px; }
#detailfoto img{ width:20.6em; }

/*	Breadcrumb
--------------------------------*/
#breadcrumb{ background-color:#F0F0F0; height:12px; width:650px; padding-left:30px;}
#breadcrumbbox{ float:left; padding-bottom:10px; padding-top:20px; border-bottom: solid 1px #013068; border-right: solid 1px #013068; width:690px;}

/*	Footer
--------------------------------*/
#footer{ float:left; background-color:#FDD60D; padding:10px; text-align:left; width:930px; height:20px; margin-top:20px;}
#footer a{ font-style:normal; font-weight:normal; font-size:11px;}
#footer #non-profit{ text-align: right; float:left; width: 300px; }
#footer #links{ text-align:left; float:left; width: 630px; }

#created{ font-size:70%; padding-top:5px; margin: 0 auto; width: 1000px; }
#created #createdContent{ float:right; }
#created img{ border: 0px; background-color:#F0F0F0; }

/*	News page
--------------------------------*/
#newsSearchSurround{ float:right; padding:10px; background-color:#F3F4F8;}
#newsSearchBox{ margin-top:0px; width:170px; }
#newsSearchBox fieldset{ border:0px;}
#newsSearchBox .fieldlink{ background-color:#133467; color:White; padding:5px; margin-bottom:-5px; float:left; margin-left:-10px !important; margin-left:0px; width:170px;}
#newsSearchBox legend{ color:#133467; font-size:12px; font-weight:bold; margin-left:-10px; padding-bottom:10px;}
#newsSearchBox .fieldrow{ padding-bottom:10px; }
#newsSearchBox .fieldresultcount{ float:left; margin-top:10px;}
#newsSearchBox a{ font-weight:bold; text-decoration:none; color:#6c6c6c;}

#newslist .form-results{ margin-left:20px; float:left; width:710px; }
#newslist .form-results p{ text-align:justify; background-color:#f3f4f8; padding:10px; margin-top:-10px; background-image: url(images/watermark.gif); background-repeat:no-repeat; background-position:right bottom; }
#newslist .form-results h2{color:#6c6c6c; font-size:10px; padding-top:10px; font-weight:bold; }
#newslist .form-results h2 a{color:#013068; font-size:20px; text-decoration:none; padding-left:5px;}
#newslist .form-results h2 a:hover{color:#013068; text-decoration:underline;}
#newslist .form-results h2 a{color:#013068; text-decoration:none;}



/*	Sitemap
--------------------------------*/
#sitemap{ float:left; padding-top:20px; border-right: solid 1px #013068; width:690px; }
#sitemap ul{ list-style-image: url(images/list_image.gif); }

/*	WYSIWYG
--------------------------------*/
#detailText #eyeEditMenu img { padding-top:0; }