body { margin:0; padding:0; font-family:Arial, serif; }


/*
    font-family: 'Doppio One', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif;

*/

@font-face{
	font-family: 'Doppio One';
	src: url('/fonts/doppioone-regular-webfont.eot');
	src: url('/fonts/doppioone-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/doppioone-regular-webfont.woff') format('woff'),
	     url('/fonts/doppioone-regular-webfont.ttf') format('truetype'),
	     url('/font/doppioone-regular-webfont.svg#webfont') format('svg');
}

ul { list-style:none; }
a { color:#b91a89; }
a:hover { color:#b91a89; }
h1, h2, h3, h4 { margin:0; padding:0;   font-family: 'Doppio One', sans-serif;}
h2 { font-family: Arial, sans-serif; }
h3 { color:#b91a89; font-size:22px; font-family: Arial, sans-serif; margin-bottom:15px; font-weight:bold;  }
h4 { font-family: Arial, sans-serif;  }
h5 { color:#b91a89; font-weight:bold; font-size:14px; font-family: Arial, sans-serif;  }
h5.yellow { color:#eea256; }
nav li.active > a { font-weight: bold; }

.hidden {display:none;}

.container { background:#fff; }
.centerwrapper { margin:0 auto; max-width:1002px;}
.utilsmenu { float:right; height:70px;}
.utilsmenu li { display:inline-block; padding-right:20px; padding-left:10px; border-right:1px dashed #ccc; padding-top:10px;}
.utilsmenu li a { font-family: 'Doppio One', sans-serif; color:#929292; font-size:14px; font-weight:400; letter-spacing: 0.0425em;}

.homepageafbeelding {  }
.themas-en-zoeken { background:url(/images/paarsebalk.jpg) 0 0 no-repeat; overflow:hidden; min-height:48px; }
#themas ul { margin:0; padding:0;}
#themas ul li { display:inline-block; padding:0 4% 0 3%; }
#themas ul li a { font-family: 'Doppio One', sans-serif; color:#fff; font-size:17px; display:inline-block; padding:10px 0 14px 0;}
#themas ul li a:hover { background: url(/images/hover_menu.png) center bottom no-repeat; text-decoration:none; }
#themas ul li.active a { background: url(/images/hover_menu.png) center bottom no-repeat; text-decoration:none; font-weight:normal;}
.navbar-form { text-align:right;}
.form-control { border:0px; height:32px; }
.btn-default { border-color:#fff; }
.btn { border:0px; }
.logovoion img { float:right;}

.homepage { background:#fff; padding:50px 12px 0 12px;  display:block;}
.homepage-tekstblok {  font-family:Arial, sans-serif; color:#4c4c4c; font-size:18px; line-height:32px;}
.homepage-tekstblok a { text-decoration:underline; }
.rechtertekst { color: #fff;  line-height:26px; text-align:center; font-size:16px; position:relative; margin-bottom:60px;}
.rechtertekst a { color:#fff; text-decoration:underline; background: url(/images/arrow.png) right 0 bottom 2px no-repeat; padding-right:15px; }
.rechtertekst .blok { background: #eea256;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  padding:20px 30px 20px 30px; font-family: Arial, sans-serif; font-size:16px; }
.rechtertekst .blok h2 { color:#fff; font-size:22px; font-family:Arial, sans-serif;  margin-bottom:10px;}
.rechtertekst .bottom { background: url(/images/bottom_right_block.jpg) 0 0 no-repeat; display:block; position:absolute; bottom:-32px; right:66px; width:41px; height:32px; }
.fullwidth { width:100%!important; }

.ingangen { margin-bottom:20px; overflow:hidden; }
.ingangen .col-md-3 { margin-bottom:30px; }
.ingangen a { color:#b91a89;  }
.ingangen span { height:84px; background: url(/images/sprite_vertical.png) 0 0 no-repeat; display:block;}
.ingangen span.arbeidsongeschiktheid { background-position: 0 -88px;  }
.ingangen span.ontslag { background-position: 0 -171px;  }
.ingangen span.werkloosheid { background-position: 0 -252px;  }
.ingangen h3 { padding-bottom:20px; height:50px; margin-bottom:20px; font-size:22px; }

.submenu a { color:#006768; }
.submenu { list-style:disc; margin:0 0 0 15px; padding:0; color:#006768; padding-bottom:10px;  }
.submenu li { padding:0 0 0 5px; }

.ingangen h5 { padding-top:20px;  border-top:2px dotted #006768; font-size:14px; font-weight:bold; }

.zachte-content { border-top:2px dotted #006768;  padding:20px 0 0 0; margin:10px 0 0 0;  }
.zachte-content li { padding:0; }
.zachte-content li a { background:#e9f4f4 url(/images/button_next.png) right center no-repeat; padding:5px 20px 5px 20px; margin-bottom:5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; display:block; width:100%;  color:#006768; font-size:13px; }
.zachte-content li.active a { background:#e9f4f4 url(/images/button_next_active.png) right center no-repeat;  }
.zachte-content li:hover a { background:#e9f4f4 url(/images/button_next_active.png) right center no-repeat;  }
.zachte-content li span.arrow { background:none; border-left:1px solid #fff; height:auto; width:20px; display:block; }

.footermenu li { display:inline; color:#929292; border-right:1px solid #b7b9b1; padding-right:10px; margin-right:10px; }
.footermenu li:last-child { border:0px; }
.footermenu li a {  color:#929292; }

.partners { overflow:hidden; margin-bottom:20px; }
.partners .col-lg-2 { width:20%; float:left; border-right:1px dashed #b7b9b1; text-align:center; }
.partners li:last-child { border:0px; }
.partners li img { max-width:100%; }
.footer { background: url(/images/bottom_footer.jpg) 0 0 no-repeat; height:20px; }


.wswitch {border-bottom:1px solid #dfdfdf; width:100%; height:42px; margin-bottom:-1px;}
.wswitch div {float:left; padding:10px 20px; cursor:pointer;}
.nbutton, .gbutton { border: 1px solid #fff; border-bottom-color: #fff; color:#8c8c8c; font-weight:bold; border-bottom:1px solid transparent;   }
.nbutton.active, .gbutton.active { border: 1px solid #dfdfdf; border-bottom-color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.nbutton.active { color:#eea256; font-weight:bold;}
.gbutton.active { color:#b91a89; font-weight:bold; }
.zachtecontent_page { margin-bottom:70px; border:0px; }

.current-thema { margin-top:-15px; margin-left:20px; }
.current-thema span{ height:84px; background: url(/images/sprite_vertical.png) 0 0 no-repeat; display:block;}
.current-thema span.arbeidsongeschiktheid { background-position: 0 -88px;  }
.current-thema span.ontslag { background-position: 0 -171px;  }
.current-thema span.werkloosheid { background-position: 0 -252px;  }
.current-thema h2 { color:#b91a89; font-size:22px; }

.submenulinks { margin-top:45px; }
.leftcol { padding-left:25px; }
.leegruimte { margin-top:60px; }
a.first { color:#006768; font-weight:bold; }
.submenulinks .submenu { margin:0 0 0 20px; padding:0; list-style:none; }
.submenulinks .submenu li { margin-bottom:10px; padding:0; line-height:22px; }
.submenulinks .submenu li.active a.first{ color:#b91a89;  }
.submenulinks .submenu li li.active a { color:#b91a89; }
.submenulinks .submenu li li { margin-bottom:0; }
.submenulinks .subsubmenu { margin:0; padding:0;}
.submenulinks .subsubmenu li { margin:0 0 0 13px; padding:0 0 0 15px; list-style:disc;}
.submenulinks .submenu .subsubmenu li.active { color:#b91a89; }
.submenulinks .submenu .subsubmenu li.active a { color:#b91a89; padding-right:40px; background: url(/images/arrow_right.jpg) right bottom no-repeat; font-weight:normal;}
.submenulinks .submenu .subsubmenu li:hover a { color:#b91a89; }
.submenulinks .submenu .subsubmenu li:hover { color:#b91a89; }

.rightcol { position:relative; min-height:400px; margin-bottom:70px; }
.breadcrumbs { color:#8c8c8c; margin:25px 0 45px 0; padding:0; list-style:none;}
.breadcrumbs li { display:inline-block; margin:0; padding:0; }
.breadcrumbs li a { color:#8c8c8c; text-decoration:underline;}
.breadcrumbs li:after { content: "  ›" }
.breadcrumbs li:last-child:after { content: none }

.addthisshit { position:absolute; right:15px; top:10px; }



.rightcol .wn p a { color:#eea256; }
.rightcol .wg p a { color:#b91a89; }
.rightcol p { line-height:22px; color:#4c4c4c; }
.rightcol p a { text-decoration:underline; color:#4c4c4c; }
.rightcol p.aantalresults { font-size:36px; color:#b91a89; margin-bottom:40px; line-height:40px; margin-top:30px;  font-family: 'Doppio One', sans-serif; font-style:normal; font-weight:400;}
.rightcol p.aantalresults em { font-style:normal; }
.rightcol p.aantalresults em:before { content:"'" }
.rightcol p.aantalresults em:after { content:"'" }

.rightcol ul { list-style:outside; margin:0 0 15px 15px; padding:0 0 0 10px; color:#4c4c4c; line-height:22px; }
.rightcol ul li {  color:#4c4c4c; }
.rightcol ul li a { text-decoration:underline; }
.rightcol ol { margin:0 0 15px 25px; padding:0 0 0 10px; color:#4c4c4c;  line-height:22px;}
.rightcol ol li { color:#4c4c4c; }
.rightcol ol li a { text-decoration:underline; }

.wn h2, .wg h2 { font-size:20px; margin:0 0 15px 0;}
.wn h1, .wg h1 { font-size:36px; margin-bottom:20px; }
.wn h2 { color:#eea256; }
.wn h1 { color:#eea256; }
.wn ul li a { color:#eea256; }
.wn ol li a { color:#eea256; }
.rightcol .wn ul { color:#eea256 }
.wg h2 { color:#b91a89; }
.wg h1 { color:#b91a89; }
.wg ul li a { color:#b91a89; }
.wg ol li a { color:#b91a89;  }

table td { border: 1px solid #bc489a; padding: 5px; }
table.contact td { padding: 0px 10px 0 0; border:0px;}
.wn table td a { color:#eea256; }


body.zoekresultaten .addthisshit { display:none;}
body.zoekresultaten .rightcol { min-height:inherit; }
body.zoekresultaten .rightcol ul { margin:0; padding:0; list-style:none; }
body.zoekresultaten .leegruimte { display:none; }

.results { width:100%; margin:40px 0 70px 0; padding:0; display:block; }
.results li { border-bottom:2px dotted #006768; margin-top:20px;  padding-bottom:20px;  margin-left:15px; overflow:hidden; color:#8c8c8c;}
.results h4 { margin:0 0 5px 0; padding:0; font-size:18px; font-family:Arial; font-weight:bold;}
.results h4.wg a { color:#b91a89;}
.results h4.wn a { color:#eea256;}
.results h4.wn { margin-bottom:10px; }
.rightcol .breadcrumbs { clear:both; float:left; margin:30px 0 40px; width:100%; padding:0; }
body.zoekresultaten .breadcrumbs { margin: 0 0 2px 0; padding:0; color:#8c8c8c; }
body.zoekresultaten .breadcrumbs li a { color:#8c8c8c; text-decoration:none;}
body.zoekresultaten .breadcrumbs li { margin:0 5px 0 0; padding:0; border:0px; }

.pagination { margin: 25px 15px 0 15px!important; }
.pagination li { color: #006768; font-weight: bold; margin: 0 4px 0 0; cursor: pointer; background: #e9f4f4; padding: .4em .6em; -webkit-border-radius: 2px; border-radius: 2px; }
.pagination li.disabled { cursor: default; }
.pagination li:hover { background: #D4E7E7; }
.pagination li.current { background: #006768; color: #e9f4f4 }

.themaingang { margin-bottom:30px;  }
body.tips .wg { margin-top:40px; }
a { outline: 0!important;}

.ballonwrapper { display:inline-block; margin-bottom:40px; margin-top:30px; float:right; position:relative;}
.tekstballon { background:#b91a89; max-width:360px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  padding:20px 30px 10px 30px; font-family: Arial, sans-serif; font-size:16px; float:right;  }
.tekstballon p { color:#fff; }


.rightcol .tekstballon h4, .rightcol .tekstballon h2, .rightcol .tekstballon h3, .rightcol .tekstballon h5 { color:#fff; font-family:Arial, sans-serif; font-weight:bold; margin-bottom:5px;}
.rightcol .tekstballon h2 { font-size:14px; font-family:Arial; }
.rightcol .tekstballon p a { color:#fff; }
.rightcol .tekstballon p { font-family:Arial, sans-serif; color:#fff; font-size:14px; }
.wn .tekstballon { background:#eea256; }
.ballonwrapper .bottom { position:absolute; bottom:-99px; right:0; width:170px; height:100px; }
.wg .ballonwrapper .bottom { background: url(/images/ballon_werkgever.png) 0 0 no-repeat;  }
.wn .ballonwrapper .bottom {  background: url(/images/ballon_werknemer.png) 0 0 no-repeat; }

/* RESPONSIVE MENU */
#hamburger {outline:0!important; border: 1px solid rgba(185, 26, 137, 0.60); display:none; height: 27px; right: -10px; margin: 0 10px; position: absolute; top: 10px; width: 80px; z-index: 2; -webkit-border-radius: 5px; border-radius: 5px; }
#hamburger:before, #hamburger:after, #hamburger span { background: none repeat scroll 0 0 #b91a89; content: ""; display: block; height: 3px; left: 5px; position: absolute; width: 20px; }
#hamburger:before { top: 4px; }
#hamburger:after { bottom: 5px; }
#hamburger span { margin-top: -3px; top: 50%; }
#hamburger em { position: absolute; left: 34px; top: 1px; line-height: 25px; font-style: normal; font-weight: 400; color: #b91a89; font-size: 12px; }
#hamburger:before, #hamburger:after, #hamburger span { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
html.mm-opening #hamburger span { left: -50px; opacity: 0; }
html.mm-opening #hamburger:before { top: 11px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
html.mm-opening #hamburger:after { bottom: 10px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }




@media screen and (max-width: 996px) {
    .logovoion, .themas-en-zoeken, ul.utilsmenu { display: none; }
    #hamburger {display:block;}
    .logorij {margin-top:60px;}
    .mm-menu .navbar-form {margin:0 0 10px 0; padding:10px 20px;}
    .mm-menu .logovoion {display:block; position:absolute; bottom:0; width:100%; background:#FFF; text-align:center; padding:10px 0;}
    .mm-menu .logovoion img { float:none; margin:0 auto; }
    .mm-menu li.active > a {color:#fff; font-weight:normal;}
    .mm-menu li a:hover {color:#fff;}
    .mm-list a:hover { color:#fff; font-weight:normal;}
    .mm-menu li.ziekte a { background: #333333 url(/images/mobile_menu_icons.png) right 15px top 8px no-repeat;  }
    .mm-menu li.arbeidsongeschiktheid a { background: #333333 url(/images/mobile_menu_icons.png) right 15px top -75px no-repeat;  }
    .mm-menu li.ontslag a { background: #333333 url(/images/mobile_menu_icons.png) right 14px top -115px no-repeat;   }
    .mm-menu li.werkloosheid { margin-bottom:20px;  padding-bottom:20px;}
    .mm-menu li.werkloosheid a { background: #333333 url(/images/mobile_menu_icons.png) right 15px top -33px no-repeat;  }
    .mm-menu li.ziekte:hover a { background: #333333 url(/images/mobile_menu_icons.png) right 15px top -148px no-repeat;  }
    .mm-menu li.arbeidsongeschiktheid:hover a { background: #333333 url(/images/mobile_menu_icons.png) right 15px top -231px no-repeat;  }
    .mm-menu li.ontslag:hover a { background: #333333 url(/images/mobile_menu_icons.png) right 14px top -271px no-repeat;   }
    .mm-menu li.werkloosheid:hover a { background: #333333 url(/images/mobile_menu_icons.png) right 15px top -189px no-repeat;  }
    .leftcol { padding:0 15px 0 15px; width:100%; }
    .leegruimte { margin-top:10px; }
    .current-thema { margin:0; }
    .addthisshit { left: 15px; position: absolute; top: -40px; }
    .footermenu { margin:0; padding:0 15px 15px 15px; }
    .partners { padding-left:0; }
    .ingangen h3 { height:inherit; }
    .themaingang { margin-bottom:30px;  }
    .submenulinks .submenu .subsubmenu li.active a { background:none; }
    .rightcol { min-height:300px; margin-bottom:10px;}
    .submenu {min-height:inherit; padding-bottom:15px;}
    .breadcrumbs { margin-bottom:10px; }
    .rightcol .breadcrumbs { margin-bottom:20px; }
    .homepage { padding-top:20px; }
    .rechtertekst { margin-top:30px; margin-bottom:30px; }


}

@media screen and (max-width: 768px) {
    .wrapperflex {  display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column; width:100%; }
    .themaingang { margin-bottom:30px; }
    .themaingang { min-height: 0!important; }
    .ingangen { margin-bottom:20px; }
    .leftcol  {  -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
    .rightcol { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin-top:60px; width:100%; }
    .wg {border-bottom:1px solid #dfdfdf;   }
     .wn {border-bottom:1px solid #dfdfdf;   }
    .ballonwrapper { margin-top:30px; float:left; width:100%; margin-bottom:90px; }
    .ballonwrapper .tekstballon { max-width:inherit; }



}

/* sharingbuttons.io */

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0;
  color: #fff !important
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 3px 6px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}