/* mini grid - adapted from cssgrid.net */
.container { padding: 0 10px; }
.inner { margin: 0 auto; padding: 12px 25px; overflow: hidden; width: 930px; }
.threecol, .fourcol, .sixcol, .eightcol, .ninecol {
  float: left;
  margin-right: 3.8%;
  min-height: 1px;
}
.inner .threecol { width: 22.05%; }
.inner .fourcol { width: 30.75%; }
.inner .sixcol { width: 48%; }
.inner .eightcol { width: 65.4%; }
.inner .ninecol { width: 74.05%; }
.last { margin-right: 0; }
img, object, embed { max-width: 100%; }
img { height: auto; -ms-interpolation-mode: bicubic; }


/* Kay & Trouw */
body { background: #eae9eb url(../img/bg.png) repeat-x;  color: #333; font-family: "myriad-pro",Arial, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.3; }

h1,h2,h3,h4,h5 { color: #006699;line-height: 1.2; /*text-shadow: 0 1px 0 #ddddff;*/ }
h1 { color: #cccccc; font-size: 48px;font-weight:400;margin-bottom: 10px;text-transform: uppercase; }
h2 { font-size: 30px;  font-weight: normal; margin-bottom: 8px; }
h3, h4 { font-size: 26px; margin-bottom: 6px; }
.bigger { color: #006699; font-size: 28px; }


.branding {padding: 22px 25px 15px;}
  .branding h1,
    .branding h1 a {height: 47px; margin: 0; width: 217px;}
  .branding h1 {float: left;}
    .branding h1 a {background: transparent url(../img/logo.png) no-repeat;}
  .branding h2 {color: #000; font-size: 18px; line-height: 47px; margin: 0; }
    .branding h2 a {color: #000; padding-right: 25px;}
    .branding h2 a:hover { color: #545454;}
#menu {background: #000;padding: 7px 0;width:980px;}
  #menu ul {font-weight: 300;padding: 0 25px;}
    #menu ul li {display: block;float: left;padding-right: 50px}
      #menu ul li a {color: #fff;text-decoration:none;text-transform: uppercase}
      #menu ul li a:hover,
      #menu ul li.act > a {color: #cccccc;}

/* dropdown menu */
#menu { overflow: visible; }
    #menu ul ul { display: none; } 
    #menu ul li.parent {
      position: relative;
     
    }
    #menu ul li.fr {
      background: transparent url(../img/dropdown_arrow.png) no-repeat scroll 95% 6px;
      /*border: 1px solid white;*/
      font-size: 15px;
      line-height: 1;
      padding: 2px 55px 3px 7px;
    }
      #menu ul li.fr a { text-transform: lowercase; }
      #menu ul li.parent ul  {
        background: #000 none;
        float: none;
        left: 0;
        padding: 0;
        padding-top: 7px;
        position: absolute;
        min-width: 130px;
        top: 20px;
        width:100%;
        z-index: 100;
        -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
      }
      #menu ul li.fr ul  { min-width: 1px; }
      #menu ul li ul.dropdown {
        font-size: 12px;
        margin-left: -25px;
        padding: 6px 5px 0;
      }
        #menu ul li ul.dropdown li,
        #menu ul li.fr ul li {
          display: block; float: none;line-height: 1.4;
        }
        #menu ul li ul.dropdown li{
          border-top: 1px solid #fff;
          display: block;
          padding: 7px 0;
          text-align: center;
        }
        #menu ul li ul.dropdown li a {
          text-transform: none;
        }
        #menu ul li.fr ul li { padding: 0 7px; margin-bottom: 7px; }
      


#main {background: #ffffff none;border-bottom: 9px solid #000;padding-bottom: 25px;padding-top: 25px;}

.submenu {
  /*background: transparent url(../img/stripey.png) repeat-x scroll 0 0;*/
  border: 1px solid #dbdbdb;
  font-size:15px;margin-bottom:45px;padding: 0;
  -moz-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.5);
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.5);
  box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.5);
}
  .submenu h3 a,
    .submenu li a {color: #000;display: block; font-weight: 400; padding: 0 25px; text-decoration: none;}
  .submenu h3 a.active,
  .submenu li a.active {background: transparent url(../img/arrow.png) no-repeat scroll 9px 2px;}
  .submenu h3 {font-size: 15px; font-weight: 400; text-transform: uppercase;}
  .submenu h3,
  .submenu li {background: #f9f9f9 url(../img/submenu_item_bg.png) left top repeat-x; border-bottom: 1px solid #dbdbdb; margin-bottom: 0; padding: 10px 0}
  .submenu li.last{border-bottom: none}
  .submenu h3:hover,
  .submenu li:hover{background: #ffffff none;}
  .submenu h3{padding: 16px 0}
  
.social_media {margin:0 auto;width:128px;}
  .social_media li{float: left}
    .social_media li a{display:block;height:32px;text-indent: 100%;width:32px;white-space: nowrap;overflow: hidden}
    .social_media li.xing a {background: url(../img/xing.png)}
  .social_media li.linkedin {margin: 0 16px}
    .social_media li.linkedin a {background: url(../img/linkedin.png)}
    .social_media li.viadeo a {background: url(../img/viadeo.png)}
  
.preview { border-top: 2px solid #000000; padding: 25px 0; }
  .preview h1 { font-size:30px;font-weight: 400; }
    .preview h1 a { color: #cccccc; }
    .preview h1 a:hover { color: #979797; }
  .preview p { margin-bottom: 0; }

.teaser {}
  .teaser h1 { font-size: 24px; }
  .teaser p { font-size: 14px; }
  .teaser a { color: #333; }
  .teaser a:hover { text-decoration: underline; }

#sitefooter {color:#252525;font-size:12px;font-weight: 300;}
    #sitefooter ul li { display: block; float: left; padding-right: 25px; }
      #sitefooter ul li a { color: #252525; }
      #sitefooter ul li a:hover { color: #000000; text-decoration: underline; }

.slider {background: transparent url(../img/stripey.png) repeat-x scroll bottom left; padding: 0 0 6px; width: 980px;}


/* nivoslider */
.nivoSlider{background:#e5e5e5 url(../img/loader.gif) no-repeat 50% 50%;height:454px;position:relative;overflow:hidden;width:980px}
.nivoSlider img{position:absolute;top:0;left:0}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:6;display:none;margin:0;padding:0}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%}
.nivo-box{display:block;position:absolute;z-index:5}
.nivo-caption{position:absolute;right:0;top:35px;z-index:8;}
.nivo-caption p{margin:0;padding:5px 60px 5px 12px;font-size: 40px;text-transform:uppercase;background:#fff;color:#000;}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:400px;z-index:9;cursor:pointer;height:39px;width:34px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden}
.nivo-prevNav{background: white url(../img/slider-left.png) no-repeat;left:0}
.nivo-nextNav{background: white url(../img/slider-right.png) no-repeat;right:0}
.nivo-controlNav a{display:none}

/* utility classes */
.ir {display:block;text-indent: 100%;white-space: nowrap;overflow: hidden}
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.inner:before, .inner:after,
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.inner:after,
.clearfix:after { clear: both; }
.inner,
.clearfix { zoom: 1; }

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r, .align-right { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.p_0 { padding: 0 !important; }
.pb_0 { padding-bottom: 0 !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.nowrap { white-space: nowrap; }

.w_25 { width: 25%; }
.w_50,.w_half { width: 50%; }
.w_75 { width: 75%; }
.w_auto { width: auto !important; }

.white { color :#FFFFFF; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}