html
{
	overflow-x: hidden;
	overflow-y: scroll;
	margin-left:auto; 
	margin-right:auto; 
	text-align: center;
}

html,body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	font-family: Tahoma, Verdana, Helvetica, "Trebuchet MS", Sans-Serif;
}

body {
	behavior: url("/fileadmin/templates/briljanthoutbouw/csshover.htc");
}

p
{
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 16px;
}

img
{
	border: 0;
	margin: 0;
	/*behavior: url("pngbehavior.htc");*/
}

table
{
	border-collapse: collapse;
}

td, th
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

div
{
	text-align: left;
}


/*    */


img.sitebackground
{
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 0;
}

hr
{
	border: 0;
}

#container
{
	width: 970px;
	height: 550px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -275px 0 0 -480px;
	z-index: 10;
}

	#briljantlogo
	{
		position: absolute;
		top: -10px;
		left: 12px;
		width: 140px;
		height: 100px;
		z-index: 200;
	}
	#briljantlogo a
	{
		text-decoration: none;
	}
	#briljantlogo .logo_home
	{
		position: relative;
		z-index: 1;
		background: url(images/logo_home.png) no-repeat left top;
		display: block;
		width: 150px;
		height: 104px;
		cursor: pointer;
		
	}
	#briljantlogo .logo_content
	{
		position: relative;
		z-index: 1;
		background: url(images/logo_content.png) no-repeat left top;
		display: block;
		width: 150px;
		height: 104px;
		cursor: pointer;
		
	}
	#briljantlogo .logo span
	{
		display: none;
	}
	
	#sitehome
	{
		position: absolute;
		top: 27px;
		left: 10px;
		z-index: 205;
	}
	#sitehome a
	{
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#sitehome a:hover
	{
		color: #f29512;
	}
	
	#sitehome a span
	{
		display: none;
	}

	#topnavigation 
	{
		position: absolute;
		right: 83px;
		margin: 0 10px 0 0;
		padding: 0;
	}
		#topnavigation li
		{
			display:block;
			float:left;
			font-size:11px;
			font-weight: bold;
			/* line-height:20px; */
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin: 0;
			padding: 0;
			vertical-align:middle;
			white-space:nowrap;
			text-transform: lowercase;
		}
			#topnavigation li a
			{
				color: #00529c;
				margin: 0 5px 0 5px;
				text-decoration: none;
			}
			#topnavigation li.active a
			{
				color: #f29512;
			}
			#topnavigation li a:hover
			{
				color: #f29512;
			}
			
			#topnavigation li.language a
			{
				width: 16px;
				display:block;
				margin: 0 0 0 5px;
			}
			#topnavigation li.language a span
			{
				visibility: hidden;
			}
			#topnavigation li.nl a
			{
				background: url(images/nl.gif) no-repeat left center;
			}
			#topnavigation li.de a
			{
				background: url(images/de.gif) no-repeat left center;
			}
			#topnavigation li.uk a
			{
				background: url(images/uk.gif) no-repeat left center;
			}

	#languagenavigation
	{
		position: absolute;
		right: 5px;
		width: 86px;
		height: 15px;
		display: block;
		text-align: center;
	}
	#languagenavigation img
	{
		padding: 0;
		margin: 3px 4px 0 0;
	}
			
	#contentcontainer
	{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 20px;
		z-index: 20;
	}
	
	#contentshadow
	{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(images/bg_content_shadow.png) no-repeat left top;
	}
	
	#homepageshadow
	{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(images/bg_homepage_shadow.png) no-repeat left top;
	}
	
	
	#mainnavigation 
	{
		position: absolute;
		background: url(images/bg_top.png) no-repeat left top;
		left: 0;
		width: 100%;
		display: block;
		height: 30px;
		z-index: 6000;
	}
		#mainnavigation ul
		{
			position: absolute;
			left: 160px;
			margin: 7px 0 0 0;
			padding: 0;
			z-index: 1000;
			width: 810px;
			/*height: 30px;*/
		}
			#mainnavigation ul li
			{
				display: block;
				float: left;
				font-size: 12px;
				font-weight: bold;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				margin: 0;
				padding: 0 0 8px 0;
				vertical-align: middle;
				white-space: nowrap;
				/*height: 30px;*/
			}
				#mainnavigation ul li a
				{
					margin: 0 15px 5px 0;
					display: block;
					color: #fff;
					text-decoration: none;
				}
				#mainnavigation ul li a:hover
				{
					color: #f29512;
				}
				#mainnavigation ul li.active a
				{
					color: #f29512;
				}
				#mainnavigation ul li.last
				{
					float: right;
					margin: 0 8px 0 0;
				}
				#mainnavigation li ul
				{
					display: none;
					position: absolute;
					top: 16px;
					left: auto;
					z-index: 1001;
					opacity: .9;
					filter: alpha(opacity=90);
				}
				

				#mainnavigation li li
				{
					width: 180px;
					color: #fff;
					font-size: 11px;
					display: block;
					float: none;
					background-color: #4c86ba;
					padding: 3px 0px 1px 10px;
					border: 1px solid #00529c;
					border-top: 0;
					white-space: normal;
				}
				#mainnavigation li li a
				{
					color: #f29512;
				}
				#mainnavigation li li a:hover
				{
					color: #fff;
				}
				#mainnavigation ul li li.last
				{
					float: left;
					margin: 0;
				}
				#mainnavigation ul li.active li.active a
				{
					color: #fff;
				}

				#mainnavigation li:hover ul, li.over ul 
				{
					display: block;
				}
	

					
		#contenthome 
		{
			position: absolute;
			top: 30px;
			height: 336px;
			width: 960px;
		}
		
		#content, #gallery
		{
			position: absolute;
			top: 30px;
			height: 430px;
			width: 100%;
			background: url(images/bg_content.png) no-repeat left top;
		}
			#contentheader
			{
				position: absolute;
				top: 45px;
				left: 330px;
				width: 390px;
				height: 300px;
			}
		
			#contentimage
			{
				position: absolute;
				top: 45px;
				left: 10px;
				width: 300px;
				height: 375px;
			}
			
			#contentimage #contentflashimage1
			{
				width: 300px;
				height: 375px;
			}
			#contentimage  #contentflashimage2, #contentimage  #contentflashimage3, #contentimage  #contentflashimage4
			{
				display: none;
			}
			#contentfontsize
			{
				position: absolute;
				top: 97px;
				left: 666px;
				width: 60px;
				height: 20px;
				text-align: right;
			}
				#contentfontsize a
				{
					text-decoration: none;
					color: #333;
				}
				#contentfontsize a:hover
				{
					color: #0055a5;
				}
				#contentfontsize .fontsmall
				{
					font-size: 12px;
					margin: 0 0 0 4px;
				}
				#contentfontsize .fontmedium
				{
					font-size: 18px;
					margin: 0 0 0 4px;
				}
				#contentfontsize .fontlarge
				{
					font-size: 24px;
					margin: 0 0 0 4px;
				}
			
			#content #scrollArea
			{
				background:transparent url(images/scrollarea.gif) repeat-y scroll center top;
				/*border:medium none;*/
				/*display:none;*/
				overflow:hidden;
				position:absolute;
				height:290px;
				left:744px;
				top:125px;
				width:16px;
				z-index: 10010;
			}
			
			#gallery #scrollArea
			{
				background:transparent url(images/scrollarea.gif) repeat-y scroll center top;
				/*border:medium none;*/
				/*display:none;*/
				overflow:hidden;
				position:absolute;
				height:375px;
				left:937px;
				top:45px;
				width:16px;
				z-index: 10010;
			}
			
				#scroller
				{
					background: url(images/scroller.gif) repeat-y scroll center top;
					/*background:#810406 none repeat scroll 0%;*/
					position:absolute;
					width:16px;
					z-index: 10020;
				}
			
			#gallery h1, #gallery h2, #gallery h3, #gallery p
			{
				visibility: hidden;
			}
			
			#gallery .galleryThumb, #gallery .galleryThumb-active
			{
				background: url(images/thumb.gif) no-repeat;
				padding-top: 8px;
				margin: 0px;
				width: 180px;
				height: 100px;
				vertical-align: center;
				text-align: center;
			}
			
			#gallery .galleryThumb img
			{
				border: 0;
			}
			
			#gallery .galleryThumb-active img
			{
				border: 2px solid #f29512;
			}
			
			#galleryBigImage
			{
				position: absolute;
				left: 10px;
				top: 45px;
				width: 720px;
				height: 375px;
				z-index: 260;
				overflow:hidden;
			}
			
			#galleryBigImageMask
			{
				position: absolute;
				left: 10px;
				top: 45px;
				background:transparent url(images/big_image_mask.png) no-repeat;
				width: 720px;
				height: 375px;
				z-index: 6000; 
			}
			
			#textcontent
			{
				padding-right: 3px;
				position: absolute;
				width: 99%;
			}
			
			#mainheader
			{
				position: absolute;
				top: 100px;
				left: 330px;
				width: 340px;
				overflow: hidden;
				z-index: 1001;
			}
			
			#maincontent
			{
				position: absolute;
				top: 125px;
				left: 330px;
				width: 398px;
				height: 290px;
				overflow: hidden;
				z-index: 1000;
			}
			
			#maincontent.galleryMainContent
			{
				position: absolute;
				top: 45px;
				left: 747px;
				width: 200px;
				height: 375px;
				overflow: hidden;
				z-index: 1000;
			}
			
				#maincontent p
				{
					line-height: 18px;
					color: #333;
					text-align: justify;
					margin: 0 0 10px 0;
					padding: 0;
				}
				
				#maincontent td p
				{
					margin: 0 0 0 0;
					padding: 0;
				}
				
				#maincontent a
				{
					color: #0055a5;
				}
				#maincontent h1, #mainheader h1
				{
					line-height: 18px;
					font-size: 14px;
					font-weight: bold;
					color: #0055a5;
					text-align: left;
					margin: 0 0 8px 0;
					padding: 0;
				}
				#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6
				{
					line-height: 18px;
					font-size: 12px;
					font-weight: bold;
					color: #0055a5;
					text-align: left;
					margin: 0;
					padding: 0;
				}
				#maincontent ul
				{
					margin: 8px 0 16px 0;
					padding: 0;
				}
				#maincontent ul li
				{
					margin: 0 0 4px 16px;
					padding: 0;
					color: #333;
				}
				#maincontent form
				{
					margin: 0;
					padding: 0;
				}
				#maincontent img
				{
					padding: 0;
					margin: 0 0 3px 0;
				}
				
				#maincontent .rekenregels
				{
					font-size: 11px;
					font-style: italic;
				}
				
				#maincontent .arrangement
				{
					margin: 5px 0 5px 0;
					width: 100%;
				}
				
				#maincontent .arrangementprijs, #maincontent .standaardprijs
				{
					float: right;
				}
				
				#maincontent .csc-sword
				{
					font-style: italic;
					color: #0055a5;
				}
				
				#maincontent .tx-mininews-pi1-listrowField-datetime
				{
					font-size: 10px;
					color: #333;
					margin: 0;
					padding: 0;
				}
				
				#maincontent .tx-mininews-pi1-listrowField-teaser a
				{
					color: #333;
				}
				
				#maincontent .csc-mailform
				{
					border: 0;
					margin: 0;
					padding: 0;
				}
				#maincontent .csc-mailform-field
				{
					margin: 0 0 5px 0;
					clear: both;
				}
				
				#maincontent div.csc-mailform-label
				{
					margin: 15px 0 10px 0;
					clear: both;
					font-weight: bold;
				}
				
				#maincontent span.csc-mailform-label
				{
					clear: both;
					font-weight: normal;
					margin: 0 0 10px 0;
				}
				
				
				#maincontent .csc-mailform-field label
				{
					display: block;
					width: 200px;
					float: left;
					padding-bottom: 5px;
				}
				#maincontent .csc-mailform-submit
				{
					width: 100px;
					height: 20px;
					margin: 20px 0 0 200px;
					border: 1px solid #0055a5;
					color: #333;
					
				}
				#maincontent input, #maincontent textarea, #maincontent select
				{
					font-size: 11px;
					color: #333;
					padding: 0 0 0 3px;
					border: 1px solid #f7cbb5;
					background-color: #fff;
				}
				#maincontent input
				{
					height: 15px;
				}
				
				
			#contenthome #flashcontainer
			{
				/*display: none;*/
			}

			#contenthome #flashcontainer h1
			{
				position: absolute;
				height: 50px;
				top: 105px;
				left: 160px;
				font-family: Myriad, Tahoma, Verdana, Helvetica, "Trebuchet MS", Sans-Serif;
				font-size: 40px;
				font-weight: normal;
				color: #f29512;
				padding: 5px 0 0 0;
				margin: 0;
			}
			#contenthome #flashcontainer h2
			{
				position: absolute;
				top: 140px;
				left: 140px;
				width: 500px;
				height: 20px;
				font-size: 18px;
				font-weight: normal;
				color: #fff;
				text-align: right;
				padding: 0;
				margin: 0;
			}
			
			#contenthome #flashcontainer #flashcontent
			{
				position: absolute;
				top: 161px;
				left: 140px;
				width: 480px;
				height: 150px;
				color: #333;
				padding: 35px 10px 0 10px;
				background: url(images/bg_flashcontent.png) no-repeat left top;
				z-index: 30;
			}
			#contenthome #flashcontainer #flashicon
			{
				position: absolute;
				display: block;
				top: 172px;
				left: 150px;
				z-index: 40;
			}
			#contenthome #flashcontainer #flashcontent p
			{
				line-height: 20px;
			}
			#contenthome #flashcontainer #flashimage1
			{
				width: 960px;
				height: 336px;
			}
			#contenthome #flashcontainer #flashimage2, #contenthome #flashcontainer #flashimage3, #contenthome #flashcontainer #flashimage4
			{
				display: none;
			}
		
			#contenthome  .leftbannercontainer
			{
				position: absolute;
				top: 45px;
				left: 4px;
				height: 316px;
				width: 180px;
				margin: 0;
				padding: 0;
				z-index: 1600;
				text-align: center;
			}

			#contenthome  .bannercontainer
			{
				position: absolute;
				top: 10px;
				left: 775px;
				height: 316px;
				width: 180px;
				margin: 0;
				padding: 0;
				z-index: 1500;
			}
			
			#content  .bannercontainer
			{
				position: absolute;
				top: 44px;
				left: 775px;
				height: 316px;
				width: 175px;
				margin: 0;
				padding: 0;
				z-index: 1600;
			}
			
				.bannercontainer .csc-header, .leftbannercontainer .csc-header
				{
					display: none;
				}
			
				.bannercontainer .smallbanner, .leftbannercontainer .smallbanner
				{
					width: 100%;
					/*height: 70px;*/
					margin: 0 0 5px 0;
					padding: 0;
					line-height: 0;
					font-size: 1px;
					text-align: center;
				}

	#themecontainer
	{
		position: absolute;
		top: 396px;
		width: 100%;
		height: 150px;
		z-index: 50;
	}
		#themecontainer .theme
		{
			position: absolute;
			top: 0;
			width: 310px;
			height: 150px;
			margin: 0;
		}
			#themecontainer .theme h2 span
			{
				visibility: hidden;
			}
			#themecontainer .theme h2 a
			{
				position: absolute;
				top: 0;
				display: block;
				width: 310px;
				margin: 0px;
				padding: 0px;
				height: 150px;
				text-decoration: none;
			}
			#themecontainer .theme ul
			{
				margin: 0 7px 0 0;
				position: absolute;
				bottom: 10px;
				right: 5px;
			}
			#themecontainer .theme ul li
			{
				font-size:12px;
				font-weight: bold;
				line-height: 14px;
				list-style-image:none;
				list-style-position:outside;	
				list-style-type:none;
				margin: 0;
				padding: 0;
				text-align: right;
			}
			#themecontainer .theme ul li a
			{
				text-decoration: none;
			}

		#block1
		{
			left: 0;
			margin: 0;
		}
			#block1 ul li a
			{
				color: #f48800;
			}
			#block1 ul li a:hover
			{
				color: #f29512;
			}
		#block2
		{
			left: 325px;
			margin: 0;
		}

			#block2 ul li a
			{
				color: #18a04f;
			}
			#block2 ul li a:hover
			{
				color: #aaef99;
			}
		#block3
		{
			left: 650px;
			margin: 0;
		}
			#block3 ul li a
			{
				color: #044480;
			}
			#block3 ul li a:hover
			{
				color: #94caef;
			}
			
	#contentthemecontainer
	{
		position: absolute;
		top: 490px;
		width: 100%;
		height: 55px;
		z-index: 50;
	}
	#contentthemecontainer .theme
		{
			position: absolute;
			top: 0;
			width: 310px;
			height: 55px;
			margin: 0;
		}
			#contentthemecontainer .theme h2 span
			{
				visibility: hidden;
			}
			#contentthemecontainer .theme h2 a
			{
				display: block;
				height: 45px;
				padding: 0;
				margin: 0;
				text-decoration: none;
			}
			
		#contentblock1
		{
			left: 0;
			margin: 0;
		}

		#contentblock2
		{
			left: 325px;
			margin: 0;
		}

		#contentblock3
		{
			left: 650px;
			margin: 0;
		}