@charset "utf-8";

/*	LIVING PROJECTS STYLES
	Author:	Sebastiaan Smid, Netvlies
			Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
	= sIFR
	= PAGE BOX
	= HEADER
	= NAV-MAIN
	= NAV-SUB
	= SEARCH
	= CRUMBPATH
	= HOME-CONTENT-BOX
	= CONTENT-BOX
	= FOOTER
	= PAGING
	= PRODUCT-DETAILS
	= LED
	= LED-DETAILS
	= CONTACT
	= SEARCHRESULTS
	= SITEMAP
	= VERHUUR
	= NEWS / NEWS-ARCHIVE
	= PROJECTS
	= CALL TO ACTION
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; margin: 0; padding: 0; }
	html, body { margin: 0; padding: 0; }
	body { margin-bottom: 20px; background: #ffffff; }
	img { border: 0; }
	a { outline: 0; }

	.clr { overflow: hidden; height: 100%; }
/*	=PAGE BOX
	----------------------------------------------------*/
	#page-box { position: relative; margin: 0 auto; padding-top: 100px;  width: 906px; }	
	#col-b { display: inline; float: left; width: 100%; } 
	#col-a, #col-c, #crumpath, #frm-search, #nav-sub, #nav-main, #footer, #paging { display: none; }

	.user-content * { line-height: 14px; }
	.user-content p { margin: 0; padding: 0; }
	.user-content a, .user-content a:active, .user-content a:visited { color: #000; }
	.user-content a:hover { color: #d91b2a; }
	
	.user-content ul, .user-content ol { margin: 0 0 14px 20px; }
	.user-content ul { list-style: square; }
	.user-content ul * { line-height: 18px; }
	
	.user-content h1, .user-content h2, .user-content h3 { margin: 0 0 0 0 !important; padding: 0; color: #3c3c3c; }
	.user-content h1 { font-size: 14px; line-height: 20px; font-weight: bold; }
	.user-content h2 { font-size: 13px; line-height: 20px; font-weight: bold; }
	.user-content h3 { font-size: 11px; line-height: 14px; font-weight: bold; }
	
	.user-content table { width: 90%; margin: 14px 0 14px 1px; border: none; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	.user-content tr { }
	.user-content td { padding: 4px 7px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }
	
	.user-content tr.first { background: #d1d1d1; }
	.user-content tr.first td { border-color: #d1d1d1; }
	.user-content tr.first *  { color: #3c3c3c; font-weight: bold; }

/*	=HEADER
	----------------------------------------------------*/
	#header { position: absolute; width: 906px; height: 101px; top: 29px; margin: 0; background: url(../img/header_h1_bg.gif) no-repeat left top; }
	#header #brand { display: block; float: left;  display: inline; }
	
	
	
	
	
	
/*	=HOME-CONTENT-BOX
	----------------------------------------------------*/
	#home-content-box { margin-bottom: 4px; }
	#home-flash { float: left; width:705px; }
	#home-banner { float: left; }
	#home-newsletter { float: left; width: 201px; height: 84px; background:url(../img/home_newsletter_bg.gif) no-repeat; }
	#home-newsletter div { padding: 18px 0 0 18px; }
	#home-newsletter input { vertical-align: middle; margin-left: 8px; }
	#home-newsletter input.txt-fld { font-size: 10px; padding: 2px 5px; margin: 2px 0 0 0; color: #bc0e1f; border: none; width: 123px; }

/*	=CONTENT-BOX
	----------------------------------------------------*/
	#content-box { position: relative; height: 100%; overflow: hidden; width: 906px; background:url(../img/content-box_bg.gif); }
	#content-inner-box { padding-top: 15px; background:url(../img/content-inner-box_bg.gif) no-repeat top; height: 100%; overflow: hidden;}
	#content-box h2 { margin: 0 0 10px 0; }

/*  =PRODUCT-DETAILS
	----------------------------------------------------*/
	#product-details { padding: 0 0 10px 0; }
	#product-details h1 { margin: 0 0 10px 0; }
	#product-details h2 { margin: 20px 0 10px 0; }

	.product { width: 152px; float: left; margin: 0 0 0 3px; }
	.product .top { background: url(../img/product-details_product_bg_top.gif) no-repeat top left; height: 9px; font-size: 0; line-height: 0; }
	.product .bot { background: url(../img/product-details_product_bg_bot.gif) no-repeat top left; height: 10px; font-size: 0; line-height: 0; }
	.product .vsl { height: 142px; }
	.product .vsl img { margin: 3px 15px 12px 15px; }
	.product .txt { background: #ebebeb; padding: 9px 10px 3px 10px; height: 25px;  color: #3c3c3c; font-size: 11px; font-weight: bold; }
	.product .txt a { color: #3c3c3c; text-decoration: none; }
	.product.first { margin-left: 0; }

	#product-details .details .product { float: left; }

	#product-details .details .info { width: 308px; float: left; margin: 0 0 0 3px; }
	#product-details .details .info ul.tabs  {  list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #d1d1d1; }
	#product-details .details .info ul.tabs li { float: left; display: inline; height: 29px; font-size: 11px; }
	#product-details .details .info ul.tabs li a { display: block; padding: 7px 10px 0 10px; color: #3c3c3c; text-decoration: none; font-weight: bold; }
	#product-details .details .info ul.tabs li.tab-a { background: url(../img/product-details_product_details_tabs_tab-a_bg.gif) no-repeat top left; }
	#product-details .details .info ul.tabs li.tab-b { background: url(../img/product-details_product_details_tabs_tab-b_bg.gif) no-repeat top right; }
	
	#product-details .details .info ul.tabs li.active-a { color: #000; background: url(../img/product-details_product_details_tabs_tab-a-active_bg.gif) no-repeat; }
	#product-details .details .info ul.tabs li.active-b { color: #000; background: url(../img/product-details_product_details_tabs_tab-b-active_bg.gif) no-repeat top right; }

	#product-details .details .info ul.tabs li.tab-a a { color: #fff; }
	#product-details .details .info ul.tabs li.tab-b a { color: #fff; }
	#product-details .details .info ul.tabs li.active-a a { color: #000; }
	#product-details .details .info ul.tabs li.active-b a { color: #000; }

	#product-details .details .info #tab-b ul { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; margin: 3px 0 0 0; padding: 0; }
	#product-details .details .info #tab-b ul li { border-bottom: 1px solid #dfdfdf; line-height: 20px; font-size: 11px; padding: 0 5px 0 5px; }
	#product-details .details .info #tab-b ul li a { color: #000; }
	#product-details .details .info #tab-b ul li a:hover { color: #d91b2a; }

	#product-details .details .info #tab-b { display: none; }
	#product-details .details .info #tab-a div { padding: 5px; margin: 0; font-size: 11px; }
	#product-details .details .info #tab-a div a { color: #000; }

/*  =LED
	----------------------------------------------------*/
	#led { margin: 10px 0 10px 0; }
	#led h2 { color: #e51e27; font-size: 14px; margin: 0 0 10px 0; }
	#led .cat { margin: 10px 0 10px 0; }
	#led .cat .more { display:none; }

/*  =LED-DETAILS
	----------------------------------------------------*/
	#led-details { margin: 10px 0 0 0; }
	#led-details .user_content { margin: 0 0 15px 0; }
	#led-details .product { margin-bottom: 5px; }

/*  =CONTACT
	----------------------------------------------------*/
	#frm-contact { margin-top: 10px; }	
	#frm-contact fieldset { border: none; margin-bottom: 10px; }
	#frm-contact fieldset fieldset { margin: 5px 0 0 0; }
	#frm-contact legend { font-size: 13px; font-weight: bold; color: #d91b2a; padding: 10px 0 5px 0; vertical-align: top; }
	#frm-contact ol, #frm-contact li { list-style: none; }
	#frm-contact li { padding: 5px 0 4px 0; }
	#frm-contact input { font-size: 11px; padding: 2px 5px; border: 1px solid #d2d2d2; background: #efefef; width: 180px; }
	#frm-contact input.btn { padding: 0; border: none; background: none; width: auto; }
	#frm-contact label { padding: 4px 0 0 0; width: 115px; float: left; font-weight: bold; color: #3c3c3c; }	
	#frm-contact textarea { overflow: auto; width: 451px; height: 144px; padding: 2px 5px; border: 1px solid #d2d2d2; background: #efefef;  } 
	#frm-contact li.error span { background: url(../img/contact_form_ico_error.gif) no-repeat left 2px; padding-left: 15px; vertical-align: absmiddle; font-size: 9px; }
	#frm-contact li.error input { background: #d91b2a; color: #fff; }

/*  =SEARCHRESULTS
	----------------------------------------------------*/
	#resultsearch { display: none; }
	
	#searchresults .numresults { padding: 15px 10px; font-weight: bold; }
	#searchresults .numresults em { font-style: normal; color: #d91b2a; }
	#searchresults .searchresult { margin: 0 0 5px 0; }
	#searchresults .searchresult .top { height: 10px; background: url(../img/news_news-item_bg_top.gif) no-repeat top left; line-height: 0; font-size: 0; }
	#searchresults .searchresult .content { padding: 0 15px 0 15px; min-height: 54px; background: #fefefe url(../img/news_news-item_bg_content.gif) repeat-x bottom left; }
	#searchresults .searchresult .content p { height: 26px; overflow: hidden; }
	#searchresults .searchresult .bot { height: 15px; background: url(../img/news_news-item_bg_bot.gif) no-repeat top left; line-height: 0; font-size: 0; }
	#searchresults .searchresult h2 { font-weight: bold; color: #3c3c3c; margin: 0 0 3px 0; }
	#searchresults .searchresult h2 a { color: #d91b2a; text-decoration: underline; }

	#searchresults .crumpath { height: 100%; overflow: hidden; list-style: none; margin: 0 ; padding: 0; }
	#searchresults .crumpath li { font-weight: bold; float: left; background: url(../img/crumpath_ico.gif) no-repeat left 4px; padding-left: 13px; margin-left: 6px; }
	#searchresults .crumpath li.first { background: none; padding: 0; margin: 0; }

/*  =SITEMAP
	----------------------------------------------------*/
	#sitemapname { color: #3c3c3c; font-weight: bold; margin-bottom: 3px; }
	#sitemap { list-style: disc; margin-left: 1px; }
	#sitemap li { line-height: 16px; list-style: none; padding-bottom: 16px; background: url(../img/sitemap_li_bg.gif) repeat-y; }
	#sitemap ul { margin-bottom: 0; padding: 0 0 0 21px;  }
	#sitemap li li { padding: 0; }
	#sitemap li a { font-weight: bold; color: #d91b2a; text-decoration: none; padding-left: 20px;  background: url(../img/sitemap_a_bg.gif) no-repeat left 6px; }
	#sitemap li li a { font-weight: normal; color: #3c3c3c; }
	#sitemap li.last { background: url(../img/sitemap_li_last_bg.gif) no-repeat; }

/*  =VERHUUR
	----------------------------------------------------*/
	#verhuur h2 { margin: 15px 0 10px 0; }
	#verhuur .new .product { margin-bottom: 3px; }
	#verhuur .pricelist { margin: 5px 0 0 0; }
	#verhuur .pricelist ul { list-style: none; }
	#verhuur .pricelist ul li { background: url(../img/verhuur_pricelist_li_bg.gif) no-repeat top left; height: 34px; margin: 0 0 5px 0;  line-height: 34px; }
	#verhuur .pricelist ul li a { display: block; height: 100%; margin: 0 0 0 10px; padding: 0 0 0 20px; color: #3c3c3c; font-weight: bold; }
	#verhuur .pricelist ul li a.word { background: url(../img/verhuur_pricelist_ico_word.gif) no-repeat center left; }
	#verhuur .pricelist ul li a.excel { background: url(../img/verhuur_pricelist_ico_excel.gif) no-repeat center left; }
	#verhuur .pricelist ul li a.pdf { background: url(../img/verhuur_pricelist_ico_pdf.gif) no-repeat center left; }

/*  =NEWS / NEWS-ARCHIVE
	----------------------------------------------------*/
	#news { margin: 0; }
	#news .news-item {  }
	#news .news-item .top { height: 10px; background: url(../img/news_news-item_bg_top.gif) no-repeat top left; line-height: 0; font-size: 0; }
	#news .news-item .content {  min-height: 66px; background: #fefefe url(../img/news_news-item_bg_content.gif) repeat-x bottom left; }
	#news .news-item .bot { height: 15px; background: url(../img/news_news-item_bg_bot.gif) no-repeat top left; line-height: 0; font-size: 0; }
	#news .news-item h2 { font-weight: bold; color: #3c3c3c; margin: 0 0 10px 0; }
	#news .news-item h2 a { color: #3c3c3c; text-decoration: underline; }

	#news-archive .rss, #news .archive, #news .rss 	{ display: none; }
	#news-details { margin: 10px 0 0 0; }

	#news-archive ul.news { list-style: none; }
	#news-archive ul.news li { height: 34px; background: url(../img/news-archive_li_bg.gif) no-repeat top left; line-height: 34px; margin: 0 0 5px 0; }
	#news-archive ul.news li a { color: #d91b2a; font-weight: bold; text-decoration: none; display: block; height: 100%; }
	#news-archive ul.news li a span { color: #3c3c3c; text-decoration: underline;  }

	#news-archive .period { display: none; }


/*  =PROJECTS
	----------------------------------------------------*/
	#projects  { overflow: hidden; height: 100%;} 
	
	#projects h2 { margin: 0 0 10px 0; }
	#projects .projects .product { margin-bottom: 5px; }

	#projects .criteria { display: none; }
	#projects .criteria form { padding: 7px 0 0 15px; }
	#projects .criteria form * { vertical-align: middle;  }
	#projects .criteria form .hdr { display: block; margin: 0 0 3px 0; vertical-align: bottom;  }
	#projects .criteria form select { font-size: 10px; margin: 0 5px 0 0; }
	#projects .criteria form label { font-size: 10px; cursor: pointer; margin: 0 3px 0 3px; }

	#project-details { margin: 10px 0 0 0; }
	#project-details h2 { margin: 10px 0 10px 0; }
	#project-details .product { margin-bottom: 3px; }
	#project-details .details { margin: 0 0 15px 0; }
	#project-details .details h1 { color: #3c3c3c; font-size: 14px; margin: 0 0 10px 0; }
	#project-details .details img { float: left; margin: 0 15px 0 0; }

/*	=VERKOOP
	----------------------------------------------------*/
	#verkoop { display: none;  }
	#verkoop-referenties a { margin: 15px; vertical-align: middle; }
	#verkoop-referenties img {  vertical-align: middle; }
	
/*	=CALL TO ACTION
	----------------------------------------------------*/
	.cta { margin: 0 0 10px 0; }
	#col-c h3 { margin: 0 0 10px 0; }
	#action-nieuwsbrief h3 { margin-bottom: 5px; }
	#action-nieuwsbrief input { color: #bc0e1f; font-size: 10px; vertical-align: middle; width: 118px; padding: 2px 5px; border: 1px solid #d1d1d1; margin-top: -3px; }
	#action-nieuwsbrief input.btn { padding: 0; border: none; width: auto; height: auto; margin: -3px 0 0 5px; }
	
	#col-a h2 { margin: 0 0 3px 0; padding: 0; }
	#col-c h2 { margin: 0 0 3px 0; padding: 0; }
	#col-c h5 { margin: 0 0 3px 0; padding: 0; font-size:15px; }
	#col-c h5 * { font-size: 15px; }
	
	#homeleesverder { margin: 5px 0 20px 0; }