a{ cursor:pointer;}
.opaque {
    filter:alpha(opacity=30); /* msie */
    -moz-opacity: 0.30; /* firefox 1.0 */
    -khtml-opacity: 0.30; /* webkit */
    opacity: 0.30; /* css 3 */
}
.blue{color:#287BBC}
.socialbtn { font-size:8px; float:left; margin: 0 0.714em 0.371em 0; width: 67px; }
img#share_button {cursor: pointer;} /* for FB share button*/
    body {
    font-size: 14px; /*is already in bootstrap.css but this helps also??*/
        font-family: "Helvetica Neue", Helvetica, Arial;
      margin:0;
    }
    table, tbody {border-style:none; border-spacing:0;}
    td/* , td a weg voor linkedin button*/ {vertical-align:top}
    .title {font-size: 120%; color: red; margin-bottom:10px;}
    a {color: blue; }
    .leftlabel { width:165px;/* was 145 in company/180*/ font-weight:bold; }
    .expl { font-size:11px; color: #666;}
    h3 {margin-bottom:0;}
    .shadow       {-moz-box-shadow:1px 1px 1px #a0a0a0;-webkit-box-shadow:1px 1px 1px #a0a0a0;box-shadow:1px 1px 1px #a0a0a0;}
    .shadow2      {-moz-box-shadow:2px 2px 2px #a0a0a0;-webkit-box-shadow:2px 2px 2px #a0a0a0;box-shadow:2px 2px 2px #a0a0a0;}
    .shadownormal {-moz-box-shadow:1px 1px 1px #a0a0a0;-webkit-box-shadow:4px 4px 6px 6px #a0a0a0;box-shadow:1px 1px 1px #a0a0a0;}
    .shadowbig    {-moz-box-shadow:0px 0px 5px #303030;-webkit-box-shadow:0px 0px 5px #303030;box-shadow:0px 0px 5px #303030;}
    .innershadow  {-moz-box-shadow:2px 2px 2px #d0d0d0 inset;-webkit-box-shadow:2px 2px 2px #d0d0d0 inset;box-shadow:2px 2px 2px #d0d0d0 inset;}
    .button2 {
        clear:both; background-color: #008ecf;
        -webkit-border-radius: 2px; border-radius: 2px;
        text-indent:0; display:block;
        color:#ffffff ! important; height:25px; line-height:120%;
        width:auto;	text-decoration:none;	text-align:center; font-size: 15px;
        padding-top:8px;margin-top:5px;
    }
    .button2:hover {background-color:#7fbfe7;}
    .button2:active {position:relative;top:1px;}
    .button {
        -sassy-debug: "[styleguide:begin] --- button ---";
        font-weight: bold;
        border-width: 1px;
        border-style: solid;
        cursor: pointer;
        margin: 0;
        overflow: visible;
        text-decoration: none !important;
        width: auto;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        padding: 0 13px;
        height: 31px;
        line-height: 29px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        color: white;
        background-color: #287BBC;
        border-color: #1B5480;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287BBC), color-stop(100%, #23639A));
        background-image: -webkit-linear-gradient(top, #287BBC 0%,#23639A 100%);
        background-image: -moz-linear-gradient(top, #287BBC 0%,#23639A 100%);
        background-image: -o-linear-gradient(top, #287BBC 0%,#23639A 100%);
        background-image: linear-gradient(top, #287BBC 0%,#23639A 100%);
        white-space: nowrap;
        display: -moz-inline-box;
        -moz-box-orient: vertical;
        display: inline-block;
        vertical-align: middle;
        vertical-align: middle;
        -sassy-debug: "[styleguide:end] --- button ---";
        margin: 5px 5px 0 0;
        white-space: nowrap;
    }

    #headerbar {
      background-color: #303030; /*#5f5f5f; /* #999999; /* #cececf;/*#666;*/
      color: #dddddd;
      font: Helvetica, Arial; /*normal small "Lucida Grande", Verdana, sans-serif;*/
      left: 0;
      margin: 0 -20px;
      padding: 0 20px;
      position: fixed;
      right: 0;
      width:100%;
      height: 35px;
      line-height: 35px; /*    top: 0; */
      -moz-box-shadow:0 0 10px #303030;-webkit-box-shadow:0 0 10px #303030;-o-box-shadow:0 0 10px #303030;box-shadow:0 0 10px #303030;
      z-index: 600;
    }
    #headerbar a {color: #dddddd; text-decoration: none; }
    #headerbar a:hover {color: #ffffff;}
    #nav { color:#dddddd; display:inline; list-style:none; padding-left: 0px ! important; /*dont know why this is needed*/}
    #nav li {
        display:block;
        position:relative;
        padding-top:9px; padding-bottom:10px;
        padding-left:10px; padding-right:10px;
        margin-left:20px; margin-right:20px;
    }
    #nav li:hover {color: #ffffff;}
    #nav ul {
        display:none; height:0px;
        position:absolute; left:-10px; top:34px;
        padding-left: 0px ! important; /*dont know why this is needed*/
        background:#2f2f2f;
        -webkit-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333;
        -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
    }
    #nav ul li {display:block;left:0px;text-align:left;padding:2px;}
    #nav li/*, #nav ul li */{display:inline;}
    #nav li:hover ul/*, #nav ul:hover*/ {display:block;height:auto;position:absolute;}
        /*#nav li:hover li {float:none}*/



.overviewColumn {
    height:100%;
    overflow: hidden;
    float:left;
    border-top:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    /*-moz-box-shadow:2px 2px 2px #d0d0d0 inset;-webkit-box-shadow:2px 2px 2px #d0d0d0 inset;box-shadow:2px 2px 2px #d0d0d0 inset;*/
}

.overviewColumnLeft{
    width:85%;
    float:left;
    margin-left:2%;
    overflow: hidden;
}

.overviewColumnRight{
    width:15%;
    float:right;
    font-size:90%;
}