@charset "utf-8";
/* CSS Document */

html {
    overflow: scroll;
    overflow-x: auto;
}

body	{
	padding: 0px;
	margin: 0 0 0 0;
	background: #fff;
	font: small/12px "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #959595;
	text-align: left;
	position: relative;
	z-index:3000;
}

p, tr, th, td, address, ul, li	{
	/*font-size: 11px;*/
	font-size: 9pt;
	}

img	{border: 0;}

a {
	/*color: #9d9b8e;*/
	color: #959595;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

#contentwrapper	{
	width: 958px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #fff ;
	border: 0;
}
	
#wrapper	{
	margin: 0 auto;
	/*padding: 16px 0 0 0;*/
	padding: 0 0 0 0;
	margin-top: 0;
	width: 962px;
	border: 1px solid #eaeaea;
	border-top: 0;
}

/* Hide from IE-Mac 
div#wrapper {
	position: absolute;
	left: 50%;
	top: 0;
	padding: 0px;
	margin: 0 0px 0px -471px;
}*/

#playMusic	{
	cursor: pointer;
	position: relative;
	/*z-index: 3000;*/
	left: 898px;
	top: 15px;
}

#header { 
	padding: 0;
	margin: 20px 0 16px 0;
	border: 0; 
	/*border: 1px solid #ff00ff;*/
}

html>body div#header	{padding: 0 43px 0 43px;*padding: 0;}

h1, h2, .head	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #9d9b8e;
	}

h1.head a:link, h1.head a:visited	{
	display: inline-block;
	min-height: 35px;
	background: transparent url(/i/het-bos-grafisch-ontwerpers.png) left top no-repeat!important;
	background: transparent url(/i/het-bos-grafisch-ontwerpers.gif) left top no-repeat;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: normal;
	line-height: 190%;
	text-decoration: none;
	text-indent: 42px;
	letter-spacing: 1px;
	color: #9d9b8e;
	position: relative;
	z-index: 10000;
	outline: none;
	/*border: 1px solid #ff00ff;*/
	}

h1.head strong {
	font-size: 180%;
	line-height: 100%;
	margin: 0 6px 0 0;
	}

html>body h1.head strong	{font-size: 220%;*font-size: 220%;}

h1.head a:hover	{
	text-decoration: none;
	color: #9d9b8e;
	}

h2.head	{
	width: 870px;
	background: transparent url(/i/neem-contact-op-met-het-bos-in-utrecht.gif) left center repeat-x;
	text-align: right;
	margin:0 auto;
	/*border: 1px solid #ff00ff;*/
}
	
h2.head a:link, h2.head a:visited	{
	display: inline-block;
	background: #fff;
	font-size: 45%;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	text-decoration: none;
	padding: 0 0 0 5px;
	/*border: 1px solid #ff0000;*/
	}

h2.head a:hover	{
	text-decoration: none;
	color: #9d9b8e;
	}

html>body h2.head a:link, html>body h2.head a:visited	{font-size: 55%;*font-size: 45%;}

#content	{
	margin: 0 42px 45px 42px; 
	background: #fff;
	padding: 0;
	position:relative;
}
	
body#preview div#content	{
	position: relative;
	z-index: 3000;
	margin: -5px 0 27px 27px;
	padding: 0 7px 7px 17px;
	background: #fff;
	width: 881px;
	height: auto;
	min-height: 600px;
	/*border: 1px solid #ff0000;*/
}
#ajaxcontent{
	position:absolute;
	z-index:3000;
	width:881px;
	height:auto;
	min-height:600px;
	background:#fff;
	top:112px;
	margin:0 27px;
	padding: 0 7px 7px 17px;
	display:none;
	overflow:hidden;
}
#ajaxwrap{
	width:881px;
}

#bij	{
	position: relative;
	z-index: 900;
	top: 495px;
	left: 920px;
	width: 20px;
	height: 22px;
	background: transparent url(/i/de-bezige-bij-van-het-bos-ontwerpburo.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	/*border: 1px solid #ff00ff;*/
}

html>body div#bij	{width: 37px;*width: 37px;}

#columnleft	{
	float: left;
	width: 280px;
	margin: 0 15px 0 0;
	padding: 0;
	/*border: 1px solid #ff00ff;*/
}

#columnleftmiddle	{
	float: left;
	width: 575px;
	margin: 0 15px 0 0;
	padding: 0;
	/*border: 1px solid #ff0000;*/
}

#columnmiddle	{
	float: left;
	width: 282px;
	margin: 0 15px 0 0;
	padding: 0;
	/*border: 1px solid #ff0000;*/
}

#columnright	{
	float: left;
	width: 282px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #0000ff;*/
}

#columnmiddleright	{
	float: left;
	width: 575px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #ff0000;*/
}

#columfullsize	{
	float: left;
	width: 870px;
	margin: 0 0 0 0;
	padding: 0;
	/*border: 1px solid #ff0000;*/
}

.box	{
	width: 280px;
	border: 1px solid #eaeaea;
	margin: 0 0 15px 0;
	overflow:hidden;
}

.box a:link, .box a:active, .box a:visited	{
	text-decoration: none;}


div#clear {height: 1px; clear: both;}

p	{margin: 0;}

.box p.indexpaginabloktext	{
	margin: 12px 12px 12px 8px;
	font-size: 80%;
	line-height: 130%;
	color: #808080;
	text-transform: uppercase;
	}
			
p.intro	{
	margin: 12px 12px 12px 8px;
	color: #999999;
	line-height: 140%;
	text-transform: none;}

p.pagealinea	{
	margin: 12px 12px 12px 8px;
	color: #999;
	font-size: 95%;
	}
	
hr	{
	height: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-top: 1px solid #e6e6e6;
	}

#overlay	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #786854;
	-moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
	display:none;
}
body#preview #overlay{
	display:block;
}
#overlay[id]{ /* IE6 and below Can't See This */
	position:fixed;
}
* html #overlay{
	height:expression(document.body.clientHeight + 'px');
}
#projecttitle	{
	display: block;
	height: 52px;
	width: 870px;
	margin: 0 0 11px 0;
	border-bottom: 1px solid #e6e6e6;
	}

#goback	{
	float: right;
	margin: 11px 0px 0 0; /*border: 1px solid #ff00ff;*/
	}
	
#goback	> a {
	text-decoration: none;
	}
	
#projecttitle p	{
	float: left;
	margin: 15px 0 0 0;
	font-size: 80%;
	line-height: 130%;
	color: #808080;
	text-transform: uppercase;
	}

div#projecttitle p.indexpaginabloktext	{margin: 12px 7px 12px 7px;}

.bottommargin	{margin: 0 0 44px;}

/**
 * Clr Class fix for adding to elements containing floating elements
 */
.clr:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clr{display:inline-block;}
html[xmlns] .clr{display:block;}
* html .clr{height:1%;}