/**
 * Indien u met betrekking tot dit bestand wijzigingen doorvoert draagt
 * Crowd Surfing niet langer de verantwoordelijk voor een correcte
 * werking van uw website
 * 
 * If you make changes concercing this file, Crowd Surfing will no 
 * longer bear responsibility for a correct functioning of your website
 * 
 * CSS for DeHuiscomponist 
 * Author: Jeroen Dijkstra | Crowd Surfing 2010
 */

/* 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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
:focus { outline: 0; } /* Outline for input fields in Webkit */
/* END CSS RESET */

/* GENERAL STYLES */
html
{
	font: 13px/1.3 Arial, Helvetica, Sans-Serif, serif;
}

html, body, div#Container
{
	width: 100%;
}

body
{
	background-color: #FFFFFF;
	color: white;
	margin: 0;
	text-align: center;
}

div#Container
{
	overflow: auto;
}

div#Content
{
	background-color: #C3C3C3;
	background-image: url('/Application/Includes/Themes/DeHuiscomponist/Images/huiscomponist.jpg');
	background-repeat: no-repeat;
	height: 1532px;
	color: #000000;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1020px;
}

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

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

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

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

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #FF001A;
}

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

strong
{
	font-weight: bold;
}

em
{
	color: #FF001A;
	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 #000000;
	margin: 5px 0 15px 15px;
	padding-left: 15px;
}

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

	/* GENERAL STYLES CONTENT */
	div#Content ol,
	div#Content ul
	{
		line-height: 1.3;
		list-style-position: inside; /* To make it show up in IE */
	}
	
	div#Content ol li
	{
		list-style-type: decimal;
	}
	
	div#Content ul li
	{
		list-style-type: disc;
	}
		
	/* GENERAL STYLES CONTENT */

/* END GENERAL STYLES */

/* CONTENT */
div#Content a.CBW
{
	bottom: 95px;
	left: 40px;
	position: absolute;
}

div#Content a.Email
{
	bottom: 30px;
	left: 40px;
	position: absolute;
}
	div#Content a.Email img
	{
		height: 59px;
		width: 73px;
	}

div#Content img.TopRight
{
	float: right;
	height: 323px;
	position: relative;
	width: 193px;
	z-index: 10;
}

div.Brands
{
	left: 35px;
	position: relative;
	top: -55px;
}

	div.Brands a
	{
		position: relative;
		z-index: 2;
	}
	
	div.Brands a:hover img,
	div#Content div.Brands a#Ghost:hover
	{
		-moz-box-shadow: 0px 0px 8px #FFFFFF;
		-webkit-box-shadow: 0px 0px 8px #FFFFFF;
		box-shadow: 0px 0px 10px #FFFFFF;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=180);
	}

	div#Content div.Brands img
	{
		clear: right;
		float: left;
		height: 96px;
		margin-right: 14px;
		width: 307px;
	}
	
	div#Content div.Brands a#Ghost
	{
		display: block;
		height: 96px;
		position: absolute;
		right: 71px;
		top: 323px;
		width: 307px;
		z-index: 11;
	}
	
	div.URLS
	{
		position: absolute;
		top: 655px;
		left: 84px;
	}
	
		div.URLS a.Shutterlux
		{
			
		}
		
		div.URLS a.Easylinezonwering
		{
			left: 74px;
			position: relative;
		}
		
		div.URLS a.Terraantica
		{
			left: 139px;
			position: relative;
		}

div#Content a.Route
{
	bottom: 32px;
	left: 135px;
	position: absolute;
}

	div#Content a.Route img
	{
		float: left;
		height: 145px;
		width: 478px;
	}

a.Markies
{
	bottom: 0;
	position: absolute;
	right: 0;
}

a.Somfy
{
	display: block;
	height: 120px;
	position: absolute;
	right: 166px;
	top: 32px;
	width: 216px;
	z-index: 11;
}

/* END CONTENT */

div#login
{
	color: #000000;
	text-align: left;
}