@charset "UTF-8";
/* CSS Document */
/* Div layer for the entire banner. */

@font-face {
  font-family: 'LAveNexBold1';
  src: url('LAveNexBold1.eot?#iefix') format('embedded-opentype'),  url('LAveNexBold1.otf')  format('opentype'),
       url('LAveNexBold1.woff') format('woff'), url('LAveNexBold1.ttf')  format('truetype'), url('LAveNexBold1.svg#LAveNexBold1') format('svg');
  font-weight: normal;
  font-style: normal;
}

img {
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

{ padding:0; margin:0; list-style-type:none;}

#container {
  position: absolute;
  width: 970px;
  height: 250px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-image: url("bg.jpg");
  font-family: Arial;
}

#border {
  position: absolute;
  width: 968px;
  height: 248px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc; 
  z-index: 999;
}

#clicktag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  opacity: 0;
  z-index: 999;
}

#overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 998;
}

/* LEFT */

#left {
  position: absolute;
  width: 345px;
  height: 220px;
  left: 0px;
  padding-top: 30px;
}

#twitter {
  position: absolute;
  width: 289px;
  height: 170px;
  right: 24px;  

  overflow: hidden;
}

#tweetWrapper{
  width: 288px;
  
}

.row1{
  position: relative;
  width: 288px;
  background-color: #161617;
  border-top:1px dotted #404040;
  margin-bottom: 2px
  }

.row1 img{
    margin: 4px;
   width: auto;
   max-height: 42px;

}

.row2{
  position: relative;
  width: 288px;
  background-color: #000000;
  border-top:1px dotted #404040;
  margin-bottom: 2px
}

.row2 img{
    margin: 4px;
   width: auto;
   max-height: 42px;
}

.tweetText{
  position: absolute;
  width:230px;
  top:8px;
  left:54px;
  font-family: "verdana";
  font-size: 9px;
  color:#bcbcbc;
}

.tweetName{
  position: absolute;
  width:230px;
  height:10px;
  bottom:8px;
  left:54px;
  font-family: "verdana";
  font-size: 9px;
  color:#f6e215;
  /*clip: rect(0px 10px 10px 0px);*/

}

#cta {
  position: absolute;
  bottom: 19px;
  right: 24px;
  width: 289px;
  height: 23px;
  border: 1px solid #f6e215;
  text-align: right;
  z-index: 999;
}

#waarom {
  float: left;
  position: inherit;
  border: 0px;
  width: 188px;  
  height: 21px;
  background-color: #000;
  color: #bcbcbc;
  padding-left: 8px;
  font-size: 10px;
}

#verzenden {
  float: right;
  position: inherit;
  height: 23px;
  color: #161617;
  background-color: #f6e215;
  font-family: 'LAveNexBold1', Arial;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;  
  right: 9px;
  bottom: 19px;
  border: 0px; 
  padding-bottom: 5px;
}

#stappen {
  position: absolute;
  bottom: 4px;
  right: 24px;
  color: #f6e215;
  font-size: 10px;
}

/* MID */

#mid {
  position: absolute;
  width: 285px;
  height: 220px;
  left: 345px;
  padding-top: 30px;
}

#logo {
  position: absolute;
  left: 18px;
}

#payoff {
  position: absolute;
  width: 285px;
  height: 24px;
  bottom: 18px;
  color: #f2de15;
  font-family: 'LAveNexBold1', Arial;
  font-size: 14px;
padding-top: 7px;
  text-align: center;
  text-transform: uppercase;
  background-color: #161617;
}

#payoff > p {
  margin: 0px 0px 0px 0px;
}

/* RIGHT */

#right {
  position: absolute;
  width: 323px;
  height: 220px;
  right: 15px;
  padding-top: 30px;
}

#sluiten {
  position: absolute;
  top: 5px;
  right: 9px;
}

#video {
  position: absolute;
  right: 9px;
  width: 293px;
  height: 170px;
  border: 1px solid #f6e215;
}

#teller {
  position: absolute;
  height: 23px;
  color: #161617;
  background-color: #f6e215;
  font-family: 'LAveNexBold1', Arial;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;  
  right: 9px;
  bottom: 19px;
}

#teller > p {
  margin: 3px 10px 0px 10px;
}

#copyright {
  position: absolute;
  bottom: 1px;
  right: 9px;
}



#bb8 {
  position: relative;
  width:130px;
  height:230px;
  top: 100px;
  left: 240px;
  z-index: 9999;

}


#bb8Head {
  position: absolute;
  top: 0px;
  left: 35px;
}

#bb8Schaduw {
  position: absolute;
  top: 166px;
  left: 0px;
}

#bb8BodyWrapper {
    position: relative;
    top: 66px;
    left: 12px;
    width:108px;
    height:108px;
    
}

#bb8Body {
    position: absolute;
    top: 0px;
    left: 0px;
}

#bb8BodyBlur {
     position: absolute;
    top: 0px;
    left: 0px;
}

#bb8Motion {
     position: absolute;
    top: 65px;
    left: -70px;
}