@media print
{
	#top, #menu, #photo, #direct, #bottom
	{
		display:				none;
	}
	
	#content
	{
		font-family: 			Arial;
		font-size:				11px;
		padding:				2cm;
		line-height:			160%;
	}
		
		
		#content p
		{
			margin:					0;
			padding:				0;
		}
}

@media screen
{
	body 
	{
		width:					100%;
		height:					100%;
		margin:					0;
		padding:				0;
		font-family: 			Verdana, Arial;
		font-size:				62.5%;
		background:				#fff url("/img/bg.gif") no-repeat center;
		
		scrollbar-face-color:		#f3efed;
		scrollbar-base-color:		#f3efed;
		scrollbar-arrow-color:		#000;
		scrollbar-track-color:		#fff;
		scrollbar-shadow-color:		#f3efed;
		scrollbar-highlight-color:	#f3efed;
		scrollbar-3dlight-color:	#e5e2e1;
		scrollbar-darkshadow-Color:	#fffcfa;
	}

		a
		{
			text-decoration:		none;
			color:					#cc2a66;
		}
	
			a:hover
			{
				text-decoration:		underline;
			}
	
		img
		{
			border:					0;
		}
		
		#containerTotal
		{
			position:				relative;
			width: 					986px;
			height:					540px;
			margin: 				0 auto;
			padding:				0;
		}
		
			#containerLeft
			{
				position:				relative;
				float:					left;
				width:					220px;
				height:					100%;	
				border-right:			12px solid #d5cac3;
				background:				#4c4d4f no-repeat bottom left;
				z-index:				1;
			}
				
				#flubberlinks
				{
					position:				absolute;
					bottom:					0;
					left:					0;
					width:					49px;
					height:					83px;
					background:				url("/img/flubberlinks.png") no-repeat bottom left;
				}
			
				#dynamic
				{
					position:				relative;
					float:					right;
					width:					170px;
					height:					100%;
					background-color:		#4C4D4F;
				}
				
					.interval
					{
						display:				none;
					}
					
					.dynamic
					{
						position:				absolute;
						width:					170px;
						left:					0px;
						top:					0px;
						z-index:				-1;
					}
			
				#submenuinit, #submenu
				{
					position:				absolute;
					width:					0;
					top:					64px;
					right:					-12px;
					border-right:			12px solid #cc2a66;		
					overflow:				hidden;			
					z-index:				3;
				}
				
				#submenu
				{
					width:					125px;
				}
				
					#containerLeft ul
					{
						width:					120px;
						margin:					0;
						padding:				0;
						list-style:				none;
						text-align:				right;
						
					}
					
						#containerLeft ul li
						{
							width:					105px;
							padding:				3px 10px;
							color:					#4c4c4f;
							font-size:				1.1em;
							cursor:					pointer;
							filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/bgwit.png');
						}
						
						*>#containerLeft ul li
						{
							filter:					none;
							background:				url("/img/bgwit.png") repeat;
						}
						
							#containerLeft ul li a
							{
								display:				block;
								color:					#4c4c4f;
							}
							
							#containerLeft ul li a:hover
							{
								text-decoration:		none;
								color:					#cc2a66;
							}
							
								#containerLeft ul li.selected a,
								#containerLeft ul li#mouseover a
								{
									color:					#cc2a66;
								}
				
			#containerCenter
			{
				position:				relative;
				float:					left;
				width:					522px;
				height:					100%;
				background-color:		#fff;
				z-index:				2;
			}
			
				#menu ul
				{
					width:					100%;
					height:					11px;
					margin:					9px 0 0 0;
					padding:				0;
					list-style:				none;
					text-align:				center;
				}
				
					#menu ul li
					{
						float:					left;
						width:					87px;
						color:					#4c4c4f;
						font-size:				1.1em;
						letter-spacing:			1px;
						cursor:					pointer;
					}
					
						#menu ul li a
						{
							display:				block;
							color:					#4c4c4f;
						}
						
						#menu ul li a:hover
						{
							text-decoration:		none;
							color:					#cc2a66;
						}
						
							#menu ul li.selected a,
							#menu ul li.inPad a,
							#menu ul li#mouseover a
							{
								color:					#cc2a66;
							}
			
				#terug
				{
					position:			relative;
					float:				left;
					width:				497px;
					padding-left:		25px;
					height:				30px;
					line-height:		30px;
					font-size:			.9em;
				}
			
				#content,
				#contentPortfolio,
				#contentPortfolioBig
				{
					position:			relative;
					float:				left;
					display:			inline;
					width:				472px;
					height:				484px;
					padding:			6px 25px 0 25px;
					color:				#4c4c4f;
					font-size:			1.1em;
					overflow-y:			auto;
					overflow-x:			hidden;
					line-height:		140%;
				}
				
					#content h2,
					#contentPortfolio h2,
					#containerLeft h1,
					#contentPortfolioBig h2
					{
						margin:				0 0 10px 0;
						padding:			0;
						font-size:			1.1em;
						color:				#4c4c4f;
					}
					
					#containerLeft h1
					{
						position:				absolute;
						left:					0;
						top:					0;
						text-indent:			-1000px;
					}
					
					#content h3, #contentPortfolio h3
					{
						margin:				0;
						padding:			0;
						font-size:			1em;
						color:				#999;
						font-weight:		normal;
					}
				
				#contentPortfolio
				{
					height:				182px;
					margin-bottom:		10px;
				}
				
				#contentPortfolioBig
				{
					height:				85px;
				}
				
					#content p,
					#contentPortfolio p,
					#contentPortfolioBig p,
					#nieuws p
					{
						margin:				0;
						padding:			0;
					}
					
				#titel
				{
					position:			relative;
					float:				left;
					height:				20px;
					margin-left:		25px;
				}
				
					#titel h3
					{
						margin:				0;
						padding:			0;
						font-size:			1.2em;
						color:				#CC2A66;
					}
				
				#pfThumbsBig
				{
					position:			relative;
					float:				left;
					width:				517px;
					height:				377px;
					margin-left:		5px;
					overflow:			hidden;
					overflow-y:			auto;
				}
				
					.thumbBig
					{
						position:			relative;
						float:				left;
						width:				142px;
						height:				142px;
						margin:				0 0 20px 20px;
						background-color:	#ededed;
						border:				1px solid #d5cac3;
					}
				
				#pfThumbs
				{
					position:			relative;
					float:				left;
					display:			inline;
					width:				502px;
					height:				62px;
					margin-left:		25px;
				}
				
					.thumb
					{
						position:			relative;
						float:				left;
						width:				50px;
						height:				50px;
						border:				1px solid #d5cac3;
						margin:				10px 5px 0 0;
						background:			no-repeat center;
						cursor:				pointer;
					}
					
					.thumb.selected,
					.thumbBig.over,
					.thumb.over
					{
						border-color:		#cc2a66;
					}
				
				h2#fotonaam
				{
					display:			inline;
					margin:				0 0 0 25px;
					padding:			0;
					line-height:		20px;
					font-size:			1.1em;
					color:				#4c4c4f;
				}
				
				#pfGroot
				{
					position:			relative;
					float:				left;
					display:			inline;
					width:				470px;
					height:				206px;
					margin:				0 25px;
					border:				1px solid #d5cac3;
					background:			no-repeat center;
					filter:				alpha(opacity=100);
					-moz-opacity:		1.0;
					opacity:			1.0;
					cursor:				url(/img/magnify.cur), pointer;
				}
				
				#uitvergroot
				{
					position:			absolute;
					width:				800px;
					height:				343px;
					left:				81px;
					top:				97px;
					border:				1px solid #d5cac3;
					background:			#fff no-repeat center;
					z-index:			3;
					display:			none;
				}
				
					#uitvergroot #close
					{
						position:			absolute;
						top:				10px;
						left:				774px;
						width:				16px;
						height:				16px;
						background:			url('/img/cross.png') no-repeat center;
						cursor:				pointer;
					}
			
			#containerRight
			{
				position:				relative;
				float:					right;
				width:					220px;
				height:					100%;
				border-left:			12px solid #d5cac3;
				background:				#cc2a66;
			}
				
				#logo
				{
					position:				absolute;
					top:					5px;
					left:					15px;
					width:					190px;
					height:					44px;
				}

				#nieuws
				{
					position:				relative;
					float:					left;
					display:				inline;
					width:					150px;
					margin:					75px 0 0 15px;
					padding:				10px 10px 5px 30px;
					border-top:				10px solid #9e1247;
					background-color:		#af154f;
					color:					#fff;
				}
				
					#nieuws span
					{
						display:				block;
					}
				
					#nieuws h2, #portfolio h2, #delen h2
					{
						margin:					0;
						padding:				0;
						font-size:				1.1em;
					}
				
					#nieuws ul
					{
						list-style:				square;
						margin:					0;
						padding:				0;
					}
					
						#nieuws ul li
						{
							padding:				5px 0px;
							font-weight:			1.1em;
							line-height:			160%;
							color:					#fff;
							cursor:					pointer;
						}
						
						#nieuws ul li a
						{
							display:				block;
							color:					#fff;
						}
						
						#nieuws ul li a:hover
						{
							text-decoration:		none;
							color:					#d5cac3;
						}
						
						#nieuws ul li#mouseover a
						{
							color:					#d5cac3;
						}
				
				#portfolio, #delen
				{
					position:				relative;
					float:					left;
					display:				inline;
					width:					150px;
					height:					140px;
					margin:					15px 0 0 15px;
					padding:				10px 10px 5px 30px;
					border-top:				10px solid #9e1247;
					background-color:		#af154f;
					color:					#fff;
				}
				
				#delen
				{
					height:					45px;
				}
				
					.addthis_toolbox
					{
						margin-top:				10px;
					}
					
					.port
					{
						position:				absolute;
						width:					170px;
						height:					115px;
						left:					10px;
						top:					30px;
						z-index:				-1;
					}
						
				#dend
				{
					position:				absolute;
					bottom:					20px;
					left:					28px;
					width:					164px;
					height:					12px;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/img/dend.png');
				}
				
				*>#dend
				{
					filter:					none;
					background:				url("/img/dend.png");
				}
				
				#icon
				{
					display:				none;
					position:				absolute;
					bottom:					35px;
					right:					10px;
					width:					55px;
					height:					59px;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/img/butterfly.png');
				}
				
				*>#icon
				{
					filter:					none;
					background:				url("/img/butterfly.png");
				}
				
			#tagcloud
			{
				position:				absolute;
				width:					986px;
				top:					540px;
				left:					0;
			}
			
				#tagcloud a
				{
					color:					#D5CAC3;
					position:				relative;
					display:				block;
					width:					auto;
					margin:					0 10px;
					float:					left;
					line-height:			30px;
				}
				
					#tagcloud a:hover
					{
						text-decoration:			none;
					}
				
				#tagcloud .fontsize1
				{
					font-size:				0.8em;
				}
				
				#tagcloud .fontsize2
				{
					font-size:				0.8em;
					font-weight:			bold;
				}
				
				#tagcloud .fontsize3
				{
					font-size:				1em;
				}
				
				#tagcloud .fontsize4
				{
					font-size:				1.2em;
				}
				#tagcloud .fontsize5
				{
					font-size:				1.2em;
					font-weight:			bold;
				}
				
				#tagcloud .fontsize6
				{
					font-size:				1.6em;
				}
				
				#tagcloud .fontsize7
				{
					font-size:				1.6em;
					font-weight:			bold;
				}
				
				#tagcloud .fontsize8
				{
					font-size:				1.8em;
				}
				
				#tagcloud .fontsize9
				{
					font-size:				1.8em;
					font-weight:			bold;
				}
				
				#tagcloud .fontsize10
				{
					font-size:				2.0em;
				}
				
	
	#w3c
	{
		position:				absolute;
		width:					88px;
		height:					31px;
		top:					545px;
		left:					671px;
	}
	
		#w3c p
		{
			margin:					0;
			padding:				0;
		}
	
	div.formulier
	{
	}
	
		.formulier table
		{
			width:				100%;
		}
		
		.formulier td
		{
			padding:			2px 0;
			vertical-align:		top;
			line-height:		170%;
		}
		
			.formulier td td
			{
				padding:			0;
			}
		
		.formulier input, .formulier textarea, .formulier select
		{
			font-family:		Arial;
			font-size:			1.1em;
			width:				200px;
		}
		
		.formulier table table
		{
			width:				206px;
			padding:			1px;
		}
		
		.formulier input.error
		{
			border:				1px solid #ff0000;
			width:				202px;
			padding: 			2px 0;
		}
		
		.formulier .error
		{
			border:				1px solid #ff0000;
		}
		
		.formulier table table.error
		{
			padding:			0;
		}
		
		.formulier textarea
		{
			overflow:			hidden;
			overflow-y:			auto;
			height:				50px;
		}
		
		.formulier select
		{
			width:				206px;
		}
		
		.formulier table .box
		{
			width:				24px;
		}
		
			.formulier table .box input
			{
				width:				auto;
			}
		
		.formulier table .knop
		{
			width:				101px;
		}
}
