/* CSS Document */

/* videoplayer */
#video_player{
	position: relative; z-index: 999;
	height: 320px; width: 560px;
	background: #000; margin: auto;
	margin-top: -248px;
}

/* div */
div#actie{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	z-index: 999;
	#fff;
}

div#vacatureholder{
	position:relative;
	width:200px;
	height: 400px;
	margin:auto;
}

div#vacature{
	position:absolute;
	left:400px;
	top:-690px;
}

div#brandbuilders{
	position:relative;
	height: 620px; width: 900px;
	margin: 50px auto;
	}
div#content{
	position:relative; float: left;
	width: 760px; height: 620px;
	margin: 0 auto;
	margin-left: -40px;
	}

div#header{
	position: relative; float: left;
	width: 180px; height: 330px;
	z-index: 999;
}

h1.logo{
	width: 180px; height: 30px; display: block; clear: both;
	/*background: url("images/brandbuilders.gif") no-repeat top;
	text-indent: -9999px;
	padding: 0px; margin: 0px 0px 20px 0px;*/
}

h1.logo-white{
	width: 180px; height: 30px; display: block; clear: both;
	background: url("images/brandbuilders-white.png") no-repeat top;
	text-indent: -9999px;
	padding: 0px; margin: 0px 0px 20px 0px;
}

div#nav{ 
	position:relative; clear: both;
	width: 180px; height: 300px;
	margin: 0px 0px 0px 0px;
	}
	
div#gesloten{
	position:absolute;
	float:left;
	top:670px;
	left:200px;
	}

div#gesloten1{
	position:absolute;
	float:left;
	top:260px;
	left:-155px;
	}
	
div#placeholder{
	width:200px;
	height:100px;
	position:relative;
}
div#jimmy{
	position:absolute;
	left:-30px;
	top:-120px;
}
#tencate{
	position: relative; z-index: 999;
	height: 250px; width: 250px;
	margin: -25px -30px 0px 0px;
}

.buggytour{
	position: relative; z-index: 999;
	height: 260px; width: 200px;
	margin: -60px 0px 0px 0px;
}

.puck{
	position: relative; z-index: 999;
	height: 228px; width: 261px;
	margin: -45px -61px 0px -31px;
}

.supremo{
	background: url(../images/home17/supremo.png)no-repeat;
	position: relative; z-index: -999;
	height: 400px; width: 490px;
	margin: -250px -320px 0px -270px;
}

div#stickie{
	position:absolute;
	left:0px;
	top:-80px;
}
div#stickie2{
	position:absolute;
	left:-80px;
	top:-120px;
}
div#regen{
	position:absolute;
	width:100%;
	height:100%;
}
div#butterfly{
	position:absolute;
	width:800px;
	height:200px;
	margin-left:-100px;
	margin-top:-200px;
}
div#blog{
	position:absolute;
	left:1500px;
	top:800px;
	width: 140px;
	height: 103px;
}
div#pasen{
	position:absolute;
	left:0px;
	top:-50px;
}
div#menuposition{
	position:absolute;
	top:143px;
	left:153px;
}
#menu li {
  float: left;
  padding: 0 7px;
}

#menu a {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  color: #666666;
  text-transform:uppercase;
}

#menu a:hover {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  color: #e3007b;
text-transform:uppercase;
}

#menu a.current {
  color: #e3007b;
}

/* submenu */
#menu ul ul {
    position: absolute;
    overflow: visible;
    visibility: visible;
    top: 35px;
    left: 447px;
    width: 500px;
    height: 30px;
    float: left;
    margin: 0;
    padding: 0;
}
#menu ul ul li a{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #F6F6F6;
    width: 140px;
    padding-left:0;
    padding-top:0;
    padding-right:40px;
    padding-bottom:9px;
    float: left;
}
#menu ul ul li a:hover{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #e3007b;
}

div#heien{
  position:absolute;
  left:280px;
  top:230px;
  width:200px;
  height:30px;
}
div#zagen{
  position:absolute;
  left:280px;
  top:290px;
  width:200px;
  height:30px;
}