@charset "UTF-8";
/* CSS Document */

body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
}

#container{
	position:absolute;
	width:970px;
	height:250px;
	top:0px;
	left:0px;
	margin:auto;
	overflow: hidden
}

#border{
	position:absolute;
	width:968px;
	height:247px;
	top:0px;
	left:0px;
	border:1px solid #000;
	z-index:500;

}

/* Collapse Content*/
#collapsed {
	position: absolute;
	top: 0px;
	right:0px;
	width:968px;
	height:31px;
	background-image: url('MSN_HTML5_Billboard_Video_Background_970x31.jpg');
	border:1px solid #FFF;
	z-index:100;
	display:none;
}

#expand_btn{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	cursor: pointer;
	z-index:200;
}

/* Video Content*/
#videoContent{
	position: absolute;
	width: 598px;
	height: 246px;
	top: 0px;
	right: 2px;
	background-color: #000;
	

}

.dc_vc{
	position: absolute;
	width: 20px;
	height: 18px;
	z-index: 500;
}

#bigPlay{
	background-image: url('play_button.png');
	position: absolute;
	width: 31px;
	height: 41px;
	top: 94px;
	left: 682px;
	z-index: 500;
	cursor: pointer;
	display: none;
	z-index: 900;
}

#btnPlay{
	background-image: url('Play.png');
	top: 220px;
	left: 405px;
	display: none;
	cursor: pointer;
	z-index: 900;
}

#btnPause{
	background-image: url('Pause.png');
	top: 220px;
	left: 405px;
	display: none;
	cursor: pointer;
	z-index: 900;
}

#btnMute{
	background-image: url('Unmute.png');
	top: 220px;
	left: 430px;
	display: none;
	cursor: pointer;
	z-index: 900;
}

#btnUnmute{
	background-image: url('Mute.png');
	top: 220px;
	left: 430px;
	display: none;
	cursor: pointer;
	z-index: 900;
}

#btnStop{
	background-image: url('Stop.png');
	top: 220px;
	left: 60px;
	display: none;
	cursor: pointer;
	z-index: 900;
}

#btnReplay{
	background-image: url('replay.png');
	position: absolute;
	top: 220px;
	left: 405px;
	width: 20px;
	height: 18px;
	z-index: 900;
	display: none;
	cursor: pointer;
}


/* Expanded Content*/
#expanded{
	position:absolute;
	top:-1000px;
	left:0px;
	width:968px;
	height:248px;

	z-index:300;
}

#dc_logo{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 152px;
	height: 36px;
	background-image: url('dc_logo.jpg');
}

#exit_btn{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	cursor:pointer;
	z-index:800;
}

#close_btn{
	position:absolute;
	top:5px;
	right:5px;
	width:79px;
	height:23px;
	cursor:pointer;
	background-color:transparent;
	z-index:900;
}

#driehoekBg {
  position: absolute;
  width: 520px;
  height: 250px;
  top: 0px;
  left: 0px;
  background-image: url("driehoekBg.png");

}

#deNieuweOutlander {
  position: absolute;
  left: 35px;
  top: 50px;
}

#subline {
  position: absolute;
  left: 35px;
  top: 123px;
}


#bijtelling {
  position: absolute;
  left: 0;
  top: 165px;
}

#bijzin {
  position: absolute;
  left: 36px;
  top: 128px;
  width: 341px;
  height: 14px;
  color: #787878;
  font-family: DIN;
  font-size: 17px;
  font-weight: 400;
  line-height: 62px;
  text-transform: uppercase;
}

#logo {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width:93px;
  height:159px;
}