/* Page
----------------------------------------------- */
html{
	width:100%; 
	height:100%;
	overflow-y: scroll; /* don't let the page jump around */
}

body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial;
	font-size:13px;
	line-height:17px;
	color:#fff;
	background-color:#1F2227;
}


/* Headers
----------------------------------------------- */

h1, h2, h3, h4, h5 {margin:0px;}

h2 {
	font-size: 35px;
	font-weight:normal;
	color:#fff;
}

h4 {
	font-weight:normal;
	font-size:13px;
	/* text-transform:capitalize; */
}


/* Paragraphs
----------------------------------------------- */
p {
	
}


/* Lists
----------------------------------------------- */
ul {}
ul li {}
ul li ul {}
ul li ul li {}

#chapterWrapper ol li {list-style:decimal}

/* Tables
----------------------------------------------- */
table {}
th {}
td {}


/* Forms
----------------------------------------------- */
form {margin:0px}

fieldset {}
fieldset br {}
legend {}
label {}

input, select, textarea {}
textarea {}
.submit {}
.submit:hover {}
input.ga {
	width:21px;
	height:7px;
	background:none;
	border:0px;
}


/* Links
----------------------------------------------- */
a {color:#E06800; text-decoration:none}
a:hover {color:#FFFFFF; text-decoration:underline}
a:focus {outline:none}


/* Misc
----------------------------------------------- */
img {border:0px}
img.thumb {
	display:block;
	width:50px;
	height:50px;	
}

hr {height:1px; border:1px; background-color:#ff0000}
blockquote {}
pre {}
em {}
acronym, abbr {}

object, embed {
	display:block;
	float:left;
}

span.resultName {color:#737578}

#slideshow_dpi embed,
#slideshow_dpi object,
#slideshow_turkey embed,
#slideshow_turkey object {
	margin-bottom:20px;
}


/* Feedback
----------------------------------------------- */
#cakeSqlLog {
	float:left;
	clear:both;
	bottom:0px;
	border:1px solid black;
	border-collapse:collapse;
	font-family:Arial;
	font-size:12px;
	color:#999;
}

#cakeSqlLog td, #cakeSqlLog th {
	border:1px solid #ccc;
}

#cakeSqlLog caption {
	background-color:#ccc;
}

div.error_message {
	background-color:#ccc;
	color:#ff0000;
	border:1px solid red;
	padding:4px;
	margin:2px
}


/* TopPane
----------------------------------------------- */
#topPane {
	position:relative;
	top:0px;
	width:1007px;
	height:136px;
	border:0px solid red;
}

a.logo {
	float:left;	
}

#logo {
	position:relative;
	display:block;
	top:20px;
	left:20px;
}

#pageTitle {
	position:absolute;
	top:45px;
	left:126px !important;
	left:136px;
}


/* Primary navigation
----------------------------------------------- */
#primNav {
	position:absolute;
	width:950px;
	top:22px;
	left:138px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#primNav li {
	float:left;
	list-style:none;
	margin-right:13px;
	border:0px solid red;
}

#primNav li.nieuws {margin-right:234px;}
#primNav li.vacatures {margin-right:200px;}

body.tr #primNav li.nieuws {margin-right:185px;}

#primNav li a {
	display:block;
	float:left;
	height:8px;
	background-repeat:no-repeat;
	background-position:top left;
}

#primNav li a span {display:none}
ul#primNav li a:hover {background-position:center left;}

body.nl ul#primNav li.voorpagina a {width:34px; background-image:url('../img/nl/nav/voorpagina.gif');}
body.nl ul#primNav li.over a {width:62px; background-image:url('../img/nl/nav/over_dpi.gif');}
body.nl ul#primNav li.portfolio a {width:71px; background-image:url('../img/nl/nav/portfolio.gif');}
body.nl ul#primNav li.nieuws a {width:50px; background-image:url('../img/nl/nav/nieuws.gif');}
body.nl ul#primNav li.contact a {width:59px; background-image:url('../img/nl/nav/contact.gif');}
body.nl ul#primNav li.vacatures a {width:73px; background-image:url('../img/nl/nav/vacatures.gif');}
body.nl ul#primNav li.klantenLogin a {width:97px; background-image:url('../img/nl/nav/klanten_login.gif');}

body.eng ul#primNav li.voorpagina a {width:34px; background-image:url('../img/eng/nav/voorpagina.gif');}
body.eng ul#primNav li.over a {width:69px; background-image:url('../img/eng/nav/over_dpi.gif');}
body.eng ul#primNav li.portfolio a {width:71px; background-image:url('../img/eng/nav/portfolio.gif');}
body.eng ul#primNav li.nieuws a {width:38px; background-image:url('../img/eng/nav/nieuws.gif');}
body.eng ul#primNav li.contact a {width:59px; background-image:url('../img/eng/nav/contact.gif');}
body.eng ul#primNav li.vacatures a {width:38px; background-image:url('../img/eng/nav/vacatures.gif');}
body.eng ul#primNav li.klantenLogin a {width:142px; background-image:url('../img/eng/nav/klanten_login.gif');}

body.tr ul#primNav li.voorpagina a {width:34px; background-image:url('../img/tr/nav/voorpagina.gif');}
body.tr ul#primNav li.over a {width:88px; background-image:url('../img/tr/nav/over_dpi.gif');}
body.tr ul#primNav li.portfolio a {width:73px; background-image:url('../img/tr/nav/portfolio.gif');}
body.tr ul#primNav li.nieuws a {width:66px; background-image:url('../img/tr/nav/nieuws.gif');}
body.tr ul#primNav li.contact a {width:60px; height:11px; margin-top:-2px; background-image:url('../img/tr/nav/contact.gif')}
body.tr ul#primNav li.vacatures a {width:95px; height:11px; margin-top:-2px; background-image:url('../img/tr/nav/vacatures.gif');}
body.tr ul#primNav li.klantenLogin a {width:98px; background-image:url('../img/tr/nav/klanten_login.gif');}

body.es ul#primNav li.voorpagina a {width:34px; background-image:url('../img/es/nav/voorpagina.gif');}
body.es ul#primNav li.over a {width:69px; background-image:url('../img/es/nav/over_dpi.gif');}
body.es ul#primNav li.portfolio a {width:78px; background-image:url('../img/es/nav/portfolio.gif');}
body.es ul#primNav li.nieuws a {width:62px; background-image:url('../img/es/nav/nieuws.gif');}
body.es ul#primNav li.contact a {width:66px; position: relative; top: 0px; left: -56px; background-image:url('../img/es/nav/contact.gif');}
body.es ul#primNav li.vacatures a {width:59px; position: relative; top: 0px; left: -56px; background-image:url('../img/es/nav/vacatures.gif');}
body.es ul#primNav li.klantenLogin a {width:142px; background-image:url('../img/es/nav/klanten_login.gif');}

body.ca ul#primNav li.voorpagina a {width:34px; background-image:url('../img/ca/nav/voorpagina.gif');}
body.ca ul#primNav li.over a {width:69px; background-image:url('../img/ca/nav/over_dpi.gif');}
body.ca ul#primNav li.portfolio a {width:71px; background-image:url('../img/ca/nav/portfolio.gif');}
body.ca ul#primNav li.nieuws a {width:62px; background-image:url('../img/ca/nav/nieuws.gif');}
body.ca ul#primNav li.contact a {width:66px; position: relative; top: 0px; left: -57px; background-image:url('../img/ca/nav/contact.gif');}
body.ca ul#primNav li.vacatures a {width:43px; position: relative; top: 0px; left: -59px; background-image:url('../img/ca/nav/vacatures.gif');}
body.ca ul#primNav li.klantenLogin a {width:142px; background-image:url('../img/ca/nav/klanten_login.gif');}

body#voorpagina #primNav li.voorpagina a, body#voorpagina #primNav li.voorpagina a:hover,
body#about #primNav li.over a, body#over #primNav li.over a:hover,
body#portfolio #primNav li.portfolio a, body#portfolio #primNav li.portfolio a:hover,
body#nieuws #primNav li.nieuws a, body#NewsItems #primNav li.nieuws a:hover,
body#contact #primNav li.contact a, body#NewsItems #primNav li.contact a:hover,
body#vacatures #primNav li.vacatures a, body#vacatures #primNav li.vacatures a:hover {
	background-position:bottom left; 
	cursor:default
}

a.login {
	position:absolute;
	width:139px;
	height:22px;
	top:15px; 
	right:7px;
	background-repeat:no-repeat;
	background-position:top left;
}

body.nl a.login {
	background-image:url('../img/nl/nav/klanten_login.gif')
}

body.eng a.login {
	background-image:url('../img/eng/nav/klanten_login.gif')
}

body.tr a.login {
	background-image:url('../img/tr/nav/klanten_login.gif');
}

body.es a.login {
	background-image:url('../img/es/nav/klanten_login.gif');
	width: 191px;
}

body.ca a.login {
	background-image:url('../img/ca/nav/klanten_login.gif');
	width: 195px;
}

a.login:hover {
	background-position:center left;
}

a.login span {
	display:none;	
}


/* Search
-------------------------------------------- */
#search {
	position:absolute;
	top:16px !important;
	top:15px;
	width:145px;
	border:0px solid purple;
}

body.nl #search {left:451px;}
body.eng #search {left:434px;}
body.tr #search {left:483px;}
body.es #search {left:510px;}
body.ca #search {left:505px;}

#search input {
	width:80px;
	background-color:#36393E;
	border:0px solid #C7C8CC;
	color:#C7C8CC;
}

#search input.submit {
	width:52px;
	height:8px;
	line-height:23px;
	background:none;
}


/* Content section
-------------------------------------------- */
#contentWrapper {
	position:relative;
	float:left;
	width:990px;
	top:0px;
	border:0px solid green;
}


#contentWrapper .footer .prevProject {
	float:left; 
	margin-right:6px;
}
#contentWrapper .footer .nextProject {
	float:right; 
	margin-right:6px;
}

#contentWrapper .footer .prevProject a,
#contentWrapper .footer .nextProject a {
	display:block;
	margin-top:5px;
	margin-bottom:4px;
	height:7px;
	padding:0px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top left;
}

#contentWrapper .footer .prevProject a:hover,
#contentWrapper .footer .nextProject a:hover {
	background-position:bottom left;
}

#contentWrapper .footer .prevProject a span,
#contentWrapper .footer .nextProject a span {
	display:none;	
}

body.nl #contentWrapper .footer .prevProject a.prev {
	width:50px; 
	background-image:url('../img/nl/misc/vorige.gif')
}
body.nl #contentWrapper .footer .nextProject a.next {
	width:68px; 
	background-image:url('../img/nl/misc/volgende.gif')
}

body.eng #contentWrapper .footer .prevProject a.prev {
	width:64px; 
	background-image:url('../img/eng/misc/vorige.gif')
}
body.eng #contentWrapper .footer .nextProject a.next {
	width:40px; 
	background-image:url('../img/eng/misc/volgende.gif')
}

body.tr #contentWrapper .footer .prevProject a.prev {
	width:64px; 
	background-image:url('../img/tr/misc/vorige.gif')
}
body.tr #contentWrapper .footer .nextProject a.next {
	width:40px; 
	background-image:url('../img/tr/misc/volgende.gif')
}

body.es #contentWrapper .footer .prevProject a.prev {
	width:64px; 
	background-image:url('../img/eng/misc/vorige.gif')
}
body.es #contentWrapper .footer .nextProject a.next {
	width:40px; 
	background-image:url('../img/eng/misc/volgende.gif')
}

body.ca #contentWrapper .footer .prevProject a.prev {
	width:64px; 
	background-image:url('../img/eng/misc/vorige.gif')
}
body.ca #contentWrapper .footer .nextProject a.next {
	width:40px; 
	background-image:url('../img/eng/misc/volgende.gif')
}

/* Body section
-------------------------------------------- */
#close_btn {
	position:absolute;
	top:4px;
	left:49px;
	width:97px; 
	height:27px; 
	background-repeat:no-repeat;
	border:0px solid orange;
}

body.nl #close_btn {background-image:url('../img/nl/misc/back_btn.gif')}
body.eng #close_btn {background-image:url('../img/eng/misc/back_btn.gif')}
body.tr #close_btn {background-image:url('../img/tr/misc/back_btn.gif')}
body.es #close_btn {background-image:url('../img/eng/misc/back_btn.gif')}
body.ca #close_btn {background-image:url('../img/eng/misc/back_btn.gif')}

#close_btn.video {left:49px;}
#close_btn.gallery {left:49px;}
#close_btn.story {left:49px;}


#narrowBody,
#flashBody, 
#wideBody {
	position:relative;
	float:left;
	left:133px;
	background-image:url('../img/hor_line.gif');
	background-repeat:repeat-x;
	background-position:1px 0px;
	border:0px solid yellow;
}


#flashBody,
body#contact #narrowBody,
body#contact #wideBody,
body#vacatures #narrowBody {
	background-image:url('../img/hor_line_green.gif');
}

#narrowBody { 
	width:390px;
}
#flashBody {
	width:330px;
	visibility:hidden;
}
#wideBody {
	width:524px;
}

#narrowBody h1,
#narrowBody .footer,
#flashBody h1,
#flashBody .footer,
#wideBody h1,
#wideBody .footer,
#wideBody h1 {
	background-color:#4F341D;
	margin:6px 0px 0px 0px;
	padding:3px 0px 3px 5px;
}

body#contact #narrowBody h1,
body#contact #narrowBody .footer,
body#contact #wideBody h1,
body#contact #wideBody .footer,
body#vacatures #narrowBody h1,
body#vacatures #narrowBody .footer {
	background-color:#314A51;
}

#narrowBody h1, 
#narrowBody .footer { 
	width:385px;
}

#flashBody h1, 
#flashBody .footer { 
	float:left;
	width:520px;
	background-color:#314A51;
}

#wideBody h1, 
#wideBody .footer { 
	width:519px;
}

#wideBody h1,
#narrowBody h1,
#flashBody h1 { 
	font-size:13px;
	font-weight:normal;
}

#narrowBody .footer,
#flashBody .footer,
#wideBody .footer  {
	float:left;
	text-align:right;
	margin:36px 0px 5px 0px;
}

#flashBody .footer {
	margin:0px 0px 5px 0px;
}

#game_footer .footer {
	margin-top:6px;
	text-align:right;
}

#wideBody .footer {
	margin-top:6px;
	text-align:right;
}

#narrowBody p, 
#wideBody p {
	padding:10px 5px 10px 5px;
	margin:0px 0px 0px 0px;
	border:0px solid red;
}

#narrowBody img,
#wideBody img {
	display:block;
	margin-top:5px;
}

#chapterWrapper ul {padding:0px 5px 10px 20px; margin:10px 0px 0px 20px}
#chapterWrapper li {list-style:square;}

#portfolioWrapper,
#newsWrapper,
#chapterWrapper {
	position:relative;
	float:left;
	background-image:url('../img/hor_line.gif');
	background-repeat:repeat-x;
	margin:5px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border:0px solid yellow;
}

#newsWrapper,
#chapterWrapper {
	padding:0px 0px 0px 0px;
}

body#contact #chapterWrapper,
body#vacatures #chapterWrapper {
	background-image:url('../img/hor_line_green.gif');
	background-repeat:repeat-x;
}

#narrowBody.route {width:525px;}
#narrowBody.route h4 {width:519px;}

#chapterWrapper .footer.route {width:525px;}
#chapterWrapper .footer img {float:left; margin:0px;}

#flashWrapper {
	float:left;
	background-repeat:repeat-x;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#breakingnews {
	position:absolute;
	height:30px;
	width:41px;
	z-index:5;
	left:440px;
	top:-20px;
	text-align:right;
}
#theOverlay {
	position:absolute;
	height:30px;
	width:41px;
	z-index:15;
	left:575px;
	top:-10px;
	text-align:right;
}
#theOverlay_gallery {
	position:absolute;
	height:30px;
	width:41px;
	z-index:15;
	left:305px;
	top:-10px;
	text-align:right;
}


#flashplayer {
	margin-bottom:5px;
	/*background-color:#FF00FF;
	height:524px;
	width:393px;
	color:#FFFFFF;*/
	
}

#flashWrapper .footer {
	text-align:left;
	border:0px solid red;
	border-top:5px solid #1F2227;
}

#narrowBody #portfolioWrapper {
	background-image:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px solid red;
}

#portfolioWrapper p,
#newsWrapper p {
	float:left;
	padding:0px 10px 0px 5px;
	margin:10px 0px 10px 0px;
	border:0px solid white;
}

#portfolioWrapper p img,
#newsWrapper p img {
	float:left;
	display:block;
	margin:0px 8px 0px 0px;
	margin-top:3px;	
}

#introTxt {
	float:left;
	clear:both;
	width:250px;
	height:100%;
	padding:0px 10px 10px 0px;
	margin:0px;
	border:0px solid red;
	color:#fff;
}

#introTxt p {
	margin:0px;
	margin-bottom:10px;	
}

#introTxt p.intro_wide{
	margin:0px;
	margin-bottom:10px;	
	width: 500px;
}



/*
#portfolioWrapper a span.zoom {
	display:none; 
	position:absolute; 
	top:10px; 
	right:5px;
	width:16px; 
	border:0px solid red; 
	background-color:none;
	background-image:url('../img/zoom2.gif')
}

#portfolioWrapper a:hover span.zoom {
	display:block; 
}
*/

#wideBody .portfolioPreview {
	float:left;
	display:block;
	width:250px;
	height:51px;
	margin:0px 0px 9px 5px;
	border:0px solid yellow;
}

#wideBody .portfolioPreview a.thumb{
	display:block; 
	float:left;
	width:50px; 
	height:50px;
	margin:0px 10px 0px 0px;
	border:0px solid white;
}

#wideBody .portfolioPreview img {
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#wideBody .portfolioPreview .linkWrap {
	height:50px;
	border:0px solid red;
}

#wideBody .portfolioPreview .linkTxt {
	/* IE fix in ie_fix.css */
	float:left;
	width:187px;
	border:0px solid green;
	overflow: hidden;
}

#wideBody .portfolioPreview .linkTxt a {
	/* IE fix in ie_fix.css */
	text-decoration:none;
	color:#8F9193;
}

#wideBody .portfolioPreview .linkTxt h3 {
	font-size: 13px;
	font-weight: normal;
}

#wideBody .portfolioPreview a .project {
	color:#737578;
	white-space: nowrap;
}

#wideBody .portfolioPreview a:hover {
	color:#fff;
}

#wideBody .portfolioPreview a:hover .project {
	color:#C7C8C9;
}

ul.imgPaging {
	float:left;
	clear:both;
	list-style:none; 
	margin:0px;
	padding:0px;
	border:0px solid red;
}

ul.imgPaging li {
	float:left;
	margin:0px 10px 0px 0px;
	font-size:12px;
}

ul.imgPaging li.active a {
	color:#fff;
}

ul.imgPaging li a {
	text-decoration:none;	
}

ul.imgPaging .pagerArrow, ul.imgPaging .pagerArrowUnactive {
	line-height:12px;
}

ul.imgPaging .pagerArrowUnactive {
	color:#666;
	cursor:default;
}
#portfolioBody {
	float:left;
	width:383px;
	padding:5px 0px 10px 5px; 
	border:0px solid red;
}

dl {
	float:left;
	clear:right;
	width:184px;
	margin:10px 0px 0px 0px;
	border:0px solid yellow;
}

dl.projectnaam {
	margin-right:7px;
	clear:both;
}

dl.weblink {
	margin-bottom:0px;
	clear:both;
}

dt {
	color:#E06800;
	cursor:default;
}
dd {
	margin:0px;
}

#paging {padding-right:5px;}
#paging a.active {color:#ffffff;}

#results {
	float:left;
	width:100%;
	padding:5px;
	border:0px solid yellow;
}

#results b {text-transform:capitalize;	}


/* Products/toolbar wrapper
----------------------------------------------- */
#secNavWrapper {
	float:right;
	border:0px solid blue;
	width:323px;
	margin:4px 0px 0px 0px;
	padding-right:5px;
}


/* Products / News sub
----------------------------------------------- */
.subNav {
	float:right;
	width:187px;
	top:0px;
	right:0px;
	padding:0px 12px 0px 0px;
	border:0px solid white;
}	

 #oplossing_sub{
	margin-top: 20px;
}
/* hides default text */
#products_sub span {display:none;}
#oplossing_sub span {display:none;}

.subNav ul {
	float:right;
	clear:both;
	width:176px; /* width = 3 pixels verschil met wrapper (IE bug?) */
	margin:0px;
	padding:0px;
}

.subNav ul li {
	list-style:none;
	margin-bottom:12px;
	float:right;
	clear:both;
	border:0px solid red;
}
#about_sub ul li { margin-bottom:5px;}
#news_sub ul li { margin-bottom:10px;}

.subNav ul li.label {
	background-repeat:no-repeat;
	background-position:right top;
}

body.nl #products_sub ul li.label {background-image:url('../img/nl/labels/producten_label.gif')}
body.nl #oplossing_sub ul li.label {background-image:url('../img/nl/labels/oplossing_label.gif')}
body.nl #news_sub ul li.label {background-image:url('../img/nl/labels/news_label.gif')}
body.nl #about_sub ul li.label {background-image:url('../img/nl/labels/about_label.gif')}

body.eng #products_sub ul li.label {background-image:url('../img/eng/labels/producten_label.gif')}
body.eng #oplossing_sub ul li.label {background-image:url('../img/eng/labels/oplossing_label.gif')}
body.eng #news_sub ul li.label {background-image:url('../img/eng/labels/news_label.gif')}
body.eng #about_sub ul li.label {background-image:url('../img/eng/labels/about_label.gif')}

body.tr #products_sub ul li.label {background-image:url('../img/tr/labels/producten_label.gif')}
body.tr #oplossing_sub ul li.label {background-image:url('../img/tr/labels/oplossing_label.gif')}
body.tr #news_sub ul li.label {background-image:url('../img/tr/labels/producten_label.gif')}
body.tr #about_sub ul li.label {background-image:url('../img/tr/labels/producten_label.gif')}

body.es #products_sub ul li.label {background-image:url('../img/es/labels/producten_label.gif'); background-position:top 0px;}
body.es #oplossing_sub ul li.label {background-image:url('../img/es/labels/oplossing_label.gif'); background-position:top 0px;}
body.es #news_sub ul li.label {background-image:url('../img/eng/labels/news_label.gif')}
body.es #about_sub ul li.label {background-image:url('../img/eng/labels/about_label.gif')}

body.ca #products_sub ul li.label {background-image:url('../img/ca/labels/producten_label.gif')}
body.ca #oplossing_sub ul li.label {background-image:url('../img/ca/labels/oplossing_label.gif')}
body.ca #news_sub ul li.label {background-image:url('../img/eng/labels/news_label.gif')}
body.ca #about_sub ul li.label {background-image:url('../img/eng/labels/about_label.gif')}

.subNav ul li.label ul {
	margin-top:40px;
	padding:0px 0px 0px 0px;
}

body.es .subNav ul li.label ul {
	margin-top:60px;
	padding:0px 0px 0px 0px;
}

body.ca .subNav ul li.label ul {
	margin-top:60px;
	padding:0px 0px 0px 0px;
}

.subNav ul li.label ul li {
	float:right;
	width:170px;
	border:0px solid red;
}

body.es .subNav ul li.label ul li {
	float:right;
	width:185px;
	border:0px solid red;
}

.subNav ul li.label ul li a {
	display:block;
	float:right;
	text-align:right;
	background-repeat:no-repeat;
	background-position:top right;
	text-decoration:none;
}
#products_sub ul li.label ul li a {
	height:9px;
}
#oplossing_sub ul li.label ul li a {
	height:11px;
}

.subNav ul li.label ul li a:hover { 
	background-position: right center;
}

.subNav ul li.label ul li a.active {
	background-position:bottom right;
	color:#fff;
}

#news_sub .seperator {
	border:0px solid red;
	height:5px;
}

#news_sub span.date {font-size:11px;}

#news_sub .next_news a, #news_sub .prev_news a {
	display:block;
	float:right;
	height:12px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top left;
}

#news_sub .next_news a:hover, 
#news_sub .prev_news a:hover {
	background-position:center left;
}

body.nl #news_sub .next_news a {
	background-image:url('../img/nl/misc/meer_nieuws.gif');
	width:95px;
}
body.nl #news_sub .prev_news a {
	background-image:url('../img/nl/misc/vorige_nieuws.gif');
	width:107px;
}

body.eng #news_sub .next_news a {
	background-image:url('../img/eng/misc/meer_nieuws.gif');
	width:50px;
}
body.eng #news_sub .prev_news a {
	background-image:url('../img/eng/misc/vorige_nieuws.gif');
	width:76px;
}

body.tr #news_sub .next_news a {
	background-image:url('../img/tr/misc/meer_nieuws.gif');
	width:50px;
}
body.tr #news_sub .prev_news a {
	background-image:url('../img/tr/misc/vorige_nieuws.gif');
	width:76px;
}

body.es #news_sub .next_news a {
	background-image:url('../img/eng/misc/meer_nieuws.gif');
	width:50px;
}
body.es #news_sub .prev_news a {
	background-image:url('../img/eng/misc/vorige_nieuws.gif');
	width:76px;
}

body.ca #news_sub .next_news a {
	background-image:url('../img/eng/misc/meer_nieuws.gif');
	width:50px;
}
body.ca #news_sub .prev_news a {
	background-image:url('../img/eng/misc/vorige_nieuws.gif');
	width:76px;
}

body.nl #products_sub ul li.animaties a {width:87px; background-image:url('../img/nl/products/3danimaties.gif')}
body.nl #products_sub ul li.websites a {width:64px; background-image:url('../img/nl/products/websites.gif')}
body.nl #products_sub ul li.impressions a {width:139px; background-image:url('../img/nl/products/impressions.gif')}
body.nl #products_sub ul li.product_presentaties a {width:146px; background-image:url('../img/nl/products/product_presentaties.gif')}
body.nl #products_sub ul li.trainingsprogrammas a {width:143px; background-image:url('../img/nl/products/trainingsprogrammas.gif')}
body.nl #products_sub ul li.illustraties a {width:90px; background-image:url('../img/nl/products/illustraties.gif')}
body.nl #products_sub ul li.games a {width:45px; background-image:url('../img/nl/products/games.gif')}
body.nl #products_sub ul li.software a {width:66px; background-image:url('../img/nl/products/software.gif')}
body.nl #products_sub ul li.film a {width:120px; background-image:url('../img/nl/products/videoproducties.gif')}
body.nl #products_sub ul li.fotografie a {width:78px; background-image:url('../img/nl/products/fotografie.gif')}
body.nl #products_sub ul li.video_edit a {width:76px; background-image:url('../img/nl/products/video_edit.gif')}
body.nl #products_sub ul li.intranet a {width:64px; background-image:url('../img/nl/products/intranet.gif')}
body.nl #products_sub ul li.ruimtelijke_vormgeving a {width:156px; background-image:url('../img/nl/products/ruimtelijke_vormgeving.gif')}
body.nl #products_sub ul li.digitale_maquettes a {width:156px; background-image:url('../img/nl/products/digitale_maquettes.gif')}
body.nl #products_sub ul li.touch_tables a {width:156px; background-image:url('../img/nl/products/touch_tables.gif')}
body.nl #products_sub ul li.augmented_reality a {width:125px; background-image:url('../img/nl/products/augmented_reality.gif')}

body.nl #oplossing_sub ul li.expo-events a {width:87px; background-image:url('../img/nl/oplossing/expo-events.gif')}
body.nl #oplossing_sub ul li.vastgoed-en-infra a {width:127px; background-image:url('../img/nl/oplossing/vastgoed-en-infra.gif')}
body.nl #oplossing_sub ul li.corporate a {width:73px; background-image:url('../img/nl/oplossing/corporate.gif')}
body.nl #oplossing_sub ul li.media-en-communicatie a {width:151px; background-image:url('../img/nl/oplossing/media-en-communicatie.gif')}
body.nl #oplossing_sub ul li.overheid a {width:64px; background-image:url('../img/nl/oplossing/overheid.gif')}
body.nl #oplossing_sub ul li.techniek-en-onderwijs a {width:153px; background-image:url('../img/nl/oplossing/techniek-en-onderwijs.gif')}
body.nl #oplossing_sub ul li.verkeer-en-vervoer a {width:136px; background-image:url('../img/nl/oplossing/verkeer-en-vervoer.gif')}

body.nl #oplossing_sub ul li a:hover {
	background-position: 0 -15px;
}

body.eng #products_sub ul li.animaties a {width:95px; background-image:url('../img/eng/products/3danimaties.gif')}
body.eng #products_sub ul li.websites a {width:64px; background-image:url('../img/eng/products/websites.gif')}
body.eng #products_sub ul li.impressions a {width:139px; background-image:url('../img/eng/products/impressions.gif')}
body.eng #products_sub ul li.product_presentaties a {width:154px; background-image:url('../img/eng/products/product_presentaties.gif')}
body.eng #products_sub ul li.trainingsprogrammas a {width:143px; background-image:url('../img/eng/products/trainingsprogrammas.gif')}
body.eng #products_sub ul li.illustraties a {width:99px; background-image:url('../img/eng/products/illustraties.gif')}
body.eng #products_sub ul li.games a {width:45px; background-image:url('../img/eng/products/games.gif')}
body.eng #products_sub ul li.software a {width:66px; background-image:url('../img/eng/products/software.gif')}
body.eng #products_sub ul li.film a {width:120px; background-image:url('../img/eng/products/videoproducties.gif')}
body.eng #products_sub ul li.fotografie a {width:88px; background-image:url('../img/eng/products/fotografie.gif')}
body.eng #products_sub ul li.video_edit a {width:76px; background-image:url('../img/eng/products/video_edit.gif')}
body.eng #products_sub ul li.intranet a {width:64px; background-image:url('../img/eng/products/intranet.gif')}
body.eng #products_sub ul li.ruimtelijke_vormgeving a {width:156px; background-image:url('../img/eng/products/ruimtelijke_vormgeving.gif')}
body.eng #products_sub ul li.digitale_maquettes a {width:156px; background-image:url('../img/eng/products/digital_maquettes.gif')}
body.eng #products_sub ul li.touch_tables a {width:156px; background-image:url('../img/eng/products/touch_tables.gif')}
body.eng #products_sub ul li.augmented_reality a {width:125px; background-image:url('../img/nl/products/augmented_reality.gif')}

body.tr #products_sub ul li.animaties a {width:115px; background-image:url('../img/tr/products/3danimaties.gif')}
body.tr #products_sub ul li.websites a {width:83px; background-image:url('../img/tr/products/websites.gif')}
body.tr #products_sub ul li.impressions a {width:139px; background-image:url('../img/tr/products/impressions.gif')}
body.tr #products_sub ul li.product_presentaties a {width:134px; background-image:url('../img/tr/products/product_presentaties.gif')}
body.tr #products_sub ul li.trainingsprogrammas a {width:147px; height:11px !important; height:12px; background-image:url('../img/tr/products/trainingsprogrammas.gif')}
body.tr #products_sub ul li.illustraties a {width:92px; background-image:url('../img/tr/products/illustraties.gif')}
body.tr #products_sub ul li.games a {width:59px;  background-image:url('../img/tr/products/games.gif')}
body.tr #products_sub ul li.software a {width:156px; background-image:url('../img/tr/products/software.gif')}
body.tr #products_sub ul li.film a {width:120px; background-image:url('../img/tr/products/videoproducties.gif')}
body.tr #products_sub ul li.fotografie a {width:97px; background-image:url('../img/tr/products/fotografie.gif')}
body.tr #products_sub ul li.video_edit a {width:76px; background-image:url('../img/tr/products/video_edit.gif')}
body.tr #products_sub ul li.intranet a {width:64px; background-image:url('../img/tr/products/intranet.gif')}
body.tr #products_sub ul li.ruimtelijke_vormgeving a {width:130px; height:11px !important; height:12px; background-image:url('../img/tr/products/ruimtelijke_vormgeving.gif')}
body.tr #products_sub ul li.digitale_maquettes a {width:156px; background-image:url('../img/tr/products/digital_maquettes.gif')}
body.tr #products_sub ul li.touch_tables a {width:156px; background-image:url('../img/tr/products/touch_tables.gif')}
body.tr #products_sub ul li.augmented_reality a {width:125px; background-image:url('../img/nl/products/augmented_reality.gif')}

body.es #products_sub ul li.animaties a {width:95px;  background-image:url('../img/es/products/3danimaties.gif')}
body.es #products_sub ul li.websites a {width:64px; background-image:url('../img/es/products/websites.gif')}
body.es #products_sub ul li.impressions a {width:139px;  background-image:url('../img/es/products/impressions.gif')}
body.es #products_sub ul li.product_presentaties a {width:179px; height: 10px; margin-left: -15px; background-image:url('../img/es/products/product_presentaties.gif')}
body.es #products_sub ul li.trainingsprogrammas a {width:158px;  background-image:url('../img/es/products/trainingsprogrammas.gif')}
body.es #products_sub ul li.illustraties a {width:99px; background-image:url('../img/es/products/illustraties.gif')}
body.es #products_sub ul li.games a {width:45px; background-image:url('../img/es/products/games.gif')}
body.es #products_sub ul li.software a {width:66px; background-image:url('../img/es/products/software.gif')}
body.es #products_sub ul li.film a {width:130px; background-image:url('../img/es/products/videoproducties.gif')}
body.es #products_sub ul li.fotografie a {width:88px;  background-image:url('../img/es/products/fotografie.gif')}
body.es #products_sub ul li.video_edit a {width:100px; background-image:url('../img/es/products/video_edit.gif')}
body.es #products_sub ul li.intranet a {width:64px; background-image:url('../img/es/products/intranet.gif')}
body.es #products_sub ul li.ruimtelijke_vormgeving a {width:156px; background-image:url('../img/es/products/ruimtelijke_vormgeving.gif')}
body.es #products_sub ul li.digitale_maquettes a {width:156px; background-image:url('../img/es/products/digital_maquettes.gif')}
body.es #products_sub ul li.touch_tables a {width:156px; background-image:url('../img/es/products/touch_tables.gif')}
body.es #products_sub ul li.augmented_reality a {width:125px; background-image:url('../img/nl/products/augmented_reality.gif')}

body.ca #products_sub ul li.animaties a {width:95px; background-image:url('../img/ca/products/3danimaties.gif')}
body.ca #products_sub ul li.websites a {width:64px; background-image:url('../img/ca/products/websites.gif')}
body.ca #products_sub ul li.impressions a {width:139px; background-image:url('../img/ca/products/impressions.gif')}
body.ca #products_sub ul li.product_presentaties a {width:179px;  margin-left: -15px; background-image:url('../img/ca/products/product_presentaties.gif')}
body.ca #products_sub ul li.trainingsprogrammas a {width:151px;  background-image:url('../img/ca/products/trainingsprogrammas.gif')}
body.ca #products_sub ul li.illustraties a {width:105px; background-image:url('../img/ca/products/illustraties.gif')}
body.ca #products_sub ul li.games a {width:45px; background-image:url('../img/ca/products/games.gif')}
body.ca #products_sub ul li.software a {width:66px; background-image:url('../img/ca/products/software.gif')}
body.ca #products_sub ul li.film a {width:130px; background-image:url('../img/ca/products/videoproducties.gif')}
body.ca #products_sub ul li.fotografie a {width:88px; background-image:url('../img/ca/products/fotografie.gif')}
body.ca #products_sub ul li.video_edit a {width:86px; background-image:url('../img/ca/products/video_edit.gif')}
body.ca #products_sub ul li.intranet a {width:64px; background-image:url('../img/ca/products/intranet.gif')}
body.ca #products_sub ul li.ruimtelijke_vormgeving a {width:156px; background-image:url('../img/ca/products/ruimtelijke_vormgeving.gif')}
body.ca #products_sub ul li.digitale_maquettes a {width:156px; background-image:url('../img/ca/products/digital_maquettes.gif')}
body.ca #products_sub ul li.touch_tables a {width:156px; background-image:url('../img/ca/products/touch_tables.gif')}
body.ca #products_sub ul li.augmented_reality a {width:125px; background-image:url('../img/nl/products/augmented_reality.gif')}

body.nl #products_sub ul li a:hover {
	background-position: right -15px;
}

/*	Toolbar
----------------------------------------------- */
#toolbar {
/*	float:left; */
	width:120px;
	top:12px;
}

#toolbar #dashboard {
	width:102px;
	height:82px;	
}

#toolbar #presskids {
	width:102px;
	height:110px;	
}

#toolbar ul li a#toolBarToggle {
	display:block;
	width:122px;
	height:27px;
	background-position:bottom left;
	background-repeat:no-repeat;
}

body.nl #toolbar ul li a#toolBarToggle {background-image:url('../img/nl/toolbar/toolbar.gif');}
body.eng #toolbar ul li a#toolBarToggle {background-image:url('../img/eng/toolbar/toolbar.gif');}
body.tr #toolbar ul li a#toolBarToggle {background-image:url('../img/tr/toolbar/toolbar.gif');}
body.es #toolbar ul li a#toolBarToggle {background-image:url('../img/eng/toolbar/toolbar.gif');}
body.ca #toolbar ul li a#toolBarToggle {background-image:url('../img/eng/toolbar/toolbar.gif');}

#toolbar ul {
	width:119px;
	border:0px solid white;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#toolbar ul li ul {
	margin-top:28px;
	width:122px;
	background-image:url('../img/toolbar_back.gif');
	background-repeat:repeat-y;
}

#toolbar ul li ul li.game {border:0px;}
#toolbar span {display:block;}

#toolbar ul li ul li {
	border-bottom:1px solid #36393E;
	margin:0px 10px 0px 10px;
	padding:3px 0px 3px 0px;
	
}

#toolbar ul li ul li.first {
	border-top:1px solid #36393E;
}

#toolbar ul li ul li.links{
		border-top:1px solid #36393E;
}
#toolbar ul li ul li.links ul.sublinks {
	width:119px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	padding-left:-25px;
	list-style:none;
	background-image:none;
}

#toolbar ul li ul li.links ul.sublinks li{
	border-bottom:0px;
	padding:0px;
	margin:0px;
}



#toolbar ul li ul li span.label {
	display:block; 
	width:100%; 
	height:8px; 
	background-repeat:no-repeat;
}

#toolbar ul li ul li.game span.label {background-image:url("/img/game.gif")}

body.nl #toolbar ul li ul li.voorpagina span.label {background-image:url("/img/nl/toolbar/voorpagina.gif")}
body.nl #toolbar ul li ul li.reel span.label {background-image:url("/img/nl/toolbar/luchtfotografie.gif")}
body.nl #toolbar ul li ul li.nieuws span.label {background-image:url("/img/nl/toolbar/nieuws.gif")}
body.nl #toolbar ul li ul li.archief span.label {background-image:url("/img/nl/toolbar/archief.gif")}

body.eng #toolbar ul li ul li.voorpagina span.label {background-image:url("/img/eng/toolbar/voorpagina.gif")}
body.eng #toolbar ul li ul li.reel span.label {background-image:url("/img/eng/toolbar/luchtfotografie.gif")}
body.eng #toolbar ul li ul li.nieuws span.label {background-image:url("/img/eng/toolbar/nieuws.gif")}

body.tr #toolbar ul li ul li.voorpagina span.label {background-image:url("/img/tr/toolbar/voorpagina.gif")}
body.tr #toolbar ul li ul li.reel span.label {background-image:url("/img/tr/toolbar/luchtfotografie.gif")}
body.tr #toolbar ul li ul li.nieuws span.label {background-image:url("/img/tr/toolbar/nieuws.gif")}

body.es #toolbar ul li ul li.voorpagina span.label {background-image:url("/img/eng/toolbar/voorpagina.gif")}
body.es #toolbar ul li ul li.reel span.label {background-image:url("/img/eng/toolbar/luchtfotografie.gif")}
body.es #toolbar ul li ul li.nieuws span.label {background-image:url("/img/eng/toolbar/nieuws.gif")}

body.ca #toolbar ul li ul li.voorpagina span.label {background-image:url("/img/eng/toolbar/voorpagina.gif")}
body.ca #toolbar ul li ul li.reel span.label {background-image:url("/img/eng/toolbar/luchtfotografie.gif")}
body.ca #toolbar ul li ul li.nieuws span.label {background-image:url("/img/eng/toolbar/nieuws.gif")}

#toolbar a {
	display:block;
	margin:0px;
	margin:0px;
	text-decoration:none;
	color:#fff;
}
#toolbar a:hover {text-decoration:underline;}
#toolbarSub a {}


/*
#toolbarSub {
	opacity:0;
	display:none;
}*/

#toolbar ul li.archief a img {
	display:block; 
	margin:3px auto;
}


/* langToggle
-------------------------------------------- */

ul#langToggle {
	float:left;
	width:100%;
	margin:0px;
	padding:30px 0px 0px 0px;
	list-style:none;
	border:0px solid white;
	background-image:url('../img/hor_line.gif');
	background-repeat:repeat-x;
	background-position:1px 0px;
	border:0px solid red;
}


#flashBody ul#langToggle,
body#voorpagina ul#langToggle,
body#contact ul#langToggle,
body#vacatures ul#langToggle {
	background-image:url('../img/hor_line_green.gif');
}

#langToggle li {
	float:left;
	margin-right:10px;
}

#langToggle li.toggle_nl a, 
#langToggle li.toggle_eng a,
#langToggle li.toggle_tr a,
#langToggle li.toggle_es a, 
#langToggle li.toggle_ca a {
	display:block;
	height:8px;
	background-repeat:no-repeat;
	background-position:top left;
}

#langToggle li.toggle_tr a {height:11px; margin-top:-2px;}
#langToggle li.toggle_es a {height:11px; margin-top:-2px;}

#langToggle li.toggle_nl a {width:80px;}
#langToggle li.toggle_eng a {width:57px}
#langToggle li.toggle_tr a {width:55px}
#langToggle li.toggle_es a {width:63px;}
#langToggle li.toggle_ca a {width:70px;}

#langToggle li.toggle_nl a:hover, 
#langToggle li.toggle_eng a:hover,
#langToggle li.toggle_tr a:hover,
#langToggle li.toggle_es a:hover,
#langToggle li.toggle_ca a:hover {
	background-position:center left;
}

#langToggle li.toggle_nl a {background-image:url('../img/toggle_nl.gif');}
#langToggle li.toggle_eng a {background-image:url('../img/toggle_eng.gif');}
#langToggle li.toggle_tr a {background-image:url('../img/toggle_tr.gif');}
#langToggle li.toggle_es a {background-image:url('../img/toggle_es.gif');}
#langToggle li.toggle_ca a {background-image:url('../img/toggle_ca.gif');}

body.nl #langToggle li.toggle_nl a {background-position:bottom left;}
body.eng #langToggle li.toggle_eng a {background-position:bottom left;}
body.tr #langToggle li.toggle_tr a {background-position:bottom left;}
body.es #langToggle li.toggle_es a {background-position:bottom left;}
body.ca #langToggle li.toggle_ca a {background-position:bottom left;}

#langToggle li a span {
	display:none;
}

#langToggle li.toggle_ca{
	width: 0px;
}

/* Anim fish
----------------------------------------------- */
#fish {
	position:absolute;
	bottom:0%;
	right:302px;
	width:316px;
	height:24px;
	border:0px solid red;
}


/* Footer
----------------------------------------------- */
#footer {
	float:left;
	clear:both;
	width:90%;
	height:90px;
	border:0px solid red;
}

/* Draggable List
------------------------------------------------ */
#list li {
      cursor:move;
    }

/* Zilveren ooievaar
------------------------------------------------ */   
    
#logoooievaar {
	left: -16px;
	position: relative;
	top: -19px;
}

#zilverenooievaar{
position: absolute;
left: 786px;
}

.zilverenooievaar{
	height: 500px;
	border: 1px solid red;
}


/* Vacature overlay
------------------------------------------------ */   
#dpiOverlay{
	position: absolute;
	top: 200px;
	left: 450px;
	width: 275px;
	height: 275px;
	margin: 0;
	padding: 0;
	color: white;
	background-image: url(/img/banner_background.gif);
	background-repeat: no-repeat;
	z-index: 1001;
	opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99;
}

#dpiOverlayWrapper{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	padding: 0;
	margin: 0;
	background-image:url(/img/overlay.gif);
	background-position: top left;
	opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.80;
}

#dpiOverlay p {
	position: absolute;
	top: 12px;
	left: 10px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	
}

#dpiOverlay p.vacaturebody {
	position: absolute;
	top: 44px;
	left: 10px;
	width: 245px;
}

#dpiOverlayClose{
	position: absolute;
	top: 12px;
	left: 213px;
	height: 28px;
	width: 84px;	
}

#dpiOverlayClose a{
	display: block;
	height: 28px;
	width: 84px;
}