/*remark: woff and ttf from local copy to bypass cross-domain restriction, svg probably not used*/
/*disable font Myriad Pro*/
/*disable eot files (only for IE)*/
/*visualisations are better in Arial, Studiedienst choose to use Arial, but can be easily replaced by Flanders later*/
/*
@font-face {
  font-family: "icons";
  src: url("font/icons.woff") format("woff"), url("font/icons.ttf") format("truetype"), url("http://www.vdab.be/sites/web/themes/webresponsive/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Flanders Art Sans;
  src: url("font/FlandersArtSans-Light.woff") format("woff"), url("font/FlandersArtSans-Light.ttf") format("truetype"), url("http://www.vdab.be/sites/web/themes/webresponsive/fonts/FlandersArtSans-Light.svg#FlandersArtSans-Light") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Flanders Art Sans;
  src: url("font/FlandersArtSans-Regular.woff") format("woff"), url("font/FlandersArtSans-Regular.ttf") format("truetype"), url("http://www.vdab.be/sites/web/themes/webresponsive/fonts/FlandersArtSans-Regular.svg#FlandersArtSans-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Flanders Art Sans;
  src: url("font/FlandersArtSans-Medium.woff") format("woff"), url("font/FlandersArtSans-Medium.ttf") format("truetype"), url("http://www.vdab.be/sites/web/themes/webresponsive/fonts/FlandersArtSans-Medium.svg#FlandersArtSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Flanders Art Sans;
  src: url("font/FlandersArtSans-Bold.woff") format("woff"), url("font/FlandersArtSans-Bold.ttf") format("truetype"), url("http://www.vdab.be/sites/web/themes/webresponsive/fonts/FlandersArtSans-Bold.svg#FlandersArtSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
*/





/*--VDAB----------------------------------------*/

.logo span {
    display: block;
    height: 100%;
    background-color: transparent;
    background-image: url("http://www.vdab.be/img/vdab-logo-white.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: contain !important;
    width: 5rem;
}



.flanders-header {
    display: block;
    background: none repeat scroll 0% 0% #ffffff;
    color: #9197A1;
    font-weight: 600;
    font-size: 14px;
    line-height: 2.25rem;
    height:40px;
    font-family: /*"Flanders Art Sans","Myriad Pro",*/"Arial","Helvetica","sans-serif";
    text-rendering: optimizelegibility;
}

.flanders-header-inner {
    /*padding: 0rem 1rem;*/
    /*max-width: 1080px;*/
    margin-left: auto;
    margin-right: auto;

    line-height: 40px;
}

.flanders-header a.top-vlaanderen {
    display: block;
    text-decoration: none;
    color: #BABEC4;
}

.top-vlaanderen-logo {
    float: left;
    display: block;
    position: relative;
    /*background: url("http://www.vdab.be/sites/web/themes/webresponsive/img/vvm-logo-mark-dark.svg") no-repeat scroll 0.64688em 50% #BABEC4;*/
    background: url("font/vvm-logo-mark-dark.svg") no-repeat scroll 0.64688em 50% #FFFFFF; /*use local copy for better performance, otherwise sometimes hangs out*/
    height: 40px;  /*height: 2.25rem;*/
    width: 40px;   /*width: 2.25rem;*/


}

*, *::before, *::after {
    box-sizing: border-box;
}


.flanders-header .top-vlaanderen-logo:after {
    /*old: display: block;                  */
    /*old: content: "";                     */
    /*old: position: absolute;              */
    /*old: right: 0;                        */
    /*old: top: 0;                          */
    /*old: bottom: 0;                       */
    /*old: border-color: transparent;       */
    /*old: border-top-color: #232529;       */
    /*old: border-style: solid;             */
    /*old: border-width: 40px 0px 0px 13px; */
    /*border-width: 2.25rem 0rem 0rem 0.8125rem;*/

    display: inline-block;
    width: 1px;
    height: 3.3rem;
    /*margin: -1.1rem 0 -1.1rem -6.2rem;*/  /*TMA replaced by next line*/
    margin-top:-1.3rem;
    margin-right:0;
    margin-bottom:-1.3rem;
    margin-left: 3rem;


    content: '';
    transform: rotate(-20deg);
    background: #c9cbce;

}

div.header:hover {
      background-color: #5094cf;
}

div.logo:hover {
      opacity:0.8;
}

div.submenu:hover {
      color:#006DCD;
}

div.header {
      border-right:1px solid rgb(80, 148, 207);
      color:#ffffff;
      font-size:15px;
      padding-top:30px;
      text-align:center;
      cursor:pointer;
}

div.header-active {
      border-right:1px solid rgb(80, 148, 207);
      color:#ffffff;
      font-size:15px;
      padding-top:30px;
      text-align:center;
      background-color: #5094cf;
}

a.disclaimer {
    border-left-color: rgb(65, 65, 64);
    border-left-style: solid;
    border-left-width: 1px;
    box-sizing: border-box;
    color: rgb(145, 151, 161);
    display: inline;
    font-family: /*"Flanders Art Sans","Myriad Pro",*/"Arial","Helvetica","sans-serif";
    font-size: 14px;
    height: auto;
    line-height: 24px;
    margin-left: 14px;
    padding-left: 14px;
    width: auto;
    border-bottom:0px;
}

/*--general----------------------------------------*/
html {
    height: 100%;                   /*to push the footer at the bottom*/
    font-family: /*"Flanders Art Sans","Myriad Pro",*/"Arial","Helvetica","sans-serif";
    font-size: 12px;
    line-height: 1;
    color: #333;
}

table, td, tr {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0;
    border-collapse: collapse;
}

.hidden {
    display: none !important;
}

option:disabled {
    color: #dddddd;
}

a, a:link {
    border-bottom: 1px solid #C9D2E7;
    color: #00225C;
    text-decoration: none;
    font-size: 13px;
}