body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*************************/
/* Tags
/*************************/

html{
    height: 100%;
    margin-bottom: 1px;
}

body{
    background-color: #ffd107;
    color:#000;
    font-family: "Trebuchet MS";
    font-size: 12px;
}

strong{
    font-weight: bold;
}

  a
, a:link
, a:active
, a:visited{
    color: #000;
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
}

em{
    font-style: italic;
}

h1 {
    color:#000!important;
    font-weight: bold;
    font-size: 35px;
    margin-left: 25px;
}

h2{
    color:#000!important;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

p{
    margin-bottom: 30px;
}

ul{
    margin-left: 30px;
}

li{
    padding-left: 7px;
    list-style-type: disc;
    padding-top: 3px;
    padding-bottom: 3px;
}


/*************************/
/* Common classes
/*************************/

.bg img{
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 100%;
}

#main_bg{
    height: 100%;    
}

.warning{
    color: red;
    font-weight: bold;
}

.line{
    position: relative;
    z-index: 3;
    width: 1000px;
    height: 13px;    
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/_common/hr.png);
}

.yellowbird_logo a{
    position: absolute;
    z-index: 10;
    top: 35px;
    left: 50%;
    margin-left: 100px;
    width: 350px;
    height: 78px;
    background-image: url(/images/_common/yellowbird_logo.png);
    background-repeat: no-repeat;
}

.readcomments{
    position: relative;
    font-size: 18px;
    margin-bottom: 30px;
}

  .big_yellow_button a
, .big_yellow_button a:link
, .big_yellow_button a:active
, .big_yellow_button a:visited{
    width: 268px;
    height: 198px;
    background-image: url(/images/_common/big_yellow_button.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    text-decoration: none;
    padding: 30px;
    
}

.big_yellow_button a:hover{
    background-position: 0px -258px;
}

.underline{
    text-decoration: underline;
}

.big_yellow_button h2{
    padding-top: 0px;
    margin-top: -5px;
    margin-bottom: 4px;
}

.large{
    font-size: 15px;
    font-weight: bold;
}

.error{
    color: red;
}

.big_yellow_button {
    position: relative;
}

span.readmore {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

/*---------*/
/* Flags
/*---------*/

.flags{
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 406px;
    width: 48px;
    z-index: 3;
    text-align: right;
    display: none;
}

  .flag_nl
, .flag_en{
    position: relative;
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 16px;
    margin-left: 6px;
    height: 11px;
    background-position: 0px -11px;
}
/*
2px border ipv 1

  .flag_nl:hover
, .flag_en:hover{
    background-position: 0px -11px;
    border: 2px solid #000;
    margin-top: -2px;
    margin-left: 4px;
    margin-right: -2px;
}
*/

  .flag_nl:hover
, .flag_en:hover{
    background-position: 0px -11px;
    border: 1px solid #000;
    margin-top: -1px;
    margin-left: 5px;
    margin-right: -1px;
}

.flag_nl{
    background-image: url(/images/_common/flag_nl.gif);
}

.flag_en{
    background-image: url(/images/_common/flag_en.gif);
}


/*************************/
/* Footer
/*************************/

#menu_line{
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -500px;
    margin-top: 20px;
}

.footer_txt{
    position: relative;
    z-index: 3;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.copyright_notice{
    position: absolute;
    left: 25px;
}

#copyright_homepage
{
    text-align:center;   
}

/*************************/
/* Homepage
/*************************/

.homepage_content_container{
    position: relative;
    z-index: 2;
    width: 900px;
    
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    margin-bottom: -40px;
    outline: none;
}

#yellowbird_intro {
    height: 385px;
    outline: none;
}



.flash_intro{
    position: relative;
    margin-left: auto;
    margin-right: auto;      
    width: 900px;
    height: 385px;
}
/*  Launch                              */
#launch {
    /*background: url(/images/homepage/launch.png) no-repeat top left;*/
    padding-top: 420px;
    
    position: relative;
    width: 900px;
}
#launch div {
    float: left;
    height: 260px;
    width: 298px;
}
#switcher {
    position: absolute;
    top: -8px;
    right: 100px;
    
    float:none!important;
    height: 160px!important;
    width: 330px!important;
}
#count_down {
    position: absolute;
    top: 334px;
    right: 43px;
    
    color: #fed007;
    float:none!important;
    height: 50px!important;
    text-align: center;
    width: 80px!important;
}
#count_down p {
    color: #fed007;
    font-size: 20px;
    font-weight: bold;
}
#col_left h2, #col_mid h2 {
    margin-bottom: 11px;
}
#col_left img {
    margin-top: 4px;
}
#col_mid form input, #col_right form input  {
    background: url(/images/homepage/input.png) no-repeat top left;
    border: none;
    margin: 2px 0 2px -1px;
    padding: 3px 7px;
    width: 250px;
}
#col_mid div, #col_right div {
    float: none!important;
    height: auto!important;
    width: auto!important;
}
#col_mid div.required {
    color: #000;
}
input.submit_btn {
    background: url(/images/homepage/send.png) no-repeat top right!important;
    cursor: pointer;
    float: right;
    height: 50px;
    margin: 0!important;
    margin-right: 25px!important;
    margin-top: 6px!important;
    text-indent: -999em;
    width: 100px!important;
}

/*  col right */
#col_right {
    background: url(/images/homepage/col_right.png) no-repeat top center;
    padding: 20px;
    height: 290px!important;
    width: 260px!important;
    
    position: relative;
}

#col_right h2 {
    background: url(/images/homepage/newsletter.png) no-repeat top center;
    height: 110px;
    width: 258px;
}

#col_right p {
    margin-bottom: 10px;
}

#col_right p.top {
    text-align: center;
}

#col_right h2 span {
    display: none;
}

#col_right input {
    width: 235px!important;
}

#col_right input.submit_btn {
    margin-right: 0px!important;
    margin-top: 0px!important;
    
    position: absolute;
    bottom: 9px;
    right: 20px;
}

#contact_form div.required {
    margin-bottom: 0;
}

#mc_embed_signup br {
    display: none;
}

#launch:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*  Menu homepage                       */

.menu_homepage_container{
    position: relative;
    margin-top: 30px;
    width: 735px;
    margin-left: auto;
    margin-right: auto;   
}

  .menu_homepage_container div a
, .menu_homepage_container div a:link
, .menu_homepage_container div a:active
, .menu_homepage_container div a:visited{
    position: relative;
    background-image: url(/images/homepage/menu_en.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 67px;
    display: block;
    width: 132px;
    margin-right: 15px;
    float: left;
    overflow: hidden;
    text-indent: -5000px;
}

#menu_homepage_news a{
    background-position: 0px 0px;
}

#menu_homepage_news a:hover{
    background-position: 0px -67px;
}

#menu_homepage_demo a{
    background-position: -132px 0px;
}

#menu_homepage_demo a:hover{
    background-position: -132px -67px;
}

#menu_homepage_applications a{
    display: none;
    background-position: -264px 0px;
}

#menu_homepage_applications a:hover{
    background-position: -264px -67px;
}

#menu_homepage_technology a{
    background-position: -396px 0px;
}

#menu_homepage_technology a:hover{
    background-position: -396px -67px;
}

#menu_homepage_about_yb a{
    background-position: -528px 0px;
}

#menu_homepage_about_yb a:hover{
    background-position: -528px -67px;
}

#menu_homepage_contact a{
    background-position: -924px 0px;
}

#menu_homepage_contact a:hover{
    background-position: -924px -67px;
}

#menu_homepage_user_comments a{
    background-position: -792px 0px;
}

#menu_homepage_user_comments a:hover{
    background-position: -792px -67px;
}

.menu_homepage_container div.last_element a{
    margin-right: 0px;
}

.menu_bottom_space{
    clear: both;
    position: relative;
    z-index: 3;
    display: block;
    width: 10px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.homepage_latest_news{
    font-size: 16px;
    text-align: center;
    width: 900px;
}

#homepage_bottom_line{
    margin-top: 70px;
    margin-bottom: 5px;
}

#homepage_top_line {
    margin-top: 40px;
    
    position: relative;
    left: -55px;
}


/*************************/
/* Sub sections
/*************************/

.sub_top_spacer{
    position: relative;
    z-index: 2;    
    width: 900px;
    height: 175px;
}

.sub_content_container{
    position: relative;
    z-index: 2;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.sub_content{
    position: relative;
    width: 850px;
    margin-left: 25px;
    margin-top: 20px;
}

.submenu_right{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: bold;
    width: 133px;
    border-bottom: 1px solid #000;
    text-align: right;
}

.submenu_right a{
    text-decoration: none;
}

.submenu_right a:hover{
    text-decoration: underline;
}

#submenu_tech {
    position: absolute;
    top: 0;
    right: 0;
}

/*---------*/
/* Menu top
/*---------*/

.menu_top_container{
    position: absolute;
    z-index: 10;
    top: 110px;
    left: 50%;
    margin-left: -434px; /* 425 + 10 -1 */
    font-size: 16px;
    font-weight: bold;
    width: 502px;
}


  .menu_top_demo a
, .menu_top_user_comments a
, .menu_top_technology a
, .menu_top_about_yb a
, .menu_top_contact a
, .menu_top_demo_active a
, .menu_top_user_comments_active a
, .menu_top_technology_active a
, .menu_top_about_yb_active a
, .menu_top_contact_active a
, .menu_top_news a
, .menu_top_news_active a
{
    position: relative;
    z-index: 5;
    background-image: url(/images/_common/menu_en.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 16px;
    display: block;
    float: left;
    overflow: hidden;   
    text-indent: -5000px;
}

/* Demo
/*---------*/
  .menu_top_news a
, .menu_top_news_active a{
    margin-left:10px;
    width: 55px;
}

.menu_top_news a{
    background-position: 0px 0px;
}

.menu_top_news a:hover
, .menu_top_news a.active
{
    background-position: 0px -16px;
}

  .menu_top_news_active a
, .menu_top_news_active a:hover{
    background-position: 0px -16px;
}

/* Demo
/*---------*/
  .menu_top_demo a
, .menu_top_demo_active a{
    width: 86px;
}

.menu_top_demo a{
    background-position: -51px 0px;
}

.menu_top_demo a:hover
, .menu_top_demo a.active
{
    background-position: -51px -16px;
}

  .menu_top_demo_active a
, .menu_top_demo_active a:hover{
    background-position: -51px -16px;
}

/* User comments
/*---------*/
  .menu_top_user_comments a
, .menu_top_user_comments_active a{
    width: 108px;
}

.menu_top_user_comments a{
    background-position: -138px 0px;
}

.menu_top_user_comments a:hover
, .menu_top_user_comments a.active
{
    background-position: -138px -16px;
}

  .menu_top_user_comments_active a
, .menu_top_user_comments_active a:hover{
    background-position: -138px -16px;
}

/* Technology
/*---------*/
  .menu_top_technology a
, .menu_top_technology_active a{
    width: 90px;
}

.menu_top_technology a{
    background-position: -245px 0px;
}

.menu_top_technology a:hover
, .menu_top_technology a.active
{
    background-position: -245px -16px;
}

  .menu_top_technology_active a
, .menu_top_technology_active a:hover{
    background-position: -245px -16px;
}

/* About YB
/*---------*/
  .menu_top_about_yb a
, .menu_top_about_yb_active a{
    width: 54px;
}

.menu_top_about_yb a{
    background-position: -335px 0px;
}

.menu_top_about_yb a:hover
, .menu_top_about_yb a.active
{
    background-position: -335px -16px;
}

  .menu_top_about_yb_active a
, .menu_top_about_yb_active a:hover{
    background-position: -335px -16px;
}

#about_content
{
    height:580px;
}

/* Contact
/*---------*/
  .menu_top_contact a
, .menu_top_contact_active a{
    width: 64px;
}

.menu_top_contact a{
    background-position: -667px 0px;
}

.menu_top_contact a:hover
, .menu_top_contact a.active
{
    background-position: -667px -16px;
}

  .menu_top_contact_active a
, .menu_top_contact_active a:hover{
    background-position: -667px -16px;
}

/*---------*/
/* Titels
/*---------*/
/*
  .title_demo
, .title_user_comments
, .title_technology
, .title_about_yb
, .title_contact
, .title_corp_story
, .title_jobs
{
    position: absolute;
    z-index: 3;
    left: 25px;
    height: 53px;
    background-repeat: no-repeat;
    background-image: url(/images/_common/titles.png);
    text-indent: -5000px;
}

.title_demo{
    width: 90px;
    background-position: 0px 0px;
}

.title_user_comments{
    width: 244px;
    background-position: -90px 0px;
    margin-bottom: 10px;
}

.title_technology{
    width: 183px;
    background-position: -334px 0px;
}

.title_about_yb{
    width: 273px;
    background-position: -517px 0px;
}

.title_contact{
    width: 118px;
    background-position: -790px 0px;
}

.title_corp_story{
    width: 248px;
    background-position: -908px 0px;
}

.title_jobs{
    width: 100px;
    background-position: -1162px 0px;
} 
*/

/*************************/
/* Demo
/*************************/

#demo_content{
    height: 660px;
}

.demo_player{
    position: absolute;
    left: 25px;
    top: 70px;
    width: 630px;
    height: 380px;
    background-color: #000;
}

.demo_txt{
    position: absolute;
    z-index: 100;
    background: url(/images/demo/txt_demo.png) no-repeat top center;
    left: 0px;
    top: 150px;
    width: 297px;
    height: 431px;
}

.demo_sub_txt{
    position: absolute;
    top: 342px;
    left: 25px; 
    width: 425px;
}

.demo_content
{
    position:absolute;
    top:158px;
    left:348px;
    
    width: 280px;
}

/*************************/
/* YB player
/*************************/

.videoDiv{
    z-index:700;
}
.yellowBirdDiv{
    position:absolute;
    background-color:#000000;
    width:425;
    height:262;
}

#yellowBird{
    z-index: 700;
    position: absolute;
}


/*************************/
/* User Comments
/*************************/

.tweets_container{
    margin-top: 25px;
}

.tweet{
    clear: both;
    height: 80px;
}

.tweet_user{
    float: left;
    width: 63px;
}

.tweet_msg{
    float: left;
    width: 550px;
    margin-right: 30px;
}

.tweet_view{
    
}

/*************************/
/* Technology
/*************************/

#technology_content {
    height: 570px;
}

#jobs_content
{
    height: 380px;
}

.buttons_container{
    position: relative;
}

  #button1 a
, #button2 a
, #button3 a
, #button4 a{
    position: absolute;
}

#button1 a{
    top: 10px;
    left: 0px;
}

#button2 a{
    top: 10px;
    left: 370px;
}

#button3 a{
    top: 302px;
    left: 0px;
}

#button4 a{
    top: 302px;
    left: 370px;
}

#image_sidebar {
    margin-top: 7px;
}

  #menu_tech_camera a
, #menu_tech_studio a
, #menu_tech_player a
, #menu_tech_hosting a
, #menu_about_corp a
, #menu_about_contact a
, #menu_jobs a
{
    display: block;
    height: 16px;
    background-image: url(/images/technology/submenu_technology.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -5000px;
}

#menu_about_corp a
, #menu_about_contact a
, #menu_jobs a
{
    background-image: url(/images/about_yb/submenu_about_yb.png);
}

#menu_products_360 a
, #menu_products_rich a
, #menu_products_live a
, #menu_products_tech a
{
    background: url(/images/products/submenu_products.png) no-repeat 0 0;
    display: block;
    height: 16px;
    text-indent: -5000px;
}

#menu_comm_who a
, #menu_comm_how a
, #menu_comm_what a
, #menu_comm_faq a
{
    background: url(/images/commitment/submenu_commitment.png) no-repeat 0 0;
    display: block;
    height: 16px;
    text-indent: -5000px;
}

#menu_tech_camera a{
    width: 132px;
    background-position: 0px 0px;
    margin-left: 1px;
}

#menu_tech_camera a:hover
, #menu_tech_camera a.active
{
    background-position: 0px -16px;
}

#menu_tech_studio a{
    width: 122px;
    background-position: -132px 0px;
    margin-left: 10px;
}

#menu_tech_studio a:hover
, #menu_tech_studio a.active
{
    background-position: -132px -16px;
}

#menu_tech_player a{
    width: 125px;
    background-position: -254px 0px;
    margin-left: 8px;
}

#menu_tech_player a:hover
, #menu_tech_player a.active
{
    background-position: -254px -16px;
}

#menu_tech_hosting a{
    width: 134px;
    background-position: -382px 0px;
    margin-left: -1px;
}

#menu_tech_hosting a:hover
, #menu_tech_hosting a.active
{
    background-position: -382px -16px;
}

#menu_about_corp a
{
    width: 109px;
    background-position: 0px 0px;
    margin-left: 23px;
}

#menu_about_corp a:hover, #menu_about_corp a.active
{
    background-position: 0px -16px;
}

#menu_about_contact a
{
    width: 53px;
    background-position: -109px 0px;
    margin-left: 79px;
}

#menu_about_contact a:hover, #menu_about_contact a.active
{
    background-position: -109px -16px;
}

#menu_jobs a
{
    width: 34px;
    background-position: -162px 0px;
    margin-left: 96px;
}

#menu_jobs a:hover, #menu_jobs a.active
{
    background-position: -162px -16px;
}

/*  Products submenu */
#menu_products_360 a
{
    width: 79px;
    background-position: 0px 0px;
    margin-left: 55px;
}

#menu_products_360 a:hover, #menu_products_360 a.active
{
    background-position: 0px -16px;
}

#menu_products_rich a
{
    width: 79px;
    background-position: -83px 0px;
    margin-left: 55px;
}

#menu_products_rich a:hover, #menu_products_rich a.active
{
    background-position: -83px -16px;
}

#menu_products_live a
{
    width: 29px;
    background-position: -165px 0px;
    margin-left: 104px;
}

#menu_products_live a:hover, #menu_products_live a.active
{
    background-position: -165px -16px;
}

#menu_products_tech a
{
    width: 82px;
    background-position: -198px 0px;
    margin-left: 51px;
}

#menu_products_tech a:hover, #menu_products_tech a.active
{
    background-position: -198px -16px;
}

/*  Commitment submenu */
/*  Products submenu */
#menu_comm_who a
{
    width: 88px;
    background-position: 0px 0px;
    margin-left: 45px;
}

#menu_comm_who a:hover, #menu_comm_who a.active
{
    background-position: 0px -16px;
}

#menu_comm_how a
{
    width: 103px;
    background-position: -86px 0px;
    margin-left: 28px;
}

#menu_comm_how a:hover, #menu_comm_how a.active
{
    background-position: -86px -16px;
}

#menu_comm_what a
{
    width: 100px;
    background-position: -190px 0px;
    margin-left: 32px;
}

#menu_comm_what a:hover, #menu_comm_what a.active
{
    background-position: -190px -16px;
}

#menu_comm_faq a
{
    width: 45px;
    background-position: -288px 0px;
    margin-left: 88px;
}

#menu_comm_faq a:hover, #menu_comm_faq a.active
{
    background-position: -288px -16px;
}

/*************************/
/* About YB
/*************************/

#about_yb_content{
    
}

  .sub_column1_3
, .sub_column2_3{
    float: left;
    width: 330px;
}

.sub_column1_3{
    margin-right: 35px;
}
 
.sub_column2_3{
     margin-right: 22px;
     margin-top: 7px;  
}

#sub_column2_about_yb{
    padding-top: 27px;
}

.sub_column3_3{
    float: left;
}

/*************************/
/* Contact
/*************************/

#contact_content{
    
}

input{
    width: 278px;
    background-color: #ffd107;
    height: 18px;
    border: 1px solid #000;
    font-family: monospace;
    padding-top: 2px;
    padding-left: 2px;
}

#contact_form .submit_button{
    margin-left: 188px;
    margin-top: -10px;
}

.sub_column2_3 h2{
    padding-top: 0px;
}

#contact_form div{
    margin-top: 10px;
    margin-bottom: 10px;
}

.required{
    padding-left: 5px;
    color: #000;
}

#contact_form #message{
    width: 280px;
    background-color: #ffd107;
    height: 160px;
    border: 1px solid #000;
    font-family: monospace;
    padding-top: 2px;
    float: left;
}

/*  Error 404   */
.error404
{
     padding-left:  50px;
}
#content_404
{
    width:          500px;
}
#content_404 h1
{
    background:     url(/images/_common/title_page_not_found.png) no-repeat top left;
    height:         40px;
    margin-bottom:  1.4em;
    margin-left:    0;
}
#content_404 h1 span
{
    position:       absolute;
    top:            -999em;
}
#content_404 p
{
    margin-bottom:  1em;
}
#content_404 ul
{
    margin-left:    1.1em;
}
#content_404 li
{
    list-style-type:     square;
}

/*  Footer & */
#facebook, #twitter, #linkedin
{
    display:block;
    float: left;
    height: 30px;
    margin-right: 22px;
    margin-top: 6px;
    padding-top: 45px;
    text-align:center;
    width: 52px;
}

#facebook
{
    background: url(/images/_common/facebook_up.png) no-repeat top center;
}
div.homepage #facebook
{
    margin-left: 348px;
}
#facebook:hover
{
    background: url(/images/_common/facebook_over.png) no-repeat top center;
}

#twitter
{
    background: url(/images/_common/twitter_up.png) no-repeat top center;
}
#twitter:hover
{
    background: url(/images/_common/twitter_over.png) no-repeat top center;
}

#linkedin
{
    background: url(/images/_common/linkedin_up.png) no-repeat top center;
}
#linkedin:hover
{
    background: url(/images/_common/linkedin_over.png) no-repeat top center;
}

div.footer_txt br
{
    clear:both;
}

/* Jobs */
.jobs .sub_column2_3
{
    margin-top:-12px;
}

h2.job_title span
{
    position:absolute;
    top:-999em;
}

#flash_developer
{
    background:url(/images/about_yb/job_flash_flex_developer.png) no-repeat top left;
    
    height:78px;
    margin-top:0px;
    margin-bottom:12px;
}

.jobs h3
{
    font-size: 12px;
    font-weight:bold;
    margin-top:12px;
    padding-top:0;
}

.jobs ul
{
    margin-left:12px;
}

.jobs ul li
{
    list-style-type:square;
    margin-bottom:0;
    padding-bottom:0;
}