/**
 * Niets uit dit bestand mag worden gekopieerd, gewijzigd, veranderd of
 * gebruikt zonder de expliciete toestemming van Crowd Surfing
 * (ITC Portal B.V.)
 *
 * Indien u met betrekking tot dit bestand wijzigingen doorvoert draagt
 * Crowd Surfing niet langer de verantwoordelijk voor een correcte
 * werking van uw website
 *
 *
 * Nothing from this file may be copied, changed or used
 * without the explicit consent of Crowd Surfing (ITC Portal B.V.)
 *
 * If you make changes concercing this file, Crowd Surfing will no
 * longer bear responsibility for a correct functioning of your website
 */

/**
 * CSS for DeHuiscomponist 
 *
 * Updates:
 * - 2010-04-08		Added Notices
 *
 * @author	 		Jeroen Dijkstra, Crowd Surfing
 * @copyright		(c) Crowd Surfing 2010
 * @license			http://crowd-surfing.com/algemenevoorwaarden/Module-01-licentie-programmatuur.pdf
 */

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body 	{ background: white; color: black; line-height: 1; }
del 	{ text-decoration: line-through; }
table 	{ border-collapse: collapse; border-spacing: 0; } /* Tables still need cellspacing="0" in the HTML */
:focus 	{ outline: 0; } /* Removes outline for input fields in Webkit */
/* END CSS RESET */

/* GENERAL STYLES */
html, body, div#Container
{
	width: 				100%;
}

body
{
	background-color: 	#FFFFFF;
	background-repeat: 	repeat-y;
	color: 				white;
	font: 				13px/1.3 Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	margin: 			0;
	text-align: 		center;
}

h1
{
	font-size: 			20px;
	font-weight: 		normal;
}

h2
{
	font-size: 			16px;
	font-weight: 		normal;
}

h3
{
	font-size: 			14px;
	font-weight: 		normal;
}

a
{
	color: 				#DC931A;
	text-decoration: 	none;
}

a:hover
{
	text-decoration: 	underline;
}

a:visited
{
	color: 				#DC931A;
}

p
{
	color: 				#FFFFFF;
	line-height:		1.3;
	margin-bottom: 		10px;
	padding: 			10px 10px 10px 0;
}

strong
{
	font-weight: 		bold;
}

em
{
	color: 				#DC931A;
	font-style: 		italic;
}

li
{
	list-style-type: 	none;
}

textarea
{
	overflow: 			auto; /* No scrollbars in IE when there is enough room */
}

blockquote
{
	border-left: 		2px solid #FFFFFF;
	margin: 			5px 0 15px 15px;
	padding-left: 		15px;
}

pre
{
	font-family: 		"Courier New", Courier, monospace, serif;
  	margin: 			0 0 1.5em;
}

blockquote,
blockquote p
{
	font-size: 			15px;
	font-style: 		italic;
	text-align: 		justify;
}

div#Container
{
	/* overflow: 			hidden; */
}

	/* GENERAL STYLES CONTENT */
	div#Content ol,
	div#Content ul
	{
		line-height:			1.3;
		margin-left: 			25px;
	}

	div#Content ol li
	{
		list-style-type:	decimal;
	}

	div#Content ul li
	{
		list-style-type:	disc;
	}

	/* END GENERAL STYLES CONTENT */

/* END GENERAL STYLES */

/* CONTAINER */
div#Top
{
	background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/backgroundTop.jpg');
	height: 			38px;
	margin: 			20px auto 0 auto;
	position: 			relative;
	width: 				988px;
	z-index: 			1; /* Start IE z-index stack */
}

	div#Top div#LeafContainer
	{
		background-image: 		url('/Includes/Themes/DeHuiscomponist/Images/TopLeaf.png');
		background-repeat: 		no-repeat;
		height: 				307px;
		position: 				absolute;
		right: 					-20px;
		top: 					-20px;
		width: 					349px;
		z-index:				1;
	}

		div#Top div#LeafContainer div#OpeningsHours
		{
			cursor:			pointer;
		    height: 		210px;
			margin-left: 	82px;
			margin-top: 	20px;
			width: 			250px;
		}

			div#Top div#LeafContainer div#OpeningsHours p
			{
				margin: 		0;
				padding: 		0;
			}

			div#Top div#LeafContainer div#OpeningsHours h1
			{
				font-size: 		28px;
			}

			div#Top div#LeafContainer div#OpeningsHours h2
			{
				color: 			#000000;
				font-size: 		15px;
			}

div#Container
{
	background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/backgroundMiddle.png');
	background-repeat: 	repeat-y;
	margin: 			0 auto;
	width: 				988px;
}

	div#Container div#TopBar,
	div#Container div#BottomBar
	{
		background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/TopBar.png');
		clear: 				left;
		height: 			73px;
		margin: 			20px auto;
		width: 				949px;
	}

	div#Container div#BottomBar
	{
		background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/BottomBar.png');
	}

		div#Container div#BottomBar:hover
		{
			border:			1px solid #FFFFFF;
			
			-moz-box-shadow: 0px 0px 30px #FFFFFF;  
			-webkit-box-shadow: 0px 0px 30px #FFFFFF;  
			box-shadow: 0px 0px 30px #FFFFFF; 	

			border-radius: 0 0 28px 28px;
		}

		div#Container div#TopBar div#TopBarContent,
		div#Container div#BottomBar div#BottomBarContent
		{
			font-size: 			20px;
			height: 			70px;
			margin: 			0 auto;
			overflow: 			hidden;
			text-align: 		left;
			width: 				935px;
		}

			div#Container div#TopBar div#TopBarContent h1,
			div#Container div#BottomBar div#BottomBarContent h1
			{
				font-size: 			62px;
				font-weight: 		bold;
			}

			div#Container div#TopBar div#TopBarContent h2,
			div#Container div#BottomBar div#BottomBarContent h2
			{
				font-size: 			25px;
				font-weight: 		bold;
			}

			div#Container div#TopBar div#TopBarContent h3,
			div#Container div#BottomBar div#BottomBarContent h3
			{
				color: 				#DC931A;
				font-size: 			25px;
				font-weight: 		bold;
			}

div#Bottom
{
	background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/backgroundBottom.png');
	height: 			46px;
	margin: 			0 auto 20px auto;
	width: 				988px;
}

/* END CONTAINER */

/* HEADER */
div#Header
{
	position: 			relative;
	text-align: 		left;
}

	div#Header div#DiscountContainer
	{
		background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/DiscountBox.png');
		height: 			124px;
		left: 				19px;
		position: 			absolute;
		top: 				0;
		width: 				237px;
	}

		div#Header div#DiscountContainer div#Discount,
		div#Header div#DiscountContainer div#Discount p
		{
			color: 			#000000;
			font-size: 		29px;
			font-style: 	italic;
			font-weight: 	bold;
			margin: 		70px 0 0 0;
			padding: 		0;
			text-align: 	center;
		}

	div#Header div#SmallTextBox
	{
		background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/TextBoxSmall.png');
		height: 			103px;
		left: 				270px;
		position: 			absolute;
		top: 				0;
		width: 				144px;
	}

		div#Header div#SmallTextBox div#SmallText
		{
			color: 			#000000;
			height: 		97px;
			overflow: 		hidden;
			padding: 		4px;
			text-align: 	left;
		}

			div#Header div#SmallTextBox div#SmallText p
			{
				color: 			#000000;
				font-size: 		14px;
				margin: 		0;
				padding: 		0;
			}

			div#Header div#SmallTextBox div#SmallText h1
			{
				color: 			#000000;
				font-size: 		26px;
				line-height: 	1;
			}

			div#Header div#SmallTextBox div#SmallText h2
			{
				color: 			#000000;
				font-size: 		24px;
				line-height: 	1;
			}

			div#Header div#SmallTextBox div#SmallText h3
			{
				color: 			#DC931A;
				font-size: 		18px;
				line-height: 	1;
			}

	div#Header div#MediumTextBox
	{
		background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/TextBoxMedium.png');
		height: 			147px;
		left: 				425px;
		position: 			absolute;
		top: 				0;
		width: 				286px;
	}

		div#Header div#MediumTextBox div#MediumText
		{
			height: 		133px;
			overflow: 		hidden;
			padding: 		7px;
			text-align: 	left;
			width: 			270px;
		}

			div#Header div#MediumTextBox div#MediumText p
			{
				color: 			#000000;
				font-size: 		18px;
				margin: 		0;
				padding: 		0;
			}

			div#Header div#MediumTextBox div#MediumText h1
			{
				color: 			#000000;
				font-size: 		28px;
				line-height: 	1;
			}

			div#Header div#MediumTextBox div#MediumText h2
			{
				color: 			#000000;
				font-size: 		26px;
				line-height: 	1;
			}

			div#Header div#MediumTextBox div#MediumText h3
			{
				color: 			#DC931A;
				font-size: 		20px;
				line-height: 	1;
			}

	div#Header a#Logo
	{
		display: 			block;
		margin-bottom: 		10px;
		padding-top: 		96px;
		text-align: 		center;
	}

	/* LOGOS CONTAINER */
	div#LogosContainer
	{
		position: 	relative;
	}

		div#LogosContainer a#CompanyLogo
		{
			display:		block;
			text-align:		center;
			width:			988px;
		}
	
		div#LogosContainer a#hometrend
		{
			margin-left: 	19px;
		}

		div#LogosContainer a#plankenhuis
		{
			margin: 		0 10px;
		}

		div#LogosContainer a#sunlite
		{
			margin-left: 	11px;
		}

            div#LogosContainer a img:hover,
            div#LogosContainer a img.ActiveCompany
			{
				border:			1px solid #FFFFFF;
				
				-moz-box-shadow: 0px 0px 30px #FFFFFF;  
				-webkit-box-shadow: 0px 0px 30px #FFFFFF;  
				box-shadow: 0px 0px 30px #FFFFFF; 			  
			}

			/* ATTENTION STAR */
			div#LogosContainer div.AttentionStar
			{
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/AttentionStar.png');
				height: 			258px;
				left: 				0;
				position: 			absolute;
				top: 				-235px;
				width: 				498px;
			}

			div#LogosContainer div#hometrendStar
			{
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/AttentionStar2.png');
				left: 				-80px;
			}

				div#LogosContainer div#hometrendStar h1
				{
					color: 			#FBEFC3;
				}

			div#LogosContainer div#sunliteStar
			{
				left: 				240px;
			}

			body#Company div#BottomLogos div#sunliteStar
			{
				display:			none;
			}
			
			
				div#LogosContainer div#sunliteStar h1
				{
					color: 			#BF3318;
				}

			div#LogosContainer div#plankenhuisStar
			{
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/AttentionStar3.png');
				left: 				550px;
			}

				div#LogosContainer div#plankenhuisStar h1
				{
					color: 			#00663A;
				}

			div#LogosContainer div.AttentionStarText
			{
				color: 				#000000;
				height: 			120px;
			    margin-left: 		144px;
			    margin-top: 		67px;
			    width: 				210px;
			}

				div#LogosContainer div.AttentionStarText h1
				{
					color: 			#000000;
					font-size: 		26px;
					font-weight: 	bold;
					line-height: 	1;
					white-space: 	nowrap;
				}

				div#LogosContainer div.AttentionStarText h2
				{
					color: 			#000000;
					font-size: 		22px;
					font-weight: 	bold;
					line-height: 	1;
					white-space: 	nowrap;
				}

				div#LogosContainer div.AttentionStarText h3
				{
					color: 			#DC931A;
					font-size: 		20px;
					font-weight: 	bold;
					line-height: 	1;
					white-space: 	nowrap;
				}

				div#LogosContainer div.AttentionStarText p
				{
					color: 			#000000;
					font-size: 		14px;
					margin: 		0;
					padding: 		0;
				}

			/* END ATTENTION STAR */

	/* END LOGOS CONTAINER */

/* END HEADER */

/* CONTENT */
div#InnerBackground
{
	background-position: 	center top;
	background-repeat: 		repeat-y;
}

div#Content
{
	color: 				#FFFFFF;
	margin: 			0 auto;
	text-align: 		left;
	width: 				948px;
}

	div#Content div#LeftColumn,
	div#Content div#MiddleColumn,
	div#Content div#RightColumn
	{
		float: 			left;
		margin-right: 	7px;
		position: 		relative;
		z-index: 		3;
	}

	div#Content div#MiddleColumn
	{
		z-index: 		2;
	}

	div#Content div#RightColumn
	{
		margin-left: 	1px;
		margin-right: 	0;
		z-index: 		1;
	}

	/* FRAMES */

	 	/* SMALL FRAME */
		div#Content div.SmallBackground
		{
			background-position: 	8px 7px;
			background-repeat: 		no-repeat;
			height: 				142px;
			margin-bottom: 			10px;
			width: 					311px;
		}

		div#Content div.SmallBackground div.Container
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/SmallFrame.png');
			cursor:				pointer;
			height: 			100%;
			position: 			relative;
			width: 				100%;
		}

	 	/* END SMALL FRAME */

		/* MEDIUM FRAME */
		div#Content div.MediumBackground
		{
			background-position: 	8px 8px;
			background-repeat: 		no-repeat;
			height: 				291px;
			margin-bottom: 			13px;
			width: 					311px;
		}

			div#Content div.MediumBackground div.Container
			{				
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/MediumFrame.png');
				cursor:				pointer;
				height: 			100%;
				position: 			relative;
				width: 				100%;
			}

		/* END MEDIUM FRAME */

		/* FRAMES SMALL LOGOS */
		div#Content div.SmallLogo p
		{
			bottom: 			29px;
			color: 				#FFFFDB;
			font-size: 			11px;
			left: 				12px;
			margin: 			0;
			padding: 			0;
			position: 			absolute;
			text-align: 		center;
			text-transform: 	uppercase;
			white-space: 		nowrap;
			width: 				147px;
		}

		div#Content div#LeftColumn div.SmallLogo
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Hometrend_small.png');
			height: 			85px;
			left: 				-13px;
			overflow: 			hidden;
			position: 			absolute;
			top: 				-13px;
			width: 				186px;
			z-index: 			3;
		}

		div#Content div#MiddleColumn div.SmallLogo
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Sunlite_small.png');
			height: 			88px;
			left: 				-13px;
			position: 			absolute;
			overflow: 			hidden;
			top: 				-13px;
			width: 				197px;
			z-index: 			3;
		}

			div#Content div#MiddleColumn div.SmallLogo p,
			div#Content div#MiddleColumn div.SmallLogo p a
			{
				bottom: 		30px;
				color: 			#9C1F1F;
				width: 			158px;
			}
			
			div#Content div#LeftColumn div.SmallLogo p,
			div#Content div#LeftColumn div.SmallLogo p a
			{
				color: 			#FFFFDB;
			}

		div#Content div#RightColumn div.SmallLogo
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Plankenhuis_small.png');
			height: 			48px;
			left: 				-1px;
			position: 			absolute;
			top: 				-1px;
			width: 				150px;
			z-index: 			3;
		}

			div#Content div#RightColumn div.SmallLogo p,
			div#Content div#RightColumn div.SmallLogo p a
			{
				bottom: 		5px;
				color: 			#005428;
				left: 			2px;
			}

		/* END SMALL LOGOS */

		/* FRAME STAR */
		div#Content div#LeftColumn div.Star,
		div#Content div#MiddleColumn div.Star,
		div#Content div#RightColumn div.Star
		{
			background-image: 		url('/Includes/Themes/DeHuiscomponist/Images/Hometrend_star.png');
			display: 				table;
			height:					161px;
			position: 				absolute;
			right: 					-80px;
    		top: 					-10px;
			width: 					303px;
		}

		div#Content div.Star div.StarWrapper
		{
			display: 				table-cell;
			vertical-align: 		middle;

					}

			
		div#Content div#MiddleColumn div.Star
		{
			background-image: 		url('/Includes/Themes/DeHuiscomponist/Images/Sunlite_star.png');
		}

		div#Content div#RightColumn div.Star
		{
			background-image: 		url('/Includes/Themes/DeHuiscomponist/Images/Plankenhuis_star.png');
		}

			div#Content div#LeftColumn div.Star p,
			div#Content div#MiddleColumn div.Star p,
			div#Content div#RightColumn div.Star p
			{
				margin: 		0 auto;
				padding: 		0;
				width: 			155px;
				text-align: 	center;
			}

			div#Content div#LeftColumn div.Star p,
			div#Content div#LeftColumn div.Star p a
			{
				color: 			#FFFFDB;
			}

			div#Content div#MiddleColumn div.Star p,
			div#Content div#MiddleColumn div.Star p a
			{
				color: 			#9C1F1F;
			}

			div#Content div#RightColumn div.Star p,
			div#Content div#RightColumn div.Star p a
			{
				color: 			#005428;
			}

		/* END FRAME STAR */

		/* OVALS */
		div#Content div.Oval h1,
		div#Content div.Oval h2,
		div#Content div.Oval h3
		{
			font-size: 		12px;
			font-weight: 	bold;
			margin: 		27px 0 0 19px;
			text-align: 	center;
			width: 			122px;
		}

		div#Content div#LeftColumn div.Oval h1,
		div#Content div#LeftColumn div.Oval h2,
		div#Content div#LeftColumn div.Oval h3
		{
			color: 			#FFFFDB;
		}

		div#Content div#MiddleColumn div.Oval h1,
		div#Content div#MiddleColumn div.Oval h2,
		div#Content div#MiddleColumn div.Oval h3
		{
			color: 			#9C1F1F;
		}

		div#Content div#RightColumn div.Oval h1,
		div#Content div#RightColumn div.Oval h2,
		div#Content div#RightColumn div.Oval h3
		{
			color: 			#005428;
		}

		div#Content div#LeftColumn div.SmallBackground div.Oval,
		div#Content div#MiddleColumn div.SmallBackground div.Oval,
		div#Content div#RightColumn div.SmallBackground div.Oval
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Hometrend_oval.png');
			bottom: 			-25px;
			display:			table;
			height: 			117px;
			position: 			absolute;
			right: 				-25px;
			width: 				176px;
		}

		div#Content div.Oval div.OvalWrapper
		{
			display: 			table-cell;
			vertical-align: 	middle;

					}
			
			div#Content div.Oval div.OvalWrapper p,
			div#Content div.Oval div.OvalWrapper p a
			{
				color:			#FFFFDB;
			}

			
		div#Content div#MiddleColumn div.SmallBackground div.Oval
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Sunlite_oval.png');
		}

		div#Content div#RightColumn div.SmallBackground div.Oval
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Plankenhuis_oval.png');
			bottom: 			-30px;
			right: 				-34px;
		}

			div#Content div#LeftColumn div.SmallBackground div.Oval p,
			div#Content div#MiddleColumn div.SmallBackground div.Oval p,
			div#Content div#RightColumn div.SmallBackground div.Oval p
			{
				color: 			#FFFFDB;
				font-size: 		12px;
				margin-left: 	13px;
				padding: 		0;
				text-align: 	center;
				width: 			136px;
			}

			div#Content div#MiddleColumn div.SmallBackground div.Oval p
			{
				color: 			#9C1F1F;
			}

			div#Content div#RightColumn div.SmallBackground div.Oval p,
			div#Content div#RightColumn div.SmallBackground div.Oval p a
			{
				color: 			#005428;
				margin: 		-20px 0 0 5px;
			}

			div#Content div#LeftColumn div.MediumBackground div.Oval,
			div#Content div#MiddleColumn div.MediumBackground div.Oval,
			div#Content div#RightColumn div.MediumBackground div.Oval
			{
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Hometrend_oval.png');
				bottom: 			-25px;
				display:			table;
				height: 			117px;
				position: 			absolute;
				right: 				-25px;
				width: 				176px;
			}

			div#Content div#MiddleColumn div.MediumBackground div.Oval
			{
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Sunlite_oval.png');
			}

			div#Content div#RightColumn div.MediumBackground div.Oval
			{
				background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/Plankenhuis_oval.png');
				bottom: 			-30px;
				right: 				-34px;
			}

				div#Content div#LeftColumn div.MediumBackground div.Oval p,
				div#Content div#MiddleColumn div.MediumBackground div.Oval p,
				div#Content div#RightColumn div.MediumBackground div.Oval p,
				div#Content div#LeftColumn div.MediumBackground div.Oval p a,
				div#Content div#MiddleColumn div.MediumBackground div.Oval p a,
				div#Content div#RightColumn div.MediumBackground div.Oval p a				
				{
					color: 			#FFFFDB;
					font-size: 		12px;
					margin-left: 	13px;
					padding: 		0;
					text-align: 	center;
					width: 			136px;
				}

				div#Content div#MiddleColumn div.MediumBackground div.Oval p,
				div#Content div#MiddleColumn div.MediumBackground div.Oval p a
				{
					color: 			#9C1F1F;
				}

				div#Content div#RightColumn div.MediumBackground div.Oval p,
				div#Content div#RightColumn div.MediumBackground div.Oval p a
				{
					color: 			#005428;
					margin: 		-20px 0 0 5px;
				}

		/* END OVALS */

	/* END FRAMES */

div#ContentWrapper
{
	margin-left: 	19px;
}

	div#ContentWrapper div#Content
	{
		background-color: 	#DB911A;
		float: 				left;
		margin-bottom: 		20px;
		min-height: 		400px;
		width: 				739px;
	}

		div#ContentWrapper div#Content h1#Heading
		{
			background-color: 		#000000;
			background-image: 		url('/Includes/Themes/DeHuiscomponist/Images/Heading_arrow.png');
			background-position: 	left center;
			background-repeat: 		no-repeat;
			font-family: 			'Arial Black', Arial;
			font-size: 				24px;
			line-height: 			40px;
			margin: 				0 0 49px;
			padding-left: 			25px;
		}

		div#ContentWrapper div#Content h1
		{
			font-size: 			16px;
		}

		div#ContentWrapper div#Content h1,
		div#ContentWrapper div#Content h2,
		div#ContentWrapper div#Content h3
		{
			color: 				#FFFFFF;
			font-size: 			14px;
			font-weight: 		bold;
			margin-top: 		10px;
			margin-left: 		30px;
		}

		div#ContentWrapper div#Content h1
		{
			font-size: 			18px;
		}

		div#ContentWrapper div#Content h3
		{
			color: 				#F8DB00;
		}

		div#ContentWrapper div#Content a
		{
			color: 				#F8DB00;
		}

		div#ContentWrapper div#Content a:hover
		{
			text-decoration: 	underline;
		}

		div#ContentWrapper div#Content p
		{
			color:  			#000000;
			font-size: 			14px;
			padding-left: 		30px;
			padding-right: 		20px;
			padding-top: 		0;
			margin-bottom: 		0;
		}

/* END CONTENT */

/* LISTS CONTENT */
div#LeftList,
div#MiddleList,
div#RightList
{
	width: 		307px;
}

	div#LeftList ul,
	div#MiddleList ul,
	div#RightList ul
	{
		margin-left: 	10px;
	}

		div#LeftList ul li,
		div#MiddleList ul li,
		div#RightList ul li
		{
			height: 			80px;
			margin: 			0 auto 5px auto;
			list-style-type: 	none;
			text-align: 		center;
		}

			div#LeftList ul li
			{
				background-color: 	#9C1F1F;
			}

			div#MiddleList ul li
			{
				background-color: 	#F7DB00;
			}

			div#RightList ul li
			{
				background-color: 	#FFFBDA;
			}

				div#LeftList ul li a,
				div#MiddleColumn ul li a,
				div#RightList ul li a,
				div#LeftList ul li,
				div#MiddleColumn ul li,
				div#RightList ul li
				{
					display:		block;
					font-size: 		18px;
					font-weight: 	bold;
					line-height:	80px;
					text-transform: uppercase;
				}

				div#LeftList ul li a,
				div#LeftList ul li
				{
					color: 		#FFFFDB;
				}

				div#MiddleList ul li a,
				div#MiddleList ul li
				{
					color: 		#9C1F1F;
				}

				div#RightList ul li a,
				div#RightList ul li
				{
					color: 		#005428;
				}

/* END LISTS CONTENT */

/* TEXT LAYOUT NAVIGATION */
div#Aside
{
	background-color: 		#DB911A;
	float: 					left;
	width: 					210px;
}

	div#Aside div#NavigationContainer,
	div#Aside div#SpecialNavContainer
	{
		background-color: 		#DB911A;
		background-image: 		url('/Includes/Themes/DeHuiscomponist/Images/Navigation_Bottom.png');
		background-position: 	left bottom;
		background-repeat: 		no-repeat;
		float: 					left;
	}

		div#Aside div#NavigationContainer a#SmallLogo,
		div#Aside div#SpecialNavContainer a#SmallLogo
		{
			background-color: 	#000000;
			display: 			block;
			float: 				left; /* Fixes IE margin bug */
		}

		div#Aside div#NavigationContainer div#Navigation,
		div#Aside div#SpecialNavContainer div#CompanyNavigation
		{
			background-color: 	#000000;
			margin-bottom: 		30px;
			overflow: 			auto;
			padding-top: 		10px;
			text-align: 		left;
			width: 			 	220px;
		}

			div#Aside div#NavigationContainer div#Navigation ul,
			div#Aside div#SpecialNavContainer div#CompanyNavigation ul
			{
				border-top: 	1px solid #DB911A;
				color: 			#F8DB00;
				margin: 		0 auto;
				padding-top: 	10px;
				width: 			180px;
			}

				div#Aside div#NavigationContainer div#Navigation ul li,
				div#Aside div#SpecialNavContainer div#CompanyNavigation ul li
				{
					background-image:	url('/Includes/Themes/DeHuiscomponist/Images/List_arrow.png');
					background-repeat: 	no-repeat;
					background-position: left top;
					margin-bottom: 		5px;
				}

					div#Aside div#SpecialNavContainer div#CompanyNavigation ul li.SubItem
					{
						margin-left: 		19px;
						background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/List_Sub_arrow.png');
						line-height:		0.9;
					}

						div#Aside div#SpecialNavContainer div#CompanyNavigation ul li.SubItem a
						{
							font-size:		14px;
						}

					div#Aside div#NavigationContainer div#Navigation ul li a,
					div#Aside div#SpecialNavContainer div#CompanyNavigation ul li a
					{
						color: 			#F8DB00;
						font-size: 		16px;
						font-weight: 	bold;
						margin-left:	20px;
						display:		inline-block;
					}

						div#Aside div#NavigationContainer div#Navigation ul li ul,
						div#Aside div#SpecialNavContainer div#CompanyNavigation ul li ul
						{
							border-top: 	none;
							padding: 		0 0 10px 0;
						}

							div#Aside div#NavigationContainer div#Navigation ul li ul li,
							div#Aside div#SpecialNavContainer div#CompanyNavigation ul li ul li
							{
								list-style-type: 		none;
							}

								div#Aside div#NavigationContainer div#Navigation ul li ul li a,
								div#Aside div#SpecialNavContainer div#CompanyNavigationul li ul li a
								{
									font-weight: 	normal;
								}

/* END TEXT LAYOUT NAVIGATION */

/* FORMS */
form
{
	color: 			#000000;
	margin: 		10px 0 10px 10px;
	width: 			410px;
}

form div.Row
{
	margin-bottom: 	10px;
}

	form div.Row label
	{
		vertical-align: top;
	}

	form div.Row input,
	form div.Row textarea
	{
		width: 			250px;
	}

	form div.Row select
	{
		width: 			256px;
	}

	form div.Row textarea
	{
		height: 		150px;
	}

	form div.Row input[type="submit"]
	{
		float: 			right;
		height: 		auto;
		margin-bottom: 	10px;
		width: 			auto;
	}
	
	form div.Row input.OffertWidthInput
	{
		width:			40px;
		text-align:		center;
	}
	
	form div.Row input.OffertHeightInput
	{
		left: 			260px;
	    position: 		absolute;
	    top: 			-30px;
	    width: 			40px;
	    text-align:		center;
	}
	
	form div.Row input.OffertSquereInput
	{
		left: 			364px;
	    position: 		absolute;
	    top: 			-30px;
	    width: 			40px;
	    text-align:		center;
	}
	
	form div.Row input.OffertSquereInput.Sunlite
	{
		left: 			364px;
	    position: 		absolute;
	    top: 			-62px;
	    width: 			40px;
	    text-align:		center;
	}

/* END FORMS */

/* OFFERTE */
div.OfferteWrapper
{
	border-bottom:		2px ridge #FBF2E1;
	clear:				both;
	float:				left;
	margin-bottom:		35px;
	margin-left:		27px;
	padding-bottom:		35px;
	width:				662px;
}

div.OfferteWrapper:hover
{
	cursor:				pointer;
}

div.OfferteWrapper.Last
{
	border:				0;
}

div.OfferteWrapper div.Left
{
	float:				left;
	width:				355px;
}

div.OfferteWrapper div.Left div.leftBottom
{
	height:				25px;
	margin-top:			5px;
}

div.OfferteWrapper div.Left div
{
	height:				70px;
	overflow:			hidden;
}

div#ContentWrapper div#Content div.OfferteWrapper div.Left div p
{
	padding:			0;
}

div#ContentWrapper div#Content div.OfferteWrapper div.Left div.leftBottom a
{
	background-image:	url('/Includes/Themes/DeHuiscomponist/Images/OffertButton.png');
	color:				#FFFFFF;
	display:			block;
	font-size:			15px;
	font-weight:		bold;
	height:				25px;
	line-height:		25px;
	padding-left:		10px;
	width:				140px;
}

div.OfferteWrapper div.Right
{
	float:				left;
}

div.OfferteWrapper div.Right img
{

}

/* END OFFERTE */

/* CATEGORY */
div#ProductOverview div#CategoryText
{
	margin-left:			30px;
}

	div#ProductOverview div#CategoryText h1
	{
		margin-left:			0;
	}
	
	div#ProductOverview div#CategoryText h2
	{
		margin-left:			0;
	}
	
	div#ProductOverview div#CategoryText h3
	{
		margin-left:			0;
	}
	
	div#ProductOverview div#CategoryText p
	{
		margin-left:			-28px;
	}

div#ProductOverview div#ProductsList
{
	margin-left:			30px;	
}

	div#ProductOverview div#ProductsList div.ProductWrapper
	{
		border-bottom:			1px solid #000000;
		clear:					both;
		cursor:					pointer;
		float:					left;
		position:				relative;
		margin-top:				10px;
		padding-bottom:			10px;
		width:					670px;
	}
	
		div#ProductOverview div#ProductsList div.ProductWrapper img
		{
			float:					left;
			height:					90px;
			width:					110px;
		}
		
		div#ProductOverview div#ProductsList div.ProductWrapper h2
		{
			float:					left;
			width:					515px;
		}
		
		div#ProductOverview div#ProductsList div.ProductWrapper div
		{
			height:					32px;
			left:					140px;
			overflow:				hidden;
			position:				absolute;
			top:					26px;
		}
		
		div#ProductOverview div#ProductsList div.ProductWrapper a
		{
			float:					left;
			left:					140px;
			position:				absolute;
			top:					60px;
			background-image:	url('/Includes/Themes/DeHuiscomponist/Images/OffertButton.png');
			color:				#FFFFFF;
			display:			block;
			font-size:			15px;
			font-weight:		bold;
			height:				25px;
			line-height:		25px;
			padding-left:		35px;
			width:				115px;
		}
/* END CATEGORY */

/* PRODUCT */
div#ProductWrapper
{
	margin-left:	20px;
	padding-top:	20px;
}
div#ProductWrapper div#ProductText
{
	float:			left;
	width:			440px;
}

div#ProductWrapper div#ProductText h1,
div#ProductWrapper div#ProductText h2
{
	margin-left:	0;
}

div#ProductWrapper div#ProductText p
{
	margin-left:	-28px;
}

div#ProductWrapper div#ProductImage
{
	float:			left;
	margin-top:		37px;
}

div#ProductWrapper div#ProductImage img
{
	
}

div#ProductWrapper div#BackButtonWrapper
{
	clear:			both;
	float:			left;
	margin-top:		20px;
}

div#ProductWrapper div#BackButtonWrapper a
{
	background-image:	url('/Includes/Themes/DeHuiscomponist/Images/OffertButton.png');
	color:				#FFFFFF;
	display:			block;
	font-size:			15px;
	font-weight:		bold;
	height:				25px;
	line-height:		25px;
	padding-left:		48px;
	width:				102px;
}
/* END PRODUCT */

/* FOOTER */
div#Footer
{
	background-color: 	#000000;
	color: 				#FFFFFF;
	margin: 			0 auto;
	padding-top: 		5px;
	width: 				948px;
}

	/* NAVIGATION */
	div#Footer div#NavigationContainer
	{
		padding: 		10px 0;
	}

		div#Footer div#NavigationContainer div#Navigation
		{
			overflow: 		auto;
			width: 			910px;
		}

			div#Footer div#NavigationContainer div#Navigation ul
			{
				margin-left: 		60px;
			}

				div#Footer div#NavigationContainer div#Navigation ul li
				{
					background-image: url('/Includes/Themes/DeHuiscomponist/Images/NavigationItems.png');
                    background-position: left center;
                    background-repeat: no-repeat;
                    display: block;
                    float: left;
                    line-height: 21px;
                    text-align: left;
                    padding-left: 60px;
                    width: 148px;
                    padding-top: 25px;
                    padding-bottom: 14px;
                    cursor: pointer;
                    height: 25px;
				}

					div#Footer div#NavigationContainer div#Navigation ul li a
					{
						color:		#FFFFFF;
						font-size: 	16px;
					}

	/* END NAVIGATION */

	div#Footer div#FooterBottom
	{
		border-top: 	1px solid #A22F1D;
		margin: 		0 auto;
		overflow: 		auto;
		padding-top: 	40px;
		width: 			910px;
	}

		div#Footer div#FooterBottom img#route:hover
		{
			border:			0px solid #FFFFFF;
			
			-moz-box-shadow: 0px 0px 30px #FFFFFF;  
			-webkit-box-shadow: 0px 0px 30px #FFFFFF;  
			box-shadow: 0px 0px 30px #FFFFFF; 	
		}
	
		div#Footer div#FooterBottom div#OpeningsHoursFooter
		{
			clear: 				left;
		}
		
			div#Footer div#FooterBottom div#OpeningsHoursFooter p
			{
				font-size: 		11px;
				margin: 		0;
				line-height: 	1.5;
				padding-bottom:	0;
				padding-top: 	10px;
			}
			
		div#Footer div#FooterBottom a#MailUs
		{
			display: 		block;
			margin-top: 	10px;
		}

		div#Footer div#FooterBottom div#ContactDetails
		{
			color:	 		#FFFFFF;
			float: 			left;
			margin-left: 	20px;
    		margin-right: 	15px;
			text-align:		left;
		}

			div#Footer div#FooterBottom div#ContactDetails h2
			{
				font-size: 		25px;
				font-weight: 	bold;
			}

			div#Footer div#FooterBottom div#ContactDetails h3
			{
				font-size: 		22px;
			}

			div#Footer div#FooterBottom div#ContactDetails h3#CustomerPayOff
			{
				font-size: 		15px;
			}

		div#Footer div#FooterBottom a
		{
			display: 		block;
			float: 			left;
			margin-right: 	15px;
		}

		div#Footer div#FooterBottom a:first-child
		{
			margin-left: 	10px;
			margin-right: 	0;
		}

/* END FOOTER */

/* LOGOS CONTAINER */
div#BottomLogos
{
	position: 	relative;
}

	div#BottomLogos a#Hometrend
	{
		margin-left: 	19px;
	}
	
	div#BottomLogos a#Plankenhuis
	{
		margin: 		0 10px;
	}
	
	div#BottomLogos a#Sunlite
	{
		margin-left: 	1px;
	}

		/* ATTENTION STAR */
		div#BottomLogos div.AttentionStar
		{
			display:			none;
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/AttentionStar.png');
			height: 			258px;
			left: 				0;
			position: 			absolute;
			top: 				-235px;
			width: 				498px;
		}
		
		div#BottomLogos div#HometrendStar
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/AttentionStar2.png');
			left: 				-80px;
		}
		
			div#BottomLogos div#HometrendStar h1
			{
				color: 			#FBEFC3;
			}
		
		div#BottomLogos div#SunliteStar
		{
			left: 				240px;
		}
		
			div#BottomLogos div#SunliteStar h1
			{
				color: 			#BF3318;
			}
		
		div#BottomLogos div#PlankenhuisStar
		{
			background-image: 	url('/Includes/Themes/DeHuiscomponist/Images/AttentionStar3.png');
			left: 				550px;
		}
		
			div#BottomLogos div#PlankenhuisStar h1
			{
				color: 			#00663A;
			}
		
		div#BottomLogos div.AttentionStarText
		{
			color: 				#000000;
			height: 			120px;
		    margin-left: 		144px;
		    margin-top: 		67px;
		    width: 				210px;
		}
		
			div#BottomLogos div.AttentionStarText h1
			{
				color: 			#000000;
				font-size: 		26px;
				font-weight: 	bold;
				line-height: 	1;
				white-space: 	nowrap;
			}
			
			div#BottomLogos div.AttentionStarText h2
			{
				color: 			#000000;
				font-size: 		22px;
				font-weight: 	bold;
				line-height: 	1;
				white-space: 	nowrap;
			}
			
			div#BottomLogos div.AttentionStarText h3
			{
				color: 			#DC931A;
				font-size: 		20px;
				font-weight: 	bold;
				line-height: 	1;
				white-space: 	nowrap;
			}
			
			div#BottomLogos div.AttentionStarText p
			{
				color: 			#000000;
				font-size: 		14px;
				margin: 		0;
				padding: 		0;
			}
		
		/* END ATTENTION STAR */
	
/* END LOGOS CONTAINER */
/* END COMPANY PAGES */

/* SITEMAP */
ul#Sitemap
{
	margin-top: 	10px;
}

	ul#Sitemap li a
	{
		color: 		#F8DB00;
	}

/* SITEMAP */

/* FORM HINTS */
	form div.Row
	{
		position: 			relative;
	}

		form div.ErrorMessage
		{
			color: 				#FF0000;
		}

		form div.Row input
		{
			height: 			16px;
		}

		form div.Submit input
		{
			height: 			auto;
		}

		form div.Row input.ErrorVeld
	    {
	    	border: 			2px solid #FF0000;
			height: 			14px; /* To compensate the extra 2 border px */

			-moz-box-shadow: 	0px 0px 4px #FF0000;
			-webkit-box-shadow:	0px 0px 4px #FF0000;
			box-shadow: 		0px 0px 4px #FF0000;
		}

		form div.Row label
		{
			display: 			inline-block;
			width: 				150px;

					}

		form div.Row span.Hint
		{
			background-color: 	#FFFFFF;
			border: 			1px solid #B3B3B3;
			display: 			none;
			font-family: 		Verdana, Arial, Helvetica, sans-serif;
			font-size: 			12px;
			padding: 			3px 5px;
			position: 			absolute;
			right: 				-185px;
			top: 				0;
			width: 				175px;

			-moz-box-shadow: 	0px 0px 4px #000000;
			-webkit-box-shadow:	0px 0px 4px #000000;
			box-shadow: 		0px 0px 4px #000000;
		}

			form div.Row span.Hint span.Pointer
			{
				background: 		url('/Includes/Themes/DeHuiscomponist/Images/Icons/pointer.png') no-repeat;
				display: 			block;
				height: 			9px;
				left: 				-8px;
				position: 			absolute;
				top: 				5px;
				width: 				9px;
			}


/* END FORM HINTS */

/* NOTICES */
div.Notice
{
	background-color:	#FFFFCC;
	border:				1px dotted #CC9933;
	color: 				#CC9933;
	font-weight:		bold;
	line-height:		2;
	margin-bottom:		10px;
	padding: 			10px;

	-moz-box-shadow:	0 0 4px #CC9933;
	-webkit-box-shadow:	0 0 4px #CC9933;
	box-shadow:			0 0 4px #CC9933;
}

	div.Notice.Error
	{
		background-color:	#FFD4D4;
		border:				1px dotted #FF0000;
		color: 				red;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #FF0000;
		-webkit-box-shadow:	0 0 4px #FF0000;
		box-shadow:			0 0 4px #FF0000;
	}

	div.Notice.Message
	{
		background-color:	#E2F1F8;
		border:				1px dotted #0398CA;
		color: 				#0398CA;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #0398CA;
		-webkit-box-shadow:	0 0 4px #0398CA;
		box-shadow:			0 0 4px #0398CA;
	}

	div.Notice.Success
	{
		background-color:	#AEA;
		border:				1px dotted #008000;
		color: 				#008000;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #008000;
		-webkit-box-shadow:	0 0 4px #008000;
		box-shadow:			0 0 4px #008000;
	}

	div.Notice a
	{
		border: 			1px solid black;
		border-color:		#CC9933;
		color: 				#CC9933;
		display:			inline-block;
		float: 				right;
		text-align:			center;
		text-decoration:	none;
		width:				24px;
	}

		div.Notice a:hover,
		div.Notice.Error a:hover,
		div.Notice.Message a:hover,
		div.Notice.Success a:hover
		{
			background-color: 	#000000;
			text-decoration: 	underline;

			opacity: 			0.3;

					}

		div.Notice.Error a
		{
			border-color: 		#0398CA;
			color: 				#0398CA;
		}

		div.Notice.Message a
		{
			border-color: 		#0398CA;
			color: 				#0398CA;
		}

		div.Notice.Success a
		{
			border-color: 		#008000;
			color: 				#008000;
		}

/* END NOTICES */

#merken {
    padding: 30px;
    max-width: 700px;
    height: auto;
    min-height: 500px;
    display: block;
}

#merken img {
    margin: 15px;
    max-width: 190px;
}