body, html
{
	width:				100%;
	height:				100%;
	margin:				0px;
	padding:			0px;
	box-sizing:   		border-box;
	-moz-box-sizing: 	border-box;
	background-color:	white;
}

html, body, table, td
{
	font-family:		arial, sans-serif;
	font-size:			11px;
	color:				#4A4C4D;
	letter-spacing:		0.1em;
}

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

a:hover
{
	color:				#626A9B;
	text-decoration:	underline;
}

select
{
	font-size:			11px;
	color:				#4A4C4D;
}

label
{
	clear:				left;
}

#bg-links
{
	position:			absolute;
	top:				300px;
	left:				0px;
}

body
{
	background-image:	url(images/bg-rechts.gif);
	background-repeat:	no-repeat;
	background-position:right 300px;
}

#bg-rechts
{
	position:			absolute;
	top:				300px;
	right:				0px;
	z-index:			10;
}

#main
{
	position:			relative;
	width:				750px;
	margin:				auto;
	z-index:			20;
}

#header
{
	width:				100%;
	height:				109px;
	background-image:	url(images/header.gif);
	background-repeat:	repeat-x;
	text-align:			right;
}

#menu
{
	height:				30px;
	border-left:		1px solid #919191;
	border-right:		1px solid #919191;
	border-top:			1px solid #919191;
}

#menu
{
	height:				18px;
	background-color:	#ffffff;
	border-bottom:		1px solid #919191;
	border-left:		0px solid #919191;
	border-right:		0px solid #919191;
	border-top:			1px solid #919191;
	text-align:			center;
	padding:			2px 0 0 0;
}

#menu a
{
	font-size:			11px;
	font-weight:		bold;
	text-decoration:	none;
	margin:				0px 0px 0 0px;
	color:				#4A4C4D;
	padding:			0 20px 1px 20px;
}

#menu a:hover
{
	color:				#626A9B;
}

#middle
{
	border-left:		1px solid #919191;
	border-right:		1px solid #919191;
	background-color:	#F7F4F1;
	
	/*lightgrey;
	background-image:	url(images/lijn.gif);
	background-repeat:	repeat-y;
	*/
}

#nav
{
	position:			absolute;
	width:				164px;
	height:				730px;
	float:				left;
	margin-left:		-216px;
	margin-top:			52px;
	padding-left:		6px;
	padding-top:		20px;
	background-image:	url(images/nav-spec-bg.gif);
	background-repeat:	no-repeat;
	background-position:5px 0px;
	text-align:			center;

}

#content
{
	padding-left:		190px;
	padding-right:		75px;
	height:				100%;
	min-height:			825px;
	border-right:		1px solid white;
	border-left:		1px solid white;
	line-height:		180%;
	background-image:	url(images/content-bg.gif);
	background-repeat:	no-repeat;
	background-position:top right;
}

#footer
{
	height:				22px;
	background-color:	white;
	border-top:			1px solid #919191;
	font-size:			9px;
	padding:			0px 0 0 0;
	background-color:	white;
	text-align:			center;
}

#footer-left, #footer-right
{
	border:				0px;
	width:				52px;
	height:				15px;
	margin:				2px 15px 0px 15px;
	vertical-align:		top;
}

#copyright
{
	padding-top:		3px;
}

#nav h4
{
	font-size:			12px;
	margin-top:			10px;
}

#nav a
{
	color:				#7A7A7A;
}

#nav img
{
	border-width:		0px;
}

#content h1
{
	font-size:			16px;
	font-weight:		900;
	letter-spacing:		0.2em;
	margin-bottom:		15px;
	margin-top:			-6px;
	color:				#727272;
}

#content h2
{
	font-size:			16px;
	font-weight:		600;
	margin-bottom:		0px;
	color:				#727272;
}

#content h3
{
	font-size:			13px;
	font-weight:		600;
	letter-spacing:		0.2em;
	margin-bottom:		-10px;
	margin-right:		0px;
	color:				#727272;
}

#content div.listMenu
{
	margin-top:			-10px;
	margin-left:		-5px;
	margin-bottom:		20px;
}

#content div.listMenu a
{
	margin-right:		10px;
	margin-left:		10px;
}

img#titel
{
	position:			relative;
	left:				-195px;
	top:				17px;
	border-width:		0px;
}

img#topleftcorner
{
	position:			relative;
	left:				-192px;
	top:				-7px;
}

img.post-bg
{
	position:			relative;
	left:				11px;
	top: 				20px;	
	float:				right;
}

.portfolio-gfx
{
	text-align:			center;
}

.portfolio-gfx img
{
	border:				1px solid #919191;
	margin-bottom:		15px;
}

.post
{
	padding-bottom:		30px;
}

.post .datum
{
	font-size:			10px;
	padding-left:		3px;
	margin-bottom:		0px;
}

#content .post h2
{
	letter-spacing:		0.1em;
	margin-bottom:		5px;
}

#content .post h2 a:hover
{
	text-decoration:	none;
	color:				#4A4C4D;
}

.post p
{
	margin-top:			5px;
}

.post-container
{
	padding:			10px;
	background-color:	#F2EEEA;
	border:				1px solid #919191;	
}

.post a
{
	text-decoration:	none;
	color:				#4A4C4D;
	padding-bottom:		0px;
}

.post a:hover
{
	border-bottom:		1px solid #4A4C4D;
}

.post p a
{
	color:				#899891;
}

.post p a:hover
{
	color:				#626A9B;
	border-bottom:		1px solid #626A9B;
}

.post blockquote
{
	background-color:	#FBFBF9;
	margin:				10px;
	padding:			5px;
}

.post .links
{
	background-image:	url(images/link-bg.gif);
	background-repeat:	no-repeat;
	padding-left:		20px;
	height:				21px;
	margin-top:			15px;
}

td.disabled
{
	font-style:			italic;
}

#intro:first-letter
{
	font-size:			140%;
	font-weight:		bold;
	padding-right:		1px;
}

#intro
{
	padding-bottom:		30px;
	margin-bottom:		10px;
	padding:			10px 10px 0 0;
	text-align:			justify;
}

#intro img
{
	float:				right;
	margin-top:			7px;
	margin-left:		10px;
	margin-bottom:		4px;
	margin-right:		-15px;
}

.post-img
{
	width:				75px;
	height:				75px;
	
	float:				right;
	margin-left:		2px;
	margin-bottom:		2px;
	margin-right:		-5px;
	margin-top:			20px;
	border:				1px solid black;
	
}

.uitklapmenu, .submenu
{
	-Moz-opacity:		0;
	opacity:			0;
	display:			none;
	position:			absolute;
	top:				0px;
	left:				0px;
	background-color:	white;
	border:				1px solid black;
	border-top:			0px solid black;
	width:				115px;
	padding-top:		10px;
	padding-bottom:		10px;
	z-index:			30;
}

.uitklapmenu a, .submenu a
{
	display:			block;
	height:				20px;
	text-align:			left;
	font-size:			11px;
	color:				#4A4C4D;
	text-decoration:	none;
	font-weight:		bold;
	padding:			5px 5px 0px 5px;
}

.uitklapmenu a img, .submenu a img
{
	float:				right;
	border-width:		0px;
	margin-top:			2px;
}

.uitklapmenu a:hover, .submenu a:hover
{
	text-decoration:	none;
	background-color:	#EAE7E5;
	color:				#626A9B;
}

.submenu
{
	border-top:			1px solid black;
	padding-top:		0px;
	padding-bottom:		0px;
}

.coolTable
{
	border:				0px solid #4E4E4E;
	background-color:	#A1A1A1;
	padding:			0px;
}

.coolTableCell td
{
	background-color:	#F2EEEA;
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-right:		0px solid black;
	border-bottom:		0px solid black;
	padding:			3px;
}

.coolTableCell td:hover
{
	background-color:	#DADADA;
}

.coolTableCell th
{
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-right:		0px solid black;
	border-bottom:		0px solid black;
	padding:			3px;
	background-color:	#EDE7E2;
	font-size:			120%;
	text-align:			left;
}

.coolTableCell a
{
	color:				#626A9B;
}

.lastmodiefied
{
	font-size:			9px;
	letter-spacing:		0.1em;
	text-align:			right;
	font-style:			italic;
}

.post pre
{
	overflow:			auto;
	overflow-x:			auto;
	overflow-y:			visible;
	width:				447px;
	padding:			5px;
	background-color:	#FBFBF9;
	letter-spacing:		normal;
	font-family:		verdana, sans-serif;
	font-size:			9px;
	padding-bottom:		40px;
	border-top:			1px solid lightgrey;
	border-left:		1px solid lightgrey;
	-moz-box-sizing: 	border-box;
}

input
{
	margin-bottom:		5px;
	width:				200px;
	color:				#4A4C4D;
	font-size:			11px;
	letter-spacing:		0.1em;
	border-top:			1px solid lightgrey;
	border-left:		1px solid lightgrey;
	padding:			2px;
	background: 		#FBFBF9;
}

input[type=text]:focus, textarea:focus
{
	background: 		white;
}

textarea
{
	width:				350px;
	height:				200px;
	color:				#4A4C4D;
	border-top:			1px solid lightgrey;
	border-left:		1px solid lightgrey;
	padding:			2px;
	font-size:			11px;
	letter-spacing:		0.1em;
	background: 		#FBFBF9;
}

label
{
	float:				left;
	width:				55px;
	text-align:			right;
	padding-right:		5px;
}

.btn
{
	margin-top:			30px;
	margin-left:		60px;
	width:				100px;
	height:				18px;
	clear:				all;
	background-image:	url(images/btn-bg.gif);
	background-repeat:	repeat-x;
	letter-spacing:		0.1em;
	font-weight:		500;
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-right:		1px solid lightgrey;
	border-bottom:		1px solid lightgrey;
	padding:			0px;
}

.portfolio-item
{
	clear:				all;
	margin-bottom:		25px;
	min-height:			120px;
	padding:			5px;
	border:				1px solid #F7F4F1;
	cursor:				pointer;
	width:				95%;
	padding-top:		5px;
	overflow:			visible;
}

.portfolio-item:hover
{
	background-color:	white;
	border-top:			1px solid lightgrey;
	border-left:		1px solid lightgrey;
	border-right:		1px solid white;
	border-bottom:		1px solid white;
}

.portfolio-item p
{
	padding-right:		100px;
	text-align:			justify;
}

.portfolio-img
{
	width:				85px;
	height:				85px;
	border-width:		0px;
	float:				right;
	margin-top:			-25px;
	clear:				all;
}

.portfolio-single-item
{
	padding:				5px 8px 5px 8px;
	background-color:		#F2EEEA;
	border:					1px solid #919191;
	margin-top:				15px;
	margin-bottom:			25px;
}

.portfolio-single-item-img
{
	float:					right;
	width:					85px;
	height:					85px;
}

.portfolio-single-item p
{
	padding-left:			20px;
	padding-right:			20px;
}

.portfolio-single-item a
{
	padding-left:			20px;
	background-image:		url(images/url.gif);
	background-repeat:		no-repeat;
	background-position:	0px 1px;
}

.adminmsg
{
	border:					1px solid #919191;
	padding:				8px;
	background-color:		#F2F2F2;
	line-height:			155%;
	border:					1px solid lightgrey;
}

.closed
{
	font-style:				italic;
	letter-spacing:			0.05em;
}

.ruler
{
	clear:					both;
	width:					450px;
	margin-top:				20px;
	margin-bottom:			20px;
}

form fieldset
{
	border-width:			0px;
	margin:					0px;
	padding:				0px;
}

form fieldset legend
{
	display:				none;
}