html { overflow-y: scroll; }

body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	text-align: center;
}

#Wrapper {
	width: 900px;
	text-align: left;
   	margin-left: auto;
   	margin-right: auto;
}

#Header {
	width:880px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#Logo {
	float: left;
	width: 440px;
	padding-bottom: 6px;
}

#LogoPlacer {
	float: left;
	width: 70px;
}

#FaderPlacer {
	float: left;
	width: 240px;
	padding-top: 50px;
}

#TopNavigation {
	float: left;
	width: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-align:right;
	padding-top:50px;
	color: #333;
	word-spacing:15px;
}

.Payoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#flashsplash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

#flashlogos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

.NavLink:link, .NavLink:visited {
	color: #333;
	text-decoration: none;
}

.NavLink:hover, .NavLink:active {
	color: #ff8a00;
	text-decoration: none;
}

#SplashScreen {
	clear: both;
	width: 900px;
	padding-top: 10px;
}

#IntroText {
	float: left;
	width: 410px;
	padding: 20px;
	background-image:url(../splash/rb2-green-back.jpg);
	background-color:#85ac21;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: 22px;
}

#PortfolioRotator {
	float: left;
	width: 450px;
}

.SeperatorHeader {
	clear: both;
	width: 900px;
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #999999;
}

.Seperator {
	clear: both;
	width: 900px;
	margin: 0px;
	padding: 0px;
	height: 11px;
	border-bottom: 1px solid #999999;
}

.SeperatorFooter {
	clear: both;
	width: 900px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	height: 7px;
	border-bottom: 1px solid #999999;
}

.SeperatorFooterPortfolio {
	clear: both;
	width: 900px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	height: 7px;
	border-bottom: 1px solid #999999;
}

#NewsTitle {
	padding-top:6px;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#News {
	width: 880px;
	padding-top: 10px;
	padding-left: 10px;
	height: 100px;
}

#NewsItem1 {
	float: left;
	width: 308px;
}

#NewsItem2 {
	float: left;
	width: 308px;
}

#NewsItem3 {
	float: left;
	width: 263px;
}

.NewsDate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	line-height: 18px;
}

.NewsDateColor {
	color: #666666;
}

.NewsText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#TitleContainer {
	padding-top: 6px;
	padding-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 880px;
}

#RecentWorkTitle {
	clear: both;
	float: left;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#PartnersTitle {
	float: left;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-align: right;
}

#RecentWorkPartners {
	padding-left: 10px;
	padding-right: 10px;
	width: 880px;
}

#RecentWorkContainer {
	float: left;
	width: 720px;
}

#RecentWork1 {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#RecentWork2 {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#RecentWork3 {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.ThumbDiv {

}

.Thumb:hover {
	border-right: 5px solid #ff8a00;
}

.OrangeArrow:link, .OrangeArrow:visited {
	color: #ff8a00;
	text-decoration: none;
}

.OrangeArrow:hover, .OrangeArrow:active {
	color: #ff8a00;
	text-decoration: underline;
}

.GreenLink:link, .GreenLink:visited {
	color: #84ab20;
	text-decoration: underline;
}

.GreenLink:hover, .GreenLink:active {
	color: #84ab20;
	text-decoration: none;
}

.RWTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	line-height: 18px;
}

.RecentWorkText {
	padding-top: 10px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

#PartnersContainer {
	float: left;
	width: 160px;
}

#PartnerLogos {
	height: 100px;
	padding-top: 10px;
	float: right;
}

#References {
	text-align: right;
}

#Content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

#Footer {
	clear: both;
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
}

.FooterLinks:link, .FooterLinks:visited {
	color: #666666;
	text-decoration: none;
}

.FooterLinks:hover, .FooterLinks:active {
	color: #666666;
	text-decoration: underline;
}

.SitemapLinks:link, .SitemapLinks:visited {
	color: #666666;
	text-decoration: none;
}

.SitemapLinks:hover, .SitemapLinks:active {
	color: #666666;
	text-decoration: underline;
}

#Copy {
	float: left;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#W3C {
	float: left;
	width: 160px;
	text-align: right;
	padding-top: 5px;
}

/*==============Other pages============*/

#WrapperText {
	width: 900px;
	text-align: left;
   	margin-left: auto;
   	margin-right: auto;
}

#WrapperDisclaimer {
	padding-left: 10px;
	padding-right: 10px;
	width: 880px;
}

#DisclaimerTitle {
	clear: both;
	float: left;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#ContactTitle {
	float: left;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-align: left;
}

#SplitContainter {
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	width: 880px;
}

#TextContainer {
	float: left;
	width: 620px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#SplitSplitContainter {
	clear: both;
	width: 620px;
}

#TextContainerLeft {
	float: left;
	width: 260px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#TextContainerRight {
	float: left;
	width: 260px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#TextContainerAV {
	float: left;
	width: 620px;
	padding-top: 10px;
}

#AVtestArtikel1{
	text-align: left;
}

#AVLeftC {
	float: left;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#AVRightC {
	float: left;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#Filling100 {
	float: left;
	width: 100px;
}

#Filling90 {
	float: left;
	width: 90px;
}

.Filling20 {
	float: left;
	width: 20px;
}

#Filling50 {
	float: left;
	width: 50px;
}

#Filling5 {
	float: left;
	width: 5px;
}

#Filling10 {
	float: left;
	width: 10px;
}

#ContactContainer {
	float: left;
	width: 160px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

#AddressTop {

}

#DownloadBlock {
	background-color: #EEEEEE;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #c0c0c0;
}

#DownloadBlock2 {
	background-color: #EEEEEE;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #c0c0c0;
}

.SitemapTitle {
	font-weight: bold;
	padding-bottom: 2px;
	font-size: 12px;
	border-bottom: 1px dotted #cde99f;
	width: 190px;
}

.SitemapIndent {
	padding-left: 15px;
	padding-bottom: 10px;
}

#GoogleMapsTitle {
	float: left;
	width: 690px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#ContactContainerBig {
	float: left;
	width: 150px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

#GoogleContainer {
	float: left;
	width: 710px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}

#GoogleMap {
	float: left;
	width: 500px;
}

#GoogleRoute {
	float: left;
	width: 190px;
	text-align: left;
}

#ContactTitleMaps {
	float: left;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-align: left;
}

.dropdownbox {
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.inputboxgoogle {
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 15px;
	width: 262px;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #85ac21;
	color: #ffffff;
	font-weight: bold;
	height: 19px;
	border-top: 1px solid #85ac21;
	border-left: 1px solid #85ac21;
	border-right: 1px solid #85ac21;
	border-bottom: 1px solid #85ac21;
}

#PortfolioTitle {
	clear: both;
	float: left;
	width: 880px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#TextContainerPortfolio {
	width: 880px;
	padding-top: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

/*=========portfolio=========*/
.LogoPortfolio {
	border: 1px solid #CCCCCC;
}

a#rollover0
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/t-mobile.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover1
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/abnamro.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover2
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/eneco.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover3
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/menzis.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover4
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/ge.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover5
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/yarden.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover6
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/specialbite.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover7
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/pagango.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover8
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/oerbrood.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover9
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/ldd.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover10
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/meetingselect.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover11
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/chn.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover12
{
    display: block;
    width: 160px;
    height: 75px;
    background: url("../img/logos/logos_big/myleasecar.jpg") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}

a#rollover0 span, a#rollover1 span, a#rollover2 span, a#rollover3 span, a#rollover4 span, a#rollover5 span, a#rollover6 span, a#rollover7 span, a#rollover8 span, a#rollover9 span, a#rollover10 span, a#rollover11 span , a#rollover12 span  {	
	display: none
}

a#rollover0:hover, a#rollover1:hover, a#rollover2:hover, a#rollover3:hover, a#rollover4:hover, a#rollover5:hover, a#rollover6:hover, a#rollover7:hover, a#rollover8:hover, a#rollover9:hover, a#rollover10:hover, a#rollover11:hover , a#rollover12:hover
{ 
    
	background: url("../img/logos/logos_big/over.gif") no-repeat 0 0;
	border: 1px solid #CCCCCC;
}


/* Vacature float */

.vacaturefloat
{
	position: absolute;
	padding-top: 45px;
	padding-left: 345px;
}