@import url(//facdn.financeads.net/fonts/google/fonts.min.css?family=PathwayGothicOne);


.essb-click-to-tweet {
	display: block;
	background: #60A8DC;
	position: relative;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px 15px 15px 30px;
	margin-bottom: 1em;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.essb-click-to-tweet.essb-click-to-tweet-light {
	background: none;
	border-left: 5px solid #888;
    border-radius: 0px;
}

.essb-click-to-tweet.essb-click-to-tweet-qlite {
	background: none;
	border: 1px solid #efefef;
    border-radius: 0px;
}

.essb-click-to-tweet.essb-click-to-tweet-light:hover {
	background-color: rgba(88, 88, 88, 0.05);
    border-left: 5px solid #555;
}

.essb-click-to-tweet.essb-click-to-tweet-qlite:hover {
	background-color: rgba(88, 88, 88, 0.02);
    border: 1px solid #e1e1e1;
}

.essb-click-to-tweet.essb-click-to-tweet-dark {
	background: #333;
	border-left: 5px solid #999;
    border-radius: 0px;
}

.essb-click-to-tweet.essb-click-to-tweet-dark:hover {
	background: #111;
    border-left: 5px solid #cdcdcd;
}


.essb-click-to-tweet:hover {
	background-color: #2a7fbd;
	border-left: 3px solid #4499d6;
}

.essb-click-to-tweet:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.essb-click-to-tweet-quote {
	position: relative;
	color: #fff !important;
	font-size: 1.5em;
	line-height: 140%;
	font-weight: 100;
	text-decoration: none !important;
	text-transform: none !important;
	word-wrap: break-word;
	border-bottom: none !important;
}

.essb-click-to-tweet.essb-click-to-tweet-light .essb-click-to-tweet-quote {
	color: #555 !important;
}

.essb-click-to-tweet.essb-click-to-tweet-qlite .essb-click-to-tweet-quote {
	color: #333 !important;
	font-style: italic;
}

.essb-click-to-tweet.essb-click-to-tweet-dark .essb-click-to-tweet-quote {
	color: #fff !important;
}

.essb-click-to-tweet-button {
	margin: 0;
	display: block;
	text-transform: uppercase;
	font-size: .7em;
	font-weight: bold;
	color: #fff;
	text-align: right;
	text-decoration: none !important;
}

.essb-click-to-tweet-light .essb-click-to-tweet-button, .essb-click-to-tweet-qlite .essb-click-to-tweet-button {
	color: #555;
}

.essb-click-to-tweet-button-icon {
	background-image:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQyIDQyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNywxMS4wNzZjLTEuMTc3LDAuNTIxLTIuNDQxLDAuODc1LTMuNzcxLDEuMDM0YzEuMzU2LTAuODEzLDIuMzk3LTIuMSwyLjg4OC0zLjYzMw0KCWMtMS4yNjksMC43NTItMi42NzUsMS4yOTktNC4xNjksMS41OTRjLTEuMTk3LTEuMjc2LTIuOTA0LTIuMDc0LTQuNzkzLTIuMDc0Yy0zLjYyNSwwLTYuNTY0LDIuOTM5LTYuNTY0LDYuNTY0DQoJYzAsMC41MTYsMC4wNTcsMS4wMTcsMC4xNywxLjQ5N2MtNS40NTctMC4yNzQtMTAuMjk0LTIuODg4LTEzLjUzMS02Ljg1OWMtMC41NjUsMC45Ny0wLjg5LDIuMDk4LTAuODksMy4zMDENCgljMCwyLjI3OCwxLjE1OSw0LjI4NywyLjkyLDUuNDY0Yy0xLjA3NS0wLjAzNC0yLjA4OC0wLjMyOS0yLjk3My0wLjgyMWMtMC4wMDEsMC4wMjctMC4wMDEsMC4wNTYtMC4wMDEsMC4wODINCgljMCwzLjE4MiwyLjI2Myw1LjgzNSw1LjI2Nyw2LjQzOGMtMC41NTEsMC4xNDktMS4xMzEsMC4yMjktMS43MjksMC4yMjljLTAuNDI0LDAtMC44MzQtMC4wNDEtMS4yMzUtMC4xMTYNCgljMC44MzUsMi42MDcsMy4yNjEsNC41MDYsNi4xMzMsNC41NTljLTIuMjQ3LDEuNzYxLTUuMDc3LDIuODEtOC4xNTMsMi44MWMtMC41MywwLTEuMDUzLTAuMDMtMS41NjYtMC4wOTINCgljMi45MDQsMS44NjMsNi4zNTUsMi45NSwxMC4wNjMsMi45NWMxMi4wNzgsMCwxOC42ODEtMTAuMDA0LDE4LjY4MS0xOC42NzljMC0wLjI4NS0wLjAwNy0wLjU2OC0wLjAxOS0wLjg1MQ0KCUMzNS4wMDcsMTMuNTQ5LDM2LjEyLDEyLjM5MiwzNywxMS4wNzYiLz4NCjwvc3ZnPg0K);
	background-size: 21px 21px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	display: inline-block;
	float: right;
	margin-top: -3px;
	margin-left: 5px;
}

.essb-ctt-text a:hover {
	text-decoration: none;
	color: #fff !important;
}



.essb-click-to-tweet-qlite .essb-click-to-tweet-button-icon {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MnB4IiBoZWlnaHQ9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDIgNDIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1OUQxREYiIGQ9Ik0zNywxMS4wNzZjLTEuMTc3LDAuNTIxLTIuNDQxLDAuODc1LTMuNzcxLDEuMDM0YzEuMzU2LTAuODEzLDIuMzk3LTIuMSwyLjg4OC0zLjYzM2MtMS4yNjksMC43NTItMi42NzUsMS4yOTktNC4xNjksMS41OTRjLTEuMTk3LTEuMjc2LTIuOTA0LTIuMDc0LTQuNzkzLTIuMDc0Yy0zLjYyNSwwLTYuNTY0LDIuOTM5LTYuNTY0LDYuNTY0YzAsMC41MTYsMC4wNTcsMS4wMTcsMC4xNywxLjQ5N2MtNS40NTctMC4yNzQtMTAuMjk0LTIuODg4LTEzLjUzMS02Ljg1OWMtMC41NjUsMC45Ny0wLjg5LDIuMDk4LTAuODksMy4zMDFjMCwyLjI3OCwxLjE1OSw0LjI4NywyLjkyLDUuNDY0Yy0xLjA3NS0wLjAzNC0yLjA4OC0wLjMyOS0yLjk3My0wLjgyMWMtMC4wMDEsMC4wMjctMC4wMDEsMC4wNTYtMC4wMDEsMC4wODJjMCwzLjE4MiwyLjI2Myw1LjgzNSw1LjI2Nyw2LjQzOGMtMC41NTEsMC4xNDktMS4xMzEsMC4yMjktMS43MjksMC4yMjljLTAuNDI0LDAtMC44MzQtMC4wNDEtMS4yMzUtMC4xMTZjMC44MzUsMi42MDcsMy4yNjEsNC41MDYsNi4xMzMsNC41NTljLTIuMjQ3LDEuNzYxLTUuMDc3LDIuODEtOC4xNTMsMi44MWMtMC41MywwLTEuMDUzLTAuMDMtMS41NjYtMC4wOTJjMi45MDQsMS44NjMsNi4zNTUsMi45NSwxMC4wNjMsMi45NWMxMi4wNzgsMCwxOC42ODEtMTAuMDA0LDE4LjY4MS0xOC42NzljMC0wLjI4NS0wLjAwNy0wLjU2OC0wLjAxOS0wLjg1MUMzNS4wMDcsMTMuNTQ5LDM2LjEyLDEyLjM5MiwzNywxMS4wNzYiLz48L3N2Zz4=);
}

.essb-click-to-tweet-light .essb-click-to-tweet-button-icon  {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjg2IDMwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yODYgMzAgNDIgNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojNjY2NjY2O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMjQ5LDQxLjFjLTEuMiwwLjUtMi40LDAuOS0zLjgsMWMxLjQtMC44LDIuNC0yLjEsMi45LTMuNmMtMS4zLDAuOC0yLjcsMS4zLTQuMiwxLjZjLTEuMi0xLjMtMi45LTIuMS00LjgtMi4xYy0zLjYsMC02LjYsMi45LTYuNiw2LjZjMCwwLjUsMC4xLDEsMC4yLDEuNWMtNS41LTAuMy0xMC4zLTIuOS0xMy41LTYuOWMtMC42LDEtMC45LDIuMS0wLjksMy4zYzAsMi4zLDEuMiw0LjMsMi45LDUuNWMtMS4xLDAtMi4xLTAuMy0zLTAuOGMwLDAsMCwwLjEsMCwwLjFjMCwzLjIsMi4zLDUuOCw1LjMsNi40Yy0wLjYsMC4xLTEuMSwwLjItMS43LDAuMmMtMC40LDAtMC44LDAtMS4yLTAuMWMwLjgsMi42LDMuMyw0LjUsNi4xLDQuNmMtMi4yLDEuOC01LjEsMi44LTguMiwyLjhjLTAuNSwwLTEuMSwwLTEuNi0wLjFjMi45LDEuOSw2LjQsMywxMC4xLDNjMTIuMSwwLDE4LjctMTAsMTguNy0xOC43YzAtMC4zLDAtMC42LDAtMC45Qy0yNTEsNDMuNS0yNDkuOSw0Mi40LTI0OSw0MS4xIi8+PC9zdmc+);
}

.essb-click-to-tweet-dark .essb-click-to-tweet-button-icon  {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjg2IDMwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yODYgMzAgNDIgNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMjQ5LDQxLjFjLTEuMiwwLjUtMi40LDAuOS0zLjgsMWMxLjQtMC44LDIuNC0yLjEsMi45LTMuNmMtMS4zLDAuOC0yLjcsMS4zLTQuMiwxLjZjLTEuMi0xLjMtMi45LTIuMS00LjgtMi4xYy0zLjYsMC02LjYsMi45LTYuNiw2LjZjMCwwLjUsMC4xLDEsMC4yLDEuNWMtNS41LTAuMy0xMC4zLTIuOS0xMy41LTYuOWMtMC42LDEtMC45LDIuMS0wLjksMy4zYzAsMi4zLDEuMiw0LjMsMi45LDUuNWMtMS4xLDAtMi4xLTAuMy0zLTAuOGMwLDAsMCwwLjEsMCwwLjFjMCwzLjIsMi4zLDUuOCw1LjMsNi40Yy0wLjYsMC4xLTEuMSwwLjItMS43LDAuMmMtMC40LDAtMC44LDAtMS4yLTAuMWMwLjgsMi42LDMuMyw0LjUsNi4xLDQuNmMtMi4yLDEuOC01LjEsMi44LTguMiwyLjhjLTAuNSwwLTEuMSwwLTEuNi0wLjFjMi45LDEuOSw2LjQsMywxMC4xLDNjMTIuMSwwLDE4LjctMTAsMTguNy0xOC43YzAtMC4zLDAtMC42LDAtMC45Qy0yNTEsNDMuNS0yNDkuOSw0Mi40LTI0OSw0MS4xIi8+PC9zdmc+);
}

/*
-------------------------------
    ALGEMEEN
-------------------------------
*/


.oswald {
	font-family: 'arial, helvetica', sans-serif;
	font-weight: normal;
}

.oswald.bold, .oswald .bold, .oswald b, .oswald strong {
    font-weight: bold;
}

.opensans {
    font-family: 'Open Sans', sans-serif;
}

.opensans.bold, .opensans .bold, .opensans b, .opensans strong {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

.upper {
    text-transform: uppercase;
}

html {
	margin: 0 !important;
	overflow-y: scroll;    
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 15px;
	line-height: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #00446b;      
}

body.logged-in {
    padding-top: 154px;
}

body.mobile {
    width: 1280px;
}

header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }

*:focus { 
    outline: none; 
}

*::-moz-focus-inner {
  border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.wrapper {
    width: 940px;
    margin: 0 auto;
}

ul.clean {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

ul.clean li {
    padding: 0;
    background: none;
    list-style: none;
    list-style-type: none;
}

.valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.table {
    display: table;
    height: 100%;
}

.tablecell {
    display: table-cell;
    height: 100%;
}

.tablecell.middle {
    vertical-align: middle;
}

.animate {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.animatefast,.button a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;      
}

.animatefaster {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;      
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

.sectionarrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #00436d transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
}

.godown {
    display: block;
    background: url('../img/go-down-blue.png') no-repeat center center;
    width: 15px;
    height: 12px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -8px;
    z-index: 10;
}


/* COMMON */
.button a {
    display: block;
    padding: 7px 10px;
    font-size: 19px;
    line-height: 19px;
    height: 19px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
}

.button.yellow a, #usps .usp:hover .button a {
    background: #faba00;
    border: 1px solid #dda400;
    color: #fff !important;
}

.button.gray a {
    background: #dcdcdc;
    border: 1px solid #bcbcbc;
    color: #7d7d7d !important;
}

.button.white a {
    background: #fff;
    color: #faba00;
    border: 1px solid #faba00;
}

.button.yellow a:hover, #genoeg .kolom:hover .button.yellow a {    
    background: #eeb40d;
}

.button.gray a:hover, #genoeg .kolom:hover .button.gray a {    
    background: #d3d3d3;
    color: #7d7d7d;
}


/* HEADER */
#header {
    height: 41px;
    padding:6px 0 0;
    background: #ececec;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    z-index: 20;
    top:0;
    left: 0;
    width: 100%;
}

.logged-in #header {
    top: 32px;
}

.mobile #header {
    position: absolute;
}

#header .tel, #header .contact {
    color: #00446b;
    background: url('../img/tel.png') no-repeat 0 center;
    font-size: 19px;
    line-height: 19px;
    height: 19px;
    margin-right: 20px;
    padding: 9px 0 7px 25px;
}

#header .contact{
    background:none;
    
    padding: 9px 0 7px;
}

#header .contact a {
    text-decoration: none;
    color: inherit;
}

#header .open_rekening {
    margin-right: 10px;
}

/* NAVIGATION */
#nav {
    height: 76px;    
    z-index: 20;
    /* position: fixed; */
    top:5px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.mobile #nav {
    position: absolute;
}

.logged-in #nav {
    top: 80px;
}

#logo {
    padding-top: 10px;
}

#logo a {
    display: block;
    width: 170px;
    height: 56px;
    background: url('logo.png') no-repeat 0 0;
}

#menu li {
    float: left;
    margin: 0 15px;
}

#menu a {
    display: block;
    color: #0b3157;
    text-decoration: none;
	font-family: 'Pathway Gothic One', sans-serif;
    font-size: 20px;
    line-height: 19px;
    height: 19px;
    padding: 30px 0 34px;    
}

#menu .last, #menu .last-menu-item {
    margin-right: 0;
}

#menu .active a, #menu li:hover a, #menu .current-menu-item a {
    background: url('../img/active-arrow.png') no-repeat center bottom
}

/* INTRO */
#intro {
    background: #323232;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ0NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #323232 0%, #00446c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#00446c));
    background: -webkit-linear-gradient(top,  #323232 0%,#00446c 100%);
    background: -o-linear-gradient(top,  #323232 0%,#00446c 100%);
    background: -ms-linear-gradient(top,  #323232 0%,#00446c 100%);
    background: linear-gradient(to bottom,  #323232 0%,#00446c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#00446c',GradientType=0 );

    color: #fff;
    height: 758px;
    text-align: center;
    position: relative;
    z-index: 9;
}

#intro .table {
    margin: 0 auto;
}

#intro h1 {
    font-size: 84px;
    line-height: 76px;
      
}

#intro .tekst {
    margin: 0 auto;
    width: 650px;
    text-align: justify;
}

#intro .button {
    display: inline-block;
    margin-top: 35px;
}

#intro .center {
    width: 650px;
    margin: 0 auto;
    height: 100%;
}

#intro .godown {
    width: 37px;
    height: 37px;
    background: url('../img/go-down-white.png') no-repeat;
    margin-left: -18px;
}

/* USPS */

#usps {
    z-index:8;
    position: relative;
    padding-top: 55px;
    padding-bottom: 62px;
}



#usps h2, #platform h2, #aandelen h2, #volg h2, #exclusief h2, #tarieven h2, #genoeg h2 {
    font-size: 44px;
    line-height: 46px;
    text-align: center;
    color: #00446b;
    width: 465px;
    margin: 0 auto;
}

#usps .text, #aandelen .text {
    text-align: justify;
    width: 784px;
    padding: 30px 78px 60px;
    border-bottom: 1px solid #c8c8c8;
    margin: 0 auto;
    color: #00446b;
}

#usps .slide {
    width: 960px;
    position: absolute;
    top: 0;
    left: 0;
}

#usps .usp {
    width: 250px;
    padding: 25px 25px;
    margin: 0 20px 0 0;
    text-align: center;
    position: relative;
    height: 340px;
}

#usps .usp a.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background: url('../img/transparent.gif');
}

#usps .usp .icon {
    width: 200px;
    height: 200px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow:hidden;
    background: #00446b;
    margin: 0 auto;
}

#usps .usp.active {
    background: url('../img/usp-active.png') no-repeat center 0;
}

#usps .usp .close {
    cursor: pointer;
    display: none;
    width: 27px;
    height:26px;
    background: url('../img/close-usp.png') no-repeat center center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -14px;
}

#usps .usp.active .close {
    display:block;
    z-index: 6; 
}

#usps .usp.active .button {
    display: none;
}

#usps .usp:hover .icon, #usps .usp.active .icon {
    background: #faba00;
}

#usps .usp .icon img {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
}

#usps .usp h3 {
    font-size: 22px;
    line-height: 26px;
    color: #00446b;
    margin: 25px 0;
    font-weight: normal;
}

#usps .usp .button {
    display: inline-block;
}

#usps .slides {
    height: 390px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
}

#usps .slide {
    position: relative;
    float: left;
}

#usps .slideInfo, #usps .usp .description {
    display: none;
}

#usps .slideInfo {
    text-align: center;
    color: #00446b;    
    padding: 32px 80px 58px;
}

#usps .slideInfo p, #usps .slideInfo h3 {
    margin: 0;
}

#usps .slideInfo h3 {
    font-family: 'arial, helvetica';
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 20px;
    font-weight: normal;
    text-transform: uppercase;
}

#usps .slideInfo .button {
    display: inline-block;
    margin-top: 24px;
}

.slidecontrol {
    text-align: center;
}

.slidecontrol li {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #ececec;
    border:1px solid #e3e3e3;
    cursor: pointer;
}

.slidecontrol li.activeSlide,.slidecontrol li:hover,#platform .slidecontrol li:hover, #platform .slidecontrol li.activeSlide {
    border:1px solid #00446b;
    background: #00446b;
}

.slidearrow {
    width: 37px;
    height: 100%;
    position: absolute;
    top: 0;
    background: url('../img/slide-arrows.png') no-repeat 0 center;
    cursor: pointer;
    z-index: 15;
}

.slidearrow.prev {
    left: -105px;
}

.slidearrow.next {
    right: -105px;
    background-position: right center;
}

#usps .sectionarrow {
    border-color: #fff transparent transparent transparent;
}

#usps .jcarousel {
    position: relative;
    overflow: hidden;
    height: 390px;
}

#usps .slideContainer {
    width: 9999px !important;
    position: absolute;
    top: 0;
    left: -320px;
}

/* PLATFORM */
#platform {
    background: #ececec;
    padding-top: 55px;
    padding-bottom: 70px;
    position: relative;
    z-index:7;
}

#platform .slide .text {
    color: #00446b;
    width: 340px;
}

#platform .slide .text ul {
    padding: 0;
    margin: 0;
    line-height: 30px;
    list-style-position:inside;
}

#platform .slide .text .button {
    width: 225px;
    margin-bottom: 10px;
}

#platform .slide .text .button.zien {
    width: 245px;
}

#platform .slide .text .button.zien a {
    background-image: url('../img/play-icon.png');
    background-repeat: no-repeat;
    background-position: 7px center;
    padding: 7px 10px 7px 35px;
}

#platform .slides {
    margin-top: 55px;
    margin-bottom: 55px;
    position: relative;
}

#platform .slides .slideContainer, #platform .slides .slideContainer .slide {
    width: 940px;
}

#platform .slides .slideContainer .slide {
    padding-bottom: 10px;
}

#platform .slidecontrol li {
    background: #d4d4d4;
    border: 1px solid #bebebe;
}

#platform .sectionarrow {
    border-color: #ececec transparent transparent transparent;
}

/* AANDELEN */
#aandelen {
    background: #fff;
    position: relative;
    z-index:6;
    padding-top: 55px;
}

#aandelen .icons .tab {
    width: 116px;
    padding: 10px 11px;
    height: 181px;
    position: relative;   
}

#aandelen .icons .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index:5;
    width: 100%;
    height: 100%;
    background:url('../img/transparent.gif');
}

#aandelen .icons .tab .table {
    margin: 0 auto;
}

#aandelen .icons .icon {
    width: 116px;
    height: 116px;
    border-radius: 58px;
    -webkit-border-radius: 58px;
    background: #00446b;
    margin: 0 auto;
}

#aandelen .icons .tab:hover .icon, #aandelen .icons .tab.activeSlide .icon {
    background: #faba00;
}

#aandelen .icons .tab.activeSlide {
    background: url('../img/tab-bg.png') no-repeat 0 0;
}

#aandelen .icons h3 {
    text-align: center;
    font-size: 19px;
    line-height: 20px;
    color: #00446b;
    margin: 10px 0 0;
}

#aandelen .icons {
    width: 970px;
    margin-left: -10px;
    margin-top: 30px;
    margin-bottom: 16px;
}

#aandelen .slides {
    position: relative;
    width: 560px;
    height: 485px;
    
}

#aandelen .slide {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

#aandelen .slide .button {
    display: inline-block;
    margin-top: 32px;
}

#aandelen .buttons, .buttonBlock {
    width: 260px;
    height: 250px;
    padding: 30px;
    background: #ececec;
    text-align: center;
}

#aandelen .buttons h3, .buttonBlock h3 {
    color: #00446b;
    font-size: 23px;
    line-height: 28px;
    margin: 0 0 16px;
}

#aandelen .buttons .yellow, .buttonBlock .yellow {
    margin-bottom: 40px;
}

#aandelen .slide ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

#aandelen .slide li:before {
    content: " ";
    display: block;
    float: left;
    width: 18px;
    height:25px;
    background: url('../img/aandelen-bullet.png') no-repeat 0 2px;
    padding:0 10px 0 0;
}  

#aandelen .slide li {
    margin-bottom: 12px;
}

#aandelen .slide li:after {
    content: " ";
    clear: both;
    display: block;
}

#aandelen .sectionarrow {
    border-color: #fff transparent transparent transparent;
}


/* EXPERTS */
#experts {
    height: 915px;
    position: relative;
    z-index: 5;
    overflow: hidden; 
}

#experts .slidearrow {
    background-image: url('../img/slide-arrows-white.png');
}

#experts .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#experts .background img {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    min-width: 100%;
    min-height: 100%;
}

#experts .slides, #experts h2 {
    position: relative;
    z-index: 2;
}

#experts .slides {
    width: 924px;
    padding: 0 8px;
    background: #fff;
}

#experts .slidecontrol {
    position: relative;
    z-index: 3;
    margin-top: -50px;
}


#experts .jcarousel {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0 0 100px;
    height: 530px;
}

#experts .slideContainer {
    width: 9999px !important;
    position: absolute;
    top: 0;
    left: -308px;
}

#experts .slideContainer .slide {
    background:#fff;
}

#experts h2 {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    text-shadow: 0 1px 1px #1d1d1d;
    text-align: center;
    margin: 0;
    padding: 58px 0 48px;
}

#experts .expert {
    width: 240px;
    margin: 0 34px;
    text-align: center;
    padding: 45px 0 65px;
    color: #00446b;
}

#experts .expert .description {
    text-align: justify;
    font-size: 13px;
    line-height: 20px;
}

#experts .expert .portrait {
    width: 198px;
    height: 198px;
    margin: 0 auto;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    overflow: hidden;
}

#experts .expert .portrait img {
    width: 198px;    
}

#experts .expert h3 {
    font-size: 28px;
    line-height: 28px;
    margin: 26px 0 0;
}

#experts .expert h4 {
    font-size: 20px;
    line-height: 20px;
    margin: 6px 0 15px;
    color: #4f4f4f;
    font-weight: normal;
}

#experts .cutoutContainer {
    height: 9px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

#experts .cutout {
    position: absolute;
    left: 50%;
    margin-left: -2010px;
    width: 4019px;
}

#experts .cutout .left, #experts .cutout .right {
    height: 9px;
    width: 2000px;
    background: #fff;
    float: left;
}

#experts .cutout .mid {
    float: left;
    width: 19px;
    height: 9px;
    background: url('../img/cutout.png') no-repeat 0 0;
}

#experts .social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative; 
    margin: 0 5px; 
}

#experts .social a.twitter {
    background: url('../img/social_twitter.png') no-repeat 0 0;
}

#experts .social a.academy {
    background: url('../img/social_academy.png') no-repeat 0 0;
}

#experts .social a.autotrades {
    background: url('../img/social_autotrades.png') no-repeat 0 0;
}

#experts .social a:hover {
    background-position: 0 -40px;
}

#experts .social .tooltip {
    display: none;
    position: absolute;
    bottom: 48px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    background: #ececec;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    color: #4f4f4f;
    height: 13px;
    padding: 8px 0 9px;
}

#experts .social a:hover .tooltip {
    display: block;
}

#experts .social a:hover .tooltip .sectionarrow {
    border-color: #ececec transparent transparent transparent;
}

#experts .godown {
    width: 37px;
    height: 37px;
    background: url('../img/go-down-gray-white.png') no-repeat  center center;
    margin-left: -18px;
}

/* VOLG */
#volg {
    padding: 50px 0 56px;
    text-align: center;
    position: relative;
    z-index: 4;
}

#volg h2 {
    width: auto;
}

#volg .text {
    padding: 32px 0 28px;
    color: #00446b;
}

#volg .button {
    display: inline-block;
    width: 225px;
}

#volg .sectionarrow {
    border-color: #fff transparent transparent transparent;
}

#volg .button.yellow {
    margin-top: 10px;
}

/* Exlusieve toegang */
#exclusief {
    background: #ececec;
    padding: 58px 0 68px;
    color: #00446b;
    position: relative;
}

#exclusief h2 {
    width: auto;
    margin: 0 ;
}

#exclusief h3 {
    font-size: 28px;
    line-height: 28px;
    
    text-align: center;
    margin: 18px 0 30px;
}

#exclusief .buttons {
    padding: 45px 140px 0 0;
    width: 260px;
    margin: 0 auto;    
}

#exclusief .buttons .yellow {
    margin-bottom: 10px;
}

#exclusief .sectionarrow {
    border-color: #ececec transparent transparent transparent;
}

#exclusief .text {
    padding: 0 80px 40px;
    border-bottom: 1px solid #c8c8c8;
}

#exclusief .text p {
    margin: 0;
}

#seminars {
    width: 306px;
    padding: 45px 20px 0 140px;
    text-align: left;
}

#seminars h3 {
    margin: 0 0 35px;
}

#seminars .seminar {
    background: url('../img/seminar.png') no-repeat 0 center;
    padding: 0 0 0 38px;
    margin-bottom: 26px;
    text-align: left;
    display: inline-block;
}

#seminars .seminar .date {
    display: inline-block;
    width: 56px;
}

/* Tarieven */
#tarieven {
    position: relative;
    color: #00446b;
    z-index: 3;
    padding: 64px 0 68px;
}

#tarieven h2 {
    width: auto;
}

#tarieven .text {
    padding: 32px 60px;
    border-bottom: 1px solid #c8c8c8;
}

#tarieven .buttons {
    width: 220px;
    margin: 0 auto;
}

#tarieven .buttons .margin {
    margin-bottom: 10px;
}

#tarieven .sectionarrow {
    border-color: #fff transparent transparent transparent;
}

#tarieven .tarieven {
    text-align: center;
    padding: 40px 0 50px;
}

#tarieven .tarief {
    display: inline-block;
    width: 218px;
    margin: 0 30px;
}

#tarieven .tarief .icon {
    width: 118px;
    height: 118px;
    border-radius: 59px;
    -webkit-border-radius: 59px;
    background: #00446b;
    color: #fff;
    margin: 0 auto;
    font-size: 35px;
    line-height: 35px;
}

#tarieven .tarief .table {
    margin: 0 auto;
}

#tarieven .tarief {
    font-size: 20px;
    line-height: 20px;
    color: #4f4f4f;
    padding: 30px 0 25px; 
    border: 1px solid #c8c8c8;   
}

#tarieven .tarief h3 {
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    margin: 0 0 18px;
    color: #00446b;
}



/* Trader genoeg */
#genoeg {
    background: #323232;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ0NmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #323232 0%, #00446d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#00446d));
    background: -webkit-linear-gradient(top,  #323232 0%,#00446d 100%);
    background: -o-linear-gradient(top,  #323232 0%,#00446d 100%);
    background: -ms-linear-gradient(top,  #323232 0%,#00446d 100%);
    background: linear-gradient(to bottom,  #323232 0%,#00446d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#00446d',GradientType=0 );
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 58px 0 88px;
}

#genoeg h2 {
    width: auto;
    color: #fff;
}

#genoeg .text {
    width: 820px;
    margin: 0 auto;
    text-align: justify;
    padding: 30px 0 46px;
}

#genoeg .cols {
    text-align: center;
    width: 704px;
    margin: 0 auto;
}

#genoeg .kolom {
    width: 260px;
    padding: 25px 30px 30px;    
    color: #fff;
    border: 1px solid #fff;    
    /*display: inline-block;*/
    position: relative;
    height: 450px;
}

#genoeg .kolom:hover {
    background: #fff;
    color: #00446b;
    border: 1px solid #c8c8c8;
}

#genoeg .kolom h3 {
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 25px;
}

#genoeg .kolom .description {
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
}

#genoeg .kolom .button {
    position: absolute;
    width: 260px;
    left: 30px;
    bottom: 30px;
    z-index: 1;
}

#genoeg .kolom a.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

#genoeg .kolom .icon {
    width: 150px;
    height: 150px;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    background: #fff;
    margin: 0 auto 25px;
}

#genoeg .kolom .icon .hoverimage {
    display: block;
    opacity: 0;
    position: absolute;    
    width: 150px;
    height: 150px;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;  
    z-index: 2;   
}

#genoeg .kolom .icon img {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

#genoeg .kolom .icon .hoverimage img {
    top: 0;
    bottom: auto;
    z-index: 2;
}

#genoeg .kolom img {
    display: block;
}

#genoeg .kolom:hover .icon {
    background: #00446b;
}

#genoeg .kolom:hover .icon .hoverimage {
    opacity: 1;
}

#genoeg .kolom .tablecell {    
    overflow:hidden;
}

#genoeg .kolom .tablecell .relative {
    width: 100%;
    height: 100%;
    position: relative;
}

#genoeg .kolom .table {
    width: 100%;
}

#genoeg .kolom.left {
    margin-right: 60px;
}

/* Footer */
#footerWrapper {
    background: #ececec;
    padding: 25px 0 28px;
}

.home #footerWrapper, .page-template-page-over-php #footerWrapper {
    background: #fff;
}

#footer {
    font-size: 13px;
    line-height: 28px;
    color: #003159;
}

#footer a {
    color: inherit;
    text-decoration :none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer a.facebook, #contactgegevens a.facebook, #mobile .contact a.facebook {
    margin-top: 15px;
    display: block;
    background: url('../img/facebook.png') no-repeat 0 center;
    padding-left: 20px;
}

#footer .kolom.tradersonly {
    width: 320px;
}

#footer .kolom.documenten {
    width: 400px;
}

#footer .kolom.contact {
    width: 220px;
}

/* BEURZEN */
#standaard {
    color: #00446b;
    padding-bottom: 70px;
}

#standaard .heading {
    text-align: center;
    padding: 68px 0 32px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 40px;
}

#standaard .heading.noborder {
    border: 0;
    margin-bottom: 0;
}

#standaard .heading h2 {
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 32px;
    position: relative;
}

#standaard .heading h3 {
    font-size:15px;
    margin: 0;
    font-weight: normal;
}

#standaard p {
    margin: 0;
}

#standaard .text ul {
    padding: 0;
    margin: 0;
    line-height: 30px;
    list-style-type: none;
    list-style-image: none;
    width: 620px;
}

#standaard .text ul li {
    padding-left: 22px;
    background: url('../img/ul-bullet.png') no-repeat 0 11px;
}

#standaard .text h1, #contactgegevens h1 {
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 20px;
}

#standaard .text .image {
    margin: 0 0 15px 15px;
}

#standaard a {
    color: inherit;
}

#standaard .contentleft {
    width: 620px;
}

/* Submenu */
#submenu {
    font-size: 20px;
    line-height: 20px;
    width: 278px;
    padding: 0 42px 0 0;
    margin-top: -12px;
}

#submenu a {
    display: block;
    color: #a7a7a7;
    text-decoration: none;
    padding:16px 0;
    border-bottom: 1px solid #eeeeee;
}

#submenu a:hover, #submenu .active a {
    color: #3d3d3d;
}

#submenu .active a {
    background: url('../img/submenu-active.png') no-repeat right center;
}

/* OVER */
#over, #platform-overzicht {
    text-align: center;
    color: #00446b;
}

#over .text, #platform-overzicht .text {
    text-align: justify;
    padding: 0 80px;
}

#over .block, #platform-overzicht .block {
    padding: 65px 0 60px;
    position: relative;
}

#over .block.gray, #platform-overzicht .block.gray {
    background: #ececec;
}

#over .block h1, #over .block h2, #platform-overzicht .block h1, #platform-overzicht .block h2 {
    margin-top: 0;
    margin-bottom: 34px;
    font-size: 44px;
    line-height: 44px;
    position: relative;
}

#over .block .button,#platform-overzicht .block .button, #standaard .contentleft .button {
    display: block;
    width: 260px;
    margin: 0 auto;
}

#over .block .sectionarrow, #platform-overzicht .block .sectionarrow {
    top: 0;
    bottom: auto;
}

#over .block.white .sectionarrow, #platform-overzicht .block.white .sectionarrow {
    border-color: #ececec transparent transparent transparent;
}

#over .block.gray .sectionarrow, #platform-overzicht .block.gray .sectionarrow {
    border-color: #fff transparent transparent transparent;
}

#over .block .button.margin, #platform-overzicht .block .button.margin, #standaard .contentleft .button.margin {
    margin: 40px auto 10px;
}

#over .block h3, #standaard .waarborg h3 {
    text-align: left;
    font-size: 28px;
    line-height: 28px;
    margin: 28px 0 24px;
}

#over .waarborg, #standaard .waarborg {
    padding: 40px 0 45px;
    border-bottom: 1px solid #c8c8c8;
    text-align: justify;
}

#over .waarborg .button, #standaard .waarborg .button {
    margin: 30px auto 0;
}


#over .waarborg .number, #standaard .waarborg .number {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    background: url('../img/waarborg-icon.png') no-repeat 0 0;
    color: #fff;
    font-size: 50px;
    text-align: center;
    line-height: 100px;
    margin: 0 auto;
}

#over .border_button {
    margin-top: 40px;
}

#contactgegevens .wrapper {
    width: 620px;
}

#contactgegevens .text {
    padding: 0;
    width: 300px;
    
}

#contactgegevens .text a {
    color: inherit;
    text-decoration: none;
}

/* PLATFORM */
#platform-overzicht .block .description {
    width: 430px;
    text-align: justify;
}

#platform-overzicht .block .description p {
    margin-top: 0;
}

#platform-overzicht .block .image,#platform-overzicht .block .image img {
    display: block;
    width: 470px;
    height: auto;
}

/* GRATIS REKENING */
#gratis-rekening {
    color: #00446b;
}

#gratis-rekening .heading {
    text-align: center;
    padding: 68px 80px 32px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 40px;
}

#gratis-rekening .heading .subtitle {
    text-align: justify;
}

#gratis-rekening .heading h1 {
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 32px;
    position: relative;
}

#gratis-rekening p {
    margin: 0;
}

#gratis-rekening .text ul {
    padding: 0;
    margin: 0;
    line-height: 30px;
    list-style-position: inside;
}

#gratis-rekening .text {
    padding: 0 0 60px;
    text-align: justify;
    width: 540px;
}

/*
#rekform {
    width: 540px;
    margin: 40px 0 0;
}

#rekform label {
    font-weight: bold;
    display: block;
    width: 220px;
    float: left;
    padding-top: 7px;
}

#rekform .error label {
    color: #f00;
}

#rekform .row input {
    height: 39px;
    border: 1px solid #c8c8c8;
    padding: 0;
    width: 307px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding-left: 7px;
    color: #00446b;
}

#rekform .row {
    margin-bottom: 19px;
}

#reform #first_name {
    width: 273px;
}

#rekform #phone, #rekform #zip, #rekform #city {
   // width: 213px;
}

#rekform .jqTransformSelectWrapper {
    width: 314px !important;
    height: 39px;
    background: none;
    border: 1px solid #c8c8c8;
}

.jqTransformSelectWrapper div span {
    width: 280px !important;
    font-size: 15px;
    padding-top: 12px;
    line-height: 15px;
    height: 27px;
}

#gratis-rekening .text ul {
    width: 285px !important;
    top: 39px;
    left: -1px;
}
*/

#rekform .jqTransformSelectWrapper a.jqTransformSelectOpen {
    background: url('../img/jqtransform/select-arrow.png') no-repeat center center;
    width: 39px;
    height: 39px;
    border-left: 1px solid #c8c8c8;
}

#rekform .submit input {
    display: block;
    padding: 7px 10px;
    font-size: 19px;
    line-height: 19px;
    height: 35px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    background: #faba00;
    border: 1px solid #dda400;
    color: #fff;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    float: right;
}

#testimonials .buttonBlock {
    width: 330px;
    padding: 20px 10px;
    height: auto;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
}

#testimonials img {
    display: block;
    width: 350px;
    margin-bottom: 20px;
}

#testimonials h3 {
    text-align: center;
}

#testimonials .text {
    padding: 0;
    width: auto;
}

#testimonials .testimonial {
    background: #fff;
    padding: 12px 15px;
    position: relative;
}

#testimonials .sectionarrow {
    border-color: #fff transparent transparent transparent;
}

#testimonials .klant {
    color: #4f4f4f;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 0 25px;
    text-align: center;
}

/* 30 DAGEN GRATIS */
.actions {
    text-align: center;
    margin-bottom: 70px;
}
.actions .buttonBlock {
    height: auto;
    display: inline-block;
}

.actions .buttonBlock .yellow {
    margin-bottom: 0;
}

.actions .buttonBlock.white {
    background: #fff;
}

/* FAQ */
#faq {
    color: #00446b;
    padding: 68px 0 70px;
}

#faq h1 {
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 32px;
    text-align: center;
    position: relative;
}

#faq .vraag h3 {
    font-size: 26px;
    line-height: 26px;
    margin: 0; 
    cursor: pointer;
}

#faq .vraag {
    border-bottom: 1px solid #c8c8c8;
    padding: 15px 0;
}

#faq .vraag .antwoord {
    padding: 5px 0 0;
    display: none;
}

/* WHITESPACE FIXES */
#usps .text p, #aandelen .text p, #tarieven .text p {
    margin-top: 0;
}

#usps .slides {
    margin-bottom: 12px;
}

#aandelen .text {
    padding-top: 22px;
}

#volg .text p, #genoeg .text p {
    margin: 0;
}

/* Terug knop */
#back {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
}

#back a {
    background-image: url('../img/back.png');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-left: 25px;
}

.dropdown {
	display: inline;
	width: 316px;
	padding: 10px;
	border: 1px solid #C8C8C8;
}