/* 
Cascading Style Sheet for 
	www.hooghstede.nl & www.hooghstede.net 

Design by 
	dJazzit | internet / marketing / events 
	www.djazzit.com 

Realisation by 
	websiteman 
	www.websiteman.nl 
*/

/* General styles */ 
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	text-align: center; 
	background-color: #4f4c48;
	background: #4f4c48 url(/images/11/background-body-2.jpg) no-repeat top right fixed; 
}

hr	{
	width: 100%; 
	clear: both; 
}

div#container td	{
	vertical-align: top; 
	border: 1px solid #5f5c58; 
}

div#container td:hover	{
	background: #5f5c58;
}

/* Fonts */
p, td, th, div, font, input, textarea	{
	text-align: left; 
	font-size: 12px; 
	font-family: Verdana, sans-serif, Helvetica, Arial; 
	color: #fff; 
}

p	{
	margin: 7px 4px; 
}

a	{
	text-decoration: underline; 
	color: #ffeec9; 
}

a:hover	{
	color: #bbb; 
}

a.email	{
	color: #ffeec9; 
	font-size: 12px;
}

a.emailhover img	{
	margin-bottom: -1px; 
	margin-top: 0px; 
}

h1, h2, h3	{
	text-align: left; 
	font-family: Georgia, Times; 
	font-weight: bold; 
	margin: 7px 4px; 
	color: #fff; 
}

h1	{
	margin-top: 15px; 
	font-size: 28px; 
}

h2	{
	margin-top: 12px; 
	font-size: 17px; 
}

h3	{
	margin-top: 9px; 
	font-size: 14px; 
}

div#menu ul	{
	position: relative; 
	margin: 0; 
	padding: 0; 
	z-index: 5; 
}

	div#menu ul li	{
		position: relative; 
		display: inline; 
		list-style: none; 
		margin: 0 20px 0 0; 
		padding: 0 0 10px 0;
		font-family: Verdana, sans-serif; 
		font-weight: normal; 
		font-size: 17px; 
	}
	
		div#menu ul li a	{
			font-size: 17px; 
			text-decoration: none; 
			color: #fff; 
		}	
		div#menu ul li a:hover	{
			text-decoration: none; 
			color: #888; 
		}
		
			div#menu ul li ul	{
				display: none; 
				position: absolute; 
				top: 22px; 
				left: 0; 
				width: 180px; 
				margin: 0; 
				padding: 0; 
				border: 1px solid #fff; 
				z-index: 10; 
			}
			div#menu ul li:hover ul	{
				display: block; 
			}
			
				div#menu ul li ul li	{
					list-style: none; 
					display: list-item; 
					margin: 0; 
					padding: 0; 
				}
				
					div#menu ul li ul li a	{
						display: block; 
						width: 170px; 
						padding: 2px 5px; 
						background: #fff; 
						color: #4f4c48; 
						font-size: 12px; 
					}
					div#menu ul li ul li a:hover	{
						color: #fff; 
						background: #4f4c48; 
					}

div#footer p, div#footer a	{
	text-align: center; 
	font-size: 10px; 
	margin: 3px; 
}
	div#footer p.left	{
		float: left; 
		text-align: left; 
	}
	div#footer p.right	{
		float: right; 
		text-align: right; 
	}

div#footer a	{
	color: #ccc; 
	text-decoration: none; 
}
div#footer a:hover	{
	color: #ffeec9; 
	text-decoration: none; 
}

div#lightbox span#caption, div#lightbox span#numberDisplay	{
	color: #000; 
}

/* Divs */
div#container	{
/*	position: relative; */
	width: 960px; 
	text-align: left; 
	margin: 0 auto; 
	padding: 15px 0 25px 0; 
}

	div#header	{
		position: relative; 
		width: 100%; 
		height: 88px; 
	}
		div#header div#image	{
			position: absolute; 
			top: 0; 
			left: 30px; 
			width: 366px; 
			height: 88px; 
		}
		
		div#header div#title	{
			position: absolute; 
			top: 15px; 
			right: 30px; 
			width: 436px; 
			height: 71px; 
		}
		
		div#header div#line	{
			position: absolute; 
			bottom: 10px; 
			width: 100%; 
			height: 1px; 
			background: #fff; 
		}

	div#menu	{
		position: relative;  
		margin: 20px auto; 
		width: 930px; 
		height: 35px; 
		padding: 15px; 
		background: none; 
	}
	
	div#content	{
		position: relative; 
		width: 930px; 
		text-align: left; 
		padding: 15px; 
	}
	
		div.largebox	{
			position: relative; 
			clear: both; 
			float: left; 
			width: 930px; 
		}

div#footer	{
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height: 20px; 
	text-align: center; 
	background: #3f3c38; 
	border-top: 1px solid #7a766e; 
}

	div#footercontent	{
		position: relative; 
		width: 930px; 
		height: 20px; 
		margin: 0 auto; 
		padding: 0 15px; 
		text-align: center; 
	}

div.spacer	{
	clear: both; 
}

/* Images */ 
img	{
	border: none; 
}

img.lineC, img.lineL, img.nolineL, img.lineR, img.nolineR	{
	border: 8px #fff solid; 
	margin: 7px; 
}
	
img.lineC	{
	display: block; 
	margin: 7px auto; 
}

img.nolineC	{
	display: block; 
	margin: 7px auto; 
	border: none; 
}

img.lineL	{
	float: left; 
}

img.nolineL	{
	float: left; 
	border: none; 
}

img.lineR	{
	float: right;
}

img.nolineR	{
	float: right; 
	border: none; 
}

.ws	{
	width: 100%; 
}

img.clear	{
	clear: both; 
}

a:hover img	{
	border-color: #ffeec9; 
}

/* CHROME MENU STYLES */
.chromestyle	{
	width: 100%;
	font-weight: bold;
	margin-bottom: 15px; 
	position: absolute; 
}

.chromestyle:after	{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul	{
	border: 0px solid #bbb;
	width: 100%;
	/*background: url(/images/224/) center center repeat-x;*/ /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li	{
	display: inline;
}

.chromestyle ul li a {
	color: #fff;
	padding: 7px 4px;
	margin: 0 10px 0 0;
	font-size: 17px; 
	font-family: Verdana, sans-serif; 
	font-weight: normal; 
	text-decoration: none;
	/* border-right: 1px solid #DADADA;*/
}

.chromestyle ul li a:hover	{
	text-decoration: none; 
	color: #bbb; 
}

.chromestyle ul li a[rel]:after	{ /*HTML to indicate drop down link*/
	content: " v";
	/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv	{
	position: absolute;
	top: 0;
	border: 1px solid #fff; /*THEME CHANGE HERE*/
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 200;
	background-color: #fff;
	width: 170px;
	visibility: hidden;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a	{
	width: auto;
	display: block;
	text-indent: 3px;
	/*border-bottom: 1px solid #BBB;*/ /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

* html .dropmenudiv a	{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover	{ /*THEME CHANGE HERE*/
	background-color: #888;
	border-top: 1px solid #888; 
	text-decoration: none; 
	color: #fff; 
}

.mceEditorArea { background: #4f4c48; }
/* TinyMCE specific rules */
.mceContentBody a { 
	text-align: left !important; 
	font-size: 12px !important; 
	font-family: Verdana, sans-serif, Helvetica, Arial !important; 
	color: #fff !important; 
 }
.mceContentBody { background: transparent; text-align: left; }