@import url("reset.css");
html, body {
	height: 100%; 
	margin: 0;    
	padding: 0;   
		
}

html  {overflow:hidden;}

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #606964;
	overflow: hidden;
	
	background-color: #f1f1f1;
}



#scroller {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	xbackground-color: #CCC;
	position: absolute;
}
.containcontent {
	position: absolute;
	width: 940px;
	padding: 0 0 0 16px;
	margin-left: -470px;
	left: 50%;
	background: url(images/bckgr_containcontent.gif) repeat-y left top;	
}
.content {
	position: relative;
	background-color: #FFF;
	font-size: 1.4em;
	margin: 110px 230px 0 0;
	padding: 0 100px 0 110px;
	min-height: 580px;
	
}
*+html .content {
	padding-top: 110px;
	margin-top: 0px;
	z-index: 20;
}
.content img {
	margin: 10px 0 15px 0;
}
.content_footer {

	background: url(images/content_footer.jpg) no-repeat left bottom;
	height: 21px;
	margin-left: -16px;
}
.containstatic {
	position: absolute;
	
	width: 925px;
	left: 50%;
	margin-left: -452px;
	top: 80px;
	
}
#foto {
	width: 600px;
	position: absolute;
	left: -614px;
	padding: 11px;
	height: 548px;
	background:url(images/shadow_foto.png) no-repeat left top;
	z-index: 60;
}
.foto {
	background: #FFF url(images/tree2.jpg) no-repeat left top;
	width: 596px;
	height: 548px;
	
}
#navigation {
	top: 10px;
	width: 200px;
	position: absolute;
	right: 00px;
	height: 548px;
	border: solid 1px #CCC;
	border-left: none;
	padding: 0 10px 0 10px;
	background: #FFF url(images/bckgr_navigation.gif) repeat-y left top;
}
a, a:link, a:visited {
	text-decoration: underline;
	color: #9C4B0D;
}
a:hover, a:active {
	text-decoration: none;
}
p, address {
	margin: 0.2em 0 1.2em 0;
	line-height: 140%;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
hr {
	color: #b9c7d5;
	background: #b9c7d5;
	margin: 10px 0 10px 0;
	height: 1px;
}
blockquote {
	line-height: 140%;
	margin: -0.8em 0.4em 1em 1em;
	text-indent: -1ex;
}
.melding {
	padding: 5px;
	text-align: center;
	border: solid 1px #9AB5A7;
	color: #9C4B0D;
	margin: 5px 0 10px 0;
}
ul {
	margin: 0.6em 0 1em 0.2em;
	
}
	ul li {
		list-style-type: disc;
		margin: 0.1em 0 0.2em 1em;
		line-height: 120%;
	}
h2 {
	color: #9C4B0D;
	font-weight: bold;
	font-size: 1.2em;
}
h2.sifr14 {
	margin: 1.2em 0 -0.2em 0;
}
h3 {
	color: #9C4B0D;
	font-size:1.1em;
	font-weight:bold;
}
#header {
	background: url(images/bckgr_header.gif) no-repeat left -5px;
	height: 80px;
	position: absolute;
	left: 0px;
	width: 735px;
	z-index: 30;
	
}
h1#logo {
	position: absolute;
	left: 125px;
	top: -5px;
	width: 500px;
	border-bottom: 2px solid #9AB5A7;
	height: 100px;
	
}
	h1#logo .tilanus, h1#logo .beeldmerk, h1#logo .cti {
		text-indent: -9000px;
		position: absolute;
		left: 0px;
		display: block;
	}
	h1#logo .tilanus {
		background: url(images/header_tilanus.gif) no-repeat left top;
		width:116px;
		height:25px;
		top: 33px;
		left: 0px;
	}
	h1#logo .beeldmerk {
		background: url(images/header_beeld.gif) no-repeat left top;
		width:48px;
		height:43px;
		left: 119px;
		top: 34px;
	}
	h1#logo .cti {
		background: url(images/header_payoff.gif) no-repeat left top;
		width: 333px;
		height: 20px;
		top: 64px;
		left: 170px;
	}

p.streamer {
	color: #6f806f;
	font-weight: bold;
	font-size: 1.05em;
	padding-bottom: 0.3em;
	line-height: 140%;
	margin: 0 60px 20px 0;	
}
.illustration {
	float: left;
	margin: 5px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}
.illustration img {
	margin: 0;
}
.illustration p {
	font-size: 0.9em;
	font-style:italic;
}
.alignright p {
	text-align: right;
}


#foto blockquote {
	text-align: center;
	display: block;
	position: absolute;
	right: 30px;
	color: #9C4B0D;
	bottom: 30px;
	font-size: 1.5em;
	font-weight: normal;
	width: 290px;
	xheight: 120px;
	line-height: 140%;
	padding: 5px 8px 8px 8px;
	background-color:#FFF;
	display: none;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; 
}


#navigation ul {}
#navigation ul li {
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 3px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	border-bottom: solid 3px #9ab5a7;
	background-color: #FFF;
	cursor: pointer;
	cursor: hand;
}

#navigation ul li * {
	cursor: pointer;
	cursor: hand;
}
#navigation ul.metanav {}
#navigation ul.metanav li {
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 3px;
	border: none;
	float: left;
	background-color: #FFF;
	cursor: pointer;
	cursor: hand;
	
	width: 19px;
	height: 22px;
}
#navigation ul.metanav li a {
	display: block;
	text-decoration: none;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #9AB5A7;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
}


#navigation ul.metanav li#home a{background: url(images/home.gif) no-repeat left top;}
#navigation ul.metanav li#home a:hover{background: url(images/home.gif) no-repeat left -25px;}

#navigation ul.metanav li#mail a{background: url(images/mail.gif) no-repeat left top;}
#navigation ul.metanav li#mail a:hover{background: url(images/mail.gif) no-repeat left -25px;}

#navigation ul.metanav li#NL a{background: url(images/flag_NL.gif) no-repeat left 3px;}
#navigation ul.metanav li#NL a:hover{background: url(images/flag_NL.gif) no-repeat left -22px;}

#navigation ul.metanav li#UK a{background: url(images/flag_UK.gif) no-repeat left 3px;}
#navigation ul.metanav li#UK a:hover{background: url(images/flag_UK.gif) no-repeat left -22px;}

#navigation ul.metanav li.this a{background-position: left -14px !important;}

#navigation ul.metanav li.this a {
	text-decoration: underline;
}