/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

html{
	/*height:100%;*/
	font-size:small;
}

body{
	width:100%;
	/*height:100%;*/
	margin:0px;
	padding:0px;
	font-family: Trebuchet MS, Myriad Pro, Arial;
	font-size:12px;
	line-height:19px;
	color:#000;
}

/* Forms
----------------------------------------------- */
#routeform{
    background-color:#000;
    padding:12px;
}

#routeform label{
    float:left;
    font:11px Trebuchet MS;
    color:#fff;
    margin:0px 5px 0px 10px;
}

#routeform input{
    float:left;
    width:322px;
    margin:0px 0px 0px 15px;
    border:0px;
    padding:1px;
}

#routeform input.submit{
    width:35px;
    height:20px;
}

/* Tables
----------------------------------------------- */
table.downloads{
    width:100%;
    font:11px/22px Georgia;
    clear:both;
}

table.downloads thead th{
    font:11px/22px Trebuchet MS;
    letter-spacing:3.2px;
    color:#7b7b7b;
    text-transform:uppercase;
    border-bottom:1px solid #e1e1e1;
}

table.downloads thead th.bericht{width:340px;}
table.downloads thead th.project{width:180px;}
table.downloads thead th.klant{width:165px;}
table.downloads thead th.datum{width:100px;}
table.downloads thead th.download{width:82px;}

table.downloads tbody td{
    border-bottom:1px solid #e1e1e1;
}

table.downloads tbody td.bericht,
table.downloads tbody td.titel{
    font-style:italic;
	padding-right:10px;
}

table.downloads tbody td a{
	text-decoration:none;
}

a.download,
table.downloads tbody td a.download{
    display:block;
    text-indent:-3000px;
    width:82px;
    height:20px;
    background:url(../img/table_dwnld_btn.gif) 0px 0px no-repeat;
}

a.download:hover,
table.downloads tbody td a.download:hover{
	background-position:left bottom;
}

table.downloads tbody td.download_btn a{
    float:right;
}

table.downloads tfoot td{
    padding:12px 0px 0px 0px;
}

table.downloads tfoot td.paginate ul{
    overflow:hidden;
    margin:0px 0px 0px 0px;
}

table.downloads tfoot td.paginate ul li{
    float:left;
    margin:0px 5px 0px 0px;
}

table.downloads tfoot td.paginate ul li a{
    font:11px Trebuchet MS;
    text-decoration:none;
    letter-spacing:3.2px;
    background:url(../img/paginate_sep.gif) right 5px no-repeat;
    padding:0px 5px 0px 0px;
}

table.downloads tfoot td.paginate ul li.lastactive a {
    background:none;
    padding:0px;

}
table.downloads tfoot td.paginate ul li.first a,
table.downloads tfoot td.paginate ul li.last a {
	display: none;
}


table.downloads tfoot td.paginate ul li.prev a {
    display:block;
    text-indent:-3000px;
    width:5px;
    background:url(../img/paging_prev.gif) left 7px no-repeat;
    padding:0px;
}
table.downloads tfoot td.paginate ul li.current a {
	color: #008AC9;
}

table.downloads tfoot td.paginate ul li.next a {
    display:block;
    text-indent:-3000px;
    width:5px;
    background:url(../img/paging_next.gif) left 7px no-repeat;
    padding:0px;
}

table.downloads tfoot td.rss a{
    display:block;
    float:right;
    width:67px;
    font:10px Trebuchet MS;
    letter-spacing:1px;
    text-decoration:none;
    padding:0px 0px 0px 0px;
    background:url(../img/rss-feed-icon.gif) right top no-repeat;
}

table.downloads tfoot td.back a{
    display:block;
    float:right;
    font:10px Trebuchet MS;
    letter-spacing:1px;
    text-decoration:none;
    text-transform:uppercase;
    padding:0px 10px 0px 0px;
    background:url(../img/back_icon.gif) right 3px no-repeat;
}

/* Lists/Def List
----------------------------------------------- */
ul.bullet{
    padding:0px 0px 0px 2px;
    color:#000;
}

ul.bullet li{
    background:url(../img/list_style_bullet.jpg) left 9px no-repeat;
    padding:0px 0px 0px 7px;
	font-family:Georgia;
	font-size:11px;
}

ul.arrow{
    padding:0px 0px 0px 2px;
    color:#000;
}

ul.arrow li{
    background:url(../img/list_arrow.gif) left 6px no-repeat;
    padding:0px 0px 0px 14px;
	font-family:Georgia;
	font-size:11px;
}

ul.arrow li a{
	font:11px Trebuchet MS;
	color:#959595;
	text-decoration:none;
}

ul.arrow li a:hover{
	text-decoration:underline;
}

ul.def_list{
    font:11px Georgia;
    color:#008AC9;
    line-height:19px;
    margin:0px 0px 0px 0px;
    letter-spacing:0px;
    font-style:italic;
    text-transform:none;
    cursor:default;
    overflow:hidden;
}

ul.def_list dl dd,
ul.def_list dl dt{
    float:left;
    font:11px/19px Georgia;
    color:#000;
    padding:0px;
}

ul.def_list dl dd{
    clear:right;
}

ul.def_list dl dt{
    clear:left;
    width:102px;
}

dl.prijzen dt{
    font:14px/19px Georgia;
    cursor:pointer;
}

dl.prijzen dd{
    font:11px/19px Georgia;
    font-style:italic;
    margin:0px 0px 18px 0px;
}

dl.prijzen span.date{
    font:11px/19px Georgia;
    color:#008AC9;
}

/* Links
----------------------------------------------- */
a{color:#000;}
a:hover{color:#008AC9;}

a.reageren_btn{
    background:transparent url(../img/reageren_btn.gif) no-repeat scroll 0 0;
    display:block;
    height:20px;
    text-indent:-3000px;
    width:122px;
}

a.reageren_btn:hover{
	background-position:left bottom;
}


/* Headers
----------------------------------------------- */
h1{
    font:24px Georgia;
    margin:0px 0px 36px 0px;
    letter-spacing:-0.2px;
    cursor:default;
}

h2{
    font:14px Georgia;
    margin:0px 0px 0px 0px;
    color:#008AC9;
    cursor:default;
}

h3{
    font-size:12px;
    margin:0px 0px 0px 0px;
    color:#7b7b7b;
    letter-spacing:3.2px;
    text-transform:uppercase;
    cursor:default;
}

/* Misc
----------------------------------------------- */
br.clear{
    display:block;
    clear:both;
    width:0px;
    height:0px;
}

blockquote{
    font:18px Georgia;
    font-style:italic;
    color:#7b7b7b;
    font-weight:normal;
    letter-spacing:-0.2px;
}

#gmaps_container{
    clear:both;
    position:relative;
    top:13px;
    padding:30px 0px 0px 0px;
    border-top:1px solid #e1e1e1;
}

#gmaps_container #errors{
	text-align:right;
	padding:5px 15px 0px 0px;
}

#gmap{
    width:879px;
    height:394px;
}

.bold {
	font-weight:bold;
}

/* Wrapper
----------------------------------------------- */
#wrapper{
    width:881px;
    margin:0 auto;      /* margin:0 auto; */
	border:0px solid red;
    padding:0px 0px 0px 0px;
/*padding:20px 0px 0px 0px;*/
}

body#home #wrapper{
    padding:0px 0px 0px 0px;
/*padding:30px 0px 0px 0px;*/
}

/* Main Navigation
----------------------------------------------- */
#nav-wrap{
    position:fixed;
    bottom:-1px;
    left:0px;
    width:100%;
    margin:0 auto;
    padding:0px 0px 16px 0px;
    background-color:#fff;
    z-index:1000;
}

#main-nav{
    position:relative;
    width:881px;
    padding:0px 0px 0px 0px;
    margin:0 auto;
    border-top:1px solid #e1e1e1;
    background-color:#fff;
}

#main-nav li{
    float:left;
    font-size:10px;
    margin:0 36px 0 0px;
    padding:14px 0px 0px 0px;
    border:0px solid black;
}

#main-nav li:hover ul,
#main-nav li:hover div{
    display:block;
    background-color:#fff;
}

#main-nav li.active a{
    color:#008AC9;
    font-weight:bold;
}


#main-nav li.last{
    margin:0px;
}

#main-nav li a{
    display:block;
    position:relative;
    text-transform:uppercase;
    text-decoration:none;
    color:#000;
    height:23px;
    line-height:23px;
    padding:0px 12px 0px 12px;
    letter-spacing:1px;
}

#main-nav li a span{
    display:none;
    position:absolute;
    top:0px;
    right:0px;
    width:3px;
    background:#000 url(../img/submenu_back_right.gif) 0px 0px no-repeat;
    height:23px;
    line-height:23px;
}

#main-nav li:hover a,
#main-nav li a:hover{
    color:#fff;
    background:#000 url(../img/submenu_back_left.gif) 0px 0px no-repeat;
}

#main-nav li:hover a span,
#main-nav li a:hover span{
    display:block;
}

#main-nav li div{
    display:none;
    position:absolute;
    top:-85px;
    left:0px;
    width:881px;
    height:87px;
    border-top: 1px solid #e3e3e3;
}
#main-nav li div.markten{
	top:-124px;
	height:125px;
}


#main-nav li div.vacatures{
	top:-124px;
	height:125px; 
}

/* #main-nav li div.vacatures ul{
	width: 230px;
} */

#main-nav li div.expertise{
	top:-124px;
	height:125px;
}

#main-nav li ul{
    float:left;
    padding:0px 0px 16px 0px;
    margin:6px 27px 0px 0px;
    border:0px solid red;
}

#main-nav li ul li{
	float:none;
    clear:both;
    margin:0px 0px 0px 0px;
    padding:0px;
    line-height:23px;
}

#main-nav li:hover div ul li a,
#main-nav li div ul li a,
#main-nav li.active ul li a{
    font-size:11px;
    text-transform:none;
    color:#959595;
    font-weight:normal;
    line-height:inherit;
    padding:0px;
    background:none;
}
#main-nav li div ul li.active a {
    color:#008AC9;
}

#main-nav li div ul li:hover a,
#main-nav li div ul li a:hover{
    color:#008AC9;
    background:none;
}


/* Identity
----------------------------------------------- */
#identity{
    position:relative;
    margin:0px 0px 0px 0px;
    height:56px;
    border:0px solid red;
}

#identity .breadcrumbs{
    position:absolute;
    top:22px;
    right:0px;
}

#identity .breadcrumbs li{
    float:left;
    line-height:10px;
    padding:0px 9px 0px 5px;
    background:url(../img/breadcrumbs_sep.gif) right center no-repeat;
}

#identity .breadcrumbs li.active{
    padding:0px 0px 0px 5px;
    background:none;
}

#identity .breadcrumbs li.active a,
#identity .breadcrumbs li a:hover{
    color:#000;
}

#identity .breadcrumbs li a.nohover:hover{
    color:#918f8f;
}

#identity .breadcrumbs li a{
    color:#918f8f;
    font-size:10px;
    text-decoration:none;
    letter-spacing:0.4px;
}

/* Gallery
----------------------------------------------- */
#gallery,
.gallery{
    position:absolute;
    top:91px;
    right:0px;
    width:428px;
    
}

#gallery img,
.gallery img{
    display:block;
	width:428px;
}

#gallery .gallery-nav,
.gallery .gallery-nav{
    background:#000 url(../img/gallery_bottom.jpg) 0px 0px no-repeat;
}

#gallery cite,
.gallery cite{
    display:block;
    position:absolute;
    left:10px;
    bottom:-6px;
    color:#fff;
    font-size:10px;
    z-index:1500;
}

#gallery ul.slides,
.gallery ul.slides{
	position:relative;
   	padding:0px 0px 0px 0px;
    background:#000 url(../img/gallery_bottom.jpg) bottom left no-repeat;
    height:272px;
    color:#fff;
}

#gallery ul.slides li,
.gallery ul.slides li{
    position:absolute;
    top:0px;
    line-height:10px;
    letter-spacing:1.5px;
    z-index:500;
}

#gallery div.img-title,
.gallery div.img-title{
	display:block;
    position:absolute;
    left:10px;
    bottom:6px;
    color:#fff;
    font-size:10px;
    z-index:1500;
}

.controls{
	position:absolute;
	bottom:10px;
	right:10px;
	line-height:10px;
}

.controls li{
	float:left;
	color:#fff;	
}

.controls li a{
    display:block;
    width:5px;
    height:10px;
    color:#fff;
    text-decoration:none;
    text-indent:-1000px;
}

.controls li.prev {margin:0px 8px 0px 0px;}
.controls li.prev a{

    background: url(../img/gallery_prev_arrow.gif) 0px 1px no-repeat;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
}

.controls li.next {margin:0px 0px 0px 8px;}
.controls li.next a{
    background: url(../img/gallery_next_arrow.gif) 0px 1px no-repeat;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
}

/* Image display
----------------------------------------------- */

.scroll {
    position:absolute;
    top:1px;
    left:50%;
    margin-left:238px;
    width:200px;
}


#img_display{
    position:absolute;
    top:68px;
    right:0px;
    width:428px;
    height:242px;
	padding-bottom: 26px;
	overflow:hidden; 
}

#img_display img{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
}

#img_display span.label{
 background: none repeat scroll 0 0 #000000;
    bottom: 0px;
    color: #FFFFFF;
    cursor: default;
    display: block;
    font: 11px Trebuchet MS;
    height: 16px;
    padding: 5px 20px;
    position: absolute;
    text-transform: capitalize;
    width: 100%;
	background: #FFF url(../img/prijzen_bottom.gif) left bottom no-repeat;
}

/* Slideshow
----------------------------------------------- */
#slideshow{
    float:right;
    position:relative;
    width:615px;
    height:391px;
    border:0px solid black;
}

#slideshow a{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    text-decoration:none;
}

#slideshow img{
    display:block;
    border:0px;
}

#slideshow a cite{
    width:580px;
    display:block;
    font-size:11px;
    height:31px;
    line-height:30px;
    color:#fff;
    text-align:right;
    padding:0px 35px 0px 0px;
    background:#008AC9 url(../img/slide_ticker_back.gif) 0px 0px no-repeat;;
}

/* Tooltip
----------------------------------------------- */
#tooltip.home {
	position: absolute;
    margin:-30px 0px 0px -10px;
	z-index: 3000;
    width:94px;
    height:29px;
    padding:0px;
    margin:0px;
    background:url(../img/tooltip.png) 0px 0px no-repeat;
    color:#fff;
}

#tooltip.projects {
	position: absolute;
    margin:-55px 0px 0px -120px;
	z-index: 3000;
    height:29px;
    border:0px solid green;
    padding:0px 6px 0px 0px;
    background:url(../img/projects_tooltip_ass.png) right 0px no-repeat; 	
}

#tooltip h3,
#tooltip div{
	margin: 0px;
	padding:0px;
}

#tooltip.projects h3,
#tooltip.projects div {
	margin: 0; 
	color:#fff; 
	text-transform:none;  
	font:11px/19px Trebuchet MS; 
	letter-spacing:0px; 
}

#tooltip.projects div {
	border:0px solid green;
}

#tooltip.projects h3{
	border:0px solid red;
	height:100%;
	padding:0px 5px 0px 8px;
	background:url(../img/projects_tooltip.png) 0px 0px no-repeat; 	
}

/* Content
----------------------------------------------- */
#content{
    position:relative;
    border:0px solid green;
    margin:39px 0px 0px 0px;
    padding:0px 0px 60px 0px;
	/* padding:0px 0px 100px 0px; */
}

div#content blockquote{
    text-align:right;
    margin:0px 0px 37px 0px;
    line-height:28px;
}

#content p{
    font:11px/19px Georgia;
    margin:0px 0px 19px 0px;
    padding:0px;
}

#content span.first-letter {
    float:left;
   	margin:8px 4px 0px 0px;
    color:#008AC9;
    font-size:36px;
    line-height:25px;
}

/* SAFARI ONLY HACK */
body:nth-of-type(1) #content span.first-letter{
	margin:7px 4px 0px 0px;
}

/* Columns */
#content div.column {
	/*padding-right: 10px;*/
	padding-right: 30px;
}
#content div.last {
	padding: 0;
}
#content div.column1,
#content div.column2{
	
    overflow:hidden;
    width:420px;
}

#content div.column1{
    float:left;
}

#content div.column2{
    float:right;
}

/* Home */
#content a#flag-english {
	position:absolute;
	right:1px;
	top:-42px;
}

#content.home{
    margin:0px;
}

#content div.welkom{
    float:left;
    position:relative;
    width:200px;
    height:404px;
}

#content div.welkom h1{
    font:20px Georgia;
    margin:120px 0px 13px 0px;
}

#content div.welkom p {
    margin:140px 0px 0px 0px;
}
#content div.welkom p.motto{
	margin: 12px 0 0 8px;
	color: #7b7b7b;
	font-size: 14px;
	font-style: italic;
}
#content div.welkom p.motto span{
	display: block;
	margin: 0 0 0 100px;
}


#content div.welkom .logo{
    position:absolute;
    top:-42px;
    left:-17px;
}

#content div.welkom ul.shortcuts{
	position:absolute;
	bottom:0px;
    margin:0px 0px 0px 0px;
	z-index:0;
}

#content div.welkom ul.shortcuts li{
	float:left;
	clear:both;
	position:relative;
    width:200px;
	height:30px;
    line-height:30px;
    margin:0px 0px 13px 0px;
    cursor:pointer;
}

#content div.welkom ul.shortcuts li a{
    display:block;
    width:200px;
	height:30px;
    background:url(../img/shortcut_back.gif) left top no-repeat;
    text-decoration:none;
    color:#FFF;
    cursor:pointer;
}

#content div.welkom ul.shortcuts li a:hover{
	text-decoration:none;	
}

#content div.welkom ul.shortcuts li a span{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	margin:0px;
	padding:0px;
}

#content div.welkom ul.shortcuts li a span.hover{
	width:200px;
	height:30px;
	background:url(../img/shortcuts_back_hover.gif) left top no-repeat;
	z-index:500;
	cursor:pointer;
}

#content div.welkom ul.shortcuts li a span.txt{
	display:block;
	width:185px;
	height:30px;
	padding:0px 0px 0px 15px;
    font-size:12px;
    text-transform:uppercase;
    z-index:1000;
    letter-spacing:5px;
}

#content div.welkom ul.shortcuts li a span.lower_c, #main-nav li a.lower_c {
	text-transform: none;
}

#content div.welkom ul.shortcuts li a:hover{
    background:url(../img/shortcut_back.gif) left bottom no-repeat;
}

/* About */
div#content.about div.column2{
    margin:0px;
}

/* Expertise */
div#content.expertise {
	position: relative;
}
div#content.expertise h1{
    margin:0px 0px 35px 0px;
}

div#content.expertise blockquote{
    position:absolute;
    top:0;
	right: 0;
	display: inline-block;
	width: 400px;
	
    text-align:right;
    margin:0px 0px 7px 0px;
    line-height:28px;
    cursor:default;
}

div#content.expertise .gallery {
	top:69px;
}

/* Markten */
div#content.markten h1{
    margin:0px 0px 20px 0px;
}

div#content.markten h3{
    margin:16px 0px 16px 0px;
}
div#content.expertise h3{
    margin:16px 0px 16px 0px;
}

#content div.column2{
    float:right;
    margin:49px 0px 0px 0px;
}

#content div.casus{
    clear:both;
    border-top:1px solid #e3e3e3;
}

#content div.excasus{
    clear:both;
    border-top:1px solid #e3e3e3;
}

#content div.casus ul{
    overflow:hidden;
}

#content div.casus ul li{
    float:left;
    margin:0px 43px 0px 0px;
    width:188px;
}

#content div.casus ul li.last{
    margin:0px 0px 0px 0px;
}

#content div.casus ul li a{
    display:block;
    padding:0px 0px 0px 6px;
    font-size:9px;
    color:#fff;
    text-decoration:none;
    background: url(../img/casus_bottom.gif) left bottom no-repeat;
}

#content div.casus ul li a:hover{
	background: url(../img/casus_bottom_hover.gif) left bottom no-repeat;
}

#content div.casus ul li a img{
    display:block;
    margin:0px 0px -1px -6px;
}

/* Network */
#content.network div.column1{
    width:780px;
    border:0px solid black;
}

#content.network ul{
    overflow:hidden;
	height: 340px;
}

#content.network ul li{
    float:left;
    margin:0px 12px 32px 0px;
    width:241px;
	height:131px;
	display:inline;
}

#content.network ul li div.project_txt h2{
	color: #000000;
    cursor: default;
    font: 20px/20px Georgia;
    letter-spacing: -0.2px;
    margin: 0 0 15px;
}

#content.network ul li.txt{
    margin:0px 0px 0px 0px;
    background:none;
}
#content.network ul li.txt p{
	margin: 0;
	font-size: 11px;
}

/*#content.network ul li.txt h2{
    font:20px Georgia;
    line-height:20px;
    margin:0px 0px 15px 0px;
    letter-spacing:-0.2px;
    cursor:default;
    color:#000;
}*/

#content.network ul li a{
    display:block;
    padding:0px 0px 0px 6px;
    font-size:9px;
    color:#fff;
    text-decoration:none;
}

#content.network ul li a span{
	background: url("../img/netwerk_bottom.gif") no-repeat scroll left bottom transparent;
    display: block;
    left: 0;
    margin: -1px 0 0;
	margin-left: -6px;
    padding-left: 5px;
    position: relative;
    top: 150px;
    width: 236px;
    z-index: 5;
}

#content.network ul li a:hover span,
#content.network ul li a.active span{
	background: url(../img/netwerk_bottom_hover.gif) left bottom no-repeat;
}

#content.network ul li a img{
	display:block;
	position:absolute;
	z-index:1;
	margin:0px 0px 0px -6px;
    border:0px;
}

/* Persberichten */
#content.persberichten div.column1{
    width:880px;
}

#content.persberichten.detail div.column1{
    width:420px;
}

#content.persberichten.detail table.downloads{
    position:relative;
    top:70px;
	margin-bottom:100px;
}

#content.persberichten.detail div.column2{
    margin:65px 0px 0px 0px;
}

/* Vacatures */
#content.vacatures div.column2{
    position:relative;
    margin:89px 0px 0px 0px;
}

#content.vacatures h2{
    font:12px Trebuchet MS;
    margin:0px 0px 6px 0px;
    color:#7b7b7b;
    letter-spacing:3.2px;
    text-transform:uppercase;
    cursor:default;
}

#content.vacatures h3{
    font:11px Georgia;
    color:#008AC9;
    line-height:19px;
    margin:0px 0px 0px 0px;
    letter-spacing:0px;
    font-style:italic;
    text-transform:none;
    cursor:default;
}

#content.vacatures ul.def_list{
    margin:19px 0px 0px 0px;
}

#content.vacatures a.reageren_btn{
    position:absolute;
    bottom:0px;
    right:0px;
}

/* Contact */
#content.contact h2{
    font:11px Trebuchet MS;
    margin:0px 0px 6px 0px;
    color:#7b7b7b;
    letter-spacing:3.2px;
    text-transform:uppercase;
    cursor:default;
}

#content.contact div.column2{
    margin:65px 0px 0px 0px;
}

/* Werkpagina */
#content.werk .sliderGallery {
    position: relative;
    padding: 0px;
    height: 357px;
    width:881px;
    border:0px solid black;
    margin:0 auto;
    overflow:hidden;
}

#content.werk h2{
    font:11px Trebuchet MS;
    margin:-28px 0px 19px 0px;
    color:#7b7b7b;
    letter-spacing:3.2px;
    text-transform:uppercase;
    cursor:default;
}

#content.werk .sliderGallery ul.items {
    position: absolute;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    height:300px;
    width:200000px; /* Let op, deze waarde moet onwijs hoog, anders zie je de projecten onder elkaar tijdens het laden */
    border:0px solid green;
}

#content.werk .sliderGallery ul.items li.project {
    float:left;
    position:relative;
    width:938px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    border:0px solid red;
}

#content.werk .sliderGallery ul.items li.project div.project_wrap{
	position:relative;
	width:938px;
	height:300px;
	border:0px solid red;
}

#content.werk .sliderGallery ul.items li.project div div.txt{
	float:left;
	width:400px;
}

#content.werk .sliderGallery ul.items li.project div div.txt p{
	white-space: normal;
}

#content.werk .sliderGallery ul.items li.project ul.arrow{
	float:left;
	width:400px;
}

#content.werk .sliderGallery ul.items li.project ul.arrow li{
	width:auto;
}

#content.werk .sliderGallery ul.items li.project .gallery{
	right:60px;
	top:0px;
}

#content.werk .sliderGallery ul.items li.project .gallery li{
	left:0px;	
}

#content.werk .sliderGallery .slider_wrapper{
	position: relative;
	top:322px;
	width:881px;
	height:30px;
	background: url(../img/slide_track_back.gif) 0px 13px repeat-x;
}

#content.werk .sliderGallery .slider {
	display:none;
    position: absolute;
    width:791px;
    margin:0px;
    left:45px;
    bottom:0px;
    height: 16px;
    padding: 0px;
    border-top:0px solid #e1e1e1;
    cursor: pointer;
}

#content.werk .sliderGallery a.ui-slider-handle {
	display:block;
    position: absolute;
    cursor: move;
    width: 90px;
    padding:0px 0px 0px 0px;
    border:0px solid red;
    margin-left:-45px;
    height: 24px;
    top: -12px;
    z-index: 100;
    background:url(../img/handle.gif) left center repeat-x;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
}

#content.werk .sliderGallery .slider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}


#project-filter{
	position:absolute;
	bottom:0px;
	right:0px;
}

#project-filter li a.label{
	display:block;
	width:97px;
	padding: 10px 0 0 100px;
	font:10px Trebuchet MS;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../img/filter_closed.gif) right 13px no-repeat;
}

#project-filter li:hover a.label{
	color:#008AC9;
	background:url(../img/filter_open.gif) right 13px no-repeat;
}

#project-filter li div.pane{
	display:none;
	position:absolute;
	bottom:13px;
	/*left:-784px;*/
	left:-684px;
	width:881px;
	background: url(../img/project_filer_back.png) 0px 0px;
	z-index:2000;
	padding:10px 0px 10px 0px;
	border-top:1px solid #ececec;
	/*border:0px solid black;*/
}

#project-filter li.list:hover div.pane{
    display:block;
}

#project-filter li div.pane div{
	float:left;
	margin:0px 60px 0px 0px;
}

#project-filter li div.pane div ul{
	float:left;
	margin:0px 0px 0px 35px;
}

#project-filter li div.pane div ul.first {
	margin: 0 0 0 10px;
}

#project-filter li div.pane div ul li{
	position:relative;
	overflow:hidden;
	margin:0px 0px 3px 0px;
}

#project-filter li div.pane div ul p{
	margin:0px 0px 0px 5px;
	float:left;
}

#project-filter li div.pane div ul p span{
	float:left;
	margin:0px;
}

#project-filter li div.pane div ul p span a{
	padding:0px 5px 0px 5px;
	background:url(../img/project_sub_sep.gif) right center no-repeat;
}

#project-filter li div.pane div ul ul li a.last{
	background:none;	
}

#project-filter li div.pane div ul li a,
#project-filter li div.pane div ul li span{
	float:left;
	font:10px Trebuchet MS;
	color:#959595;
	
	line-height: 1.6em;
	letter-spacing: 1px;
	
	text-decoration:none;
	text-transform:uppercase;
	
	outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
}

#project-filter li div.pane div ul li span{
	cursor:default;
}

#project-filter li div.pane div ul li ul li a,
#project-filter li div.pane div ul li.active ul li a{
	position:relative;
	color:#959595;
}

#project-filter li div.pane div ul li a:hover,
#project-filter li div.pane div ul li.active a,
#project-filter li div.pane div ul li ul li a:hover{
	color:#008AC9;
}

#vaclist2 {
   margin-left:500px !important;
   margin-top:-131px !important;
   display:inline !important;
   width: 140px !important;
   }