/********/
/* html */
/********/
body {
	background:#cdcdcd url(../img/bg/body_bg.gif) repeat-x;
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	font-size:28px;
	font-weight:normal;
	line-height:35px;
	margin:0 0 15px 0;
	padding:0;
}

#template_pagetext h1,
#template3_pagetext h1,
#template4_pagetext h1,
#template3_contentcontainer h1,
#template4_contentcontainer h1,
#homepage_pagetext_inner h1{
	background: url(../img/bg/squares.gif) no-repeat bottom right;
	padding-right:50px;
}

#homepage_pagetext_inner h1{
	font-size:18px;
	line-height:24px;
	margin:0 0 8px 0;
}

#template3_pagetext h1{
	margin:0;
}

h2 {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
}

h3 {
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	padding:0;
}

h4 {
	color:#40b3da;
	font-size:11px;
	margin:0;
	padding:0;
}

h5 {
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0;
}

h6 {
	font-size:14px;
	line-height:18px;	
	margin:0;
	padding:0;
}

p {
	margin:0 0 10px 0;
	padding:0
}

#portfolio_transparant_overlay p {
	margin:0 0 15px 0;
	padding:0;
}

a {
	color:#00629a;
	text-decoration:none;
}

a:hover {
	text-decoration:underline
}

a.active,
a:focus {
	outline: 0;
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #6C1154;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #DBDFE6;
	color:#7F7F7F;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

td {
	color:#7F7F7F;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

ul {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:#fff;
	font-size:11px;
	height:580px;
	left:50%;
	line-height:16px;
	margin:0 0 0 -450px;
	position:absolute;
	top:0;
	width:900px;
}

/* header */
#header {
	height:140px;
	position:absolute;
	width:900px;
	z-index:102;
}

.logo{
	height:140px;
	float:left;
	width:226px;
}

.header_right{
	/*float:left;*/
	height:140px;
	width:674px;
	z-index:0;
	position:absolute;
	right:0;
	top:0;
}

/* menu */
#menu {
	background:url(../img/bg/menu_bg.gif) repeat-y;
	height:124px;
	line-height:18px;
	padding:26px 0 0 30px;
	position:relative;
	width:195px;
}

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

#menu ul li a {
	text-decoration:none;
	color:#40b3da;	
}

#menu .active{
	color:#fff;
	background:url(../img/bg/active_bracket.gif) no-repeat 14px 4px;
	padding-left:28px;
}

#menu ul li a:hover {
	text-decoration:underline;
}

#menu ul li {
	width:130px;
}

#menu li li{
	width:180px;
}

#menu li a:hover,
#menu li a.active {
	color:#fff;
}

#menu li ul {
  	background: url(../img/bg/transparant.png); 
	display:none;
	left:160px;
	min-height:77px;
	position:absolute;
	padding:44px 28px 29px 28px;
	top:0;
	width:170px;
	z-index:0;
}

#menu li:hover ul,
#menu li.cs_hover ul {
	display:block 
}

#menu li ul a{
	color:#000;
}

/* footer */
#footer {
	background:#cdcdcd;
	bottom:0;
	height:25px;
	left:0;
	padding-left:37px;
	position:absolute;
	width:863px;
}

#footer p {
	float:left;
	font-size:10px;
	line-height:13px;
	padding:6px 0 6px 0;
}

#footer p a{
	color: #000;
}

/* content */
#content_container{
	height:415px;
}

#sidebar {
	background:#00629a;
	float:left;
	height:415px;
	left:0;
	position:absolute;
	top:140px;
	width:225px;
	z-index:200;
}

#sidebar_image{
}

#sidebar_image img{
	width:225px;
	height:150px;
}

#column2_wrapper{
	float:left;
	margin:0;
	padding:0;
	width:225px;
}

/*********/
/* pages */
/*********/
/*template1 : homepage*/
#homepage_sidebar_text{
	color:#fff;
	margin:25px 0 0 30px;
	width:150px;
	line-height:17px;
	overflow:hidden;
	min-height:1px;
	max-height:70px;
}

#homepage_sidebar_text a{
	color:#40b3da;
}

#homepage_introtext{
	bottom:25px;
	height:223px;
	left:225px;
	overflow:hidden;
	padding:42px 17px 0 17px;
	position:absolute;
	width:191px;
	z-index:1;
}

#homepage_image_container{
	height:150px;
	position:absolute;
	right:5px;
	top:140px;
	width: 675px;
	z-index:0;
}

#button1_image img,
#button2_image img,
#button3_image img{
	height:150px;
	margin-top:-125px;
	position:absolute;
	z-index:105;
}

#button1_image img{
	left:0;
	width: 225px;
}

#button2_image img{
	left:230px;
	width: 220px;
}

#button3_image img{
	left:455px;
	width: 220px;
}

#homepage_pagetext_outer{
	bottom:25px;
	height:260px;
	left:450px;
	position:absolute;
	width:450px;
	z-index:1;
}

#homepage_pagetext_outer img{
	z-index:0;
}

#homepage_pagetext_outer img{
	height:260px;
	margin:0 0 0 5px;
	width:445px;
}

#homepage_pagetext_inner, 
#homepage_pagetext_bg{
	bottom:5px;
	height: 97px;
	left:10px;
	padding:21px 53px 14px 16px;
	position:absolute;
	width: 371px;
	overflow:hidden;
}

#homepage_pagetext_bg{
	background:#fff;
	filter:alpha(opacity=80);
  	opacity:0.8;
	z-index:1;
}

#homepage_pagetext_inner{
	z-index:2;
}

#homepage_pagetext_inner img{
	height:auto;
	width:auto;
}

#homepage_pagetext_inner p{
	margin: 0;
}

.homepage_squares{
	display:inline;
	margin:0 0 0 10px;
}

/*template1 : homepage : menu 2*/
#homepage_trigger_container{
	position:absolute;
	right:0;
	top:265px;
	width: 675px;
}

#homepage_trigger_container #trigger_container #trigger_button1 a:hover,
#homepage_trigger_container #trigger_container #trigger_button2 a:hover,
#homepage_trigger_container #trigger_container #trigger_button3 a:hover {
	text-decoration:none
}

#homepage_trigger_container #trigger_container #trigger_button1,
#homepage_trigger_container #trigger_container #trigger_button2,
#homepage_trigger_container #trigger_container #trigger_button3{
	color:#fff;
	font-size:14px;
	height:25px;
	line-height:22px;
	position:absolute;
	top:0;
	z-index:107;
}

#homepage_trigger_container #trigger_container #trigger_button1{
	background: url(../img/bg/square1.gif) no-repeat right top;
	left:0;
	width:225px;
}

#homepage_trigger_container #trigger_container #trigger_button2{
	background: url(../img/bg/square2.gif) no-repeat right top;
	left:230px;
	width:220px;
}

#homepage_trigger_container #trigger_container #trigger_button3{
	background: url(../img/bg/square3.gif) no-repeat right top;
	left:455px;
	width:220px;
}

#homepage_trigger_container #trigger_container #trigger_button1 a,
#homepage_trigger_container #trigger_container #trigger_button2 a,
#homepage_trigger_container #trigger_container #trigger_button3 a{
	color:#fff;
	height:25px;
	padding-left:24px;
	position:absolute;
	width:201px;
	cursor:default;
	margin-bottom:0;
}

#homepage_trigger_container #trigger_container .button1_bg,
#homepage_trigger_container #trigger_container .button2_bg,
#homepage_trigger_container #trigger_container .button3_bg{
	background:#40b3da;
	filter:alpha(opacity=70);
	height:25px;
  	opacity:0.7;
	position:absolute;
	top:0;
	z-index:106;
}

#homepage_trigger_container #trigger_container .button1_bg{
	left:0;
  	width:225px;
}

#homepage_trigger_container #trigger_container .button2_bg{
	left:230px;
  	width:220px;
}

#homepage_trigger_container #trigger_container .button3_bg{
	left:455px;
  	width:220px;
}

#homepage_trigger_container #trigger_container #trigger_box1,
#homepage_trigger_container #trigger_container #trigger_box2,
#homepage_trigger_container #trigger_container #trigger_box3{
	min-height:87px;
	padding:58px 20px 5px 20px;
	position:absolute;
	top:0;
	z-index:99;
}

#homepage_trigger_container #trigger_container #trigger_box1{
	background: url(../img/bg/transparant2.png) repeat;
	left:0;
	width:185px;
}

#homepage_trigger_container #trigger_container #trigger_box2{
	background: url(../img/bg/transparant2.png) repeat;
	left:230px;
	width:180px;
}

#homepage_trigger_container #trigger_container #trigger_box3{
	background: url(../img/bg/transparant2.png) repeat;
	left:455px;
	width:180px;
}

#homepage_trigger_container ul {
	list-style:none
}

#homepage_trigger_container ul li,
#homepage_trigger_container ul li a{
	color: #fff;
	text-decoration:none
}

#homepage_trigger_container ul li a:hover{
	text-decoration:underline
}

/*template2*/
#template2_sidebar_text{
	color:#fff;
	margin:32px 0 0 37px;
	width:150px;
}

#template2_sidebar_text a{
	color:#40b3da;
}

#template_introtext{
	bottom:25px;
	height:247px;
	left:225px;
	overflow:hidden;
	padding:13px 17px 5px 17px;
	position:absolute;
	width:191px;
	z-index:0;
}

#template_pagetext{
	bottom:25px;
	height:390px;
	overflow:hidden;
	padding:0 27px;
	position:absolute;
	right:0;
	width:401px;
	z-index:0;
}

#template_pagetext div.pagetext_inner{
	padding:42px 0 0 0
}

#template_pagetext p{
	margin:0 0 20px 0;
}

#template_trigger_container ul {
	list-style:none
}

#template_trigger_container ul li,
#template_trigger_container ul li a{
	color: #fff;
	text-decoration:none
}

#template_trigger_container ul li a:hover{
	text-decoration:underline
}

/*template:3*/
#template3_contentcontainer{
	bottom:25px;
	height:363px;
	overflow:auto;
	padding:27px 27px 0 27px;
	position:absolute;
	right:0;
	width:621px;
	z-index:0;
}

#template3_portfoliocontainer{
	height:290px;
	position:absolute;
	top:100px;
	width:618px;
}

#template3_portfoliocontainer ul{
	height:247px;
	margin:0;
	padding:0;
	width:602px;
}

#template3_portfoliocontainer li{
	float:left;
	height:123px;
	list-style:none;
	width:301px;
}

#template3_portfoliocontainer .left{
	background:url(../img/bg/portfolioitem_bg.gif);
	float:left;
	height:100%;
	position:relative;
	width:120px;
}

#template3_portfoliocontainer .left img{
	display:block;
	left:19px;
	position:absolute;
	top:22px;
}

#template3_portfoliocontainer .right{
	height:119px;
	float:left;
	padding:7px 5px 0 5px;
	width:171px;
}

#template3_portfoliocontainer .projectnaam_locatie{
}

#template3_portfoliocontainer .projectdetails{
	color:#656565;
	float:left;
}

/*template 4*/
#template4_contentcontainer{
	bottom:25px;
	height:390px;
	overflow:hidden;
	padding:0 27px 0 27px;
	position:absolute;
	right:0;
	width:621px;
	z-index:10;
}

#template4_contentcontainer #left_container{
	float:left;
	height:390px;
	margin-left:3px;
	position:relative;
	width:420px;
}

#template4_contentcontainer #right_container{
	height:368px;
	padding:22px 0 0 48px;
	position:absolute;
	right:0;
	width:172px;
	overflow:hidden;
}

#template4_contentcontainer #portfolio_img_big,
#template4_contentcontainer #portfolio_img_big img{
	float:left;
	height:316px;
	position:absolute;
	width:420px;
	z-index:0;
}

#template4_contentcontainer #portfolio_img_big img{
	display:block;
	left:0;
	position:absolute;
	top:0;
}

#template4_contentcontainer #portfolio_img_big{
	margin:0 0 17px 0;
}

#details_container{
	bottom:15px;
	left:0;
	position:absolute;
	overflow:hidden;
	height:49px;
	width:420px;
}

#portfolio_projects_filter {
	background:url(../img/bg/filter_select.gif) no-repeat right top;
	height:23px;
	position:absolute;
	right:22px;
	top:73px;
	width:185px;
}

#portfolio_projects_filter label {
	color:#00265d;
	float:left;
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	padding:0 5px 0 0;
	text-align:right;
	width:25px;
}

#portfolio_projects_filter select {
	border:1px solid #00265d;
	color:#00629a;
	float:left;
	height:16px;
	padding:0;
	width:150px;
}

#portfolio_projects_filter select:hover {
	background:#40b3da;
	color:#FFF;
}

#portfolio_projects_filter select:focus {
	background:#FFF;
	color:#00629a;
}

#portfolio_details{
	bottom:15px;
	left:0;
	position:absolute;
}

.details_titel{
	font-weight:bold;
	width:320px;
	position:absolute;
	top:0;
	left:0;
}

.details_content{
	color:#656565;
	height:33px;
	position:absolute;
	left:0;
	top:15px;
	width:320px;
}

.row{
	height:24px;
	width:95px;
	float:left;
}

#paging_buttons{
	height:49px;
	width:95px;
	position:absolute;
	right:0;
}

.details_content p{
	margin:0 0 0 0;
}

#right_container ul{
	margin:0;
	padding:0;
	width:118px;
}

#right_container ul li{
	background:url(../img/bg/portfolioitem_bg2.gif) no-repeat;
	float:left;
	height:118px;
	list-style:none;
	position:relative;
	width:118px;
}

#right_container ul li a,
#right_container ul li li img{
	left:19px;
	position:absolute;
	top:18px;
}

/* template 5 */
/* filter */
#filter{
	background:#000;
	bottom:0;
	height:100%;
	filter:alpha(opacity=50);
	left:0;
  	opacity:0.5;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:666;
}

.disabled_btn {
	cursor:default;
	filter:alpha(opacity=35);
	opacity:0.35;
}

#right_container ul{
	z-index:0;
}

#page_filter{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}

#right_container_filter{
	bottom:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
}

/*end filter*/

#portfolio_transparant_overlay_bg{
	background:#fff;
	height:236px;
	filter:alpha(opacity=85);
  	font-size:12px;
	line-height:14px;
  	opacity:0.85;
  	padding:40px 18px 40px 18px;
  	margin:165px 0 0 -195px;
  	position:absolute;
  	left:50%;
	width:384px;
	z-index:667;
}

#portfolio_transparant_overlay{
  	font-size:12px;
	height:236px;
	line-height:14px;
  	padding:40px 18px 40px 18px;
	width:384px;
	z-index:667;
	margin:165px 0 0 -195px;
  	position:absolute;
  	left:50%;
}

#close_btn{
	background:#fff;
	border:1px solid #000;
	font-size:12px;
	height:25px;
	position:absolute;
	width:127px;
	z-index:668;
	bottom:0;
	right:0;
}

#close_btn a{
	color:#000;
	height:20px;
	float:left;
	padding:5px 5px 0 10px;
	text-align:center;
	width:112px;
}

#close_btn a:hover{
	background:#cdcdcd;
	text-decoration:none;
}

/* template 6 : news archive */
#news_archive{
}

#news_archive ul{
	margin:0;
	list-style:none;
}

#news_archive li{
	margin:0 0 10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #66c2e1;
}

#news_archive h6{
	margin:0 0 5px 0;
}

#news_archive p{
	margin:0 0 5px 0;
}

/*start menu2*/
#template_trigger_container{
	position:absolute;
	right:5px;
	top:140px;
	width: 675px;
	z-index:101;
}

#template_trigger_container #trigger_container #trigger_button1,
#template_trigger_container #trigger_container #trigger_button2,
#template_trigger_container #trigger_container #trigger_button3{
	bottom:0;
	color:#fff;
	font-size:14px;
	height:25px;
	line-height:22px;
	position:absolute;
	top:0;
	z-index:2;
}

#template_trigger_container #trigger_container #trigger_button1{
	background: #40b3da url(../img/bg/square1.gif) no-repeat right top;
	left:5px;
	width:225px;
}

#template_trigger_container #trigger_container #trigger_button2{
	background: #40b3da url(../img/bg/square2.gif) no-repeat right top;
	left:235px;
	width:220px;
}

#template_trigger_container #trigger_container #trigger_button3{
	background: #40b3da url(../img/bg/square3.gif) no-repeat right top;
	left:460px;
	width:220px;
}

#template_trigger_container #trigger_container #trigger_button1 a:hover,
#template_trigger_container #trigger_container #trigger_button1 a:active{
	background: #ccc url(../img/bg/square1.gif) no-repeat right top;
}

#template_trigger_container #trigger_container #trigger_button2 a:hover,
#template_trigger_container #trigger_container #trigger_button2 a:active{
	background: #ccc url(../img/bg/square2.gif) no-repeat right top;
}

#template_trigger_container #trigger_container #trigger_button3 a:hover,
#template_trigger_container #trigger_container #trigger_button3 a:active{
	background: #ccc url(../img/bg/square3.gif) no-repeat right top;
}

#template_trigger_container #trigger_container #trigger_button1 a,
#template_trigger_container #trigger_container #trigger_button2 a,
#template_trigger_container #trigger_container #trigger_button3 a{
	color:#fff;
	height:25px;
	padding-left:24px;
	position:absolute;
	cursor:default;
}

#template_trigger_container #trigger_container #trigger_button1 p,
#template_trigger_container #trigger_container #trigger_button1 a{
	width:201px;
}

#template_trigger_container #trigger_container #trigger_button2 p,
#template_trigger_container #trigger_container #trigger_button2 a{
	width:196px;
}

#template_trigger_container #trigger_container #trigger_button3 p,
#template_trigger_container #trigger_container #trigger_button3 a{
	width:196px;
}

#template_trigger_container #trigger_container #trigger_button1 a:hover,
#template_trigger_container #trigger_container #trigger_button2 a:hover,
#template_trigger_container #trigger_container #trigger_button3 a:hover{
	text-decoration:none
}

#template_trigger_container #trigger_container #trigger_box1,
#template_trigger_container #trigger_container #trigger_box2,
#template_trigger_container #trigger_container #trigger_box3{
	min-height:87px;
	padding:58px 20px 5px 20px;
	position:absolute;
	top:0;
}

#template_trigger_container #trigger_container #trigger_box1{
	background: url(../img/bg/transparant2.png) repeat;
	left:5px;
	width:185px;
}

#template_trigger_container #trigger_container #trigger_box2{
	background: url(../img/bg/transparant2.png) repeat;
	left:235px;
	width:180px;
}

#template_trigger_container #trigger_container #trigger_box3{
	background: url(../img/bg/transparant2.png) repeat;
	left:460px;
	width:180px;
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

.hide{
	display:none;
}

.show{
	display:block;
}

.listener,
.invisible {
	visibility:hidden
}

/* language_chooser */
#cs_language_chooser ul,
#cs_language_chooser li,
#cs_language_chooser li a,
#cs_language_chooser li a:hover{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
}

#cs_language_chooser{
	height:15px;
	float:left;
	width:63px;
	margin: 4px 13px 0 0;
	display:inline;
}

#cs_language_flag_1,
#cs_language_flag_2{
	height:15px;
	display: inline;
	overflow:hidden;
	width:28px;
}

#cs_language_flag_2{
	background:url(../img/bg/uk.gif) no-repeat;
	float:right;
}

#cs_language_flag_1{
	background:url(../img/bg/nl.gif) no-repeat;
	float:left;
}

#cs_language_chooser span{
	visibility:hidden;
}

/* search */
#header_search{
	height:26px;
	position: absolute;
	right:0;
	top:114px;
	width:220px;
	z-index:299;
}

#header_search a{
	color:#000;
}

#header_search form #cs_search_pages_button,
#header_search input{
	border:1px solid #000;
	color:#000;
	font-size:10px;
	margin:0;
	position:absolute;
	top:0;
}

#header_search input{
	height:18px;
	width:131px;
}

#header_search form #cs_search_pages_button{
	background:#dcdcdc;	
	cursor:pointer;
	height:20px;
	left:142px;
	padding:0;
	width:39px;
}

#header_search form #cs_search_pages_button:hover{
	background:#b2b2b2;
}

#header_search form #cs_search_pages_button a{
	text-decoration:none;
}

#header_search form #cs_search_pages_button span{
	line-height:20px;
	padding-left:11px;
}

/* paging */
.paging{
	bottom:14px;
	height:18px;
	width:610px;
	position:absolute;
	right:0;
	font-size:9px;
}

.paging .cs_paging{
	bottom:0;
	position:absolute;
	right:0;
}

.paging .cs_paging span{
	border-right:1px solid #70bfe8;
	padding:0 5px 0 5px;
}

.paging .cs_paging a{
	color:#70bfe8;
}

.paging .cs_paging a:hover,
.paging .cs_paging a.active{
	color:#6a6a6c;
	text-decoration:none;
}

.paging_buttons{
	bottom:0;
	height:42px;
	position:absolute;
	right:0;
	width:70px;
}

.cs_paging_numbers{
	float:left;
}

.cs_paging_start,
.cs_paging_previous,
.cs_paging_end,
.cs_paging_next{
	display:inline;
	cursor:pointer;
	float:left;
	height:18px;
	margin-left:5px;
	width:18px
}

.cs_paging_start {
	background:url(../img/bg/first_btn.gif) no-repeat left top;
}

.cs_paging_end {
	background:url(../img/bg/last_btn.gif) no-repeat left top;
}

.cs_paging_previous {
	background:url(../img/bg/previous_btn.gif) no-repeat left top
}

.cs_paging_next {
	background:url(../img/bg/next_btn.gif) no-repeat left top
}

#cs_paging_info{
	background:url(../img/bg/info_btn.gif) no-repeat left top;
	display:inline;
	cursor:pointer;
	right:0;
	float:right;
	margin-right:3px;
	height:18px;
	width:18px
}

/* contactform */
.cs_form_wrapper{
	width:362px;
	float:right;
	margin:0;
}

.cs_form_wrapper .cs_form_label label {
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	width:200px;
}

.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
}

.cs_form_wrapper .cs_form_input textarea{
	height:80px;
	width:200px;
}

.cs_form_wrapper .cs_form_button {
	margin-top:10px;
}

.cs_form_wrapper .cs_form_button input {
	background:#40b3da;
	color:#fff;
	cursor: pointer;
	float:left;
	height:20px;
	padding:0;
	width:80px;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:#00629a;
}

.cs_feedback_info,
.cs_feedback_info ul{
	color:red;
	list-style:none;
	margin:0;
}

/* scrollbar */
.scrollbar_y {
	background:#999 url(../img/bg/scrollbar_y.gif) no-repeat;
	display:none;
	height:390px;
	left:50%;
	margin:165px 0 0 437px;
	position:absolute;
	top:0;
	width:13px;
	z-index:600
}

.scrollbar_handler_y {
	background:#333 url(../img/bg/scrollbar_handler_y.gif) no-repeat;
	display:none;
	height:50px;
	width:13px
}

#project_description {
	display:none
}