@font-face {
   font-family: 'TT Norms Pro';
   src: url('/fonts/TTNormsProRegular-6fd852e5.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: 'TT Norms Pro';
   src: url('/fonts/TTNormsProDemiBold-7c123c11.woff') format('woff');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: 'Cambon';
   src: url('/fonts/Cambon-Regular-cc83c1eb.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: 'Cambon';
   src: url('/fonts/Cambon-LightItalic-99e91b82.woff') format('woff');
   font-weight: 300;
   font-style: italic;
}

html, body {
   background-color: #e8ebee;
}

html, body, #form-bereken .infobereken:hover span {
   font-family: 'TT Norms Pro', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
	line-height: 24px;
   color: #09121d;
}

h1, h2, h3, h4, h5 {
   font-family: 'Cambon', serif;
   font-weight: 400;
}

h1, h2, h3 {
	color: #000;
	font-style:  normal;
	line-height: 45px;
}

h2, h3{	
	font-size: 28px;
	line-height: 38px;
}

#form-bereken a {
   background-color: #fff;
   color: #333;
   font-size: 15px !important;
}

#form-bereken a.active {
   background-color: #002A4E !important;
   color: #fff;
}

#form-bereken a:hover {
   background-color: #fff !important;
   color: #002A4E
}

button {
   font-weight: 400; 
}

strong {
	font-weight: 700;
}

#navblock {
   border-bottom: 1px solid #e6e6e6;
}

#helpdeskblock {
   font-weight: normal;
}

#helpdeskblock a {
   font-size: 11px;
}

header {
	box-shadow: none;
}

#wrapper_gelijkblijvend > rect {
   background-color: transparent !important;
}

#bereken_form #keuzeopties h4 {
   text-align: left;
   padding-left: 20px;
   font-size: 1.5em;
}

#bereken_form #keuzeopties .keuzeoptie > div {
   min-height: auto;
}

header .container div {
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   color: #000;
}


#langselect {
	height: 50px !important;
	line-height: 50px !important;
}

#bereken_form #keuzeopties .keuzeoptie, #bereken_form .chartoptions .keuzeoptie {
   padding: 20px;
}

#langselect img {
	background-color: #fff;
	border-radius: 3px;
}

.button {
   color: #fff;
	background-color: #002A4E;
	-webkit-font-smoothing: subpixel-antialiased !important;
	border-radius: 0px;
	padding-bottom: 12px;
	padding-top: 12px;
   font-size: 11px;
   text-transform: uppercase;
   font-weight: 400;
   text-transform: uppercase;
}

#resultaten .nettolink a:hover .netto {
	color: #ad1917;
}

#resultaten .resultaat_item {
   background-color: transparent;
}

.button i {
	color: #fff !important;
}

#matlink i {
   color: #fff !important;
}


.button:hover,
.button.active {
	background-color: #36749D!important;
   color: #fff;
}

#form-errors{
	color: #ad1917;
}

#toggle i {
	color: #000;
}

#helpdesk {
   font-weight: 700;
}

#navblock nav.opened ul li a {
	color: #ad1917 !important;
}

#navblock nav.opened ul li {
	margin: 0px !important;
}

#navblock nav.opened ul li a.active {
	height: auto;
	border-bottom: none;
}

nav {
	height: 45px;
	line-height: 46px;
   font-size: 15px;
   font-weight: 400;
}

nav a {
   color: #000;
}

nav ul li a.active, nav ul li a:hover {
	height: 45px;
	color: #36749D !important;
   border-bottom: 0px;
}

nav ul li a.active {
   color: #000;
}

nav ul li a:hover {
   color: #36749D !important;
}


#home-1 {
   height: 550px;
   margin-top: 15px;
}


#home-1, #bereken-1 {
   background-color: #fff;
	background-image: url(/img/raetsheren/acr-bg.jpg);
   background-position: right center;
   background-size: 55% auto;
   background-color: #e8ebee;
}

#home-1 h1 {
	color: #333;
	margin-bottom: 15px;
   font-size: 60px;
   line-height: 70px;
   margin-top: 5px;
}

#acrisurelogo {
   width: 220px;
   position: absolute;
   top: 48px;
   margin-left: 15px;
}

#home-1 .container {
   text-align: left;
   width: 35%;
   margin-left: 50px;
   margin-top: 5vh;
   color: #333;
   padding: 25px;
}

#home-1 .container img {
   width: 58px;
   float: left;
   margin-left: -65px;
}

#home-2 {
   margin-top: 200px;
}

.home-grey-dark {
   background-color: transparent;
}

.home-grey-light {
   background-color: transparent;
}

#home-teaser {
   width: 500px;
	background-color: #c5ddef;
   margin-top: -200px;
   padding: 25px;
}

#home-teaser div {
   width: auto;
}


#home-teaser .button {
background-color: #002A4E;
color: #fff;
}

#home-teaser .button:hover {
   color: #fff;
   background-color: #36749D;
}

#home-teaser p {
   line-height: 20px;
}

#bereken-1 {
	padding-top: 30px;
   color: #000;
   margin-bottom: 0px;
	background-image: url(/img/raetsheren/acr-bg.jpg);
   background-position: right center;
   height: 205px;
   background-size: 45% auto;
}

#bereken-1.resultatenheader {
   height: 205px;
}

#bereken-1 .container {
	text-align: left;
   width: auto;
   padding: 35px 50px;
   float: left;
   line-height: 26px;

}

#bereken-1 img {
   float: left;
   width: 40px;
   margin-left: -50px;
   margin-top: -10px;
}
	
#bereken-1 h1 {
	margin-bottom: 3px;
	color: #000;
}

.button i {
   display: none;
}

footer {
	background-color: #09121d;
	color: #fff;
}

footer a {
	color: #fff !important;
}

#tabs {
	background: #002A4E;
	background: -moz-linear-gradient(left,  #002A4E 50%, #f1f3f5 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,#002A4E), color-stop(50%,#f1f3f5));
	background: -webkit-linear-gradient(left,  #002A4E 50%,#f1f3f5 50%);
	background: -o-linear-gradient(left,  #002A4E 50%,#f1f3f5 50%);
	background: -ms-linear-gradient(left,  #002A4E 50%,#f1f3f5 50%);
	background: linear-gradient(to right,  #002A4E 50%,#f1f3f5 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002A4E', endColorstr='#f1f3f5',GradientType=1 );
   margin-top: 0px;

}

#tabs li {
	background-color: #002A4E;
}

#tabs li.active {
   color: #fff;
}

.arrow-right {
	border-left: 25px solid #002A4E;
}

#tabs li.second, 
#tabs li.third {
	background-color: #ced5dc;
}

#tabs li.non-active.third .arrow-right {
	border-left-color: #ced5dc;
}

#tabs li.active.second {					background-color:  #153457; color: #fff;}
#tabs li.active.second .arrow-right {		border-left-color: #153457;}

#tabs li.non-active.second {				background-color:  #bdc6d0;}
#tabs li.non-active.second .arrow-right {	border-left-color: #bdc6d0;}

#tabs li.active.third {						background-color:  #254061; color: #fff;}
#tabs li.active.third .arrow-right {		border-left-color: #254061;}

#tabs li.non-active.fourth {				background-color: #dfe3e8;}
#tabs li.non-active.fourth .arrow-right {	border-left-color: #dfe3e8;}

#tabs li.active.fourth {						background-color:  #344c6c; color: #fff;}
#tabs li.active.fourth .arrow-right {		border-left-color: #344c6c;}

.formulieringevuld { 						
   background-color: transparent;
   border-radius: 3px;
   color: #333;
   width: 850px;
}

.formulieringevuld span {
   color: #333;
}

.formulieringevuld a#berekenknop {			
   background-color: #002A4E;
   font-size: 12px !important;
   text-transform: uppercase;
   font-weight: 700;
   color: #fff;
   padding: 5px 15px;
   text-align: center;
   border-radius: 0px;
}
.formulieringevuld a#berekenknop i {			
   display: none;
}

#bereken_form #keuzeopties h4 {
   margin-bottom: 0px;
}

#bereken_form #keuzeopties .keuzeoptie > div {
   border-radius: 0px;
   border: 0px;
   color: #002A4E;
   background-color: #fff;
}

#bereken_form #keuzeopties .keuzeoptie > div:hover,
#bereken_form #keuzeopties .keuzeoptie.active > div {
	background-color: #002A4E !important;
   color: #fff;
}

#footer-links li a {
   font-size: 15px;
}

#bereken_form #keuzeopties .keuzeoptie > div {
   padding: 15px;
   padding-top: 25px;
   padding-bottom: 50px;
}

.formulieringevuld .halfblock .sort {
   width: 150px;
}