/**
 * Stylesheet for <EFCF>
 * @author	karen <karen@codedor.be>
 * @media	screen, projection
 */

 
* { margin: 0;}
html, body { height: 100%; }

/* text */
p{ font-size: 12px; margin: 0 0 15px 0; line-height: 1.3em;}
strong{font-weight: bold;}


/* blockquote */
blockquote{ font-style: italic; font-size: 1.4em; font-family: "Trebuchet MS", Arial, Verdana; margin: 5px 0 15px 0; line-height: 1.5em;}

img{ border: none;}
img.quote{ float: right;}
img.left{ display: block; float: left; margin: 0 20px 10px 0 }
img.right{ display: block; float: right; margin: 0 0 20px 10px }

img.icon{ vertical-align: middle; }
.print_logo{ display: none}

.thmb_booklet{  display: block; float: left; margin: 0 20px 10px 0 }

span.small{ color: black; font-size: 10px; line-height: 5px; }

.download_pdf{ float: right; }


 /* Clearfix */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* link color */
a { color: #5F6263; text-decoration: underline }
a:link { color: #5F6263; }
a:visited { color: #5F6263; }
a:hover { color: #5F6263; text-decoration: none; }
a:active, a:focus { color: #000; }





#content h1{ font-size: 1.6em; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic; color: #5f6263; clear: both; margin: 0 0 10px 0}

#content h1.green{ color: #B0CBAA; }

#content h2{ font-size: 1.4em; font-family: "Trebuchet MS"; font-style:italic; margin: 15px 0 10px 0; color:#608658;} 
#content h2 a{ color:#608658!important; text-decoration: none;} 
#content h2 a:hover{ text-decoration: underline;}

#content h2.list {  margin: 15px 0 5px 0; color:#76caf5;}

#content h3{ font-size: 1.4em; font-family: "Trebuchet MS"; font-style:italic; margin: 15px 0 10px 0; color:#5f6263;} 
#content h4{ font-size: 1.1em; font-family: "Trebuchet MS"; font-style:italic; margin: 5px 0 5px 0; color:#5f6263;} 
#content h4 a { text-decoration: none;} 
#content h4 a:hover{ text-decoration: underline;}

#content ol, #content ul{ margin: 0 0 10px 25px}
#content ul li{ list-style: disc; margin: 0 0 5px 0; padding: 0 }


#content ol{ list-style: decimal; }

.fnt{ font-family: Arial; }

/**
 * = GLOBAL
 * ----------------------------------------------------------
 */
 
/* header */
#container #top h1 {  display: block; width: 250px; height: 132px; overflow:hidden; text-indent:-9999px; position: relative;  top: 10px; left: 10px}
#container #top h1 a{ background:transparent url(../img/logo.jpg) no-repeat scroll 0 0; display: block; width: 200px; height: 106px; overflow:hidden; text-indent:-9999px; position: relative;} 
 
#container { margin: 0 auto; display: block; width: 970px; }
#container #top{ height: 120px; }
 
#container #top ul{ width: 555px; float: right; margin: 80px 0 0 0 } 
#container #top ul li{ float: left; margin: 0 10px 5px 0; }

#container #top ul li a{ color: #595752; text-transform: uppercase; text-decoration: none; padding: 8px; }
#container #top ul li a:hover, #container #top ul li.selected a {background-color: #608658; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding: 8px; color: #fff; }
 
/* spots home*/
#spots{ background: url(../img/bg_spot.jpg) no-repeat; height: 200px; display: block; }
#spots .center .left{ float: left; margin: 15px 0 0 0; width: 375px; }
#spots .center .left img{ margin: 0 0 0 17px;}


#spots .center .right{ float: left; display: block; margin: 30px 0 0 40px; width: 550px;}
#spots .center .right .title{ font-family: "Trebuchet MS", Arial, sans-serif; font-style: italic; margin: 0 0 20px 0}
#spots .center .right .title .black{ color: #000; font-size: 1.8em; }
#spots .center .right .title .white{ color: #fff; font-size: 1.4em; }

#spots .center .right .txt { color: black; width: 450px; font-size: 1.3em; }


/* spots default */

#spots_small{ background: url(../img/bg_spot_small.jpg) no-repeat; height: 188px; display: block; }
#spots_small .center .left{ float: left; margin: 15px 0 0 0; width: 375px; }
#spots_small .center .left img{ margin: 0 0 0 17px;}

#spots_small .center .right{ float: left; display: block; margin: 50px 0 0 40px; width: 550px;}
#spots_small .center .right .title{ font-family: "Trebuchet MS", Arial, sans-serif; font-style: italic; margin: 0 0 20px 0}

#spots_small .center .right .title .black{ color: #000; font-size: 1.8em; }
#spots_small .center .right .title .white{ color: #fff; font-size: 1.4em; }



/* sidebar */
.title_menu{ background: #5F6263; color: #fff; width: 205px; padding: 3px 0 3px 15px; text-transform: uppercase; margin: 15px 0 10px 0; }

#sidebar { display: block; width: 290px; float: left; margin: 0 0 40px 30px; padding:0; }

#sidebar ul {  width: 220px; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-transform: uppercase;  }



/* eerste niveau */
#sidebar ul li.first { border: none;}

#sidebar ul li{  padding: 0;  border-top: 1px solid #DEDEDE;} 



#sidebar ul li a{
		color: #5f6263; text-decoration: none; display: block; padding: 5px 0 3px 24px; background: url(../img/bg_subnavig_dotted.jpg) no-repeat 9px 3px ;
} 
#sidebar ul li a:hover, 
#sidebar ul li.selected a{ 
	background: #61865a url(../img/bg_subnavig_dotted1_hover.jpg) no-repeat 9px 9px ; color: #fff ;
	
}


/* tweede niveau */
#sidebar li li a{ margin-left: 15px ; }
#sidebar li li a, #sidebar li.selected li a{ 
	background:  url(../img/bg_subnavig_dotted.jpg) no-repeat 9px 3px; color: #5F6263;
}
#sidebar li.selected li.selected a, 
#sidebar li li a:hover {
	background: #afcaaa url(../img/bg_subnavig_dotted_hover.jpg) no-repeat 9px 9px; color: #fff; }


/* derde niveau */
#sidebar li li li a{ margin-left: 30px ; }
#sidebar li li li a, #sidebar li.selected li.selected li a, #sidebar li.selected li.selected li.selected a{ 
	background: url(../img/bg_subnavig_dotted.jpg) no-repeat 9px 3px; color: #5F6263; 
}

#sidebar li.selected li.selected li.selected a, 
#sidebar li li li a:hover{ 
	background: #d7e3d5 url(../img/bg_subnavig_dotted2_hover.jpg) no-repeat 9px 9px; color: #5F6263
}

 
 
 
 
 
 
 
 
 
 
/* content */
#content{ display: block; width: 620px; float: left; padding: 0 25px 10px 0; margin: 13px 0 0 0}

#main { display: block; float: left; margin: 5px 0 0 0}
#main .main_top{ background: url(../img/main_top.jpg) no-repeat; height: 24px; display: block; float: left; width: 970px}
#main .main_center{ background: url(../img/main_center.jpg) repeat-y; display: block; float: left; padding: 5px 0 20px 0}
#main .main_bottom{ background: url(../img/main_bottom.jpg) no-repeat; height: 15px; display: block; float: left; width: 970px; margin: 0 0 10px 0}


.backcopies .block{ background: url(../img/bg_backcopies.jpg) no-repeat; width: 291px; height:171px; float: left; margin: 20px 10px 10px 0; padding: 0 10px 0 0}
.backcopies .block_right{ background: url(../img/bg_backcopies.jpg) no-repeat; width: 291px; height:171px; float: left; margin: 20px 0 10px 0; padding: 0 10px 0 0}

.backcopies .block .title, .backcopies .block_right .title{ color:#76caf5; font-size: 1.4em; font-family: "Trebuchet MS"; font-style:italic; margin: 15px 0 0 10px}
.backcopies .block .info, .backcopies .block_right .info{ color:#585858; padding: 5px 15px 10px 15px; }
.backcopies_txt .block .info p{ padding: 5px }

.backcopies_txt { padding: 5px}


img.backcopie{ float: left; display: block; margin:15px 10px 0 10px }


#content blockquote.home{ font-size: 1.0em; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic; color: #5f6263; width: 350px; float: left; margin: 5px 20px 30px 0; background: url(../img/blockquote_start.jpg) no-repeat; padding: 30px 0 0 35px; }


.lnk_desc{ font-size: 11px; font-style: italic; }

/* buttons */

#content .buttons ul { margin: 0 0 10px 0; }
#content .buttons ul li{ list-style: none;  margin: 0 0 20px 0;}
#content .buttons ul li { float: left; display: block; padding: 0 0 0 0; margin-right: 5px;}
.buttons ul li a{ color: #fff!important; background: #afcaaa; padding: 4px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; margin: 0 }
.buttons ul li a:hover, .buttons ul li.selected a {  background: #5F6263; text-decoration: underline; }


.block_subscribe{ margin: 25px 0 0 0; padding:20px 10px 20px 5px; background: #afcaaa; width: 210px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:0.3em; border: 1px solid #a1bf9b}
.block_subscribe a{ color: #fff; font-size: 13px; text-decoration: none; }
.block_subscribe a:hover{ text-decoration: underline;}


/* footer */ 
#footer{ background: url(../img/bg_footer.jpg) no-repeat; display: block; width: 970px; height: 36px; float: left; color: white; padding: 20px 0 0 20px; font-size: 0.90em; text-align: center} 




div.error-message{ color: red; font-style: italic}


/* pagination */

 
.pagination { float: right; clear: both; margin: 8px 0 8px 0; display: block; width: 620px; text-align: right; }

.pagination .paginator_float{ float: right; margin: 0 9px 0 0; }

.pagination .paginator_float .prev{ float: left; margin: 0 10px 0 0; display: block;}
.pagination .paginator_float .numbers{ float: left; }
.pagination .paginator_float .next{ float: right; margin: 0 0 0 10px; display: block;}
.pagination .paginator_float .next a, .pagination .paginator_float .prev a{ color: #000; font-size: 0.85em; } 
.pagination .disabled { display: none; }

.pagination span{  display: block; float: left; padding: 3px 2px; font-size: 0.85em; }
.pagination span a, .paginator a{ color: white!important; padding: 3px 7px; background: #000; text-decoration: none}

.pagination span.current{ background: #afcaaa; color: black;  padding: 3px 7px; margin: 0 2px}




/**
 * = PAGES
 * ----------------------------------------------------------
 */
 

/* table */
table.default{ border-collapse: collapse; width:  100%; }

table.gallery { border-collapse: collapse; margin: 10px 0 0 0 ; }
table.gallery td{ border: 1px solid #dedede; padding: 5px; text-align: center; }

table.form{ background: #e9e9e9; border-collapse: collapse; width: 100%; padding: 5px; }
table.form td{ padding: 15px 0 10px 20px; text-align: left; }

table.links{ border-collapse: collapse; width: 100%; }
table.links td{ border: 1px solid #dedede; padding: 5px}

table.guidance_gallery{ margin: 10px 0 0 0; width: 100%; }
table.guidance_gallery td{ border: 1px solid #dedede; padding: 5px; text-align: left; }
table.guidance_gallery td.first{ width: 80px; }
table.guidance_gallery td.txt{ width: 223px;}
table.guidance_gallery td.txt a{ text-decoration: none; }
table.guidance_gallery td.txt a:hover{ text-decoration: underline; }



table.conferences{ margin: 10px 0 0 0;}



td.links_col1{ width: 100px}

td.links_col2{ width: 200px; }




/* newsletters table */
table#newslettertable { width: 90%; }
table#newslettertable td { width: 45%; }