* {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
-ms-box-sizing:border-box;

}

html, body, table, tr, td, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    line-height: 1.4em;
}
html, body {
  margin:0px 0px 0px;
  height:100%;
  color:#000000;
  padding:0px;
}
td {
    vertical-align: top;
}
ul { margin-top:0; margin-bottom:0; }
form { margin:0; }
th { text-align:left; }

#bodyContainer {
	position:absolute;
	display:block;
	margin:0px;
    padding: 0 15px;
	width:100%;
}
#pageContainer {
	position:relative;
	border:0px solid red;
	margin:0px auto 0px auto;
	width:990px;
}

a {
	color:#00BCE4;
}

hr {
	color:#00BCE4;
	background-color:#00BCE4;
}
.mobileOnly { display: none; }
input {
    background:white;
    border: solid #333 1px;
    border-radius: 3px;
    padding: 3px 5px;
    line-height: normal;
}
select {
    border: solid #333 1px;
    border-radius: 3px;
    height:23px;
    padding: 2px 1px;
}
select.limitWidth {
    min-width: 100px;
    max-width: 140px;
}
select.limitWidthTo300 {
    max-width: 300px;
}

.formRow { margin: 0 0 5px 0; }
.formRow label { display: inline-block; min-width:120px; }
.formRow input { min-width:250px; }
.submit input { margin-top:10px; }

.clearer, .clear { clear:both; font-size:0;line-height:0;height:0; }
.headerContainer {
	display:block; width:100%; height:22px; background-color:#00BCE4;
}
.headerContainerText {
	padding:4px 0 4px 12px;
	font-size:11px; font-weight:bold; color:white; text-transform:uppercase; background-color:transparent;
}
.bold {
	font-weight:bold;
}
div.title, div.title a:link, div.title a:visited {
    color:#5A7310;
    text-decoration: none;
}
div.title {
	margin:12px 0px 12px 0px; font-size:16px; line-height: 1.45em; color:#5A7310; font-weight:bold;
}



#header {
position:relative; display:block;
width:990px; height:109px;
overflow:hidden;
}


#menu {
	display:block;
    width:990px;
    height:22px;
    margin-top:10px;
    white-space: nowrap;
    overflow: hidden;
}
#link-wrapper { display:none;}
#menu ul {
	list-style-image:none;
    width:990px;
    padding:0px;
    margin:0px;
}
#menu li {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 0 15px 0 3px;
    height: 22px;
    cursor: pointer;
}
#menu li.menu-current {
	background:url(../img/menu-bg.png) no-repeat right;
}
#menu li:hover {
	background:url(../img/menu-bg-over.png) no-repeat right;
}

#menu li a {
	text-decoration:none; text-transform:uppercase;
	color:#000000; font-weight:bold;
}
#menu li.menu-current a {
	color:#ffffff;
}

.menuItemCenter {
	margin:4px 6px 0 4px;
}
#menubottom {
	display:block; width:990px; height:8px; background:#3D6119;
	margin-bottom:10px;
}


#columnContainer {
    /*overflow: hidden;*/
}
#leftColumn {
    float:left;
    width:170px;
    background:#E4E9D7;
    /*padding-bottom: 20000px;*/
    /*margin-bottom: -20000px;*/
}
#leftColumnText {
	padding:12px;
}
#centerColumn {
	display:block; float:left;
  width:628px; margin-left:12px;
  overflow: hidden;
}

.noLeft #leftColumn, .centerOnly #leftColumn {
	display:none;
	}
.noLeft #centerColumn {
	margin-left:0px;
	width:800px;
}
.centerOnly #centerColumn {
	margin-left:0px;
	width:990px;
}

.contentwidth {
	width:308px; float:left;
}
.bottomline { padding-bottom:15px; border-bottom:solid #01B5DD 1px; }
.leftmargin {
	margin-left:12px;
}
.rightmargin { clear:left; }
#achtergrond {
	position:relative;display:block; float:left;
}
#blurb {
	position:relative;
    display:block;
    float:left;
    padding:10px 100px;
    border-bottom:solid #01B5DD 1px;
    width: 100%;
}
.achtergrondImg {
	position:relative;display:block; float:left; min-height:200px;
}
.inlineImg {
	margin-top: 3px; margin-right: 15px;
  width: 208px;
  heigth: 130px;
  min-heigth: 130px;
  margin-bottom: 15px;
  display: block
}

.inlineImg.right {
  float: right;
  margin-left: 10px;
}
.achtergrondImg img { float:left;}
.achtergrondArtikel { width:308px;
	position:relative;display:block; float:left; margin-left:12px;
}
.achtergrondartikelWrapper { padding:10px 0; border-bottom:solid #01B5DD 1px; }
.achtergrondArtikel.nomargin { margin:0; }
#achtergrondArtikelText {
	display:block;
}

.newsArticlesWrapper { padding:10px 0; position:relative; min-height:0; }
.newsArticlesWrapper .borderBottom { position:absolute; border-bottom:solid #01B5DD 1px; bottom:0; width:308px; height:1px;}
.newsArticlesWrapper .borderBottom.left { left:0; }
.newsArticlesWrapper .borderBottom.right { right:0; }


.newsHighlight .newsArticle, .newsHighlight .newsArticleBorder {
    float: left;
    width: 384px;
}
.newsHighlight .newsArticle.rightmargin, .newsHighlight .newsArticleBorder.rightmargin  {
    margin-right:15px
}
.newsHighlight .newsArticle.leftmargin, .newsHighlight .newsArticleBorder.leftmargin  {
    margin-left:15px
}
#home .newsHighlight .newsArticle, #home .newsHighlight .newsArticleBorder {
    float: left;
    width: 384px;
}
.newsHighlight .newsArticle {
    padding-bottom: 15px;
}
.newsHighlight .newsArticleBorder {
    border-bottom: solid #01B5DD 1px;
    margin-bottom: 15px;
}
.newsHighlight leftmargin {
    margin-left: 20px;
}
.newsHighlight {
    margin-bottom: 10px;
}
.marketNewsHighlight {
    border-top: solid #01B5DD 1px;
    border-bottom: solid #01B5DD 1px;
    margin-bottom: 15px;
    padding: 12px 0 10px 0;
}
.marketNewsHighlight img.photo {
    float: left;
    width: 308px;
}
.marketNewsHighlight .newsArticle {
    float: left;
    width: 472px;
    margin-left: 20px;
}
.newsArticle .title {
    margin-top: 0;
}

div.info div.title { font-size:13px; }
div.info div.divider { border-bottom:solid #01B5DD 1px; clear:both; }


.specialNotice {
	background-color: #E4E9D7;
	padding: .5em;
    margin-bottom: 15px;
}
.specialNotice p {
	margin: 0;
}
#firstHomeBlock h3.blueBar { margin-top: 0; }

#moreNews { position:relative; display:block; float:left; width:100%;border-top:1px solid white;
	border-bottom:1px solid white; 	margin-top:10px;
}
#moreNews ul {border:0px solid black; margin:0px; padding:15px 15px 15px 0;}
#moreNews ul li {list-style-type: none; background:transparent url(../img/arrow.gif) 0 1px no-repeat; padding-left:10px;}

.newsLogo { max-width:150px; float:left; margin:0 8px 5px 0; border: 0;}
.achtergrondImg img { border: 0; }


#rightColumn {
	display:block; float:left; width:178px; margin-left:12px; margin-right:0px;
    /*padding-bottom: 20000px;*/
    /*margin-bottom: -20000px;*/
}
#rightColumn .searchBox, #rightColumn .loginBox, #rightColumn .become-member {
  padding:15px;
  margin:0px;
}
#rightColumn input.text {
 width:100%;
  border:0px;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 0 10px;
}

.btn-primary {
    color: #fff;
    background-color: #3D6119;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
}

.btn-primary.green {
    color: #fff;
    background-color: #3D6119;
    border-bottom: 3px solid #314E13 !important;
}

.btn-primary:hover.green {
    color: #fff;
    background-color: #4E7E1D;
}

.btn-primary.green.btn-lg {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 3px;
}

.btn {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
  }

.button {
    font-weight:bold;
    cursor: pointer;

    background:#01B5DD;
    color:white;
    font-size:12px;
    border: 0px;
    padding: 5px 15px;
    border-radius: 3px;
    -webkit-appearance: none;
}
.button:hover {
    background: #0FC7F0;
}

.become-member .button:hover {
    background: #4E7E1D;
}
.loginBox {
  color: #016076;
}
.loginBox {
    background-color: #A9DCEE;
}
.loginBox .button, .searchBox .button  {
    width:100%;
    border:0px;
    height:40px;
    font-size:13px;
    border-bottom: 3px solid #00A1C5 !important;
}
.become-member .button {
    border:0px;
    height:40px;
    font-size:13px;
    border-bottom: 3px solid #00A1C5 !important;
    vertical-align: middle;
}
.become-member .bespoke {
    display: inline-block;
    margin-left:10px;
}
.become-member .button, .searchBox .button {
    background-color:#3D6119;
    color:white;
    border-bottom: 3px solid #314E13 !important;
}
.loginBox .error {
    font-weight: bold;
    color: #C00;
    padding: .5em .5em 1em .5em;
    text-align: center;
}
.loginBox .password-remember {
    display:block;
    margin-bottom:15px;
}
#rightColumn .loginBox .data-remember {
    margin-bottom:15px;
    margin-left:0;
    width:auto !important;
}
#rightColumnContent {
    /*padding-bottom: 20000px;*/
    /*margin-bottom: -20000px;*/
}
#rightColumnContent h2 {
    font-size: 15px;
}
#rightColumnContent .kernindicatoren {
    background:#E4E9D7;
	padding: 0px 12px 8px 12px;
    margin-top: 12px;
}
#rightColumnContent .kernindicatoren h3 {
    background:#00BCE4;
    color: #FFF;
	padding: 4px 12px 3px 12px;
    margin: 0px -12px 8px -12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
#rightColumnContent .rightColumnContentText {
	background-color:#D7EEF7;
	padding: 8px 12px;
    margin-top: 12px;
}

.kernindicator h5 { margin-bottom:5px; }
.kernindicator p { margin-top:5px; }

div.nb { clear:both; }

#letters { margin-bottom:10px; display:inline-block; vertical-align:top; }
#governance .newButton { display:inline-block; margin:1px; padding:2px 3px; text-decoration:none; margin-right:15px; }

#governance .newButton.current,
#governance #letters a.current { font-weight:bold; background-color: #D7EEF7; border: 1px solid #666; }

#governance label { padding:3px 2px; display:block; }
#governance #letters a { display:inline-block; margin:1px; padding:2px 3px; text-decoration:none; }
#governance .nodata { border-bottom:solid #000 1px; font-weight:bold; text-align:center;}

ul.withSideBar { width:480px; min-height:350px; float:left; }
ul.flat { padding-left:0; }
ul.flat li { padding:0; list-style:none; margin:6px 0;}
ul.barchart li { white-space: nowrap; overflow: hidden; }

#sidebar-stats { width:300px; float:left; border:solid #00BCE4 1px; vertical-align:top; padding:0; margin-left:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#sidebar-stats h3 { margin:5px 5px 5px 3px; }
#sidebar-stats h3 a { float:right; font-weight:normal; }
#sidebar-stats h3 a:hover { }
#sidebar-stats ul { width:297px; margin:0 0 5px 0; padding:0; float:none; }
#sidebar-stats ul li { margin:0; padding:0; }
#sidebar-stats ul li a { height:100%; display:block; padding:0 0 1px 0; }
#sidebar-stats ul li a:hover { }
#sidebar-stats ul li span { display:inline-block; margin:2px 0; padding:1px 0; text-indent:3px; height:17px; vertical-align:top; text-decoration:underline; }
#sidebar-stats ul li span.bar { color:#fff; font-weight:bold; overflow:hidden; text-overflow:ellipsis;
	white-space:nowrap; background-color:#00BCE4;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
}
#sidebar-stats div.divider { border-bottom:solid #00BCE4 1px; margin:10px 0; }
#sidebar-stats ul li span.perc { display:inline-block; width:42px; text-decoration:none; }


table.data {
  border-spacing:0;
}
table.data tr.even td {
  background-color:#D7EEF7;
}
table.data td {
  padding:1px 4px;
}
table.data th {
  border-bottom:1px solid black;
  padding:1px 4px;
}
a, a:visited {
  color: #000;
}
a:hover {
    color:#4E7E1D;
}
#headerRight { margin-top:12px;}

table.kengetal {
    width:500px;
}
table.kengetal td {
  padding: 2px 10px 0px 0px;
}
table.kengetal th {
  padding: 2px 10px 0px 0px;
}
table.kengetal td.onderwerp {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

table.kengetallen td {
  border: 0;
  border-left: 1px solid #FFF;
  padding: 2px;
  background-color: #E2E7DD;
}
table.kengetallen td.onderwerp {
  background-color: #FFF;
  white-space: nowrap;
}
table.kengetallen td.data {
  text-align: right;
}
table.kengetallen .estimated-metric {
  font-style: italic;
}
table.kengetallen th {
  border: 0;
  border-left: 1px solid #FFF;
  padding: 2px;
  text-align: right;
  background-color: #FFF;
  border-bottom: 6px solid #FFF;
}

table.kengetallen td.kleur0 {
  background-color: #C4CFBA;
}

table.kengetallen { width: auto; overflow:auto; }
div.mainColumn {
	float: left;
	width: 580px;
	clear: both;
}
div.sideColumn {
  width: 380px;
  float:right;
}

h1 {
  font-size: 13pt;
  line-height: normal;
}
h1.topSiteTitle {
    color: #00BCE4;
    margin: -2px 0px 10px 38px;
    font-size: 16pt;
}
h2 {
  font-size: 17px;
  line-height: normal;
}
h2 + div.legalname {
    margin-top: -10px;
    margin-bottom: 4px;
}
h3 {
	margin: 0px 0px 10px 0px;
    font-size: 18px;
    line-height: normal;
}
h4 {
    font-size: 16px;
    margin: 10px 0px 10px 0px;
    line-height: normal;
}

h5 {
    font-size: 13px;
    margin: 10px 0px 10px 0px;
    line-height: normal;
}
table.columns {
    width: 100%;
}
table.columns td.leftColumn {
    padding-right: 20px;
}

table.archief td {
    font-size: 13px;
    padding: 0 4px 2px 0;
}
div.pageNav {
    padding: 1em 0;
    clear: both;
}

.benchmark p {
    margin: 0 0 1em 0;
}
.benchmark .data-column { float:left; width:490px; overflow: hidden; }
.benchmark .data-column select { max-width: 390px; }
.benchmark .info-column { float:left; width:310px; }

table.ranking { width: 640px; }
table.ranking td.counter { width: 30px; }
table.ranking td.amount { width: 60px; }
table.ranking td.percentage { width: 50px; }

#governance ul { margin: 0; }

div.backLink { float: right; }

#rightColumn #subscriptions { margin:0; padding:0; }
#rightColumn #subscriptions a.current {
    font-weight: bold;
    text-decoration: none;
}
#rightColumn #subscriptions a {
    color: #000;
    padding: 3px 0;
    display:block;
}
#rightColumn #subscriptions a:hover {
    color: #0389A8;
}
#rightColumn #subscriptions h3 {
	margin: 15px 0px 5px 0px;
	font-size: 14px;
}
#rightColumn #subscriptions h4 {
    font-size: 12px;
    margin: 10px 0px 10px 0px;
}

h3.blueBar {
    color:#fff;
    text-decoration:none;
    background-color:#00BCE4;
    display: block;
    padding:8px 0 8px 12px;
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
    margin: 15px 0 8px 0;
}

div.concernrelaties div.relatie {
    max-height: 30px;
}
div.concernrelaties div.relatie img,
div.concernrelaties div.relatie div.spacer {
    display: inline-block;
    height: 30px;
    width: 30px;
}
div.concernrelaties div.relatie span.label {
    position: relative;
    bottom: 9px;
    left: 4px;

}


table.metricRanking { width: 90%; border-spacing: 0; margin-bottom: 18px;}
table.metricRanking tr.highlight { background-color: #E2E7DD; }
table.metricRanking td { text-align: right; white-space: nowrap; width: 11%; }
table.metricRanking td.head { border-bottom: 1px solid black; height: 1em; }
table.metricRanking td.label { text-align: left; white-space: wrap; width: 33% }
table.metricRanking sup { position: relative; top: -3px; font-size: 7pt; }
table.metricRanking td.estimated { font-style: oblique; }
table.metricRanking td.estimatedWithFootnote { font-style: oblique; position: relative; right: -.8em; }
div.metricLegend { margin-top: 18px; margin-bottom: 18px; }
div.metricLegend sup { font-size: 7pt; }
div.metricLegend small { font-size: 8pt; }

div.graphArea {
    width: 92%;
    height: 300px;
}
div.dragHandle {
    width: 20px;
    height: 12px;
    background-color: #777;
    color: #FFF;
    text-align: center;
    cursor: move;
}

div.remarks_container {
    border-left: 1px solid black;
    padding-left: 6px;
    width: 90%;
}
div.remarks_container h3 {
    margin: 0 0 2pt 0;
    font-size: 100%;
}

div.pageNav {
    margin: 1em 0 .5em 0;
}
div.pageNav a {
    margin: 0 .2em;
    text-decoration: none;
}
div.pageNav a.next, div.pageNav a.prev {
    border: 1px solid #666;
    padding: .5em;
}
div.pageNav b.current {
    border: 1px solid #ccc;
    background-color: #ccc;
    padding: .5em;
    margin: 0 .1em;
}

table.news td, table.news th {
    padding: 0 1em .3em 0;
    vertical-align: top;
}

table.news td.date {
    white-space: nowrap;
}
table.news td.number {
    text-align: center;
}

h2 .social-media-icon {
    float: right;
    margin-left: 6px;
}
h2 .social-media-icon img {
    width: 24px;
    height: 24px;
}
.contactpersonen td {
    vertical-align: bottom;
    padding-right: 8px;
}
.contactpersonen td.photos img {
    max-width: 200px;
    max-height: 100px;
    border: 1px solid #666;
    margin: 0 8px 0 0;
}

.social-media-icon {
    margin-left: 3px;
}
.social-media-icon img {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}


/*HOMEPAGE*/
#actualisations ul {
    margin-bottom: 1em;
}
.dualColumn {
    margin-bottom: -1em;
}
.dualColumn #actualisations {
    width: 500px;
    float: left;
}

#topCompanies {
    width: 280px;
    float: right;
    margin-bottom: 1em;
}

.topItemsBox {
    background-color: #dce2d6;
    padding-bottom: 7px;
}
.topItemsBox h3.blueBar {
    background-color: #3D6119;
}
.topItemsBox .news {
    margin-left: 10px;
}

#home {
  width:798px;
}
#home h1 {
    font-size: 24px;
    margin: 0 0 24px 0;
}
#home h1 p {
    margin: 0;
}
#home h2 {
    font-size: 23px;
}
#home h3 {
	margin: 0px 0px 10px 0px;
    font-size: 18px;
}
#home h4 {
    font-size: 16px;
    margin: 10px 0px 10px 0px;
}
#home h5 {
    font-size: 13px;
    margin: 10px 0px 10px 0px;
}

#home .intro .introText {
    margin-top: -12px;
}
#home .intro .subscriptionMatrix {
    float: right;
    width: 299px;
}

#home .text {
    font-size: 13px;
}
#home .featured {
    background-color: #E4E9D7;
    padding: 0;
    margin: 30px 0 20px 0;
    border-radius: 3px;
}



#home .featured .article-image img {
    border: 1px solid #c4cebc;
    width: 100%;
    vertical-align: top;
}

#home .featured .wrapper {
    width:66%;
    display: inline-block;
    padding:10px;
    vertical-align: top;
}

#home .cta-subscription {
  margin-top:24px;
  margin-bottom:40px;
  padding: 9px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  text-align: center;
  font-size: 16px;
}
#rightColumn .company-news {
    background-color: #D7EEF7;
    padding: 8px 15px;
    margin-top: 12px;
    padding-top: 20px;
    color: #016076;
}

#rightColumn a {
    color: #016076;
}
#rightColumn a:hover {
    color: #0389A8;
}
#rightColumn .company-news ul {
    padding:0;
}
#rightColumn .company-news li {
    list-style-type: none;
    margin: 20px 0 20px 0;
}
#rightColumn .company-news a {
    text-decoration: none;
}
#rightColumn .company-news h5 {
    margin: 0;
}
#rightColumn .about-us {
    background-color: #E4E9D7;
    padding: 8px 15px;
    margin-top: 12px;
    padding-top: 20px;
}
#rightColumn .about-us p {
    padding:0;
    margin: 20px 0 20px 0;
}
#rightColumn .about-us li {
    list-style-type: none;
}
#rightColumn .about-us a {
    text-decoration: none;
}
#rightColumn .about-us h5 {
    margin: 0;
}

/*--- news featured --- */
.news-featured {
    margin: 30px 0 50px 0;
    overflow: auto;
}
.news-featured .article-image {
   position: relative;
   overflow: hidden;
   padding: 0;
   margin: 0;
   float: left;
   width: 32%;
}
.news-featured .article-image img {
    display: block;
    width: 100%;

}
.news-featured .wrapper {
   background-color: #E4E9D7;
   padding: 20px 15px;
   float: left;
   width: 68%;
}

.news-featured.projects {
    margin:20px 0;
}

.news-featured.projects .article-image {
    width: 40%;
}

.news-featured.projects .wrapper {
    width: 60%;
}

/*--- homepage latest news ---*/
.company-news {
    margin-top: 20px;
}
.company-news ul {
    margin: 25px 0;
    padding: 0;
    overflow: auto;
}
.company-news li {
    list-style: none;
    float: left;
    width: calc(50% - 7.5px);
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #bfeff9;
}
.company-news li:nth-child(odd) {
    margin-right: 7.5px;
}
.company-news li:nth-child(even) {
    margin-left: 7.5px;
}
.company-news li:after {
  content: "";
  clear: both;
  display: table;
}
.company-news li a {
    transition: color .3s ease;
}
.company-news .article-image {
    border: 1px solid #eeefef;
    border-radius: 4px;
    float: left;
    width: 33.333% ;
    margin: 0;
    text-align: center;
    padding: 15px 0;
}
.company-news .article-image img {
    display: inline-block;
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.company-news .wrapper {
    float: left;
    width: 66.667%;
    padding-left: 15px;
}
#home .company-news .wrapper h4 {
    margin-top: 0;
}

/*///nieuws-abonnement///*/

#nieuws-abonnement{
    width: 100%;
    margin: 0px auto;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #BFEFF9;
    box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.4);
    margin-top: 24px;
    margin-bottom: 24px;
}
#nieuws-abonnement h3,
.company-news h3 {
    background-color: #01B5DD;
    color: #fff;
    padding: 10px 0px 10px 14px;
}
#nieuws-abonnement .intro {
    padding: 5px 11px 0px 14px;
}
#nieuws-abonnement .items {
    padding: 0 9px 0px 9px;
}
#nieuws-abonnement .innerHold{
    float: left;
    width:33.33333%;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}
#nieuws-abonnement .inner{
    margin:5px;
    margin-top: 0;
    margin-bottom: 30px;
}
#nieuws-abonnement .inner img{
  width: 100%;
}
#nieuws-abonnement .col1, .col2{
/*    margin-right:0px;
*/}

/*///profiel-abonnement, compleet-abonnement ///*/

#profiel-abonnement, #compleet-abonnement {
    width: 100%;
    margin: 0px auto;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #BFEFF9;
    box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.4);
    margin-bottom: 24px;
}
#profiel-abonnement h3, #compleet-abonnement h3 {
    background-color: #01B5DD;
    color: #fff;
    padding: 10px 0px 10px 14px;
}
#profiel-abonnement .intro, #compleet-abonnement .intro {
    padding: 5px 11px 0px 14px;
}
#profiel-abonnement .items, #compleet-abonnement .items {
    padding: 0 9px 0px 9px;
}
#profiel-abonnement .innerHold, #compleet-abonnement .innerHold {
    float: left;
    width:50%;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}
#profiel-abonnement .inner, #compleet-abonnement .inner{
    margin:5px;
    margin-top: 0;
    margin-bottom: 30px;
}
#profiel-abonnement .inner img, #compleet-abonnement .inner img {
  width: 100%;
}

#nieuws-abonnement h3,
#profiel-abonnement h3,
#compleet-abonnement h3,
#home .company-news h3 {
  font-size:14px;
  text-transform: uppercase;
}


/*STEPS*/
.subscriptionErrors {
    background-color: #FDD;
    padding: 10px;
    margin: 10px 0;
}
#subscriptionPageContents h1 {
    font-size: 24px;
}
#subscriptionPageContents h2 {
    font-size: 18px;
}
#subscriptionPageContents .intro p {
    padding-bottom: 10px;
    font-size: 15px;
}
#subscriptionPageContents .instruction {
  margin-bottom: 20px;
}

#subscriptionPageContents .cta-subscription {
  margin-top:24px;
  margin-bottom:40px;
  padding: 9px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 5px;
  box-shadow: inset 0px 0px 1px 0px rgba(123, 123, 123, 0.9);
  text-align: center;
  font-size: 16px;
}


/*form styles*/
#subscriptionPageContents {
  width: 100%;
  margin: 0px auto 40px;
/*  text-align: center;
*/  position: relative;
  z-index: 999;
}
#subscriptionPageContents fieldset {
  background: white;
  border: 1px solid #BFEFF9;
  border-radius: 3px;
  border: 1px solid #BFEFF9;
  box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.4);  padding: 20px 30px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0%;

  /*stacking fieldsets above each other*/
  position: relative;
}
/*Hide all except first fieldset*/
#subscriptionPageContents fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/
#subscriptionPageContents input, #subscriptionPageContents textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #2C3E50;
  font-size: 13px;
}
/*buttons*/
.action-button, a.action-button, #subscriptionPageContents .action-button {
  color: white;
  background-color: #3D6119;
  border-bottom: 3px solid #314E13 !important;
  border: 0px;
  height: 40px;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 3px;
  padding: 10px 16px;
  -webkit-appearance: none;

}
.next.action-button {
    float: right;
}
.action-button:hover, a.action-button:hover, #subscriptionPageContents .action-button:hover {
  background-color: #4E7E1D;
}
.action-button:active, .action-button:focus, a.action-button:active, a.action-button:focus, #subscriptionPageContents  .action-button.previous:active, #subscriptionPageContents .action-button.previous:focus {
  background-color: #4E7E1D;
  color: #fff;
}
#subscriptionPageContents .action-button.previous {
  background: #a1a1a1;
  border-bottom: 3px solid #8F8F8F !important;
  color: #fff;
}
#subscriptionPageContents .action-button.previous:hover {
  background: #BFBDBD;
  color: #fff;
}
#subscriptionPageContents .action-button.previous:active, #subscriptionPageContents .action-button.previous:focus {
  background: #219251;
  color: #fff;
}
/*headings*/
.fs-title {
  font-size: 15px;
  color: #000;
  margin-bottom: 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  margin:0;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
}
#progressbar li {
  list-style-type: none;
  text-transform: uppercase;
  font-size: 11px;
  width: 33.33%;
  float: left;
  position: relative;
  padding: 0 45px 0px 45px;
}
#progressbar li.navBack {
    cursor: pointer;
}
#progressbar li:before {
  content: "Stap " counter(step);
  counter-increment: step;
/*  width: 33%;
*/  line-height: 40px;
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  background: #e4e4e4;
  border-radius: 3px;
  margin: 0 auto 5px auto;
  z-index: 6;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  position: absolute;
  left: -50%;
  top: 19px;
  z-index: -1;
   /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
  background: #3D6119;
  color: white;
}

/*STEP1*/
#home .branchesOverview {
    margin-top: 30px;
}
#home.cta .branchesOverview {
    margin-top: 30px;
}
#home .branchesOverview h2 {
    font-size: 16px;
    margin-bottom: 20px;
}
.branchesOverview h3, .branchesOverview h4 {
  clear: both;
}
.subscriptionBox h4 {
  font-size: 14px;
}
.branchesOverview ul {
  margin: 0 0 0 0;
  padding: 0;
  overflow: hidden;
}

.branchesOverview ul li {
  list-style: none;
  display: block;
  float: left;
  width: calc(33.333333% - 10px);
  margin-bottom: 10px;
}
.branchesOverview ul li:nth-child(3n + 2 ) {
    margin-left: 15px;
    margin-right: 15px;
}
.branchesOverview ul li a {
    display: block;
    text-decoration: none;
    position: relative;
    padding-bottom: 70px;
    transition: color .3s ease;
}
.branchesOverview .subscriptionBox {
  padding: 10px;
  height: 100%;
}
#home .branchesOverview .subscriptionBox {
    padding-bottom: 50px;
}
.branchesOverview .branche {
  background-color: #D7EEF7;
}
.branchesOverview .sector {
  /* background-color: #ced7c5; */
  background-color: #D7EEF7;
}
.branchesOverview .custom {
  background-color: #f3fafd;
}
#home .branchesOverview .btn-link {
    font-size: 13px;
    font-weight: bold;
    float: right;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0px;
    right: 15px;
    color: #016076;
    transition: all .3s ease;
}
#home .branchesOverview a:hover .btn-link {
    color: #4E7E1D;
}
#home .branchesOverview .btn-link .fal {
    font-size: 18px;
    float: right;
    margin-left: 8px;
    margin-top: -2px;
}
.branchesOverview .subscriptionBox  .onoffswitch {
  float: right;
}
.btn-link {
    text-decoration: none;
    font-weight: bold;
    transition: color .3s ease;
}
.btn-link .fa-angle-right {
    margin-left: 3px;
}


/*---switches*/
    .onoffswitch {
        position: relative; width: 40px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 1px solid #aaa; border-radius: 20px;

    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
        font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #4E7E1D; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "";
        padding-right: 10px;
        background-color: #dddddd;
        color: #999999;
        text-align: right;
        box-shadow: inset 1px 1px 3px #cccccc;
    }
    .onoffswitch-switch {
        display: block; width: 24px; margin: 0px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 16px;
        border: 2px solid #aaa; border-radius: 20px;
        transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
    }

    .branche .onoffswitch-inner:after {
        background-color: #c2dde8;
        box-shadow: inset 1px 1px 3px #93bccc;
    }
    .branche .onoffswitch-label,
    .branche .onoffswitch-switch {
        border-color: #93bccc;
    }
    .sector .onoffswitch-inner:after {
        background-color: #b5c3a8;
        box-shadow: inset 1px 1px 3px #7f9767;
    }
    .branche .onoffswitch-label,
    .sector .onoffswitch-switch {
        border-color: #7f9767;
    }

.subscriptionFeatures {
    width: 100%;
    margin: 30px 0 10px;
    border-collapse: collapse;
}
.subscriptionFeatures th {
    border-bottom: 1px solid #eeefef;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    background-color: #e4e9d7;
    border-color: #e4e9d7;

}
.subscriptionFeatures td {
    border-bottom: 1px solid #eeefef;
    padding: 10px ;
    text-align: center;
    background-color: #fafbf7;
}

.subscriptionFeatures .category {
    width: 17%;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.subscriptionFeatures td:first-child {
    text-align: left;
}
.subscriptionFeatures .fa-check {
    color: #4E7E1D;
    font-size: 16px;
}
.subscriptionFeatures .tooltip .fal {
    font-size: 14px;
    margin-left: 5px;
}

.subscriptionFeatures .tooltip[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.tooltip[data-tooltip]:before,
.tooltip[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
.tooltip[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 10px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 13px;
  line-height: 1.3;
  transition: all .3s ease;
}
.tooltip[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  transition: all .3s ease;
}

/* Show tooltip content on hover */
.tooltip[data-tooltip]:hover:before,
.tooltip[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.subscriptionFeatures tfoot td {
    padding: 15px 10px;
}
.subscriptionFeatures .price {
    font-size: 13px;
    font-weight: bold;
    display: block;
}
.subscriptionFeatures .button {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background-color: #3D6119;
    border-bottom: 3px solid #314E13 !important;
    padding: 7px 10px;
    text-decoration: none;
    margin: 10px 0 0;
    height: auto;
    transition: all .3s ease;
}
.subscriptionFeatures .button:hover {
    background-color: #4E7E1D;
}
.subscriptionInfo {
    background-color: #D7EEF7;
    padding: 30px 30px 20px;
    margin: 0 0 30px;
}
.subscriptionInfo h1 {
    margin-top: 0;
}
.subscriptionInfo p {
    font-size: 16px;
}
/*STEP2*/




.subscriptionStepBranchePicker, .subscriptionStepProductPicker. .subscriptionStepPersonalInformation {
  margin-bottom: 40px;
}
.subscriptionStepProductPicker .productOverview,
.subscriptionStepBranchePicker .productOverview {
  border-collapse: separate;
  border-spacing: 0;
  /* border-right: 0.5px solid #E4E9D7; */
  margin-top: 30px;
  margin-bottom: 20px;
}
.subscriptionStepBranchePicker .productOverview.addAnotherProduct {
    margin-top: 70px;
}
.subscriptionStepBranchePicker .productOverview.addAnotherProduct h2 {
    margin-bottom: 30px;
}
.subscriptionStepProductPicker .productOverview .bb,
.subscriptionStepBranchePicker .productOverview .bb {
  text-align: center;
  background-color:#f5fae7;
  width: auto;
  height: 115px;
}

.subscriptionStepProductPicker .productOverview .reports,
.subscriptionStepBranchePicker .productOverview .reports {
  text-align: center;
  width: 20%;
}
.subscriptionStepProductPicker .productOverview td,
.subscriptionStepProductPicker .productOverview th,
.subscriptionStepBranchePicker .productOverview td,
.subscriptionStepBranchePicker .productOverview th {
  border: 1px solid #E4E9D7;
}
.subscriptionStepProductPicker .productOverview .onoffswitch,
.subscriptionStepBranchePicker .productOverview .onoffswitch {
  margin: 20px auto 20px auto;
}
.subscriptionStepProductPicker .productOverview .price,
.subscriptionStepBranchePicker .productOverview .price {
  margin-top: 20px;
  display: block;
}
.subscriptionStepProductPicker .productOverview .notAvailable,
.subscriptionStepBranchePicker .productOverview .notAvailable {
  margin-top: 0px;
  color: #999;
  padding-top: 45px;
}
.subscriptionStepProductPicker .productOverview .branche,
.subscriptionStepBranchePicker .productOverview .branche {
  background-color: #D7EEF7;
  padding: 0 10px;
  width: 48%;
  border-color: #93bccc;

}
.subscriptionStepProductPicker .productOverview .spacer ,
.subscriptionStepBranchePicker .productOverview .spacer {
  width: 2%;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #fff;
}
.subscriptionStepProductPicker .productOverview .noBorder,
.subscriptionStepBranchePicker .productOverview .noBorder {
  border-color: #fff;
}
.subscriptionStepProductPicker .productOverview .extraBorder,
.subscriptionStepBranchePicker .productOverview .extraBorder {
  border-width: 2px 1px 1px 1px;
  padding: 10px 20px 0 ;
}
.subscriptionStepProductPicker .productOverview thead > tr:first-of-type .noBorder,
.subscriptionStepBranchePicker .productOverview thead > tr:first-of-type .noBorder {
  border-right-color: #E4E9D7;
}

/*STEP3*/
.selectedSubscriptions {
  margin-bottom: 40px;
  border-radius: 5px;
}
.selectedSubscriptions .toggleBtn {
  display: block;
  border: 1px solid #E4E9D7;
  border-width: 1px;
  padding: 15px 25px;
  text-decoration: none;
  background: #eef1ec; /* Old browsers */
    background: -moz-linear-gradient(top, #eef1ec 0%, #c4cebc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eef1ec 0%,#c4cebc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eef1ec 0%,#c4cebc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef1ec', endColorstr='#c4cebc',GradientType=0 ); /* IE6-9 */
}
.selectedSubscriptions h3 {
  margin-bottom: 0;
}
.selectedSubscriptions #subscriptions {
  padding: 20px 25px;
  border: 1px solid #E4E9D7;
  border-top: 0;
  background-color: #F4F6EC;
}
.selectedSubscriptionList {
  margin: 0;
  padding: 0;
}
.selectedSubscription {
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}
.selectedSubscription.in {
  border-bottom-width: 1px;
}
 .selectedSubscription h4 {
  overflow: hidden;
  border:1px solid #D7EEF7;
  border-width: 1px;
  padding: 10px 25px;
  margin: 0;
  color: #016076;
  background-color:#D7EEF7;
  font-size: 14px;
  text-transform: uppercase;
}
.selectedSubscription .price {
  float: right;
  font-weight: normal;
  text-transform: none;
}
.selectedSubscription .wrapper {
  padding: 20px;
  border: 1px solid #D7EEF7;
  border-width: 0 1px 1px;
  background-color: #fff;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  transition-property: height,visibility;

}
.subscriptionStepPersonalInformation .formSection {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D7EEF7;
}
.subscriptionStepPersonalInformation .formSection h3 {
  margin-bottom: 20px;
}
.formGroup {
  overflow: hidden;
  clear: both;
}
.formGroup .formLabel {
  float: left;
  display: block;
  width: 25%;
  padding-top: 5px;
  height: 32px;
  font-weight: bold;
}
.formGroup input[type=text] {
 float: left;
 padding: 5px 0 0 5px;
 height: 24px;
 max-width: 75%;
}
.formGroup input[type=text] + input[type=text] {
  margin-left: 1%;
}
.formGroup .checkboxLabel {
  display: inline-block;
  padding: 15px 15px 0 0;
  float: left;
}
.formGroup .checkboxLabel input {

}
/*Confirmation screen*/
.confirmation {
  margin-bottom: 40px;
}
.personalInformation {
  margin: 20px 0 40px;
  padding: 0;
}
.personalInformation h3 {
    margin: 20px 0 10px 0;
}
.personalInformation td.label {
  width: 25%;
  padding: 0 20px 10px 0;
  font-weight: bold;
}
.confirmation .fs-subtitle{
  margin-bottom: 50px;
}
.confirmation .terms {
  margin: 30px 0 60px 0;
  border-bottom: 1px solid #D7EEF7;
}


#subscriptionForm .toggleIndicator {
    margin-right: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid black;
    float: left;
    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}

#subscriptionForm .toggleIndicator.active {
    -moz-transform: rotate(90deg);
     -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.benchmark-section {
    width: 100%;
    margin: 24px 0;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #BFEFF9;
    box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.4);
}

.benchmark-section h3  {
    font-size: 14px;
    background-color: #01B5DD;
    color: #fff;
    padding: 10px 0px 10px 14px;
}

.benchmark-section div.table-area {
    margin: 0 20px;
}
.benchmark-section div.table-area table {
    width: 99%;
}
#benchmark-company-picker {
    margin-top: .3em;
    margin-bottom: 1.2em;
}
#benchmark-company-picker li {
    height: 1.6em;
}
span.delete-list-entry {
    position: relative;
    top: -1px;
    background-color: #A44;
    color: #FFF;
    font-size: 80%;
    border-radius: 4px;
    padding: 1px 3px;
    margin-left: .4em;
    cursor: pointer;
}

.printButton {
    clear: right;
}

.branchePowerRankLogo {
    float: right;
    margin: -20px 20px;
    text-align: center;
}
.branchePowerRankLogo img {
    max-width: 135px;
    max-height: 135px;
    display: block;
}
.branchePowerRankLogo .ranking {
    margin-top: 10px;
}

ul.error li {
    color: #A00;
}

#mapWrapper {
    float:right;
    margin:0 10px 10px 5px;
    width:300px;
    height:320px;
}
#mapWrapper div.resizeButton {
    cursor: pointer;
    text-decoration: underline;
    margin: 0 0 3px 0;
    padding:8px 0;
    text-align: right;
}
#mapWrapper div.resizeButton:hover {
    color:#4E7E1D;
}
#map {
    width: 100%;
    height: 93%;
    border:solid #00BCE4 1px;
    border-radius: 5px;
}
#mapWrapper.wide {
    width: 800px;
    height: 400px;
}
#mapWrapper.wide #map {
    height: 94%;
}

.listButtons {
    padding:0;
}
.listButtons .listBtn {
    display: inline-block;
    margin-left:4px;
    padding:5px;
    border:solid #3D6119 1px;
    border-radius: 2px;
    text-decoration: none;
    color:#3D6119;
}
.listButtons svg {
    margin-bottom:-2px;
    width:15px;
    height:15px;
    fill:#3D6119;
}
.listButtons .listBtn.current {
    background-color:#3D6119;
    color:#fff;
}
.listButtons .listBtn:hover {
    background-color:#9DAD86;
    border:solid #9DAD86 1px;
    color:#fff;
}
.listButtons .listBtn.current svg,
.listButtons .listBtn:hover svg {
    fill:#fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border:solid #162804 1px;
    background-color: #3D6119;
}

.call-to-action {
    margin-top: 15px;
    padding: 15px 15px 10px 15px;
    border: solid #01B5DD 1px;
    border-radius: 5px;
    max-width: 450px;
}
.call-to-action h4 {
    margin-top: 0;
}
.call-to-action .light {
    width: 14px;
    height: 21px;
    position: relative;
    top: 6px;
    margin-right: 3px;
}

.notSpecificlyCompleted {
    font-style: italic;
}