* {
	padding: 0;
	margin: 0;
	outline: none;
}
body {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color: #000;
}

#wrapper {
	width: 100%;
	height: 610px;
	overflow: visible;
	display: block;
	margin: 60px auto 0 auto;
}

#container {
	position: relative;
	width: 100%;
	height: 610px;
	background-color:#000;
	background-image: url('/img/bg_html.jpg');
	background-repeat: repeat-x;
	background-position: center 32px;
	display:block;
}

#menuwrapper {
	width: 960px;
	height: 68px;
	display:block;
	clear:both;
	margin: 0 auto;
}

#inner_wrapper {
	margin: 0 auto;
	width: 960px;
	height: 508px;
	display:block;
}

#footerwrapper {
	width: 960px;
	height: 32px;
	display:block;
	clear:both;
	margin: 0 auto;
}

#menu {
	width: 841px;
	height: 32px;
	display: block;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: left;
	margin: 0 auto;
}

#menu ul {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
#menu ul li{
	list-style:none;
	display: inline;
	margin-right: 13px;
}
#menu ul li.active a, #menu ul li.active a:visited, #menu ul li.active a:active{
	color: #4da7e3;
}

#menu ul li a,#menu ul li a:visited {
	color:#FFF;
	text-decoration:none;
}
#menu ul li a:hover,#menu ul li a:active {
	color: #4da7e3;
}

#logo {
	width: 119px;
	height: 68px;
	float:left;
	clear:right;
}

#content_wrapper {
	width: 960px;
	height: 507px;
	display:block;
	clear:both;
}

#content {
	width: 515px;
	height: 345px;
	display: table;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: both;
}

#right {
	float: left;
	clear: right;
	display: block;	
}

.content {
	width: 440px;
	height: 470px;
	display: none;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: both;
	font-size: 12px;
}
.content p {
	margin: 0 0 20px 0;
}

#content_bottom {
	clear:both;
	margin: 10px 0;
	float:left;
	display:table;
}

#footer {
	width: 910px;
	height: 22px;
	display: block;
	clear:both;
	text-align:right;
	margin: 0 0 0 0;
	padding: 10px 51px 0 0;
}

h1 {
	width: 515px;
	margin-bottom: 20px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 48px;
	line-height: 50px;
}

p {
	width:430px;
	line-height: 170%;
	display: table;
	clear:both;
}
.leesmeer {
	clear:both;
	margin-top: 10px;
	font-weight:normal;
	color: #52b0f0;
}
.leesmeer a, .leesmeer a:hover {
	cursor: pointer;
}

.readmore:hover {
	cursor:pointer;
}

/***********************
** Achtergronden      **
***********************/
.foto1 {
	background: url('/img/img1.png') no-repeat 100% 100%;
}
.foto2 {
	background: url('/img/img2.png') no-repeat 100% 100%;
}
.foto3 {
	background: url('/img/img3.png') no-repeat 100% 100%;
}
.foto4 {
	background: url('/img/img4.png') no-repeat 100% 100%;
}
.foto5 {
	background: url('/img/img5.png') no-repeat 100% 20%;
}
.foto6 {
	background: url('/img/img6.png') no-repeat 50% 100%;
}

/***********************
** Home pagina        **
***********************/

#content_home {
	width: 515px;
	height: 345px;
	display: block;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: both;
}

#home {
	width: 515px;
	height: 507px;
	float:left;
	clear:left;	
}

.home {
	width: 445px;
	height: 507px;	
}

#home_slide {
	width: 156px;
	height: 214px;
	display:block;
	float:left;
	margin: 29px 0 0 139px;
	padding: 5px 0 0 0;
}

#slideshow_home {
	width: 154px;
	height: 214px;
	display:block;
}
#slideshow_home img {
	background: none;
}

/***********************
** Aanpak pagina      **
***********************/

#aanpak {
	width: 515px;
	height: 507px;
	float:left;
	clear:left;	
}

.aanpak {
	width: 445px;
	height: 507px;	
}

#aanpak_slide {
	width: 301px;
	height: 299px;
	display:block;
	float:left;
	margin: 114px 0 0 2px;
	padding: 0 0 0 0;
}

#slideshow_aanpak {
	width: 301px;
	height: 299px;
	display:block;
}
#slideshow_aanpak img {
	background: none;
}

/***********************
** Cases pagina       **
***********************/

#content_cases {
	margin: 140px 0 0 135px;
	width: 725px;
	height: 335px;
	display: block;
	float:left;
	clear:both;
}
#content_more_cases {
	margin: 0 0 0 135px;
	width: 725px;
	height: 15px;
	display: block;
	float:left;
	clear:both;
	text-align:right;

}
#content_more_cases a, #content_more_cases a:visited, #content_more_cases a:active {
	color:#000;
	font-size:11px;
	cursor: pointer;
	text-decoration:none;
}
#content_more_cases a:hover {
	color: #52b0f0;
}

.subject {
	width: 160px;
	height: 330px;
	display:block;
	float:left;
	color:#000;
	font-size: 10px;
}

.subject h2 {
	font-size: 14px;
	font-weight: bold;
	color: #52b0f0;
	margin: 0 0 10px 0;
}
.sep {
	width: 26px;
	height: 330px;
	display:block;
	float:left;
}

/***********************
** Cases blocks       **
***********************/

#content_cases .cases {
	width: 160px;
	height: 300px;
	display: block;
	float:left;
	clear:both;
}
#content_cases .prev {
	width: 160px;
	height: 15px;
	display:block;
	float:left;
	clear:both;
}
#content_cases .prevlink {
	cursor: pointer;
	background: url('/img/up.gif') no-repeat 50% 0;
}
#content_cases .next {
	width: 160px;
	height: 15px;
	display:block;
	float:left;
	clear:both;
}
#content_cases .nextlink {
	cursor: pointer;
	background: url('/img/down.gif') no-repeat 50% 100%;
}

#content_cases .cases_content {
	width: 160px;
	height: 270px;
	display:block;
	float:left;
	clear:both;
}

/* Case list styles */

#content_cases ul.caselist {
	list-style-type:none;
	margin: 0px;
	height: 95px;
}

#content_cases ul li.caseli {
	display:block;
	width: 160px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	float:left;
	clear:both;
}
#content_cases ul li a {
	display:table;
}

#content_cases ul li a img {
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

#content_cases ul li a {
	text-decoration:none;
	color: #000;
	margin: 0;
	padding: 0;
}

#content_cases ul li .sub {
	clear:both;
	margin: 0;
	padding: 0;
	width: 160px;
}


/***********************
** Klantenlijst       **
***********************/
#content_cases h1 {
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	line-height: 50px;
	width: 725px;
	margin-bottom: 0px;
}

.lijst {
	width: 210px;
	height: 315px;
	display:block;
	float:left;
}

.lijst ul, .lijst ul li {
	list-style: none;
	color: #52b0f0;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
}

/* Case info */
#content_cases h3 {
	color: #52b0f0;
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	margin-bottom: 25px;
}

#slideshow {
	width: 535px;
	height: 278px;
	display:block;
	float:left;
}

#information {
	width: 170px;
	height: 278px;
	display:block;
	float:left;
	padding-left: 20px;
}

#infoblock {
	display: block;	
	width: 170px;
	height: 278px;
	float:left;
}

#related {
	display: block;	
	width: 170px;
	height: 278px;
	float:left;
}

#related .geencases {
	color:#000;	
}

.relterug {
	display: none;
}

#relations {
	width: 170px;
	height: 234px;
	display:block;
}

.relcases {
	width: 170px;
	height: 210px;
	display:block;
	float:left;
	clear:both;
}

.relcases_content {
	width: 170px;
	height: 180px;
	display:block;
	float:left;
	clear:both;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#relations ul.relcaselist {
	list-style-type:none;
	margin: 0px;
	height: 180px;
	width: 170px;
	padding: 0px;
}

#relations ul li.relcaseli {
	display:block;
	width: 160px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	float:left;
	clear:both;
}
#relations ul li a {
	display:table;
}

#relations ul li a img {
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

#relations ul li a {
	text-decoration:none;
	color: #000;
	margin: 0;
	padding: 0;
}

.info {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	color:#000;
	line-height: 110%;
	margin: 0 0 20px 0;
	padding: 0px;
	clear:both;
	display: block;
	width: 170px;
}

.info_heading {
	color: #52b0f0;
	margin: 0 0 2px 0;
	padding: 0px;
	clear:both;
}

.info_heading a:hover {
	cursor: pointer;
	color:#FFF;
}

#meerinfo {
	width: 535px;
	height: 278px;
	float:left;
	display: none;
}

#infotekst {
	width: 535px;
	height: 253px;
	display:block;
	float:left;
	clear:both;
	overflow:hidden;
}

#infotekst p {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	color:#000;
	line-height: 120%;
}

#infotekst a, #infotekst a:visited, #infotekst a:active {
	color: #52b0f0;
	text-decoration:none;
}

#infotekst a:hover {
	color:#000;
	text-decoration:underline;
}

#infoterug {
	width: 535px;
	height: 20px;
	margin: 5px 0 0 0;
	display:block;
	float:left;
	clear:both;
}

#infoterug a, #infoterug a:visited, #infoterug a:active {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #52b0f0;
	text-decoration:none;
}

#infoterug a:hover {
	color:#FFF;
	cursor: pointer;
}

/***********************
** Nieuwe cases block **
***********************/

.heading {
	padding-left: 50px;
	margin: 0 0 8px 22px;
	background: url('/img/new_icon.png') no-repeat 0 50%;
	font-size:11px;
	font-weight: bold;
}
#case {
	width: 378px;
	height:110px;
	display:block;
	clear:both;	
}

#case #prev {
	float: left;
	width: 19px;
	height: 71px;
	cursor: pointer;
	background: url('/img/prev.gif') no-repeat 0 50%;
}
#case #next {
	float: left;
	width: 9px;
	height: 71px;
	cursor: pointer;
	background: url('/img/next.gif') no-repeat 100% 50%;
}

#case #cases {
	float: left;
	width: 340px;
	height: 95px;
}

#cases ul.caselist {
	list-style-type:none;
	margin: 0px;
	height: 95px;
}

#cases ul li.cases_content {
	display:inline;
	padding: 0 5px;
	width: 160px;
	height: 95px;
	margin: 0 10px 0 0;
	padding: 0px;
	float:left;
}

li.cases_content a {
	color: #52b0f0;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}

li.cases_content a .caselogo {
	border: 1px solid #FFF;
	width: 158px;
	height: 69px;
}

li.cases_content a:hover {
	color: #316c94;
	cursor:pointer;
	text-decoration:none;
}

.case {
	display:block;
	width: 160px;
	float:left;
}
.sub {
	clear:both;
	margin: 4px 0 0 0;
}

/***********************
** Team pagina        **
***********************/
#content_team {
	width: 960px;
	height: 507px;
	display: block;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: both;	
}

#team {
	width: 380px;
	height: 390px;
	display: table;
	text-align:left;
	vertical-align:top;
	float: left;
	clear:left;
}

.player {
	width: 110px;
	height: 170px;
	display: block;
	float:left;
	margin: 15px 15px 0 0;
	cursor:pointer;
}

#imgright {
	width: 575px;
	height: 437px;
	display:block;
	float:left;
	clear: right;
}

.player_1 {
	background: url('/img/team/foto1.png') no-repeat 50% 100%;
}

.player_2 {
	background: url('/img/team/foto2.png') no-repeat 50% 100%;
}

.player_3 {
	background: url('/img/team/foto3.png') no-repeat 50% 100%;
}

.player_4 {
	background: url('/img/team/foto4.png') no-repeat 50% 100%;
}

.player_5 {
	background: url('/img/team/foto5.png') no-repeat 50% 100%;
}

/***********************
** Nieuws pagina      **
***********************/

#content_news {
	width: 440px;
	height: 245px;
	display: block;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: both;
}

#nieuws {
	width: 440px;
	height: 507px;
	float:left;
	clear:left;	
}

.nieuws {
	width: 460px;
	height: 439px;
	padding: 68px 0 0 60px;
	overflow:hidden;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #52b0f0;
	margin: 0 0 10px 0;	
}

.nieuws p {
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
	line-height: 140%;
}

.nieuws a, .nieuws a:active, .nieuws a:visited {
	color: #52b0f0;
	text-decoration:none;
}

.nieuws a:hover {
	color:#FFF;
	text-decoration:underline;
}

ul {
	list-style-image:url('/img/next.gif');
	list-style-type:square;
	width:410px;
	margin-left: 20px;
}

ul li {
	margin: 4px 0;
	color:#FFF;
	text-decoration:none;
}

ul li a , ul li a:active , ul li a:visited {
	text-decoration: none;
	color: #FFF;
}

ul li a:hover {
	color: #52b0f0;
	cursor:pointer;
}

ul li.new {
	background: url('/img/new_icon.png') no-repeat 99% 50%;
}

/* Nieuwsbrief */

#nieuwsbrief {
	height: 115px;
	display: block;
}

.heading_news {
	margin: 0px;
	font-size:11px;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
}

.archief {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.archief li, .archief li a, .archief li a:visited, .archief li a:active {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-weight:bold;
	color: #52b0f0;
	text-decoration:none;
	margin: 2px 0;
}

.archief li a:hover {
	color:#FFF;
	cursor: pointer;
}

#inschrijven label{
	width: 50px;
	height: 20px;
	display:block;
	float: left;
	clear:left;
	margin: 4px 0 0 0;
}

#inschrijven {
	width: 300px;
}
#inschrijven form {
	width: 204px;
}


#inschrijven input {
	width: 150px;
	height: 15px;
	display:block;
	float: left;
	clear:right;
	margin: 4px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#inschrijven .hidden, #inschrijven input.hidden {
	display:none;
}

#inschrijven .submit {
	background-color:#000;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-weight:bold;
	color: #52b0f0;
	text-decoration:none;
	cursor: pointer;
	height: 20px;
	width:auto;
	border: none;
	clear: both;
	float:right;
}

#inschrijven .submit:hover {
	color:#FFF;
}

#msg {
	display: none;
	width: 300px;
	height: 90px;
	float:left;
	clear:both;
	color:#FFF;
}

#msg a, #msg a:visited, #msg a:active {
	color: #52b0f0;	
}
#msg a:hover {
	cursor: pointer;
	color:#FFF;
}
/***********************
** Contact pagina     **
***********************/

#content_contact {
	width: 525px;
	height: 507px;
	display: block;
	text-align:left;
	vertical-align:top;
	float: left;
	clear: left;	
}

#contact_right {
	width: 435px;
	height: 507px;
	display:block;
	float:left;
	clear:right;
}

#routebeschrijving {
	width: 223px;
	height: 172px;
	display: block;
	float:left;
	margin: 159px 0 0 133px;
}

.adres {
	width: 185px;
	float: left;
	display:block;
	margin: 20px 0 50px 0;
	padding: 0px;
	clear:none;
}

.adres a, .adres a:visited, .adres a:active {
	color: #52b0f0;
	text-decoration:none;
}
.adres a:hover {
	color:#FFF;
}