@charset "utf-8";

/*	SNB FOSFAATRECYCLING STYLES
	Author:	Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=GENERIC
	=FIXES
	=USER-CONTENT (ADDITIONAL TO USER-CONTENT.CSS)
	=WRAPPERS
	=HEADER
	=TYPOGRAPHY
	=NAVIGATION
	=HOME
	=NEWS
	=TEXT
	=CONTACT
	=FOOTER
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Verdana, Helvetica, sans-serif; }
	img { border: 0; vertical-align: bottom; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=USER-CONTENT (ADDITIONAL TO USER-CONTENT.CSS)
	----------------------------------------------------*/
	.user-content .dt { display: block; margin: 0 0 10px 0; font-size: 11px; font-weight: bold; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body,html { background: #1b1a1a; }

	#page { position: relative; width: 100%; padding: 170px 0 20px 0; background: #231f20 url(/img/fosfaatrecycling/body_bg.jpg) top center repeat-x; }
	
	.wrapper { width: 960px; margin: 0 auto; }
	
	.box { background: url(/img/fosfaatrecycling/content_wrapper_bg_top.png) no-repeat top left; }
	.box .outer { padding: 7px 0 7px 0; background: url(/img/fosfaatrecycling/content_wrapper_bg_bot.png) no-repeat bottom left; }
	.box .inner { min-height: 330px; padding: 10px 20px 13px 20px; background: #fff; }

/*	=HEADER
	----------------------------------------------------*/	
	#header { position: absolute; top: 0; left: 50%; width: 960px; margin: 0 0 0 -480px;  }
	#logo { display: block; margin: 10px 0 10px 0; width: 400px; }
	
/*	=TYPOGRAPHY
	----------------------------------------------------*/	
	h1 { margin: 0 0 15px 0; font-size: 14px; color: #62b346; text-transform: uppercase; }
	h3 { margin: 0 0 5px 0; font-size: 14px; color: #62b346; }
	
/*	=NAVIGATION
	----------------------------------------------------*/	
	#nav-main { list-style: none; background: url(/img/fosfaatrecycling/nav-main_nl_bg_extra.gif) no-repeat top left; }
	#nav-main.en { background: url(/img/fosfaatrecycling/nav-main_en_bg.gif) no-repeat top left; }
	#nav-main li { float: left; }
	#nav-main li a { position: relative; display: block; height: 36px; text-indent: -9999px; }
	#nav-main li span { display: none; position: absolute; top: 0; left: -13px; height: 36px; cursor: pointer; }
	#nav-main .home { width: 70px; }
	#nav-main.en .home { width: 70px; }
	#nav-main .home span { left: 0; width: 70px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_home.png) no-repeat top left; }
	#nav-main.en .home span { left: 0; width: 70px; background: url(/img/fosfaatrecycling/nav-main_en_btn_home.png) no-repeat top left; }
	#nav-main .problematiek { width: 133px; }
	#nav-main.en .problematiek { width: 100px; }
	#nav-main .problematiek span { width: 146px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_problematiek.png) no-repeat top left; }
	#nav-main.en .problematiek span { width: 146px; background: url(/img/fosfaatrecycling/nav-main_en_btn_problematiek.png) no-repeat top left; }
	#nav-main .terugwinning { width: 136px; }
	#nav-main.en .terugwinning { width: 102px; }
	#nav-main .terugwinning span { width: 149px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_terugwinning.png) no-repeat top left; }
	#nav-main.en .terugwinning span { width: 115px; background: url(/img/fosfaatrecycling/nav-main_en_btn_terugwinning.png) no-repeat top left; }
	#nav-main .wie-is-snb { width: 108px; }
	#nav-main.en .wie-is-snb { width: 120px; }
	#nav-main .wie-is-snb span { width: 121px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_wie-is-snb.png) no-repeat top left; }
	#nav-main.en .wie-is-snb span { width: 133px; background: url(/img/fosfaatrecycling/nav-main_en_btn_wie-is-snb.png) no-repeat top left; }
	#nav-main .nieuws { width: 83px; }
	#nav-main.en .nieuws { width: 71px; }
	#nav-main .nieuws span { width: 96px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_nieuws.png) no-repeat top left; }
	#nav-main.en .nieuws span { width: 84px; background: url(/img/fosfaatrecycling/nav-main_en_btn_nieuws.png) no-repeat top left; }
	#nav-main .links { width: 71px; }
	#nav-main.en .links { width: 68px; }
	#nav-main .links span { width: 84px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_links.png) no-repeat top left; }
	#nav-main.en .links span { width: 81px; background: url(/img/fosfaatrecycling/nav-main_en_btn_links.png) no-repeat top left; }
	#nav-main .contact { width: 91px; }
	#nav-main.en .contact { width: 93px; }
	#nav-main .contact span { width: 104px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_contact.png) no-repeat top left; }
	#nav-main.en .contact span { width: 106px; background: url(/img/fosfaatrecycling/nav-main_en_btn_contact.png) no-repeat top left; }
	#nav-main .watisfosfaat { width: 140px; }
	#nav-main .watisfosfaat span { width: 153px; background: url(/img/fosfaatrecycling/nav-main_nl_btn_watisfosfaat.png) no-repeat top left; }
	#nav-main li a:hover span, #nav-main li a.active span { display: block; }
	
	#nav-sub { list-style: none; }
	#nav-sub li { padding: 0 0 11px 0; font-size: 12px; color: #000; }
	#nav-sub li a { display: block; height: 20px; padding: 5px 0 0 8px; color: #000; text-decoration: none; background: url(/img/fosfaatrecycling/nav-sub_a_bg.gif) left top no-repeat; }
	#nav-sub li a:hover, #nav-sub li.active a { color: #fff; background-position: bottom; }
	#nav-sub ul { padding: 5px 0 0 0; list-style: none; }
	#nav-sub li li { padding: 0; }
	#nav-sub li li a { width: 225px; color: #000 !important; font-size: 10px; border-top: 1px solid #e2e2e2; background: url(/img/fosfaatrecycling/nav-sub_li_a_bg.gif) 220px center no-repeat !important; }
	#nav-sub li li a:hover, #nav-sub li li.active a { color: #00a3b3 !important; background: url(/img/fosfaatrecycling/nav-sub_li_a-hover_bg.gif) 220px center no-repeat !important;  }
	#nav-sub li li.first a { border: none; } 
	
	#nav-meta { list-style: none; }
	#nav-meta li { float: left; padding: 15px 20px 15px 0; font-size: 11px; color: #fff; }
	#nav-meta li a { color: #fff; text-decoration: none; }
	#nav-meta li a:hover { text-decoration: underline; }
	
	#crumbpath { display: block; padding: 0 0 20px 0; list-style: none; }
	#crumbpath li { float: left; font-size: 11px; color: #00a3b3; }
	#crumbpath li a { color: #00a3b3; text-decoration: none; }
	#crumbpath li a:hover { text-decoration: underline; }
	#crumbpath li.active { font-weight: bold; }
	#crumbpath li span { color: #000; }
	
	#lang-switch { position: absolute; top: 30px; right: 20px; list-style: none; }
	#lang-switch li { float: left; font-size: 12px; color: #000; }
	#lang-switch li a { color: #000; text-decoration: none; }
	#lang-switch li a:hover { text-decoration: underline; }
	#lang-switch li.active { font-weight: bold; }
	
/*	=HOME
	----------------------------------------------------*/
	#homenews { float: right; width: 250px; }
	#homenews ul { margin: 0 0 10px 0; list-style: none; }
	#homenews ul li { border-top: 1px solid #e2e2e2; line-height: 16px; font-size: 12px; color: #000; }
	#homenews ul li.first { padding-top: 0; border: 0;  }
	#homenews ul li a { display: block; height: 100%; padding: 10px 0 10px 0; color: #000; text-decoration: none; }
	#homenews ul li a span { display: block; margin: 0 0 3px 0; font-size: 11px; font-weight: bold; }
	#homenews ul li a:hover .txt { text-decoration: underline; }
	#homenews ul li .txt { font-weight: normal; }
	
/*	=NEWS
	----------------------------------------------------*/
	#news .item { padding: 15px 0 15px 0; border-top: 1px solid #e2e2e2; }
	#news .item.first { border: 0; padding-top: 0; }
	#news .item h2, #news .item h2 a { margin: 0 0 10px 0; font-size: 12px; color: #62b346; text-decoration: none; }
	#news .item p { margin-bottom: 0; font-size: 12px; color: #000; }
	#news .item p span.dt { display: block; margin: 0 0 3px 0; font-size: 11px; color: #000; font-weight: bold; }
	#news .item .more { display: block; margin: 3px 0 0 0; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; }
	#news .item .more span { font-size: 11px; }
	#news .item .more:hover span { text-decoration: underline; }
	#news .item img { float: left; margin: 0 15px 0 0; }
	
	#news .archive { position: relative; height: 33px; margin: 10px 0 0 0; background: url(/img/fosfaatrecycling/news_archive_bg.gif) no-repeat center left; }
	#news .archive a { position: absolute; right: 10px; top: 8px; display: block; width: 102px; height: 17px; background: url(/img/fosfaatrecycling/news_btn_archive.gif) no-repeat center left; text-indent: -9999px; }
	#news.en .archive a { position: absolute; right: 10px; top: 8px; display: block; width: 102px; height: 17px; background: url(/img/fosfaatrecycling/news_en_btn_archive.gif) no-repeat center left; text-indent: -9999px; }
	
	#news form { height: 33px; margin: 0 0 5px 0; padding: 5px 0 0 10px; background: url(/img/fosfaatrecycling/news_archive_bg.gif) no-repeat top left; font-size: 11px; }
	#news form h4 { display: inline; font-size: 14px;  }
	#news form input.txt { width: 300px; height: 15px; margin: 0 10px 0 10px; padding: 2px; border: 1px solid #b2b4bf; font-size: 12px; color: #a6a6a6; font-style: italic; }
	#news form input.txt.focus { font-size: 12px; color: #000; font-style: normal; }
	#news form select { margin: 0 10px 0 10px; font-size: 12px;  }
	#news form select option { padding: 0 10px 0 0; }
	#news form * { vertical-align: middle; }
	
	#news .result_number { margin: 0 0 15px 0; font-size: 11px; color: #000; }
	
	#news .paging { position: relative; height: 33px; margin: 15px 0 0 0; background: url(/img/fosfaatrecycling/news_archive_bg.gif) no-repeat top left; text-align: center; }
	#news .paging li { display: inline; line-height: 30px; }
	#news .paging li a { color: #000; font-size: 12px; font-weight: bold; text-decoration: none; }
	#news .paging li a:hover { text-decoration: underline; }
	#news .paging li.active a { color: #00a3b3; font-size: 14px; font-weight: bold; text-decoration: underline; }
	#news .paging li.first a { position: absolute; top: 8px; left: 10px; display: block; width: 72px; height: 17px; background: url(/img/fosfaatrecycling/news_paging_btn_first.gif) no-repeat center left; text-indent: -9999px; line-height: 0; }
	#news .paging li.prev a { position: absolute; top: 8px; left: 100px; display: block; width: 72px; height: 17px; background: url(/img/fosfaatrecycling/news_paging_btn_prev.gif) no-repeat center left; text-indent: -9999px; line-height: 0; }
	#news .paging li.next a { position: absolute; top: 8px; right: 100px; display: block; width: 72px; height: 17px; background: url(/img/fosfaatrecycling/news_paging_btn_next.gif) no-repeat center left; text-indent: -9999px; line-height: 0; }
	#news .paging li.last a { position: absolute; top: 8px; right: 10px; display: block; width: 72px; height: 17px; background: url(/img/fosfaatrecycling/news_paging_btn_last.gif) no-repeat center left; text-indent: -9999px; line-height: 0; }

/*	=TEXT
	----------------------------------------------------*/
	.content{ float: left; width: 650px; }
	#sidebar { float: left; width: 250px; padding: 0 20px 0 0; }
	#calltoactions { float: right; width: 250px; padding: 31px 0 0 0; }
	
	/*  =TEXT - LINKS
  ----------------------------------------------------*/
  #text-links { padding:0; margin:0;
  list-style: none;
  }
  #text-links li { padding:0; margin:0; padding-bottom:15px;  margin-bottom:15px; border-bottom:1px solid #e2e2e2; list-style:none; }
  #text-links li.last { border:none; }
  #text-links li .title { color: #690; font-weight: bold; }
  #text-links li .description { }
  #text-links li .url { }
	
/*	=CONTACT
	----------------------------------------------------*/
	#contact form { padding: 10px 0 0 0; border-top: 1px solid #e2e2e2; }
	#contact form .required { font-size: 11px; color: #000; font-weight: bold; }
	#contact form .required span { color: #62b346; }
	#contact form ol { padding: 25px 0 0 0; list-style: none; }
	#contact form ol li {  margin: 0 0 25px 0; line-height: 12px;  }
	#contact form ol li div { display: none; position: relative; }
	#contact form ol li div.show { display: block; }
	#contact form ol li label { display: block; float: left; width: 150px; line-height: 1.2em; font-size: 12px; color: #62b346; font-weight: bold; }
	#contact form ol li input.txt { width: 300px; padding: 3px; border: 1px solid #b2b4bf; font-size: 12px; }
	#contact form ol li textarea { overflow: auto; width: 300px; height: 100px; padding: 3px; border: 1px solid #b2b4bf; font-size: 12px; }
	#contact form ol li .error { position: absolute; top: -5px; left: 400px; width: 159px; height: 26px; line-height: 32px; padding: 0 0 0 5px; background: url(/img/fosfaatrecycling/contact_error_bg.png) no-repeat top left; font-size: 11px; color: #fff; }
	
	#contact form .last { display: none; }
	
/*	=FOOTER
	----------------------------------------------------*/	
	#footer #contactgegevens { padding: 15px 0 15px 0; background: #231f20; }
	#footer #contactgegevens h3 { margin: 0 0 5px 0; font-size: 14px; color: #62b346; }
	#footer #contactgegevens ul { list-style: none; }
	#footer #contactgegevens ul li { float: left; line-height: 18px; font-size: 12px; color: #fff; }
	#footer #contactgegevens ul li.col-a { width: 290px; }
	#footer #contactgegevens ul li.col-b { width: 200px; }
	#footer #contactgegevens ul li.col-c { width: 260px; }
	#footer #contactgegevens ul li.col-d { width: 210px; }