﻿body{
  margin: 0px;
  padding: 0px;
  text-align: center;
  min-width: 800px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  /*font-weight: bold;*/
}

a{
  text-decoration: none;
  color: #000;
}

.body_tekst a{
  color:#1092CF;
}

#links_downloads a:hover,
#colormanagement_center ul li a:hover,
#opdrachtgever_center ul li a:hover,
#expertise_center ul li a:hover,
.portfolio_project a:hover,
.portfolio_opdrachtgever a:hover,
#project_links li a:hover
{
  color: #fff;
}

#page{
  background-repeat: no-repeat;
  background-position: top center;
}

#wrapper{
	margin:0 auto;
	width:800px;
	text-align: left;
}

#main{
	text-align: left;
	position: relative;
	top: 150px;
	width: 800px;
	height: 1150px;
	background-color: #fff;
}

#container{
  position: absolute;
  height: 1000px;
  overflow: hidden;
  width: 800px;
}

#toplevel{
	position: relative;
	top: 35px;
	left: 538px;
	padding: 0px;
	margin: 0px;
  width: 10px;
}

#logo a img{
  border: none;
}

#logo{
  position: absolute;
  top: 24px;
  margin: 0 0 0 21px;
}

#toplevel li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
  clear: both;
}

#toplevel li a{
	display: block;
	margin: 0px;
	padding: 0px;
}

#toplevel li a img{
	border: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	float: left;
}

#toplevel #filosofie a span img{
  padding: 8px 0 0 0
}

#toplevel #philosophy a span img{
  padding: 6px 0 0 0
}

#toplevel #expertise a span img{
  padding: 8px 0 0 0
}

#toplevel #portfolio a span img{
  padding: 8px 0 0 0
}

#toplevel #contact a span img{
  padding: 8px 0 0 0
}

#column_left{
	float: left;
	background-color: #dddedf;
  margin-top: 20px;
	margin-left: 40px;
	width: 476px;
  padding-bottom: 5600px;
  margin-bottom: -5600px;
  overflow: hidden;
}

.intro_tekst{
  line-height: 20px;
  color: #575758;
}

.body_tekst{
  color: #9c9483;
  line-height: 20px;
}

#project_links{
  padding: 0 0 0 10px;
}

#project_links .project-link-title{
	font-size: 13px;
  margin: 0 0 5px 0;
	font-weight: bold;
}

#project_links h3{
  font-size: 13px;
  margin: 0 0 5px 0;
}

#project_links li{
  list-style-type: none;
	padding-top: 15px;
}

#project_links li a{
  /*display: block;*/
  padding: 0 0 15px 10px;
  width: 85px;
  color: #009edf;
}

#column_left p{
  margin: 10px;
}

#column_right{
  margin-left: 524px;
}

#search_input{
  width: 236px;
  height: 33px;
  position: relative;
  top: 20px;
  background-repeat: no-repeat;
}

#search_input_field{
  margin: 7px 0 0 15px;
  border: none;
  width: 146px;
}

#search_button{
  position: absolute;
  padding: 6px 0 0 9px;
}

#expertise{
  width: 236px;
  position: relative;
  top: 0;
}

#verwant{
  background-repeat: no-repeat;
  position: relative;
  /*top: 20px;*/
  padding: 8px 0 0 0 ;
  /*background-color: #c6c7c8;*/
  width: 236px;
  min-height: 573px; 
  padding-bottom: 5600px;
  margin-bottom: -5600px;
}

#verwant a img{
  border: none;
  /*margin-left: 10px;*/
  margin-top: 10px;
}

#opdrachtgever{
  position: relative;
  top: 10px;
  width: 236px;
}

#opdrachtgever_top, #expertise_top, #colormanagement_top{
  background-repeat: no-repeat;
  height: 30px;
  margin-top: 10px;
}
#opdrachtgever_center, #expertise_center, #colormanagement_center{
  background-repeat: repeat-y;
}

#opdrachtgever_center h3, #expertise_center h3, #colormanagement_center h3{
  font-size: 15px;
  margin: 0 0 0 10px;
  padding: 5px 0 5px 0;
}

#opdrachtgever_center ul, #expertise_center ul, #colormanagement_center ul{
  margin: 0 0 0 15px;
  padding: 5px 0 15px 0;
}

#opdrachtgever_center ul li, #expertise_center ul li, #colormanagement_center ul li{
  list-style-type: none;
}

#colormanagement_center img{
  margin: 5px 0 10px 15px;
}

#opdrachtgever_center ul li a, #expertise_center ul li a, #colormanagement_center ul li a{
  font-weight: normal;
  line-height: 16px;
}

#opdrachtgever_center ul li.active a, #expertise_center ul li.active a, #colormanagement_center ul li.active a{
  text-decoration: underline;
}

#opdrachtgever_bottom, #expertise_bottom, #colormanagement_bottom{
  background-repeat: no-repeat;
  height: 2px;
}

#subnav{
  position: absolute;
  left: 160px;
  padding: 0px;
  top: 0px;
  font-size: 13px;
  line-height: 20px;
}

#subnav a:hover{
  color: #fff;
}

#subnav li.active a{
  color: #fff;
}

#portfolio{
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 13px;
}

.portfolio_opdrachtgever{
  padding: 17px 0 0 0;
}

.portfolio_opdrachtgever a{
  font-size: 13px;
}

.portfolio_project{
  padding: 6px 0 0 0;
}

.portfolio_project a{
  color: #575758;
  font-size: 13px;
  font-weight: normal;
}

.toplevel_item{
  float: left;
  color: #575758;
}

.subtitle, .portfolio_subtitle{
  display: block;
  margin: 5px 0 0 8px;
}

.portfolio_subtitle{
  font-size: 16px;
  line-height: 20px;
}

.lees_meer a{
  display: block;
  color: #1092cf;
  width: 80px;
  margin: 0px 0 8px 8px;
}

.filosofie{
  background-color: #fdf8db;
  margin-bottom: 10px;
  width: 234px;
}

.werkwijze{
  background-color: #f4dfd4;
  margin: 0 0 10px 8px;
  width: 234px;
}

.toplevel_portfolio{
  background-color: #dddedf;
  padding-bottom: 5600px;
  margin-bottom: -5600px;
  width: 476px;
}

.toplevel_page #column_left{
  background-color: #fff;
}

#bottom_div{
  width: 480px;
  background-color: #dfdfdf;
  margin-top: 10px; 
  height: 181px;
  float: left;
  display: none;
}

#subnav_home{
  position: relative;
  top: 10px;
}

#subnav_home a img{
  border: none;
  margin-top: 10px;
}

#home_left_bottom{
  position: relative;
  top: 35px;
  width: 230px;
  height: 413px;
  background-color: #c6c7c8;

}
/*original
#links_downloads{
  background-repeat: no-repeat;
  position: relative;
  top: 18px;
  padding: 30px 10px 0 10px;
  background-color: #c6c7c8;
  width: 216px;
  padding-bottom: 5600px;
  margin-bottom: -5600px; 
  font-weight: normal;
}
*/

/*test*/
#links_downloads{
  background-repeat: no-repeat;
  position: relative;
  top: 24px;
  padding: 30px 10px 0 10px;
  background-color: #c6c7c8;
  width: 216px;
  min-height: 573px; 
  padding-bottom: 5600px;
  margin-bottom: -5600px;
  font-weight: normal;
}


.search_result{
  line-height: 20px;
}

.result_title{
  color: #000000;
  font-weight: bold;
}

.result_summary{
  display: block;
  color: #575758;
  overflow: hidden;
}

.result_title{
  font-size: 11px;
}

.seperate_results{
  height: 1px;
}

.paging_controls a,
.result_link a{
  color: #009edf;
}

.paging_controls a:hover,
.result_link a:hover{
  color: #ffffff;
}

.paging_controls,
.paging_controls .inactive {
  color: #575758;
}

.paging_controls{
  text-align: center;
  padding: auto;
  font-size: 13px;
}

#lang_switch{
  position: absolute;
  top: 86px;
  margin: 0 0 0 699px;
  padding: 0;
}

a img {
  border: none;
  margin: 0;
  padding: 0;
}

#formulier{
  background-color: #DDDEDF;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #575758;
}

#formulier h1{
  display: none;
}

#formulier p{
  font-size: 15px;
  line-height: 20px;
  width: 460px;
  margin: 0;
}

#formulier input{
  border: none;
  color: #000 !important;
}

#formulier table tr td{
  font-size: 11px;
}

#formulier .form{
  padding: 24px 0 0 0;
}

#formulier .buttons input{
  background-color: #DDDEDF;
  border: 1px solid #DDDEDF!important;
  color: #009EDF !important;
  padding-left: 0;
}

#formulier .portlet-msg-error{
  color: red;
}

#formulier a{
  color: #009EDF;
}

#formulier a:hover{
  color: #fff;
}

#formulier .portlet-msg-error span{
  display: none;
}

#formulier td{
  height: 20px;
  width: 135px;
}

#formulier .plaintext{
  width: 260px;
}
