@media print
{

}

@media screen
{
	html
	{
		width:					100%;
		height:					100%;
		margin:					0;
		padding:				0;
	}

	body 
	{
		width:					100%;
		height:					100%;
		margin:					0;
		padding:				0;
		font-family: 			arial;
		font-size:				62.5%;
		background-color:		#1a1a1a;
		color:					#96959a;

		scrollbar-face-color:		#29292b;
		scrollbar-base-color:		#29292b;
		scrollbar-arrow-color:		#1a1a1a;
		scrollbar-track-color:		#29292b;
		scrollbar-shadow-color:		#1a1a1a;
		scrollbar-highlight-color:	#29292b;
		scrollbar-3dlight-color:	#1a1a1a;
		scrollbar-darkshadow-Color:	#1a1a1a;
	}

		a
		{
			text-decoration:		none;
			color:					#d16a01;
		}
	
			a:hover
			{
				text-decoration:		underline;
			}
	
		p
		{
			margin:					0;
			padding:				0;
		}
		
		form
		{
			margin:					0;
		}
		
		img
		{
			border:					0;
		}
		
		#bgBalk
		{
			position:				absolute;
			width:					100%;
			min-width:				1240px;
			height:					30px;
			top:					0;
			left:					0;
			background-color:		#29292b;
			border-top:				80px solid #1a1a1a;
			z-index:				2;
		}
	
		.shadowTop
		{
			position:				absolute;
			width:					100%;
			min-width:				1240px;
			height:					10px;
			top:					110px;
			left:					0;
			z-index:				4;
			filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadowtop.png', sizingMethod='scale');
		}
		
		*>.shadowTop
		{
			background:				url('/img/shadowtop.png') repeat-x;
			filter:					none;
		}
		
		#containerBottom
		{
			position:				relative;
			float:					left;
			height:					30px;
			width:					100%;
			min-width:				1240px;
			z-index:				2;
			background:				#1a1a1a;
		}
		
			#containerBottom #mounedesign
			{
				position:				relative;
				float:					right;
				padding:				5px 10px 0 0;
			}
			
			#containerBottom #mounedesign a
			{
				color:					#3f3f3f;
			}
			
			#containerBottom #mounedesign a:hover
			{
				color:					#d16a01;
				text-decoration:		none;
			}
	
		.shadowBottom
		{
			position:				absolute;
			width:					100%;
			min-width:				1240px;
			height:					5px;
			left:					0;
			filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadowbottom.png', sizingMethod='scale');
			z-index:				4;
		}
		
		*>.shadowBottom
		{
			background:				url('/img/shadowbottom.png') repeat-x;
			filter:					none;
		}
	
		#containerTotal
		{
			position:				relative;
			width: 					1240px;
			height:					auto;
			margin: 				0 auto;
			padding:				0;
			z-index:				2;
			overflow:				hidden;
			z-index:				3;
		}
		
			#containerTop
			{
				position:				relative;
				float:					left;
				height:					110px;
				width:					100%;
				z-index:				2;
				background:				#1a1a1a;
			}
			
				#logo
				{
					position:				absolute;
					width:					80px;
					height:					80px;
					left:					60px;
					top:					30px;
					z-index:				2;
				}
			
				#menu
				{
					position:				relative;
					float:					left;
					width:					100%;
					height:					30px;
					z-index:				1;
				}
				
				#titelBalk
				{
					position:				relative;
					float:					left;
					display:				inline;
					margin:					12px 0 0 160px;
					height:					38px;
					z-index:				1;
				}
				
					#titelBalk h1
					{
						font-size:			1.7em;
						line-height:		30px;
						margin:				0;
						text-indent:		20px;
					}
					
					#titelBalk img
					{
						position:			absolute;
						left:				0;
						top:				0;
					}
					
				#submenu
				{
					position:				relative;
					float:					left;
					width:					100%;
					height:					30px;
					background-color:		#29292b;
					z-index:				3;
				}
			
			#containerCenter
			{
				position:				relative;
				float:					left;
				height:					auto;
				width:					100%;
				z-index:				1;
				overflow:				auto;
				overflow-x:				hidden;
			}
			
				#fotoHolder
				{
					position:				relative;
					float:					left;
					width:					430px;
					height:					100%;
					overflow:				hidden;
					background-repeat:		no-repeat;
				}
				
				#contentHolder
				{
					position:				relative;
					float:					left;
					width:					500px;
					height:					100%;
					overflow:				auto;
				}
				
					#content
					{
						padding:				50px;
						line-height:			160%;
						font-size:				1.2em;
					}
				
				#snelmenuHolder
				{
					position:				relative;
					float:					left;
					margin:					50px 20px 0 0;
					padding-bottom:			10px;
					width:					238px;
					border:					1px solid #000;
				}
				
					.snelmenu
					{
						position:				relative;
						float:					left;
						width:					238px;
					}
					
					#nieuws
					{
						margin-top:				10px;
					}
					
					.line
					{
						position:				relative;
						float:					left;
						width:					100%;
						height:					1px;
						background-color:		#29292B;
						font-size:				2px;			
					}
					
					.snelmenuElement
					{
						position:				relative;
						float:					left;
						width:					218px;
						padding:				10px 0 0 20px;
						cursor:					pointer;
						font-size:				1.2em;
						color:					#fff;
					}
					
					.snelmenuElement#over
					{
						color:					#d16a01;
					}
					
						.snelmenuElement .arrows
						{
							position:			absolute;
							width:				20px;
							left:				218px;
							top:				5px;
							font-size:			1.5em;
						}
			
				#ideal
				{
					position:				absolute;
					left:					900px;
					top:					40px;
					width:					34px;
					height:					30px;
					filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ideal.png', sizingMethod='image');
					z-index:				3;
				}
				
				*>#ideal
				{
					background:				url('/img/ideal.png') no-repeat center;
					filter:					none;
				}
			
				#bgImage
				{
					position:				absolute;
					width:					100%;
					min-width:				1240px;
					height:					100%;
					left:					0px;
					top:					0px;
					background:				center 110px no-repeat;
					z-index:				1;
				}
				
				#wrapper
				{
					position:				relative;
					float:					left;
					width:					100%;
					height:					auto;
				}
				
				.frame
				{
					position:				relative;
					float:					left;
					display:				inline;
					width:					308px;
					height:					238px;
					margin:					30px 0 10px 20px;
					clear:					both;
					cursor:					pointer;
					filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/frame.png', sizingMethod='image');
				}
				
				*>.frame
				{
					filter:					none;
					background:				url('/img/frame.png') no-repeat center;
				}
				
				.fr2
				{
					display:				inline;
					margin:					0 0 0 20px;
				}
				
					.frameImage
					{
						position:				relative;
						float:					left;
						display:				inline;
						width:					280px;
						height:					190px;
						margin:					10px 0 0 11px;
						overflow:				hidden;
						text-align:				center;
					}
					
					.frameText
					{
						position:				relative;
						float:					left;
						display:				inline;
						width:					280px;
						height:					30px;
						line-height:			30px;
						margin-left:			11px;
						background:				left no-repeat;
						color:					#1a1a1a;
						font-size:				1.2em;
					}
					
					.frame#over .frameText
					{
						color:					#d16a01;
					}
					
					
		#scrollWrapper
		{
			position:				absolute;
			min-width:				1240px;
			width:					100%;
			height:					467px;
			top:					110px;
			left:					0;
			z-index:				3;
			overflow:				hidden;
		}
		
			#containerScroll
			{
				position:				absolute;
				min-width:				1240px;
				width:					100%;
				height:					467px;
				top:					0;
				left:					0;
				overflow:				hidden;
			}
			
			.slide
			{
				position:				absolute;
				width:					30px;
				height:					30px;
				background-color:		#1a1a1a;
				color:					#96959a;
				top:					420px;
				cursor:					pointer;
				text-align:				center;
				line-height:			30px;
				font-size:				2em;
				font-weight:			bold;
			}
			
			#slideRight
			{
				right:					0;
			}
			
			#slideLeft
			{
				left:					0;
			}
			
			.slide.over
			{
				background-color:		#96959a;
				color:					#1a1a1a;
			}
			
			.image
			{
				position:				relative;
				float:					left;
				height:					467px;
				margin-right:			5px;
			}
			
		#storeLocator
		{
			position:				relative;
			float:					left;
			width:					620px;
			padding:				20px 110px 0 60px;
		}
		
			#storeLocator .titlebar
			{
				position:				relative;
				float:					left;
				width:					598px;
				height:					24px;
				line-height:			24px;
				border:					1px solid #111;
				padding-left:			20px;
				margin-top:				20px;
				text-transform:			uppercase;
				font-size:				1.1em;
				font-family:			Tahoma;
				letter-spacing:			1px;
				font-weight:			bold;
				border-bottom:			2px solid #29292b;
				cursor:					pointer;
				background:				url('/img/up.gif') no-repeat 598px center;
			}
			
			#storeLocator .titlebar.up
			{
				background:				url('/img/down.gif') no-repeat 598px center;
			}
			
			#storeLocator .titlebar.over
			{
				background-color:		#29292b;
				color:					#fff;
			}
			
			#storeLocator .titlebar.verkooppunten
			{
				color:					#fff;
				border-bottom:			2px solid #d16a01;
				background:				none;
			}
			
			#storeLocator .menuItems
			{
				position:				relative;
				float:					left;
				width:					600px;
				padding-left:			20px;
			}
			
			#storeLocator .menuItems.hideMenu div
			{
				display:				none;
			}
				
				#storeLocator .menuItems div
				{
					position:				relative;
					float:					left;
					width:					150px;
					line-height:			120%;
					padding:				5px 0;
					font-size:				1.1em;
					text-transform:			uppercase;
					cursor:					pointer;
					letter-spacing:			1px;
					font-weight:			bold;
				}
				
				#storeLocator .menuItems .selected,
				#storeLocator .menuItems .inPad,
				#storeLocator .menuItems .over
				{
					color:					#fff;
				}
				
				#storeLocator .menuItems div.selectedItem
				{
					position:				absolute;
					width:					auto;
					top:					-26px;
					left:					250px;
					display:				block;
					color:					#fff;
					z-index:				-1;
				}
			
			#storeLocator #winkeladres
			{
				position:				relative;
				float:					left;
				width:					600px;
				padding:				20px 0 20px 20px;
			}
			
				#storeLocator #winkeladres p
				{
					font-size:				1.1em;
				}
}
