@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:				100%;
			z-index:				2;
			background:				#1a1a1a;
		}
		
		#containerBottom.shop
		{
			height:					100px;
		}
		
			#bottomMenu
			{
				position:				relative;
				width: 					1020px;
				height:					95px;
				margin: 				5px auto 0;
				padding:				0 0 0 220px;
			}
			
				#bottomMenu .menucolumn
				{
					position:				relative;
					float:					left;
					width:					140px;
					height:					100%;
					padding:				0 20px;
					border-left:			1px solid #111;
				}
				
				#bottomMenu .menucolumn.first
				{
					border:					none;
				}
				
					#bottomMenu .menucolumn h3
					{
						margin:					0 0 5px 0;
						padding:				0;
						color:					#fff;
						font-weight:			normal;
					}
					
					#bottomMenu .menucolumn .bmomschrijving
					{
						line-height:			160%;
						font-size:				1.1em;
					}

						#bottomMenu .menucolumn .bmomschrijving a
						{
							color:					#96959A;
						}
						
							#bottomMenu .menucolumn .bmomschrijving a:hover
							{
								color:					#D16A01;
								text-decoration:		none;
							}
							
							/*formulier homepage */
							#bottomMenu form
							{
								position:				relative;
								float:					left;
								padding:				0;
								font-size:				1.1em;
								line-height:			140%;
							}
							
								#bottomMenu label
								{
									float:					left;
								}
								
								#bottomMenu input
								{
									float:					left;
									width:					138px;
									padding:				1px 0;
									border:					1px solid #96959A;
									color:					#1a1a1a;
									font-family: 			arial;
									font-size:				.9em;
									margin:					2px 0;
								}
								
								#bottomMenu #firstname,
								#bottomMenu #lastname
								{
									width:					66px;
								}
								
								#bottomMenu #lastname								{
									float:					right;
								}
								
								
								#bottomMenu #verstuur
								{
									float:					right;
									width:					50px;
									background-color:		#29292B;
									border-color:			#29292B;
									color:					#96959A;
									font-weight:			bold;
									cursor:					pointer;
								}
		
			#containerBottom #mounedesign
			{
				position:				absolute;
				right:					20px;
				bottom:					10px;
			}
			
			#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;
			}
			
				#ideal2
				{
					position:				absolute;
					left:					900px;
					top:					40px;
					width:					34px;
					height:					30px;
					z-index:				3;
				}

				#twitter
				{
					position:				absolute;
					top:					37px;
					left:					945px;
					width:					36px;
					height:					36px;
					z-index:				3;
				}
			
				#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 180px;
					height:					38px;
					z-index:				1;
				}
				
					#titelBalk h1
					{
						font-size:			1em;
						line-height:		30px;
						margin:				0;
						text-indent:		20px;
						color:				#1a1a1a;
					}
					
					#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%;
				margin-top:				25px;
				z-index:				1;
			}
			
				#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;
					}
					
						.snelmenuElement a
						{
							color:					#fff;
						}
					
							.snelmenuElement a:hover
							{
								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:					100%;
					overflow:				hidden;
					overflow-y:				auto;
				}
				
				.frame
				{
					position:				relative;
					float:					left;
					display:				inline;
					width:					228px;
					height:					163px;
					margin:					30px 0 10px 20px;
					clear:					both;
					cursor:					pointer;
					filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/framehomepage.png', sizingMethod='image');
				}
				
				*>.frame
				{
					filter:					none;
					background:				url('/img/framehomepage.png') no-repeat center;
				}
				
				.fr2, .fr3
				{
					display:				inline;
					margin:					0 0 10px 20px;
				}
				
					.frameImage
					{
						position:				relative;
						float:					left;
						display:				inline;
						width:					200px;
						height:					135px;
						margin:					12px 0 0 12px;
						overflow:				hidden;
						text-align:				center;
					}					
					
		#scrollWrapper2
		{
			position:				absolute;
			min-width:				1240px;
			width:					100%;
			height:					467px;
			top:					110px;
			left:					0;
			z-index:				3;
			overflow:				hidden;
		}
		
			#FotoScrollWrapper
			{
				position:				relative;
				float:					left;
				height:					467px;
				width:					100%;
				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,Verdana;
				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 a
				{
					color:					#96959a;
				}
					
					#storeLocator .menuItems a:hover
					{
						text-decoration:		none;
					}
			
			#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;
				}
	
		#dynamic
		{
			position:				relative;
			float:					left;
			width:					570px;
			height:					220px;
			background:				#1a1a1a;
		}
		
		#styleImage #dynamic
		{
			width:					360px;
			height:					440px;
		}
		
		#fotoHolder #dynamic
		{
			width:					430px;
			height:					100%;
		}
			
				.interval
				{
					display:				none;
				}
				
				.dynamic
				{
					position:				absolute;
					width:					570px;
					height:					220px;
					left:					0;
					top:					0;
					z-index:				-1;
				}
				
				#fotoHolder .dynamic
				{
					width:					430px;
					height:					100%;
				}
		
		#categorieOmschrijving
		{
			position:				relative;
			float:					left;
			width:					355px;
			height:					200px;
			background:				#29292B;
			padding:				10px 25px;
			line-height:			160%;
			font-size:				1.2em;
			margin:					0 0 20px 5px;
		}
		
			#categorieOmschrijving h2
			{
				margin:					0 0 10px 0;
				padding:				0;
				font-size:				1.3em;
				text-transform:			uppercase;
			}
}

@media only screen and (max-device-width: 786px)
{
		#containerCenter
		{
			height:						auto!important;
		}
		
		.shadowBottom
		{
			display:					none;
		}
		
		#containerBottom
		{
			background:					url('/img/shadowbottom.png') repeat-x top left;
			padding-top:				5px;
		}
		
		#FotoScrollWrapper
		{
			overflow-x:				scroll;
		}
		
		.slide
		{
			display:				none;
		}
}