/* Import other stylesheets for media: screen */
@import url("layout.css");
@import url("menu.css");
@import url("sIFR-screen.css");

/* Classes and styles */
	body {
		font-family: Arial;
		font-size: 12px;
		color: black;
		background-color: #EEEEEE;
		background-image: url(../images/body_bg.gif);
		background-repeat: repeat-x;
		line-height: 18px;
	}
	
	a {
		text-decoration: none;
	}
	
	p {
		padding: 0px;
		margin: 0px;
		margin-bottom: 20px;
	}
	
	a:hover{
		text-decoration: underline;	
	}
	
	.clear {
		clear: both;
	}
	
	li.last {
		background-image: none !important;
	}
	
	h1, h2, h3, h4, h5, h6 {
		padding: 0px;
		margin: 0px;
		font-weight: normal;
		text-decoration: none;
	}
	
	h1, div#newsDetails h6 {
		font-size: 30px;
		font-family: Arial;
		color: #000000;
		margin-bottom: 12px;
	}

/* Homeblocks */
	a.homeBlock {
		font-size: 14px;
		font-family: Arial;
		line-height: 18px;
	}
	
	a.homeBlock.ontwerp {
		color: #000000;
	}
	
	a.homeBlock.realisatie {
		color: #FFFFFF;
	}
	
	a.homeBlock.styling {
		color: #000000;
	}
	
	/* These divs display in the CMS because the pencil-button will be another A-tag) */
	div.homeBlock {
		font-size: 14px;
		font-family: Arial;
		line-height: 18px;
	}
	
	div.homeBlock.ontwerp {
		color: #000000;
	}
	
	div.homeBlock.realisatie {
		color: #FFFFFF;
	}
	
	div.homeBlock.styling {
		color: #000000;
	}
	
/* Content */
	div#content3Cols {
		font-size: 12px;
		line-height: 18px;
		font-family: Arial;
		color: #333333;
		/*min-height: 282px; !important;
		_height: 282px !important;*/
	}
	
	div#content3Cols a {
		color: #000000;
	}

	/* Projects overview: Ontwerp */
		div.projectsOverviewRow h2 {
			font-size: 24px;
			margin-bottom: 0px;
			*margin-bottom: 7px;
			padding-left: 28px;
		}
	
	/* Realisatie */
	div#siteContainer.realisatie div#contentContainer {
		background-color: #000000;
	}
	
	div#siteContainer.realisatie div#content3Cols {
		color: #FFFFFF !important;
	}
	
	div#siteContainer.realisatie div#content3Cols a {
		color: #FFFFFF !important;
	}
	
	div#siteContainer.realisatie h1, div#siteContainer.realisatie h2 {
		color: #FFFFFF !important;
	}
	
	div#siteContainer.realisatie div.overviewProjectOverlay {
		background-image: url(../images/projectoverview_overlay_realisatie_bg.png);
	}
	
	div#siteContainer.realisatie div.overviewProjectTitle {
		color: #FFFFFF !important;
	}
	
	div#siteContainer.realisatie div.overviewProjectOverlayDescription,
	div#siteContainer.realisatie div.overviewProjectOverlayTitle {
		color: #000000 !important;
	}
	
	div#siteContainer.realisatie div.projectsOverviewRow {
		background-image: url(../images/projects_overview_row_realisatie_bg.gif);
	}
	
	/* Styling */
	div#siteContainer.styling div#contentContainer {
		background-color: #eab610;
	}
	
	div#siteContainer.styling div#content3Cols {
		color: #000000 !important;
	}
	
	div#siteContainer.styling div#content3Cols a {
		color: #000000 !important;
	}
	
	div#siteContainer.styling h1, div#siteContainer.styling h2 {
		color: #000000 !important;
	}
	
	div#siteContainer.styling div.overviewProjectOverlay {
		background-image: url(../images/projectoverview_overlay_styling_bg.png);
	}
	
	div#siteContainer.styling div.overviewProjectTitle {
		color: #000000 !important;
	}
	
	div#siteContainer.styling div.overviewProjectOverlayDescription,
	div#siteContainer.styling div.overviewProjectOverlayTitle {
		color: #f5c926;
	}
	
	div#siteContainer.styling div.projectsOverviewRow {
		background-image: url(../images/projects_overview_row_styling_bg.gif);
	}

/* Process detail page */
	/* Ontwerp */
	div#siteContainer.ontwerp div#process3Columns {
		color: #333333;
	}
	
	div#siteContainer.ontwerp div.overviewProjectTitle {
		color: #000000 !important;
	}

	/* Realisatie */
	div#siteContainer.realisatie div#process3Columns {
		color: #FFFFFF;
	}
	div#siteContainer.realisatie div#process3Columns h2,
	div#siteContainer.realisatie div#process3Columns h3 {
		color: #FFFFFF !important;
	}

	/* Styling */
	div#siteContainer.styling div#process3Columns {
		color: #000000;
	}
	
	div#siteContainer.styling div#process3Columns h2,
	div#siteContainer.styling div#process3Columns h3 {
		color: #000000 !important;
	}

/* News */
	div#newsDetails h1 {
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		margin-bottom: 18px;
	}
	
	div#newsDetails h6 {
		padding-left: 30px;
	}

/* Projectdetails */
	div#projectDetailsContentColumn1 p strong {
		font-size: 14px;
		font-weight: bold;
	}
	
	div#projectDetailsContent h3 {
		font-size: 14px;
		font-weight: bold;	
	}
	
	/* ONTWERP */
	div.ontwerp div.thumbnail {
		border: 1px solid #FFFFFF;
	}
	
	div.ontwerp div#projectDetails {
		color: #333333;
	}
	
	div.ontwerp div#projectDetails div#factsheetHeader {
		background-repeat: no-repeat;
		width: 322px;
		height: 67px;
	}
	
	div.ontwerp div#projectDetails div#factsheetContent {
		background-image: url(../images/factsheet_bg.gif);
		background-repeat: repeat-y;
		width: 280px;
		padding-left: 32px;
		padding-right: 10px;
		padding-bottom: 5px;
	}
	
	div.ontwerp div#projectDetails div#factsheetFooter {
		background-image: url(../images/factsheet_footer.gif);
		background-repeat: no-repeat;
		width: 322px;
		height: 31px;
	}
	
	div.ontwerp div#projectDetails div#factsheetContent ul, 
	div.ontwerp div#projectDetails div#factsheetContent ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	
	div.ontwerp div#projectDetails div#factsheetContent ul li {
		background-repeat: no-repeat;
		background-image: url(../images/factsheet_li.gif);
		background-position: 0px 10px;
		padding-left: 10px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 6px;
	}
	
	div.ontwerp div#projectDetails div#usedProducts ul, div#projectDetails div#usedProducts ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	
	div.ontwerp div#projectDetails div#usedProducts ul li {
		background-repeat: no-repeat;
		background-image: url(../images/factsheet_li.gif);
		background-position: 0px 8px;
		padding-left: 10px;
		line-height: 18px;
		margin-bottom: 2px;
	}
	
	div.ontwerp div#projectDetails div#usedProducts h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	div.ontwerp div#relatedProjects h5 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
		padding-left: 30px;
	}
	
	div.ontwerp div#relatedProjects {
		background-image: url(../images/related_projects_bg.gif);
	}
	
	div.ontwerp div#projectDetails div.thumbnail div.thumbnailOverlay {
		background-image: url(../images/projectdetail_photoselector_overlay_ontwerp.png);
		_background-image: none;
		/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.0.0.2/hal-2.nl/htdocs/images/projectdetail_photoselector_overlay_ontwerp.png', sizingMethod='scale');*/
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.0.0.2/hal-2.nl/htdocs/images/projectdetail_photoselector_overlay_ontwerp.png', sizingMethod='scale');
	}
	
	/* REALISATIE */
	div.realisatie div.thumbnail {
		border: 1px solid #000000;
	}
	
	div.realisatie div#projectDetails {
		color: #FFFFFF;
	}
	
	div.realisatie div#projectDetails div#factsheetHeader {
		background-repeat: no-repeat;
		width: 322px;
		height: 67px;
	}
	
	div.realisatie div#projectDetails div#factsheetContent {
		background-image: url(../images/factsheet_realisatie_bg.gif);
		background-repeat: repeat-y;
		width: 290px;
		padding-left: 32px;
		padding-bottom: 5px;
	}
	
	div.realisatie div#projectDetails div#factsheetFooter {
		background-image: url(../images/factsheet_realisatie_footer.gif);
		background-repeat: no-repeat;
		width: 322px;
		height: 31px;
	}
	
	div.realisatie div#projectDetails div#factsheetContent ul, 
	div.realisatie div#projectDetails div#factsheetContent ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	
	div.realisatie div#projectDetails div#factsheetContent ul li {
		background-repeat: no-repeat;
		background-image: url(../images/factsheet_realisatie_li.gif);
		background-position: 0px 10px;
		padding-left: 10px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 6px;
	}
	
	div.realisatie div#projectDetails div#usedProducts ul, div#projectDetails div#usedProducts ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	
	div.realisatie div#projectDetails div#usedProducts ul li {
		background-repeat: no-repeat;
		background-image: url(../images/factsheet_realisatie_li.gif);
		background-position: 0px 8px;
		padding-left: 10px;
		line-height: 18px;
		margin-bottom: 2px;
	}
	
	div.realisatie div#projectDetails div#usedProducts h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	div.realisatie div#relatedProjects h5 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
		padding-left: 30px;
	}
	
	div.realisatie div#relatedProjects {
		background-image: url(../images/related_projects_realisatie_bg.gif);
	}
	
	div.realisatie div#projectDetails div.thumbnail div.thumbnailOverlay {
		background-image: url(../images/projectdetail_photoselector_overlay_realisatie.png);
		_background-image: none;
		/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.0.0.2/hal-2.nl/htdocs/images/projectdetail_photoselector_overlay_realisatie.png', sizingMethod='scale');*/
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hal-2.nl/images/projectdetail_photoselector_overlay_realisatie.png', sizingMethod='scale');
	}
	
	/* STYLING */
	div.styling div.thumbnail {
		border: 1px solid #eab610;
	}
	
	div.styling div#projectDetails {
		color: #000000;
	}
	
	div.styling div#projectDetails div#factsheetHeader {
		background-image: url(../images/factsheet_styling_header.gif);
		background-repeat: no-repeat;
		width: 322px;
		height: 67px;
	}
	
	div.styling div#projectDetails div#factsheetContent {
		background-image: url(../images/factsheet_styling_bg.gif);
		background-repeat: repeat-y;
		width: 290px;
		padding-left: 32px;
		padding-bottom: 5px;
	}
	
	div.styling div#projectDetails div#factsheetFooter {
		background-image: url(../images/factsheet_styling_footer.gif);
		background-repeat: no-repeat;
		width: 322px;
		height: 31px;
	}
	
	div.styling div#projectDetails div#factsheetContent ul, 
	div.styling div#projectDetails div#factsheetContent ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	
	div.styling div#projectDetails div#factsheetContent ul li {
		background-repeat: no-repeat;
		background-image: url(../images/factsheet_styling_li.gif);
		background-position: 0px 10px;
		padding-left: 10px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 6px;
	}
	
	div.styling div#projectDetails div#usedProducts ul, div#projectDetails div#usedProducts ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	
	div.styling div#projectDetails div#usedProducts ul li {
		background-repeat: no-repeat;
		background-image: url(../images/factsheet_styling_li.gif);
		background-position: 0px 8px;
		padding-left: 10px;
		line-height: 18px;
		margin-bottom: 2px;
	}
	
	div.styling div#projectDetails div#usedProducts h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	div.styling div#relatedProjects h5 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
		padding-left: 30px;
	}
	
	div.styling div#relatedProjects {
		background-image: url(../images/related_projects_styling_bg.gif);
	}
	
	div.styling div#projectDetails div.thumbnail div.thumbnailOverlay {
		background-image: url(../images/projectdetail_photoselector_overlay_styling.png);
		_background-image: none;
		/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.0.0.2/hal-2.nl/htdocs/images/projectdetail_photoselector_overlay_styling.png', sizingMethod='scale');*/
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hal-2.nl/images/projectdetail_photoselector_overlay_styling.png', sizingMethod='scale');
	}
	
	div#showroomProductsContent h4 {
		font-size: 18px;
		line-height: 20px;
		padding-right: 10px;
		margin-bottom: 10px;
	}
	
#ddwBanner {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 184px;
	height: 300px;
	background: url(../images/ddw-logo-2011.jpg) no-repeat;
}