body {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

.clear {
	clear: both;
}

.print {
	display: none;
}

#container {
	margin: 0 0 0 40px;
	padding: 40px 0 0 0;
}

#gif {
	background: url(../../images/transparent.gif) repeat;
	width: 910px;
	height: 710px;
	position: absolute;
	z-index: 15;
}

#gif a {
	width: 100%;
	height: 100%;
	display: block;
}

#image {
	background: #F0F0F0;
	width: 910px;
	height: 710px;
	z-index: 10;
	position: absolute;
	overflow: hidden;
}

#main {
	width: 514px;
	padding: 0 0 0 438px;
	position: absolute;
	z-index: 20;
}

#controls {
	position: absolute;
	margin: 0 0 0 335px;
	z-index: 20;
}

#controls .control-links {
	background: url(../images/controls_links.png) no-repeat;
	width: 5px;
	height: 21px;
	float: left;
}

#controls .control-midden {
	background: url(../images/controls_midden.png) repeat-x;
	width: 70px;
	height: 21px;
	padding: 0 0 0 17px;
	float: left;
}

#controls .control-rechts {
	background: url(../images/controls_rechts.png) no-repeat;
	width: 5px;
	height: 21px;
	float: left;
}

#controls ul, #controls li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#controls li {
	margin: 0 12px 0 0;
	float: left;
}

#controls li.last {
	margin: 0;
}

#show-project {
	position: absolute;
	margin: 0 0 0 441px;
	z-index: 20;
}

#content {
	color: #656462;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
}

#content-home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 550px 0 0 0;
	width: 450px;
}

#content-home.boven {
	padding: 50px 0 0 0;
}

#content-home.midden {
	padding: 325px 0 0 0;
}

#content-home.beneden {
	padding: 550px 0 0 0;
}

#content-home h1 {
	font-size: 23px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}

#content-home p {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#content-home img {
	padding: 0 0 0 15px;
}

#content-contact {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #E1E1E1;
	padding: 38px 0 0 0;
	height: 599px;
}

#content-contact a {
	color: #FFFFFF;
	text-decoration: none;
}

#content-contact a:hover {
	color: #656462;
}

#content-contact-routebeschrijving a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D4D4D5;
	text-decoration: none;
}

#content-contact-routebeschrijving a:hover {
	color: #656462;
}

#profiel #content-links {
	height: 217px;
}

#profiel #content-rechts .inleiding {
	height: 90px;
	padding: 0 0 7px 0;
	margin: 0 0 16px 0;
	overflow: hidden;
}

#projecten #content-links {
	height: 318px;
}

#projecten #content-rechts .inleiding {
	height: 180px;
	margin: 0 0 12px 0;
}

#nieuws #content-links {
	height: 419px;
}

#nieuws #content-rechts .inleiding {
	height: 299px;
	margin: 0 0 12px 0;
}

#content-disclaimer {
	color: #656462;
	padding: 22px 0 0 0;
}

#content-disclaimer #disclaimer-text {
	height: 337px;
	overflow: auto;
	width: 564px;
}

#content-disclaimer #disclaimer-text .ge_output {
	margin: 10px 0 0 0;
}

#content-disclaimer #disclaimer-text a {
	color: #454545;
	text-decoration: none;
}

#content-disclaimer #disclaimer-text a:hover {
	text-decoration: underline;
}

#content-links {
	background: url(../images/content_bg.png) repeat;
	width: 279px;
	padding: 32px 0 32px 15px;
	position: absolute;
}

#content-links.large {
	margin: 0 0 0 -195px;
	width: 474px;
}

#content-links.medium {
	margin: 0 0 0 -61px;
	width: 340px;
}

#content-links #content-text {
	border-right: 1px solid #C1C1C0;
	padding: 93px 0 16px 0;
}

#content-links #content-virtual{
	border-right: 1px solid #C1C1C0;
	float: left;
	padding: 93px 17px 16px 17px;
}

#content-links #content-virtual p {
	float: left;
	margin: 0;
}

#content-links #content-virtual a {
	color: #847568;
}

#content-links #content-virtual a img {
	border: none;
	float: left;
	margin: 5px 0 15px 0;
}

#content-links #content-virtual a:hover {
	color: #5b4a3c;
}

#profiel #content-links #content-text {
	padding: 40px 0 16px 0;
}

#content-links #content-video {
	border-right: 1px solid #C1C1C0;
	padding: 0;
}

#content-links #content-video #player embed {
	position: relative;
	z-index: 0;
}

#content-links #content-maps {
	border-right: 1px solid #C1C1C0;
	padding: 0;
}

#content-links #body {
	height: 209px;
	width: 260px;
	overflow: auto;
}

#content-links #body .body-text, #content-disclaimer #disclaimer-text .body-text {
	padding: 0 0 0 17px;
}

#profiel #content-links #body {
	height: 161px;
}

#nieuws #content-links #body {
	height: 310px;
}

#content-links #body p, #content-disclaimer #disclaimer-text .body-text p {
	margin: 0;
	padding: 0 0 15px 0;
}

#profiel #content-rechts {
	height: 217px;
}

#projecten #content-rechts {
	height: 318px;
}

#content-rechts {
	background: url(../images/content_bg.png) repeat;
	width: 178px;
	padding: 32px 0 33px 0;
	margin: 0 0 0 294px;
	position: absolute;
}

#content-rechts #text {
	padding: 0 15px 3px 15px;
}

#content-rechts h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 39px 0 28px 0;
	height: 26px;
}

#content-rechts .inleiding p {
	margin: 0;
	padding: 0;
}

#content-rechts .inleiding a {
	color: #656462;
	text-decoration: none;
}

#content-rechts .inleiding a:hover {
	color: #000000;
}

#content-rechts .control-tekst a, #content-rechts .control-gebouw a, #content-rechts .control-video a, #content-rechts .control-maps a {
	font-size: 9px;
	color: #A2A2A2;
	text-decoration: none;
}

#content-rechts .control-tekst a:hover, #content-rechts .control-gebouw a:hover, #content-rechts .control-video a:hover, #content-rechts .control-maps a:hover, #content-rechts .control-tekst a.active, #content-rechts .control-gebouw a.active, #content-rechts .control-video a.active, #content-rechts .control-maps a.active {
	color: #656462;
}

#submenu {
	font-family: "Trebuchet MS";
	font-size: 12px;
	padding: 34px 0 25px 22px;
	margin: 0 0 0 294px;
	width: 156px;
	overflow: auto;
	position: absolute;
}

#profiel #submenu {
	margin-top: 281px;
	height: 370px;
}

#projecten #submenu {
	margin-top: 382px;
	height: 269px;
}

#nieuws #submenu {
	margin-top: 483px;
	height: 168px;
}

#contact #submenu {
	height: 651px;
}

#submenu.large {
	margin-top: 483px 0 0 0;
}

#submenu.large-projecten {
	margin-top: 382px 0 0 0;
}

#submenu ul, #submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu ul ul {
	margin: 4px 0 27px 0;
}

#submenu li {
	margin: 0 0 8px 0;
}

#submenu li li {
	margin: 0 0 4px 0;
}
#submenu li li, #nieuws #submenu li{
	filter: alpha(opacity=65);
}
#submenu li li:hover, #submenu li li.active, #nieuws #submenu li:hover, #nieuws #submenu li.active{
	filter: alpha(opacity=100);
}
#submenu li a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	filter: alpha(opacity=65);
	opacity: 0.65;
}

#submenu li a:hover, #submenu li a.active {
	color: #FFFFFF;
	opacity: 1;
	filter: alpha(opacity=100);
}

#submenu li.google-earth-link a {
	color: #FFFFFF;
	font-weight: normal;
}

#submenu li.google-earth-link a:hover {
	color: #000000;
}

#submenu li li a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#submenu li li a:hover, #submenu li li a.active {
	filter: alpha(opacity=100);
	opacity: 1;
}

#submenu #nieuws-items li a {
	color: #FFFFFF;
	font-weight: normal;
}

#submenu .google-earth {
	position: absolute;
}

#submenu .google-earth a {
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	filter: alpha(opacity=65);
	opacity: 0.65;
}

#submenu .google-earth a:hover {
	color: #FFFFFF;
	filter: alpha(opacity=100);
	opacity: 1;
}

#menu {
	background: #FFFFFF;
	width: 42px;
	height: 710px;
	position: absolute;
	margin: 0 0 0 472px;
}

#logo {
	font-size: 0;
	padding: 0 0 26px 15px;
}

#menu-shadow-top {
	background: url(../images/menu_top_shadow.png);
	width: 39px;
	height: 7px;
	position: absolute;
	z-index: 12;
}

#profiel #menu-shadow-top {
	margin: -4px 0 0 0;
}

#projecten #menu-shadow-top {
	margin: 97px 0 0 0;
}

#nieuws #menu-shadow-top {
	margin: 198px 0 0 0;
}

#contact #menu-shadow-top {
	margin: 299px 0 0 0;
}

#submenu-shadow-top {
	background: url(../images/submenu_top_shadow.png);
	width: 182px;
	height: 7px;
	position: absolute;
	z-index: 12;
}

#profiel #submenu-shadow-top {
	margin: -4px 0 0 -182px;
}

#profiel #submenu-shadow-left {
	margin: 0 0 0 -182px;
	height: 430px;
}

#projecten #submenu-shadow-top {
	margin: 97px 0 0 -182px;
}

#projecten #submenu-shadow-left {
	margin: 101px 0 0 -182px;
	height: 329px;
}

#nieuws #submenu-shadow-top {
	margin: 198px 0 0 -182px;
}

#nieuws #submenu-shadow-left {
	margin: 202px 0 0 -182px;
	height: 229px;
}

#contact #submenu-shadow-top {
	background: url(../images/submenu_top_shadow_contact.png) no-repeat left top;
	margin: -285px 0 0 -182px;
}

#contact #submenu-shadow-left {
	margin: -281px 0 0 -182px;
	height: 710px;
}

#contact .contact-social ul, #contact .contact-social li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#contact .contact-social li {
	padding: 0 5px 0 0;
}

#contact .contact-social li a {
	filter: alpha(opacity=90);
	opacity: 0.9;
}

#contact .contact-social li a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#submenu-shadow-left {
	background: url(../images/menu_left_shadow.png) bottom left;
	width: 4px;
	position: absolute;
	z-index: 12;
}

#menu-items {
	padding: 4px 0 0 0;
	width: 40px;
	height: 400px;
}

#menu-items ul, #menu-items li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-items ul {
	height: 400px;
	width: 40px;
}

#menu-items li, #menu-items a {
	height: 97px;
	display: block;
	outline: none;
}

#menu-items li {
	margin: 0 0 4px 0;
}

#menu-items li a {
	text-indent: -10000px;
}

#menu li#menu-bureau, #menu li#menu-projecten, #menu li#menu-nieuws, #menu li#menu-contact {
	height: 97px;
}

#taal {
	color: #B9B9B9;
	height: 16px;
	padding: 13px 0 0 9px;
}

#taal ul, #taal li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#taal li {
	background: url(../images/taal_li_bg.jpg) no-repeat right;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	float: left;
}

#taal li.last {
	background: none;
	margin: 0;
	padding: 0;
}

#taal li a {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #B9B9B9;
	text-decoration: none;
}

#taal li a:hover, #taal li a.active {
	color: #717471;
}

#player {
	width: 424px;
	height: 318px;
	background: #000;
	margin: 0 0 0 17px;
}

#player.detail {
	width: 291px;
	height: 218px;
}

#footer {
	font-family: "Trebuchet MS";
	font-size: 9px;
	color: #CDCDCD;
	height: 28px;
	position: absolute;
}

#footer a {
	color: #CDCDCD;
	text-decoration: none;
}

#footer a:hover {
	color: #656462;
}

#footer a.active {
	color: #656462;
}

#footer .social {
	float: right;
	margin: 0 0 0 2px;
	padding: 0;
}
