/*  
Theme Name: SPAFU Q4 2009
Theme URI: http://www.spafu.nl/
Description: SPAFU Theme Q4 2009 by by <a href="http://www.spafu.nl">SPAFU</a>
Version: 1.0
Author: Arash Rahmani
Author URI: http://www.spafu.nl/
*/

* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Calibri, Geneva, Sans-serif;
}

body, html {
    width: 100%;
    height: 100%;
    color: #111111;
    font-size: 13px;
    line-height: 160%;
}

p {
    padding: 5px 25px 16px 25px;
}

h1, h2, h3, h5, h6 {
    padding: 5px 25px 3px 25px;
}

h1 {
    color: #0fabd9;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 22px;
    font-weight: normal;
}

h2 {
    color: #0fabd9;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 19px;
    padding-top: 12px;
    font-weight: normal;
}

h3 {
    color: #0fabd9;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 16px;
    padding: 0px;
    font-weight: normal;
}

h4 {
    padding: 18px 25px 4px 25px;
    color: #0fabd9;
    text-shadow: #a0a0a0 1px 1px 2px;
    margin-bottom: -6px;
    font-size: 15px;
    font-weight: bold;
}

h5 {
    color: #002145;
    font-size: 13px;
    line-height: 140%;
    font-weight: bold;
}

a:link {
    color: #0fabd9;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #21b620;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #0fabd9;
    font-weight: bold;
    text-decoration: none;
}

a:visited:hover {
    color: #21b620;
    font-weight: bold;
    text-decoration: none;
}

a img {
    border-style: none;
}

ul, ol {
    margin-left: 45px;
    line-height: 160%;
    padding: 10px 10px 10px 5px;
}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

.alignright {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}


#spafu-logo {
    height: 65px;
    width: 130px;
    margin-bottom: -65px;
    background: url(images/spafu-logo.png) no-repeat center;
    position: relative;
    left: 51px;
    top: 7px;
}

div.fadehover {  
    position: relative;  
    } 

img.a {  
    position: absolute;  
    left: 51px;  
    top: 7px;
	z-index: 10;  
        }  
  
img.b {  
    position: absolute;  
    left: 51px;  
	top: 7px;  
	}  

.largeh:link {
    color: #0fabd9;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 16px;
    padding: 0px 0px 3px 0px;
    font-weight: normal;
}

.largeh:visited {
    color: #0fabd9;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 16px;
    padding: 0px 0px 3px 0px;
    font-weight: normal;
}

.largeh:hover {
    color: #21b620;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 16px;
    padding: 0px 0px 3px 0px;
    font-weight: normal;
}

.largeh:visited:hover {
    color: #21b620;
    text-shadow: #a0a0a0 1px 1px 2px;
    font-size: 16px;
    padding: 0px 0px 3px 0px;
    font-weight: normal;
}

/*__STRUCTURE__*/
#topback {
    background: #0775b9 url(images/header_background.png) no-repeat center top;
}

#topbackprojecten {
    background: #0775b9 url(images/header-projecten.png) no-repeat center top;
}

#topbackcontact {
    background: #0775b9 url(images/header-contact.png) no-repeat center top;
}

#container {
    width: 922px;
    margin-left: auto;
    margin-right: auto;
}

#containerfoot {
    width: 922px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    height: 500px;
}

#headtekst {
    width: 530px;
    height: 260px;
    position: relative;
    left: 360px;
    top: 105px;
    font-size: 20px;
    line-height: 160%;
    color: #666666;
    text-shadow: #84cfe9 0px 1px 2px;
}

.headteksthome {
    padding-left: 55px;
    padding-top: 35px;
    font-size: 23px;
    color: #222222;
}

.headtekstbureau {
    padding-left: 85px;
    padding-top: 25px;
    font-size: 21px;
    color: #222222;
}

.headtekstzm {
    padding-left: 50px;
    padding-top: 25px;
    font-size: 21px;
    color: #222222;
}

#headtekstdienst {
    width: 530px;
    height: 260px;
    position: relative;
    left: 360px;
    top: 105px;
    font-size: 24px;
    line-height: 160%;
    color: #222222;
    text-shadow: #84cfe9 0px 1px 2px;
}

.headtekstdiensten {
    padding-left: 25px;
    padding-top: 5px;
    font-size: 20px;
    color: #666666;
}

.headtekststrategie {
    padding-left: 35px;
    padding-top: 40px;
    font-size: 22px;
    color: #222222;
}

.headtekstdesign {
    padding-left: 20px;
    padding-top: 20px;
    font-size: 21px;
    color: #222222;
}

.headtekstom {
    padding-left: 0px;
    padding-top: 45px;
    font-size: 22px;
    color: #222222;
}

/* .headtekstdiensten strong {
 color: #000000;
 font-size: 21px;
 font-weight: lighter;
 }
 */
#spafu-home {
    height: 230px;
    width: 280px;
    margin-top: -260px;
    background: url(images/spafu-home.png) no-repeat center;
    position: relative;
    left: 162px;
    top: 212px;
}

#spafu-bureau {
    height: 230px;
    width: 360px;
    margin-top: -260px;
    background: url(images/spafu-bureau.png) no-repeat center;
    position: relative;
    left: 80px;
    top: 212px;
}

#spafu-diensten {
    height: 230px;
    width: 295px;
    margin-top: -260px;
    background: url(images/spafu-diensten.png) no-repeat center;
    position: relative;
    left: 149px;
    top: 210px;
}

#spafu-projecten {
    height: 230px;
    width: 305px;
    margin-top: -260px;
    background: url(images/spafu-projecten.png) no-repeat center;
    position: relative;
    left: 239px;
    top: 200px;
}

#spafu-contact {
    height: 230px;
    margin-top: -260px;
    width: 1px;
    position: relative;
}

#spafu-strategie {
    height: 230px;
    width: 230px;
    margin-top: -260px;
    background: url(images/spafu-strategie.png) no-repeat center;
    position: relative;
    left: 159px;
    top: 200px;
}

#spafu-webdesign {
    height: 230px;
    width: 305px;
    margin-top: -260px;
    background: url(images/spafu-webdesign.png) no-repeat center;
    position: relative;
    left: 135px;
    top: 213px;
}

#spafu-om {
    height: 230px;
    width: 180px;
    margin-top: -260px;
    background: url(images/spafu-om.png) no-repeat center;
    position: relative;
    left: 135px;
    top: 213px;
}

#spafu-zm {
    height: 330px;
    width: 240px;
    margin-top: -260px;
    background: url(images/spafu-zm.png) no-repeat center;
    position: relative;
    left: 208px;
    top: 95px;
    margin-bottom: -100px;
    overflow: hidden;
}


#spafu-co {
    height: 230px;
    width: 290px;
    margin-top: -260px;
    background: url(images/spafu-co.png) no-repeat center;
    position: relative;
    left: 152px;
    top: 206px;
}

#spafu-nieuws {
    height: 230px;
    width: 285px;
    margin-top: -260px;
    background: url(images/spafu-nieuws.png) no-repeat center;
    position: relative;
    left: 156px;
    top: 213px;
}

#menu {
    height: 52px;
    background: url(images/menu.png) no-repeat center;
    font-size: 15px;
    color: #002145;
    width: 922px;
    position: relative;
    top: 219px;
    margin-left: 3px;
}

#menu a:link {
    color: #0fabd9;
    font-weight: bold;
}

#menu a:hover {
    color: #21b620;
    font-weight: bold;
}

#menu a:visited {
    color: #0fabd9;
    font-weight: bold;
}

#menu a:visited:hover {
    color: #21b620;
    font-weight: bold;
}


.navigation {
    margin-left: 25px;
	margin-right: 25px;
}

#content {
    margin-bottom: -155px;
    position: relative;
}

#content #top {
    background: url(images/content_top.png) no-repeat center;
    height: 27px;
    margin-bottom: -1px;
}

#content #bottom {
    background: url(images/content_bottom.png) no-repeat center;
    height: 27px;
}

#main {
    background: url(images/content.png) repeat-y center;
    min-height: 300px;
}

#main-left {
    width: 630px;
}

div.columns {
    width: 468px;
    margin-right: 10px;
    float: left;
    text-align: left;
}

#main-right {
    width: 266px;
    padding-top: 33px;
    position: relative;
    left: 620px;
}

#footer {
    background: #002145 url(images/footer_background.png) no-repeat center top;
    height: 186px;
    padding-top: 340px;
    margin-top: -96px;
    color: #ffffff;
}

.footerlinks {
    float: right;
    margin-top: -5px;
    padding-right: 25px;
    padding-bottom: 5px;
    font-size: 12px;
}

#footer p {
    padding: 5px 25px 5px 25px;
}

#services {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-left: 2px;
    line-height: 120%;
}

#services a:hover img {
    background: transparent url(images/icon-hover.png) no-repeat center;
    border-style: none;
}

#services a h3 {
    padding: 3px 0 1px 0;
}

#services a h3:hover {
    color: #21b620;
    text-shadow: #a0a0a0 1px 1px 2px;
}

#services div.service {
    float: left;
    margin: 10px;
    width: 412px;
    height: 40px;
    padding: 0px 14px 20px 14px;
}

#services .clear {
    clear: both;
    height: 0;
    width: 100%;
    background: none;
    padding: 0;
    margin: 0;
}

#services p {
    padding: 3px 0 2px 0;
}

#projects {
    min-height: 340px;
}

#project_text {
    width: 480px;
    float: left;
}

#project_text ul {
    padding: 0px 10px 6px 10px;
}

#project_text li a {
    line-height: 140%;
	position: relative;
	left: -30px;
}

#project_block {
    width: 45%;
    float: left;
    padding-top: 10px;
}

#main ul li {
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.line {
    margin: 30px 25px 10px 25px;
    clear: both;
    height: 5px;
    background: url(images/line.png) repeat-x;
}

.service_left {
    float: left;
    width: 70px;
    height: 100%;
}

.service_right {
    float: right;
    width: 340px;
    height: 100%;
}

ul#topnav {
    height: 32px;
    margin: 0px 0 0 0;
    padding: 0;
    left: 19px;
    position: absolute;
    z-index: 100;
}

ul#topnav li {
    float: left;
    list-style-type: none;
    width: auto;
    padding: 15px 20px 10px 20px;
}

ul#topnav li a {
    display: block;
    margin-left: -5px;
    margin-top: -1px;
    text-decoration: none;
    text-transform: capitalize;
    font-variant: small-caps;
    padding-top: 1px;
}

ul#topnav li a:link {
    text-decoration: none;
}

ul#topnav li a:visited {
    text-decoration: none;
}

ul#topnav li a:hover {
    text-decoration: none;
}

ul#topnav li a:active {
    text-decoration: none;
}

ul#topnav .menu {
    top: 41px;
    position: absolute;
    background: url(images/menu_box2.png) repeat-x bottom left;
    padding: 4px 0 12px 10px;
    margin-left: -10px;
	z-index: 100;
}

ul#topnav .menu ul.sub_nav {
    float: left;
    padding-top: 5px;
}

ul#topnav .menu ul.sub_nav {
    margin: 0 0 0 40px;
    padding: 10px 0 0 5px;
    width: 210px;
}

ul#topnav .menu ul.sub_nav li {
    float: none;
    background-image: none;
    width: 220px;
    height: 30px;
}

ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 4px 6px;
    height: 100%;
    background-color: transparent;
    font-variant: small-caps;
}

ul#topnav .menu ul.sub_nav li a:hover {
    color: #000000;
    text-decoration: none;
}

ul#topnav .menu ul.sub_nav li a:active {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
}

ul#topnav li .menu {
    display: none;
}

ul#topnav li:hover .menu {
    display: block;
}

ul#topnav li.over .menu {
    display: block;
    width: 200px;
}

ul#topnav a.nav_item span {
    overflow: hidden;
}

li.nav_diensten {
}

li.nav_diensten:hover, li.nav_diensten_over {
}

li.nav_diensten a.nav_item, li.nav_diensten_over a.nav_item {
    height: 13px;
}

li.nav_diensten div.menu {
    position: relative;
    margin-top: 10px;
    min-width: 505px;
    height: 154px;
}

li.nav_diensten div.menu ul.sub_nav li {
    margin-top: 10px;
    width: 250px;
}

#topnav li.nav_diensten {
    height: 57px;
    width: 106px;
    padding: 0;
    padding-left: 7px;
    margin-left: -8px;
}

#topnav li.nav_diensten:hover {
    background-image: url(images/menu_tab.png);
    background-position: center;
    background-repeat: no-repeat;
}

#topnav li.nav_diensten a {
    padding: 15px 0px 10px 0px;
    text-align: center;
}

ul#topnav .menu ul.sub_nav li {
    text-align: left;
    padding: 0;
}

ul#topnav .menu ul.sub_nav a {
    font-size: 13px;
    text-transform: capitalize;
    text-align: left;
}

ul#topnav .menu ul.sub_nav li a:hover span {
    color: #21b620;
    text-decoration: none;
}

ul#topnav .menu ul.sub_nav a img {
    vertical-align: middle;
    border: 0;
    padding-right: 5px;
}

.project_slide {
    width: 100%;
    height: 100%;
}

#topnav li.nav_home {
    height: 51px;
    width: 100px;
    padding: 0;
    padding-left: 7px;
}

#topnav li.nav_home:hover {
    background-image: url(images/menu_tabo.png);
    background-position: center;
    background-repeat: no-repeat;
}

#topnav li.nav_home a {
    padding: 15px 0px 10px 0px;
    text-align: center;
}

#topnav li.nav_bureau {
    height: 51px;
    width: 100px;
    padding: 0;
    padding-left: 7px;
    margin-left: -20px;
}

#topnav li.nav_bureau:hover {
    background-image: url(images/menu_tabo.png);
    background-position: center;
    background-repeat: no-repeat;
}

#topnav li.nav_bureau a {
    padding: 15px 0px 10px 0px;
    text-align: center;
}

#topnav li.nav_projects {
    height: 51px;
    width: 100px;
    padding: 0;
    padding-left: 7px;
    margin-left: 4px;
}

#topnav li.nav_projects:hover {
    background-image: url(images/menu_tabo.png);
    background-position: center;
    background-repeat: no-repeat;
}

#topnav li.nav_projects a {
    padding: 15px 0px 10px 0px;
    text-align: center;
}

#topnav li.nav_contact {
    height: 51px;
    width: 100px;
    padding: 0;
    padding-left: 7px;
    margin-left: 5px;
}

#topnav li.nav_contact:hover {
    background-image: url(images/menu_tabo.png);
    background-position: center;
    background-repeat: no-repeat;
}

#topnav li.nav_contact a {
    padding: 15px 0px 10px 0px;
    margin-left: -6px;
    text-align: center;
}

#contact {
    float: left;
    width: 340px;
	position: relative;
	left: 25px;
	top: 5px;
}

#rssfeeds {
    float: left;
    width: 560px;
}

#rssfeeds ul {
    margin-left: 17px;
    margin-top: -8px;
}

#rssfeeds li {
    list-style-type: none;
    padding-left: 0px;
    padding-top: 1px;
    padding-bottom: 0px;
}

#rssfeeds li a {
    color: white;
    font-weight: normal;
    text-decoration: none;
    line-height: 160%;
}

#rssfeeds li a:hover {
    text-decoration: none;
    color: #21b620;
}

#cloudlarge {
    background: url(images/cloud-large.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 155px;
}

#cloudsmall {
    background: url(images/cloud-small.png) repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 10px;
}

.rssicon {
    height: 85px;
    width: 71px;
    position: relative;
    margin: -115px 0px 20px 692px;
}

/* Slide */

#slider_block {
    width: 429px;
    padding: 5px;
    background: transparent;
    position: relative;
	left: 463px;
}

.anythingSlider {
	display: block;
	width: 429px;
    height: 306px;
    position: relative;
}

.anythingSlider .wrapper {
    width: 429px;
    overflow: auto;
    height: 305px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #0fabd9;
}

.anythingSlider .wrapper ul {
    width: 9999px;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    margin: -13px auto auto -35px;
}

.anythingSlider ul li {
    display: block;
    float: left;
    padding: 0;
    height: 317px;
    width: 429px;
    margin: 0;
}

.anythingSlider .arrow {
    display: block;
    height: 200px;
    width: 67px;
    background: url(images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 56px;
    cursor: pointer;
}

.anythingSlider .forward {
    background-position: 0 0;
    right: -31px;
}

.anythingSlider .back {
    background-position: -67px 0;
    left: -29px;
}

.anythingSlider .forward:hover {
    background-position: 0 -200px;
}

.anythingSlider .back:hover {
    background-position: -67px -200px;
}

.anythingSlider .wrapper ul ul {
    position: static;
    margin: 0;
    background: none;
    overflow: visible;
    width: auto;
    border: 0;
}

.anythingSlider .wrapper ul ul li {
    float: none;
    height: auto;
    width: auto;
    background: none;
}

/***** SEARCH *****/
#search {
    width: 246px;
    margin-top: 13px;
    margin-right: -5px;
    float: right;
    font-size: 13px;
    overflow: hidden;
    height: 26px;
    background: transparent url(images/search.png) no-repeat left;
}

#search2 {
    width: 246px;
    margin-left: 20px;
	margin-top: -6px;
    font-size: 13px;
    overflow: hidden;
    height: 26px;
    background: transparent url(images/search.png) no-repeat left;
}

.searchtext {
    margin-left: -12px;
    border: medium none;
    margin-top: 5px;
	color: #555555;
    vertical-align: top;
}

.searchbutton {
    width: 25px;
    height: 20px;
    background: transparent url(images/searchbutton.png) no-repeat left;
    border: 0px solid #ffffff;
    overflow: hidden;
    margin-left: 6px;
    margin-top: 3px;
}

/* Projecten */
#contdata {
    margin-left: 24px;
	min-height: 646px;
}

#contdatateam {
    margin-left: 22px;
}

.referenties {
    width: 165px;
    height: 120px;
    border: 2px solid #bdf0f6;
    margin: 3px;
    background: #ffffff;
    /* required to hide the image after resized */
    overflow: hidden;
    /* for child absolute position */
    position: relative;
    /* display div in line */
    float: left;
}

.referenties .caption {
    width: 165px;
    height: 20px;
    background: #0fabd9;
    color: #fff;
    font-weight: bold;
    padding-left: 3px;
    padding-top: 4px;
    font-size: 11px;
    /* fix it at the bottom */
    position: absolute;
    bottom: -1px; /* fix IE issue */
    left: 0;
    /* hide it by default */
    display: none;
    /* opacity setting */
/*    filter: alpha( opacity = 70); /* ie  */
/* 	-moz-opacity: 0.7; /* old mozilla browser like netscape  */
/* 	-khtml-opacity: 0.7; /* for really really old safari */
opacity: 0.7; /* css standard, currently it works in most modern browsers like firefox,  */
}

.referenties .caption a {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    padding: 3px;
    display: block;
}

.referenties img {
    border: 0;
    position: absolute;
}

.team {
    width: 206px;
    height: 150px;
    border: 2px solid #bdf0f6;
    margin: 3px 3px 20px 3px;
    background: #ffffff;
    /* required to hide the image after resized */
    overflow: hidden;
    /* for child absolute position */
    position: relative;
    /* display div in line */
    float: left;
}

.team .tcaption {
    width: 206px;
    height: 20px;
    background: #0fabd9;
    color: #fff;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
    font-size: 11px;
    /* fix it at the bottom */
    position: absolute;
    bottom: -1px; /* fix IE issue */
    left: 0;
    /* hide it by default */
    display: none;
    /* opacity setting */
/*   filter: alpha( opacity = 85); /* ie  */
/* 	-moz-opacity: 0.85; /* old mozilla browser like netscape  */
/* 	-khtml-opacity: 0.85; /* for really really old safari */
	opacity: 0.85; /* css standard, currently it works in most modern browsers like firefox,  */
}

.team .tcaption a {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    padding-left: 3px;
    padding-top: 2px;
    display: block;
}

.team img {
    border: 0;
    position: absolute;
}

/* Sidebar */
#sidebar {
    list-style-type: none;
    padding-left: 15px;
}

#sidebar h2 {
    padding: 5px 25px 10px 0px;
	text-align: left;
}

/* CONTACT PAGINA */
form {
    margin-left: 25px;
}

.maptext {
	font-family: Verdana, Tahoma, Calibri, Geneva, Sans-serif;
    font-size: 12px;
    color: #222222;
    border: 0 none;
	width: 265px;
	height: 22px;
	padding: 3px 8px 4px 8px;
	margin-left: 7px;
    background: transparent url(images/input-back.png) no-repeat scroll left top;
}

.maptext:hover {
    background: transparent url(images/input-back-hover.png) no-repeat scroll left top;
}

.mapsubmit {
    background: transparent url(images/send.png) no-repeat scroll left top;
    color: #222222;
	width: 80px;
	height: 22px;
	margin-left: 7px;
	padding-bottom: 2px;
    border: 0 none;
}

.mapsubmit:hover {
    background: transparent url(images/send-hover.png) no-repeat scroll left top;
}

.mapsubmit:active {
    background: transparent url(images/send-active.png) no-repeat scroll left top;
}

.MapInfoWindow {
    font-size: 12px;
}

.Thumb {
    border: 1px solid #0fc7de;
}

.tableHeader * {
    background-color: #1948ee;
    color: #ffffff;
    font-weight: bold;
}

.infoBox {
    border: 1px solid #0fc7de;
    padding: 10px;
    display: none;
}

/* Pull quots */
.bqstart {
    float: left;
    font-family: Georgia;
    font-size: 300%;
    height: 45px;
    margin-left: -2px;
    margin-top: 25px;
    color: #ff960f;
}

.bqend {
    float: right;
    font-family: Georgia;
    font-size: 300%;
    height: 20px;
    margin-top: -15px;
    margin-right: 70px;
    color: #ff960f;
}


.bqendzo {
    float: right;
    font-family: Georgia;
    font-size: 300%;
    height: 20px;
    margin-top: -11px;
    margin-right: -5px;
    color: #ff960f;
}

/* SLIDER */
.slider-wrap {
    width: 870px;
    position: relative;
    top: 3px;
    left: 27px;
	margin-bottom: 60px;
}

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 10px 0 10px;
}

.stripViewer {
    position: relative;
    overflow: hidden;
    width: 868px;
    height: 435px;
}

.stripViewer img {
    border: 1px solid #0fabd9;
}

.stripViewer .panelContainer {
    position: relative;
    left: 0;
    top: 0;
}

.stripViewer .panelContainer .panel {
    float: left;
    height: 100%;
    position: relative;
    width: 868px;
}

.stripNavL, .stripNavR, .stripNav {
    display: none;
}

.nav-thumb {
    border: 1px solid #0fabd9;
    margin-right: 5px;
}

#movers-row {
    margin: 10px 0 0 -12px;
	padding-bottom: 15px;
}

#movers-row div {
    width: 88px;
    float: left;
}

#movers-row div a.cross-link {
    float: right;
}

#moverfirst {
    margin: 22px 0 0 25px;
}

.photo-meta-data {
    background: url(images/transback.png);
	width: 585px;
	padding: 7px;
    height: 40px;
    margin: -75px 1px 0 1px;
	position: relative;
    z-index: 9999;
    color: #222222;
    font-weight: bold;
}

.photo-meta-data span {
    font-size: 13px;
    font-weight: normal;
}

.cross-link {
    display: block;
    width: 75px;
    margin-top: -10px;
	margin-left: -25px;
    position: relative;
    padding-top: 15px;
    z-index: 9999;
}

.active-thumb {
	background: transparent url(images/thumb-active.png) top center no-repeat;
}

/* Apple style menu */
#dock {
    position: relative;
    top: 35px;
    min-height: 80px;
    padding-bottom: 20px;
    margin-left: -17px;
}

.dock-container {
    position: relative;
    top: 40px;
    height: 40px;
    padding-left: 0px;
}

a.dock-item {
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    color: #21b620;
}

.dock-item span {
    display: none;
    margin-left: -24px;
    width: 210px;
    text-align: center;
}

.dock-item img {
    border: 0;
    margin: -1px 10px 0px;
    width: 100%;
}

/* Grafiek */
#placeholder {
	width:862px;
	height:340px;
	background: transparent;
	margin-left: 22px;
}

#choices {
	background: transparent;
	margin-left: 6px;
}

#directsolliciteren {
	position: relative;
	left: 15px;
}

.wrappertekst {
	position: relative;
	float: right;
	top: -441px;
	width: 264px;
}

.wrappertekst p {
	padding: 5px 5px 5px 12px;
	font-size: 11px;
}

.wrappertekst ul li {
	font-size: 11px;
	margin: -5px 0px -5px 15px;
	margin-bottom: 1px;
	padding-left: 8px !important;
}

.wrappertekst h4 {
    padding: 7px 5px 5px 12px;
}


.slider-wrap2 {
    width: 870px;
    position: relative;
    top: 3px;
    left: 27px;
	margin-bottom: 60px;
}


#videoContainer-1 {
    position: relative;
	top: 8px;
	left: 25px;
	margin-bottom: 16px;
}

div.pro-player-container {
    position: relative;
	top: -4px;
	left: 25px;
	margin-bottom: 0px;
}