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

html, body, form, input, select, textarea{
	margin: 0px;
	padding: 0px;
	min-width: 953px;
	background-color: #000000;
}

body{
	background: url(../img/bg_white.gif) 0px 0px repeat-x #000;
	background-color: #000000;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #CCCCCC;
}

p{
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 15px 0;
}

h1{
	font-size: 30px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

h6{
	font-size: 15px;
	padding: 0px;
	margin: 25px 0px 0px 0px;
	font-weight: bold;
}

h2{
	font-size: 16px;
	margin: 26px 0 10px 0;
	padding: 0px;
	font-weight: bold;
}

a{
	color: #CCCCCC;
}

a:hover{
	text-decoration: none;
}

img{
	border: none;
}

.spacer{
	clear:both;
}

.sIFR-alternate{
	display: none;
}

.date{
	color: #FFF;
	float: left;
	padding-right: 5px;
}

#randomImage{
	margin-top: 25px;
}

.home #randomImage{
	margin-top: 0px;
}

/* flash menu */

#circles{
	width: 50%;
	background: url(../img/bg_black_circle_bg.gif) top right repeat-x #000;
}

#menu
{
	position: absolute;
	z-index: 98;
}

.menuIn{
	width: 254px !important; height: 100%;
}

.menuOut,
.projecten .menuIn{
	width: 953px !important; 
	height: 100%;
}

/* container */

#container{
	position: relative;
	width: 953px;
	float: right;
	margin-right: -476px;
}

/* content holder */

#contentHolder
{
	background: #000;
	margin: 0 0 0 205px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

/* -- header -- */

#header{
	height: 75px;
	background: #FFF !important;
}

#header #logo{
	float: right;
	height: 75px;
}

#header #logo img
{
	position: absolute;
	margin: 71px 0 0 -198px;
	z-index: 99;
}

/* main menu */

#menu
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu li
{
	margin: 0 18px 0 0;
	padding: 0px;
	float: left;
}

/* language menu */

#langMenu{
	list-style: none;
	margin: 0px;
	font-size: 11px;
	padding: 10px 0 0 0;
	height: 25px;
	position: absolute;
	margin-left: 856px;
	width: 200px;
}

/* meta menu */

#metaMenu{
	list-style: none;
	margin: 0px;
	font-size: 11px;
	position: absolute;
	margin-left: 796px;
	margin-top: 17px;
	padding: 10px 0 0 0;
	height: 65px;
	width: 200px;
}

#metaMenu li,
#langMenu li{
	margin: 0px;
	padding: 0px;
	float: left;
}

#metaMenu a,
#langMenu a,
#metaMenu,
#langMenu
{
	text-decoration: none;
	color: #888;
}

#metaMenu a:hover,
#langMenu a:hover
{
	text-decoration: underline;
	color: #141414;
}

/* content */

#content{
	padding: 18px 0 0 0;
	float: right;
	width: 650px;
}

#slideMenu{
	height: 58px;
	border: 1px solid black;
	z-index: 50;
	position: relative;
}

#kolommen{
	margin: 10px 0 0 0;
}

#kolommen .kolom{
	width: 650px;
	float: left;
	clear: both;
	color: #CCC;
	padding: 0px;
}

#kolommen .kolom .extrablock{
	width: 200px !important;
	padding-right: 15px !important;
	float: left !important;
	clear: none !important;
}

#kolommen .spacer{
	display: none;
}

#kolommen .kolom .extrablock a{
	text-decoration: none;
	color: #CCC;
}

#kolommen .kolom span{
	font-weight: bold;
}

#kolommen img{
	padding: 0 0 22px 0;
	margin-top: 4px;
}

#kolommen .go_image{
	float: left;
	margin-right: 15px;
	padding: 0px;
	width: 60px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
}

#kolommen ul{
	padding: 0 0 22px 0;
	margin: 0px;
	list-style: none;
}

#kolommen ul li{
	padding: 0 0 5px 10px;
	margin: 0px;
	background:url(../img/vacatures_arrow.gif) 0px 6px no-repeat;
}

/* detail page */

#title
{
	padding-top: 28px;
	height: 30px;
}

#go_link{
	width: 150px;
	font-size: 12px;
	position: relative;
	margin: -28px 0 0 500px;
	z-index: 3;
}

#details{
	padding: 22px 0 0 0;
}

#go_link .arrow_down, #go_link .arrow_left{
	width: 8px;
	height: 7px;
	float: right;
	margin: 6px 7px 0 0;
}

#go_link a{
	display: block;
	float: right;
}

#go_arrows
{
	position: absolute;
	margin-top: -19px;
	z-index: 4;
}

#details #leftColumn{
	width: 225px;
	padding: 0 15px 0 0;
	float: left;
}

#details #leftColumn #info{
	padding: 0 0 0px 0;
}

#details #leftColumn .infoblock .first{
	font-weight: bold;
	width: 100px;
	vertical-align: top;
}

#details #leftColumn .infoblock{
	margin-bottom: 20px;
	/* width: 300px; */
	width: 225px;
}

/*table .first{
	padding-right: 20px;
	text-align: left;
	font-weight: bold !important;
	border: 1px solid red;
}*/


/* cirkel kleuren voor home*/
.home h1, .home h2, .home h6 .home a, .home span, .home .infoblock, .home .infoblock a{ color: #FF9900; }

.home #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #FF9900; }
.home #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #FF9900; }

/* cirkel kleuren voor project*/
.onderzoek h1, .onderzoek h2, .onderzoek h6, .onderzoek #info a, .onderzoek #go_link a, .onderzoek #content span, .onderzoek #info, .onderzoek span, .onderzoek .infoblock, .onderzoek .infoblock a { color: #F1A500; }
.onderzoek #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #F1A500; }
.onderzoek #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #F1A500; }

.research h1, .research h2, .research h6, .research #info a, .research #go_link a, .research #content span, .research #info, .research span, .research .infoblock, .research .infoblock a { color: #F1A500; }
.research #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #F1A500; }
.research #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #F1A500; }

.landschap h1, .landschap h2, .landschap h6, .landschap #info a, .landschap #go_link a, .landschap #content span, .landschap #info, .landschap span, .landschap .infoblock, .landschap .infoblock a { color: #00AAAA; }
.landschap #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #00AAAA; }
.landschap #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #00AAAA; }


.landscape h1, .landscape h2, .landscape h6, .landscape #info a, .landscape #go_link a, .landscape #content span, .landscape #info, .landscape span, .landscape .infoblock, .landscape .infoblock a { color: #00AAAA; }
.landscape #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #00AAAA; }
.landscape #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #00AAAA; }

.stad h1, .stad h2, .stad h6, .stad #info a, .stad #go_link a, .stad #content span, .stad #info, .stad span, .stad .infoblock, .stad .infoblock a { color: #892EAB; }
.stad #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #892EAB; }
.stad #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #892EAB; }

.city h1, .city h2, .city h6, .city #info a, .city #go_link a, .city #content span, .city #info, .city span, .city .infoblock, .city .infoblock a { color: #892EAB; }
.city #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #892EAB; }
.city #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #892EAB; }

.dorp h1, .dorp h2, .dorp h6, .dorp #info a, .dorp #go_link a, .dorp #content span, .dorp #info, .dorp span, .dorp .infoblock, .dorp .infoblock a { color: #CC0000; }
.dorp #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #CC0000; }
.dorp #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #CC0000; }

.village h1, .village h2, .village h6, .village #info a, .village #go_link a, .village #content span, .village #info, .village span, .village .infoblock, .village .infoblock a { color: #CC0000; }
.village #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #CC0000; }
.village #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #CC0000; }

.park h1, .park h2, .park h6, .park #info a, .park #go_link a, .park #content span, .park #info, .park span, .park .infoblock, .park .infoblock a { color: #AFCE00; }
.park #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #AFCE00; }
.park #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #AFCE00; }

.tuin h1, .tuin h2, .tuin h6, .tuin #info a, .tuin #go_link a, .tuin #content span, .tuin #info, .tuin span, .tuin .infoblock, .tuin .infoblock a { color: #33CC00; }
.tuin #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #33CC00; }
.tuin #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #33CC00; }

.garden h1, .garden h2, .garden h6, .garden #info a, .garden #go_link a, .garden #content span, .garden #info, .garden span, .garden .infoblock, .garden .infoblock a { color: #33CC00; }
.garden #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #33CC00; }
.garden #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #33CC00; }

#contentHolder .onderzoek, #contentHolder .landschap, #contentHolder .stad, #contentHolder .dorp, #contentHolder .park, #contentHolder .tuin, #contentHolder .research, #contentHolder .landscape, #contentHolder .city, #contentHolder .village, #contentHolder .park, #contentHolder .garden{
	width: 700px !important;
}
.onderzoek #leftColumn, .landschap #leftColumn, .stad #leftColumn, .dorp #leftColumn, .park #leftColumn, .tuin #leftColumn, .research #leftColumn, .landscape #leftColumn, .city #leftColumn, .village #leftColumn, .park #leftColumn, .garden #leftColumn{
	width: 275px !important;
}
.onderzoek #go_link, .landschap #go_link, .stad #go_link, .dorp #go_link, .park #go_link, .tuin #go_link, .research #go_link, .landscape #go_link, .city #go_link, .village #go_link, .park #go_link, .garden #go_link{
	margin-left: 550px !important;
}

.team #title {
	padding-top: 1px !important;
}

.team #details {
	padding: 0 0 0 0 !important;
}

.vacatures #details {
	padding: 33px 0 0 0 !important;
}

.contact #content, .vacatures #content, .team #content{
	width: 654px !important;
}

/* cirkel kleuren voor bureau*/
.visie h1, .visie h2, .visie h6, .visie a, .visie span{ color: #8AE600; }
.team h1, .team h2, .team h6, .team a, .team span{ color: #FF6133; }
.vacatures h1, .vacatures h2, .vacatures h6, .vacatures a, .vacatures span{ color: #FFCC00; }
.pers h1, .pers h2, .pers h6, .pers a, .pers span{ color: #FF094D; }
.contact h1, .contact h2, .contact h6, .contact a, .contact span{ color: #2DFFBB; }

.vacatures #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #FFCC00; }
.vacatures #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #FFCC00; }

.contact #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #2DFFBB; }
.contact #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #2DFFBB; }

.extra h1, .extra h2, .extra h6, .extra a, .extra span{ color: #0066CC; }

.extra_groen h1, .extra_groen h2, .extra_groen h6, .extra_groen a, .extra_groen span{ color: #339999 !important; }
.extra_blauwpaars h1, .extra_blauwpaars h2, .extra_blauwpaars h6, .extra_blauwpaars a, .extra_blauwpaars span{ color: #6633FF !important; }
.extra_helderblauw h1, .extra_helderblauw h2, .extra_helderblauw h6, .extra_helderblauw a, .extra_helderblauw span{ color: #0066FF !important; }
.extra_flets h1, .extra_flets h2, .extra_flets h6, .extra_flets a, .extra_flets span{ color: #9999FF !important; }
.extra_donker h1, .extra_donker h2, .extra_donker h6, .extra_donker a, .extra_donker span{ color: #3A657C !important; }
.extra_lichtblauw h1, .extra_lichtblauw h2, .extra_lichtblauw h6, .extra_lichtblauw a, .extra_lichtblauw span{ color: #4D80FF !important; }

.extra_groen #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #339999; }
.extra_groen #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #339999; }

.extra_blauwpaars #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #6633FF; }
.extra_blauwpaars #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #6633FF; }

.extra_helderblauw #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #0066FF; }
.extra_helderblauw #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #0066FF; }

.extra_flets #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #9999FF; }
.extra_flets #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #9999FF; }

.extra_donker #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #3A657C; }
.extra_donker #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #3A657C; }

.extra_lichtblauw #go_link .arrow_left{ background:url(../img/arrow_left.gif) 0px 0px no-repeat #4D80FF; }
.extra_lichtblauw #go_link .arrow_down{ background:url(../img/arrow_down.gif) 0px 0px no-repeat #4D80FF; }

#team{
	height: 500px;
	position: absolute;
	z-index: 50;
	width: 700px;
	margin-left: -10px;
}

/* images */
#details #imagery{
	width: 398px;
	float: right;
	padding: 0 0 10px 0;
}

#details #imagery #bigims{
	display: block;
}

#details #imagery #bigims a{
	width: 398px;
	text-align: center;
}

#details #imagery .detail{
	display: none;
}

#details #imagery .thumb{
	margin: 0 0 2px 2px;
	width: 98px;
	height: 69px;
	overflow: hidden;
	display: block;
	float: left;
}

#details .images .thumb span{
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 98px;
	height: 69px;
}

#details #t_1, #details #t_5{
	margin-left: 0px !important;
}

#TB_prev, #TB_next, #TB_count, #TB_prev a, #TB_next a, #TB_count a{
	color: #000000 !important;
}

#TB_count, #TB_count a{
	font-weight: bold;
}