/* # # # # # # # # # # # # GBO design - engineering  # # # # # # # # # # # */

/* general */
*{
	margin					: 0;
	padding					: 0;
}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, div, span, blockquote, ul, ol, li, dl, address, hr{
	margin					: 0;
	padding					: 0;
}
html {
	height: 100%; 
	margin: 0 0 1px 0;
}
body {
	background			: #fff;
	color						: #333;
	font						: 0.76em/180% Verdana, Arial, Helvetica, sans-serif;
	text-align			: center;
	list-style			: inside;
	overflow				: auto;
	cursor					: default;
}
a, a:visited{
	color						: #000;
	text-decoration	: underline;
}
a:hover{
	color						: #000;
	text-decoration	: none;
	cursor					: pointer;
}
h1, h2, h3, h4, h5, h6{
	text-align			: left;
	font-weight			: bold;
	line-height			: 0.8em;
	letter-spacing	: -0.04em;
	width						: 100%;
	margin					: 0;
	padding					: 0 0 5px 0;
	overflow				: hidden;
	position				: relative;
	display					: block;
	clear						: both;
	color: #666;
}
h1{ 
	font-size				: 200%;
}
h2{
	margin: 21px 0 0 0;
	font-size				: 170%;
	line-height			: 1em;
}
h3{ 
	font-size				: 140%;
	margin: 21px 0 0 0;
	line-height			: 1em;
}
h4{
	font-size				: 100%	
}
a h1, a h2, a h3, a h4, a h5, a h6{
	color						: #666;
	text-decoration	: none;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6{
	color						: #000;
	text-decoration	: none;
}
blockquote{
	font-weight: bold;
	color: #9f9f9f;
	font-size				: 140%;
	padding: 15px 0;
	margin: 0;
	width: 100%;
	letter-spacing	: -0.04em;
}
img{
	border: 1px solid #bfbfbf;
	padding: 4px;
}
a img, a:visited img{
 border: 1px solid #bfbfbf;
}
a:hover img{
 border: 1px solid #000;
}
ul, ol, li{
	text-align			: left;position: relative;
	padding: 0;
	margin: 0;
}
p{
	padding: 3px 0 12px 0;
}
/* global */
#header{
	background			: #fff;
	text-align			: center;
	height					: 90px;
	width						: 100%;
	margin					: 2px auto;
	padding					: 0;
	position				: relative;
	clear						: both;
	display					: block;
	overflow				: hidden;
}
#header h1{
	padding					: 190px 0 0 0;
}
#header a{
	background			: transparent url("/img/new/header_logo.gif") 0 32px no-repeat scroll;
	height					: 90px;
	width						: 750px;
	margin					: auto;
	display					: block;
	overflow				: hidden;
}
#navigation {
	background			: #fff;
	color						: #000;
	font						: 100%/100% Arial, Helvetica, sans-serif;
	text-align			: center;
	font-weight			: bold;
	height					: 10px;
	width						: 100%;
	margin					: 0 0 29px 0;
	padding					: 5px 0 6px 0;
	position				: relative;
	clear						: both;
	display					: block;
	overflow				: hidden;
	border-top: 1px solid #00af3f;
	border-bottom: 1px solid #00af3f;
}
#headernav{
		margin					: 0 auto; border: 10px;
		width						: 750px;
		text-align			: left;
}
#headernav ul{
	list-style			: none;
	height					: 14px;
	margin					: auto;
	float						: left;
	display					: block;
	overflow				: hidden;
}
#headernav li{
	height					: 14px;
	padding					: 0 15px 0 0;
	float						: left;
}
#headernav a, #navbar a:hover{
	text-decoration	: none;
	height					: 35px;
	padding					: 4px 0 3px 1px;
	overflow				: hidden;
}
#headernav a{
	color						: #000;
}
#headernav a:hover{
	color						: #00af3f;
}
#home #shome a,
#about #sabout a,
#approach #sapproach a,
#work #swork a,
#news #snews a,
#contact #scontact a{
	color: #00af3f;
}
#langswitch {
	position: absolute;
	left: 50%;
	top: 3px;
	height: 17px;
	width: 100px;
	margin: 0 0 0 275px;
	display: block;
}
#langswitch div {
position: absolute;
	overflow: hidden;
	display: block;
	width: 19px;
	height: 15px;
}
#langswitch #nl{
right: 32px;
overflow: hidden;
}
#langswitch #nl a{
	background: transparent url("/img/new/lang_choice_nl.gif") 0 0 no-repeat scroll;
	display: block;
	overflow: hidden;
}
#langswitch #nl a:hover{
	background: transparent url("/img/new/lang_choice_nl.gif") -19px 0 no-repeat scroll;
}

#langswitch #separator{
right: 25px;
overflow: hidden;
background: #fff;
width: 1px;
}
#langswitch #en{
right: 0px;
overflow: hidden;
}
#langswitch #en a{
	background: transparent url("/img/new/lang_choice_en.gif") 0 0 no-repeat scroll;
	display: block;
	overflow: hidden;
}
#langswitch #en a:hover{
	background: transparent url("/img/new/lang_choice_en.gif") -19px 0 no-repeat scroll;
}
#langswitch #nl a, #langswitch #en a{
display: block;
padding: 20px;
}
#langswitch #nl a.lang_selected, #langswitch #en a.lang_selected{
background-color: #000;
}
#divider, .divider{
	background: #fff url("/img/new/css_dotted.gif") 0 0 repeat-x scroll;
	height: 1px;
	padding: 0;
	margin: 0;
	clear:both;
	display: block;
	overflow: hidden;
}
#divider hr, .divider hr{
	padding: 0;
	display					: none;
}
.spacer{
	border-top: 5px solid #fff;
	border-right: none;
	border-bottom: 10px solid #fff;
	border-left: none;
}
.swfobject{
	margin: 14px 0 0 0;
}
.swfobject img{
	border: none;
	margin: 0;
	padding: 0;
}
#footer {
	background			: #fff;
	color						: #bfbfbf;
	border-top: 1px solid #00af3f;
	font						: 0.9em/100% Arial, Helvetica, sans-serif;
	text-align			: center;
	height					: 125px;
	width						: 100%;
	margin					: 30px 0px 0px 0px;
	padding					: 2px 0 0 0;
	position				: relative;
	clear						: both;
	display					: block;
	overflow				: hidden;
}
#footer hr{
	display: none;
}
#footernav{
		margin: 0 auto;
		width: 750px;
		text-align : left;
		padding: 5px 0 0 0;
}
#locations{
	background			: transparent url("/img/new/footer_logo.gif") no-repeat 0 2px scroll;
	text-indent: 45px;
	height					: 30px;
	margin					: auto;
	padding: 0 0 5px 0;
	float						: left;
	display					: block;
	overflow				: hidden;
}
#locations a, #locations a:hover{
	text-decoration	: none;
}
#locations a{
	color						: #bfbfbf;
}
#locations a:hover{
	color						: #8f8f8f;
}
#copyright{display:block;
	float: right;
	margin					: auto;
	padding: 0 0 5px 0;
	overflow				: hidden;
	clear: right;top: 6px;
}
#sect_excerpt{
	background			: #f0f0f0;
	font						: 100%/150% Arial, Helvetica, sans-serif;
	width						: 100%;
	margin					: 15px 0;
	padding					: 15px 15px 10px 15px;
}
#sect_excerpt a, #sect_excerpt a:visited{
	text-decoration: none;
}
#sect_excerpt a:hover, #sect_excerpt a:active{
	color: #fff;
	background: #60615f;
	text-decoration: none;
}
#sect_excerpt .gbo_video a{
	background: transparent url("/img/new/movie_icon.gif") 2px 2px no-repeat;
	padding: 0 0 0 20px;
}
#sect_excerpt .gbo_video a:hover{
	background: #60615f url("/img/new/movie_icon-hover.gif") 2px 2px no-repeat;
}
#container{
	background: transparent url("/img/new/css_dotted_double.gif") 0 0 repeat scroll;
	text-align: center;
	width: 750px;
	margin					: 30px auto auto auto;
	position: relative;
	clear: both;
	overflow:hidden;
}
#col_lmr, #col_lm, #col_mr, #col_l, #col_m, #col_r, #col_lh, #col_rh{
	background: #fff;
	text-align:justify;
	padding: 0;
	margin: 0;
	clear:none;
	display:block;
	overflow: hidden;
}
#col_lmr{
	width:750px;
	padding: 0;
	float:left;
}
#col_lm{
	width:490px;
	margin: 0 15px 0 0;
	float:left;
}
#col_mr{
	width:490px;
	margin: 0 0 0 15px;
	float:right;
}
#col_l{
	width:230px;
	margin: 0 15px 0 0;
	float:left;
}
#col_m{
	width:230px;
	margin: 0 15px 0 15px;
	float:left;
}
#col_r{
	width:230px;
	margin: 0 0 0 15px;
	float:right;
}
#col_lh{
	background: #fff;
	width:360px;
	padding: 0 15px 0 0;
	float:left;
}
#col_rh{
	background: #fff url("/img/new/css_dotted.gif") 0 0 repeat-y;
	width:360px;
	padding: 0 0 0 15px;
	float:right;
}
.sidecolumn h1, .sidecolumn h2, .sidecolumn h3, .sidecolumn h4, .sidecolumn h5, .sidecolumn h6{
	color: #9f9f9f;
}
.sidecolumn a h1, .sidecolumn a h2, .sidecolumn a h3, .sidecolumn a h4, .sidecolumn a h5, .sidecolumn a h6, .sidecolumn a:visited h1, .sidecolumn a:visited h2, .sidecolumn a:visited h3, .sidecolumn a:visited h4, .sidecolumn a:visited h5, .sidecolumn a:visited h6{
	color: #9f9f9f;
}
.sidecolumn a:hover h1, .sidecolumn a:hover h2, .sidecolumn a:hover h3, .sidecolumn a:hover h4, .sidecolumn a:hover h5, .sidecolumn a:hover h6{
	color: #60615f;

}
a.to_top{
	background: transparent url("/img/new/to_top.gif") right 0 no-repeat scroll;
position: relative;
font-weight: bold;
	padding: 0 15px 0 0;
	clear: none;
	height: 15px;
}
a:hover.to_top{
	background: transparent url("/img/new/to_top_hover.gif") right 0 no-repeat scroll;
position: relative;
font-weight: bold;
	padding: 0 15px 0 0;
	clear: none;
}
a.edit_entry{	background: transparent url("/img/new/edit_entry.gif") 0 0 no-repeat scroll;
position: relative;
font-weight: bold;
	color: #812220;
	padding: 0 0 0 20px;clear: none;
}
.warn, .error{
	color: #812220;
}
#no_flash{
	border: 1px solid #60615f;
	padding: 10px;
}
#no_flash p{
	padding: 0;
}
#submenu{
	list-style: outside;
	padding: 0 0 15px 0;
	margin: 0;
	display: block;
	font						: 100%/180% Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
}
#submenu li{
	padding: 0;
	margin: 0;
	height: 25px;
	background: transparent url("/img/new/css_dotted.gif") 0 24px repeat-x scroll;
	text-indent: 5px;
	line-height: 25px;
}
#submenu a{
	width: 230px;
	height: 25px;
	display: block;
	text-decoration: none;
}
#submenu a:hover{
	background: #f0f0f0 url("/img/new/css_dotted.gif") 0 24px repeat-x scroll;
}
#submenu .selected{
	font-weight: bold;
}
/* # # # # # # # # # # # # # # # # H O M E # # # # # # # # # # # # # # # # */

#home .col_header{font-size: 175%;
	margin: 0;
	padding: 5px 0;
	overflow: hidden;
	width: 100%;
	display: block;
	background: #fff;
}
#home #col_l img, #home #col_m img{
	margin: 10px 0;
}
#home #headlines{
	display: block;clear: both;
		list-style: outside;padding:6px 0;
	margin: 0;
}
#home #headlines a{
	text-decoration: none;
	display: block;
	width: 230px;
}
#home #headlines a:hover{
	color: #9f9f9f;
}
#home #headlines ul{
	padding: 0;
	margin: 0;
}
#home #headlines li{
	margin: 3px 0;
}
#home #headlines b{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5px 0 0;
}
/* # # # # # # # # # # # # # # A P P R O A C H # # # # # # # # # # # # # # */
#approach img{
	float: right;
	margin: 0 0 0 15px;
}
#approach .deco{
	margin: 0;
}
/* # # # # # # # # # # # # # # #  A B O U T  # # # # # # # # # # # # # # # */
#about img{
	float: right;
	margin: 0 0 0 15px;
}
#about img.deco{
	margin: 0;
}
#about .team{
	display: block;
	list-style: outside;
	margin: 0;
}
#about .member .information{
	float: left;
	width: 300px;
	height: 98px;
	border: 1px solid #9f9f9f;
	padding: 0 0 0 5px;
}
#about .member{
	width: 490px;
	display: block;
	padding: 14px 0 15px 0;
	height: 100px;
	clear: both;
}
#about .member h3{
	text-transform: none;
	clear: none;
	width: auto;
	padding: 5px 0;
	margin: 0;
}
#about .member img{
float: right; display: block;
 border: 1px solid #9f9f9f;
 padding: 4px;
 margin: 0 14px 0 0;
}
#about .member a{
	text-decoration: none;
	overflow: hidden;
}
#about .member a:hover{
	color: #9f9f9f;
}
/* # # # # # # # # # # # # # # # # W O R K # # # # # # # # # # # # # # # # */
#work #case_study{
	padding: 5px 0 0 0;
	text-decoration: none;
}
#work #case_study p{
	padding: 0 5px;
	overflow: hidden;
	width:124px;
	height:30px;
	line-height: normal;
	padding: 0 0 15px 0;
}
#work #study_list{
	padding: 5px 0 0 0;
}
#work #projects{
	padding: 10px 0 0 0;
	list-style: none;
}
#work .project{
	padding: 0 12px 25px 12px;
	float: left;
	line-height: normal;
	width: 125px;
	height: 135px;
	overflow: hidden;
}
#work .project img{
	padding: 0;
	margin: 0;
}
#work .project p{
	padding: 5px 0 0 0;
	line-height: normal;
	overflow: hidden;
}
#work .project img{
 border: 1px solid #9f9f9f;
 padding: 4px;
}
#work #cat_options{
display:block;
	width: 100%;
	padding: 4px 0;
}
#work #cat_options ul, #work #cat_options ul li{
	list-style: none;
	display: inline;
}
#work .fragment h2{
	padding: 0;
	margin: 0;
	display: block;
	font						: 100%/180% Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
}
#work .project a, #work #case_study a{
	text-decoration: none;
	overflow: hidden;
}
#work .project a:hover, #work #case_study a:hover{
	color: #9f9f9f;
}
#work #case_study img{
 border: 1px solid #9f9f9f;
 padding: 4px;
 margin: 4px 4px 0 4px;
}
#work #case_study img{
	margin: 0;
}
#work .project a img, #work .project a:visited img, #work #case_study a img, #work #case_study a:visited img{
 border: 1px solid #9f9f9f;
}
#work .project a:hover img, #work #case_study a:hover img{
 border: 1px solid #939778;
}
#work #recognitions{
	list-style: outside;
	padding: 0;
}
#work #recognitions p{
	padding: 0;
}
/* # # # # # # # # # # # # # # # # N E W S # # # # # # # # # # # # # # # # */
#news #col_lm img{
	float: right;
	margin: 0 0 0 15px;
}
#news #col_r.sidecolumn ul{
	list-style: none;
}
#news #col_r.sidecolumn ul ul{
	list-style: inside;
}

/* # # # # # # # # # # # # # #  C O N T A C T  # # # # # # # # # # # # # # */
#contact #form_left{
	float: left;
	position: absolute;
}
#contact #form_right{
	float: right;
	position: relative;
	top: 0;
}
#contact label{
	padding: 0;
	margin: 0;
	float: left;
	clear: left;
}
#contact textarea, #contact input{
	font						: 100%/100% Arial, Helvetica, sans-serif;
	height: 15px;
	border: 1px solid #9f9f9f;
	padding: 3px 2px 2px 2px;
	width: 224px;
}
#contact textarea{
	height: 115px;
}
#contact .name, #contact .email{
	padding: 5px 0 0 0;
}
#contact .company, #contact .name, #contact .email{
	height: 45px;
}
#contact #inf_company, #contact #inf_name, #contact #inf_email, #contact #inf_comment{
	padding: 0;
	margin: 0;
}
#contact .send{
	padding: 4px 0 0 0;
}
#contact button.submit, #contact button.submit_en{
	display: block;
	height: 27px;
	text-indent: -150px;
	border: none;
	cursor: pointer;
	margin: 0;
}
#contact button.submit{
	background			: transparent url("/img/new/contact/send.jpg") 0 0 no-repeat scroll;
		width: 77px;
}
#contact button.submit_en{
	background			: transparent url("/img/new/contact/send_en.jpg") 0 0 no-repeat scroll;
		width: 45px;
}
#contact .route{
	padding: 1px 0 0 0;
	list-style: outside;
}
#contact .route a{
	background: transparent url("/img/new/pdf_icon.gif") 0 0 no-repeat scroll;
	padding: 0 0 0 18px;
}
/* ############################### Overrule all */
.sidecolumn h2{
	margin: 5px 0 0 0;
}
h1.col_header{
	margin: 5px 0 0 0;
}
h2.col_header{
	margin: 15px 0 0 0;
}
.deco{
	padding: 0;
	margin: 0;
	border: none;
}
a.pdf{
	background: transparent url("/img/new/pdf_icon.gif") 0 0 no-repeat scroll;
	padding: 0 0 0 18px;
}
a img.deco, a:hover img.deco, a:visited img.deco{
	padding: 0;
	margin: 0;
	border: none;
}
.lightbox_seq{
	display: none;
	visibility: hidden;
}

button {
	padding: 3px 15px;
	border: none;
}
a h1, a h2, a h3, a h4, a h5{
	text-decoration: none;
	border: none;
}