#main {
	background-color:#ffffff;
	width:100%;
	overflow:hidden;
	z-index:5;
}
#main_top {
	background-color:#7a7b7c;
	/*background: url('../images/bg.jpg') no-repeat scroll 0% 0% / 100% auto transparent;*/
	margin-top: 70px;
	background-size: 100%;
	background-repeat:no-repeat;
	height: 590px;
	width:100%;
	overflow:hidden;
	-moz-box-shadow: inset 0px -200px 160px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px -200px 160px rgba(0,0,0,0.6);
	box-shadow: inset 0px -200px 160px rgba(0,0,0,0.6);
	background-position: 0 -60px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    font-size: inherit;
    text-rendering: auto;
    transform: translate(0px, 0px);
}


/* show arrows for dropdowns */
h1 {
	font-size: 39px;
	width: 950px;
	left:50%;
	margin-left:-475px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top: 420px;
	 text-shadow:2px 2px 2px #333333;
}

h1 span {
	margin: 5px;
}
#button {
	-moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.4), inset 0px -1px 2px rgba(0,0,0,0.5), 
inset 0px 1px 2px rgba(255,255,255,0.8);
	-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.4), inset 0px -1px 2px rgba(0,0,0,0.5), 
inset 0px 1px 2px rgba(255,255,255,0.8);
	box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.4), inset 0px -1px 2px rgba(0,0,0,0.5), 
inset 0px 1px 2px rgba(255,255,255,0.8);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FE9600), color-stop(1, #e25d04));
	background:-moz-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:-webkit-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:-o-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:-ms-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:linear-gradient(to bottom, #FE9600 5%, #e25d04 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9600', endColorstr='#e25d04',GradientType=0);
	background-color:#FE9600;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:24px;
	font-weight:bold;
	padding-top: 12px;
	text-decoration:none;
	text-shadow:1px 1px 2px #6b0d0d;
	left:50%;
	margin-left:-135px;
	position:absolute;
	top: 520px;
	width: 270px;
	text-align: center;
	height: 42px;
}

#button:hover {
	padding-top: 14px;
	height: 43px;
	width:271px;
	-moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.4), inset 2px 2px 3px rgba(0,0,0,0.4), 
inset -1px -1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:  1px 3px 3px 0px rgba(0,0,0,0.4), inset 2px 2px 3px rgba(0,0,0,0.4), 
inset -1px -1px 2px rgba(0,0,0,0.3);
	box-shadow:  1px 3px 3px 0px rgba(0,0,0,0.4), inset 2px 2px 3px rgba(0,0,0,0.4), 
inset -1px -1px 2px rgba(0,0,0,0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e25d04), color-stop(1, #d15600));
	background:-moz-linear-gradient(top, #e25d04 5%, #d15600 100%);
	background:-webkit-linear-gradient(top, #e25d04 5%, #d15600 100%);
	background:-o-linear-gradient(top, #e25d04 5%, #d15600 100%);
	background:-ms-linear-gradient(top, #e25d04 5%, #d15600 100%);
	background:linear-gradient(to bottom, #e25d04 5%, #d15600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e25d04', endColorstr='#d15600',GradientType=0);
	background-color:#e25d04;
	text-shadow:1px 1px 2px #6b0d0d;
}

/* uitleg div ----------------------------------------------------------------- */

#main_uitleg{
	width:100%;
	height:300px;
	position:relative;
}

#main_uitleg h2 {
	font-size: 30px;
	width:840px;
	left:50%;
	margin-left:-420px;
	text-align:center;
	font-weight:normal;
	color:#323232;
	position:relative;
	top: 50px;
}
/* 3 steps */

.stap_wrapper {
	width:800px;
	height:200px;
	top:80px;
	left:50%;
	margin-left:-400px;
	position:relative;
}
#stap_lijn {
	height:3px;
	width:700px;
	background-color:#f17d01;
	position: relative;
	top: 52px;
	left: 50px;
	z-index: 3;
}
.stappen {
	width:100px;
	height:60px;
	position:relative;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FE9600), color-stop(1, #e25d04));
	background:-moz-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:-webkit-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:-o-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:-ms-linear-gradient(top, #FE9600 5%, #e25d04 100%);
	background:linear-gradient(to bottom, #FE9600 5%, #e25d04 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9600', endColorstr='#e25d04',GradientType=0);
	background-color:#FE9600;
	border-radius: 7px;
}
#stap1 {
	top:20px;
}
#stap2 {
	left: 335px;
	top: -180px;
}
#stap3 {
	left: 710px;
	top: -385px;
}
.stap_wrapper h3 {
    position: relative;
    left: -20px;
    top: 15px;
}
.stap_wrapper span {
    position: relative;
    left: -20px;
    top: 25px;
	line-height: 1.2 !important;
}
.stap_nummer {
	color: #FFF;
position: relative;
font-size: 28px;
font-weight: bold;
z-index: 5;
text-shadow:1px 1px 2px #6b0d0d;
left: 18px; 
top: -80px;
}
#stap3 .stap_nummer {
	top:13px;
	left: 1px;
	font-size:36px;
}
#stap3 h3  {
	left: -48px;
	top:10px;
}
#stap3 span  {
	left: -48px;
	top:20px;
}
#stap3 .stappen {
	width:70px;
	height:70px;
}
.stap_holder{
	position:relative;
	height: 200px;
	width: 170px;
	text-align: center;
}
.arrow_left {
	background-color: #FFF;
position: relative;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
height: 46px;
width: 46px;
left: -25px;
border-radius: 7px;
top: 7px;
}
.arrow_right {
	background-color: #F60;
position: relative;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-radius: 7px;
top: -39px; 
height: 46px;
width: 46px;
left: 73px;
background:-webkit-gradient(145deg, #FE9600, #E25D04);
	background:-moz-linear-gradient(145deg, #FE9600, #E25D04);
	background:-webkit-linear-gradient(145deg, #FE9600, #E25D04);
	background:-o-linear-gradient(145deg, #FE9600, #E25D04);
	background:-ms-linear-gradient(145deg, #FE9600, #E25D04);
	background: linear-gradient(145deg, #FE9600, #E25D04);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9600', endColorstr='#e25d04',GradientType=0);
	background-color:#FE9600;
	z-index:4;
}
/* Aanbieders */
#main_aanbieders{
	    width: 100%;
    position: relative;
    top: 40px;
    background: none repeat scroll 0% 0% #F0F0F0;
    height: 280px;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    margin-bottom: 40px;
	-webkit-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(255,255,255,0.9);
    -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(255,255,255,0.9);
    box-shadow: inset 0px -1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(255,255,255,0.9);
}
#main_aanbieders h3 {
	text-align: center;
	background: #030479;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #ffffff;
	font-size: 22px;
	border-top: 1px solid #01025E;
	-webkit-box-shadow: 0px -1px 0px rgba(116, 116, 187, 0.9) inset, 0px 1px 0px rgba(116, 116, 187, 0.8) inset;
    -moz-box-shadow: 0px -1px 0px rgba(116, 116, 187, 0.9) inset, 0px 1px 0px rgba(116, 116, 187, 0.8) inset;
	box-shadow: 0px -1px 0px rgba(116, 116, 187, 0.9) inset, 0px 1px 0px rgba(116, 116, 187, 0.8) inset;
	border-bottom: 1px solid #01025E;
}
#main_aanbieders h3 a{
	color: #ffffff;
}
.flip img {
    max-width: 120px;
	max-height: 70px;
	vertical-align: middle;
}
#aanbieder_container {
    display: block;
width: 800px;
height: 250px;
margin: 30px auto;
}
.aanbieder {
    display: block;
    float: left;
    margin: 10px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    -o-perspective: 500px;
    perspective: 500px;
}
.flip div {
    position: absolute;
    width: 140px;
    height: 90px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
	background: #ffffff;
	text-align: center;
	line-height: 90px;
}
.flip div:first-child {
    background: #F7F9FB;
    -webkit-transform: rotateX(179.9deg);
    -moz-transform: rotateX(179.9deg);
    -ms-transform: rotateX(179.9deg);
    -o-transform: rotateX(179.9deg);
    transform: rotateX(179.9deg);
	line-height: normal;
}
.flip h4 {
    color: #FE9600;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}
.flip div:first-child p {
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 16px;
text-align: center;
color: #000;
font-size: 13px;
}

.flip {
    width: 140px;
    height: 90px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

}
.flip b {
    display: block;
    font-size: 24px;
    color: #FE9600;
    font-weight: bold;
}
.aanbieder:hover .flip {
    -webkit-transform: rotateX(179.9deg);
    -moz-transform: rotateX(179.9deg);
    -o-transform: rotateX(179.9deg);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
/* werkwijze div ----------------------------------------------------------------- */
#main_werkwijze{
	width:100%;
	position:relative;
}
#main_werkwijze h2 {
	font-size: 30px;
	width:840px;
	left:50%;
	margin-left:-420px;
	text-align:center;
	font-weight:normal;
	color:#323232;
	position:relative;
	top: 50px;
}
.werkwijze a {
    display: block;
    width: 33%;
    position: relative;
}
.werkwijze div {
    height: 181px;
    width: 216px;
    background-position: left top!important;
}
.werkwijze div:hover {
    background-position: left bottom!important;
}
.werkwijze p {
    width: 67%;
    display: block;
    left: 33%;
position: relative;
top: -125px;
}


/* vragen div ----------------------------------------------------------------- */
#main_vragen{
	width:100%;
	padding-bottom: 270px;
	position:relative;
}
#main_vragen h2 {
	font-size: 30px;
	width:840px;
	left:50%;
	margin-left:-420px;
	text-align:center;
	font-weight:normal;
	color:#323232;
	position:relative;
	top: 50px;
}
.buttons {
    position: relative;
left: 50%;
top: 80px;
margin-left: -400px;
clear: both;
padding-top: 20px;
width: 800px;
}
.buttons span{
    display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: none repeat scroll 0% 0% #037903;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	line-height: 29px;
}
.buttons h3{
    display: block;
	float: left;
	margin-left: 10px;
	padding-top: 4px;
}

.more1, .more2, .more3, .more4, .more5, .werkwijze  {
    position: relative;
    margin-bottom: 60px;
	clear: both;
left: 50%;
top: 80px;
margin-left: -400px;
padding-top: 20px;
width: 800px;
}
.more111  {
    position: relative;
    margin-bottom: 18px;
	clear: both;
left: 50%;
top: 80px;
margin-left: -400px;
padding-top: 20px;
width: 800px;
}
#main_join_bottom{
	    width: 100%;
    position: relative;
    background: none repeat scroll 0% 0% #F0F0F0;
    height: 87px;
    border-bottom: 1px solid #C5C5C5;
	-webkit-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.9), 0px 1px 0px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.9), 0px 1px 0px rgba(255, 255, 255, 0.8) inset;
    box-shadow: inset 0px -1px 0px rgba(255,255,255,0.9), 0px 1px 0px rgba(255, 255, 255, 0.8) inset;
	border-top: 1px solid #C5C5C5;
}
#join_binder{
	width: 780px;
	left: 50%;
	margin-left: -390px;
	position: relative;
}
#join_binder h2{
	font-size: 30px;
	font-weight: normal;
	color: #323232;
	position: relative;
	top: 26px;
}
#join_binder a{
	left: 500px;
	position: relative;
	top: -17px;
	margin-left:0;

}
input[type=checkbox]:disabled {
	color: #d2d2d2 !important;
}