* {
    margin: 0;
    box-sizing: border-box;
}

button:focus {outline:0;}

html {

}

body {
    margin: 0;
	max-width: 100%;
    overflow-x: hidden;
    
}

a {
    text-decoration: none;
    cursor:pointer;
}

a.underline {
	text-decoration:underline;
} 
a.underline:hover {
    text-decoration:none;
}

img {
    image-orientation: from-image;
}

/* SITE */

.site {
    
    min-width: 100%;
    min-height: 100%;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;

    display: flex;
    min-height: 100vh;
    height:100%;
    flex-direction: column;
    
}

.site-uitklap {
  transition: left 0.25s ease-in;
  left: 300px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.75);
}


.body-uitklap {
    

    overflow: hidden;
    width: 100%;
    position: fixed;
}


.site-header {
  display: flex;
  flex-direction: column;
  flex-wrap:wrap;
  justify-content:center;
}

.site-submenu {
	flex:1;
}

.site-submenu-items {

    box-sizing:border-box;
    overflow:hidden;
}

.site-submenu h2 {
	margin-bottom:20px;
}
	
.site-submenu ul {
	list-style: none;
	text-align:center;
	margin:0;
	padding:0;
}

.site-submenu li {

	width:100%;
	display:inline-block;
    font-weight: normal;
}


.site-submenu li hr {
    text-align:center;
	margin:5px 0 5px 25%;
	border: 0;
    height: 1px;
}

.site-submenu li:last-of-type hr {
	display:none;
}

.site-submenu li a {
    text-decoration: none;
	display:block;
}

.site-submenu li a:hover {
    
}

.site-submenu li a.actief {
    cursor:default;
}


/* CONTENT */

.site-content {

	-webkit-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
	width:100%;
	box-sizing:border-box;
	margin:auto;
}

.content-met-submenu {
	display:flex;
	flex-direction: row;
	flex-wrap:no-wrap;
}
.main-content {

    flex:4;
}

.volledigbreed {
	width:100%;
	
}
.volledigbreed section {
	width:100%;
	margin:auto;
	
}
/* FOOTER */

.site-footer {
	
	
}


/* MOBILE NAV */

.mobile-nav {
    display:none;
    list-style: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;

}

.mobile-nav h2 {
    
    font-weight: normal;
    margin:10px;
}

.mobile-nav ul {
    
    list-style: none;
    margin:20px 0 0 0;
    padding:0px;
}

.mobile-nav li {
  
    font-weight: normal;
}

.mobile-nav li:first-child {
    
}

.mobile-nav li a {
    
    display:block;
}

.mobile-nav li a:hover {
 
}

.mobile-nav li a.actief {
	cursor:default;
}

/* HEADER - BOVENBALK */
.bovenbalk {
	width:100%;
	padding:0;
	box-sizing:border-box;
	margin:auto;
	display: flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-end;
	align-items:center;
}

.bovenbalk div {
	flex:none;
}

.bovenbalk div:first-child {
}

.bovenbalk span {
    font-weight: normal;
    margin:0;
    padding:0;
}

.bovenbalk span:before {
    
    font-weight: normal;
    margin:0;
    padding:0;
}


.bovenbalk a{

}

.bovenbalk a:hover{

}




/* HEADER - VISUAL */

.header-visual-home {
	
	display:flex;
	flex-direction: row;
	flex-wrap:no-wrap;
}

.header-visual {
	
	display:flex;
	flex-direction: row;
	flex-wrap:no-wrap;
}




.visual {
	height:inherit;
	flex:2;
}

/* BUTTONS */


.button {
    font-weight: normal;
	border: 0;
	cursor:pointer;
}


.button_met_icon {
	display:block;
 	padding:0;
}
.button-tekstueel {

	display:inline-block;
}

.button_met_icon span {

}

.button_met_icon span:before {
	
}



.foutmeldingen {
        
}

.foutmeldingen li {
    font-weight: normal;
}


/* PAY OFF HEADER */

.payoffheader {

	height:inherit;
	min-height:inherit;
	width:100%;
	
	margin:auto;
	
    
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}

.payoffheader_content {

}

.payoffheader h2 {

}

.payoffheader h3 {

}

.payoffheader span {

}


.payoffheader button {

}


/* HEADER - NAVIGATIE */
.hoofdnav {
	width:100%;
	box-sizing:border-box;
	padding:0;
	margin:auto;
}

.hoofdnav ul {
    list-style: none;
    margin: 0;
	text-align:center;
}

.hoofdnav li {
	display:inline-block;
    font-weight: normal;
}

.hoofdnav li:last-child {
	border-right: 0;
}

.hoofdnav li a {
    
    text-decoration: none;
	display:block;
	transition:.5s color;
}

.hoofdnav li a:hover {

}

.hoofdnav li a.actief {

	cursor:default;
}

.icon-menu {
 
}

.icon-menu:hover {
 
}
/* HEADER - NAVIGATIE - SUB UITKLAP */

.hoofdnav li ul {
	position:absolute;
	display:none;	
	text-align:left;
}


.hoofdnav li ul li {
	display:block;
}

.hoofdnav li li {
	
	border-right:0;
	height:auto;
	
}

.hoofdnav li:hover ul
{
	z-index:99;
	display:block;
}

/* CONTENT - ALGEMENE INDELING */

section {
    padding: 0;
	display:flex;
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:flex-start;
}

section div {
}


.section-zelfde-hoogte {
	align-items:stretch;
}

.flex1div {
	margin:0;
	flex:1;
	
}

.fixed-width-250 {
	margin:0;
	margin-right:20px;
	padding:0;
	flex:none;
	width:250px;
}

.div3-12 {
	
	margin: 10px 1%;
	flex:1 0 23%
}

.div4-12 {
	
	margin: 10px 1%;
	flex:1 0 31%
}

.div6-12 {
	margin: 10px 1%;
	flex:1 0 48%
}

.div8-12 {
	margin: 10px 1%;
	flex:1 0 64%
}
.div9-12 {
	margin: 10px 1%;
	flex:1 0 73%
}

.div12-12 {
	margin: 10px 1%;
	flex:1 0 98%;
}

.standaard-padding {
	box-sizing:border-box;
	padding:20px;
}

.standaard-padding-boven-groot {
	box-sizing:border-box;
	padding:40px 0 0 0;
}

.standaard-padding-boven {
	box-sizing:border-box;
	padding:20px 0 0 0;
}

.standaard-padding-verticaal {
	padding:0 20px 0 20px;
}

.standaard-padding-behalve-rechts
{
	box-sizing:border-box;
	padding:20px 0 20px 20px;
}

.standaard-vertical_padding {

	width:100%;
	height:20px;
}

/* CONTENT */

.content-naast-elkaar {
	display:flex;
	flex-direction: row; 
	flex-wrap:row wrap;
	justify-content:flex-start;
	align-items:stretch;
}

.imgbackground-stretch {
	
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.animeer {
	transition:.5s all ease;
}

.rechts {
	text-align:right;
}

.vet {
	   font-weight: bold;
}

.centreren {
	text-align:center;
}

.afgerond {
	
	overflow:hidden;
}

.noscroll {
	overflow:hidden;
}

.blur {
	 filter       : blur(20px) grayscale(50%);
    -moz-filter   : blur(20px) grayscale(50%);
    -webkit-filter: blur(20px) grayscale(50%);
    -o-filter     : blur(20px) grayscale(50%);
}

.border {
	overflow:hidden;
}


.mobilenietzichtbaar {
	
}

.mobilewelzichtbaar {
	display:none;
}

.toggle1nietzichtbaar {
	
}

.toggle1welzichtbaar {
	display:none;
}

.toggle2nietzichtbaar {
	
}

.toggle2welzichtbaar {
	display:none;
}


.kruimelpad {

    font-weight: normal;
    
    
}
.kruimelpad a {

}

.kruimelpad a:hover {

}


/* FONT */


H1 {

    font-weight: normal;
	padding:0;
	margin:0 0 0px 0;
}

H2 {
    font-weight: normal;
	padding:0;
	margin:0 0 10px 0;
}

H3 {
    font-weight: normal;
	padding:0;
	margin:0 0 10px 0;
}

H4 {
	padding:0;
	margin:0;
}


P, P P {
	padding:0;
	margin:0 0 10px 0;
}

P:empty:first-of-type {
    display:none;
    
}

P:empty {
    
    //display:none;
}

label {
	padding:0;
}

strong {
    font-weight: bold;
}

.geenmarge{
	margin:0;
}


/*
.site-content section  ul,
.site-content section * ol {
    
    margin:0 0 40px 0;
    padding:20px 40px;
    overflow:hidden;
}
*/


section * li,  {
    
    margin-bottom:10px;
    
}

section img {
    width:auto;
}

/* DOWNLOADS TABEL */

table {
    margin-bottom:30px;
}

.downloads {
    
    font-weight: normal;
}

tr {
    
}

td {
    padding:10px;
    margin:0;
}


tr:hover {

}

.formulier_melding
{
	padding: 10px;
	border-radius: 5px;
}


/* OPSOMMING TABEL KEY_VALUE */

.opsomming-keyvalue-table {

	display:table;
}
			
.opsomming-keyvalue-tr {

	display:table-row;
}

.opsomming-keyvalue-td {

	display:table-cell;
}

.opsomming-keyvalue-td-breed100 {

	width:100px;
}

.opsomming-keyvalue-td-breed150 {

	width:150px;
}

.opsomming-keyvalue-td-breed200 {

	width:200px;
}
body {
  font-family: 'open_sanslight';
}
a {
    color:rgb(86,86,86);
}


/* SITE */

.site {
    background-color: #fff;
}

.site-submenu {
    min-width:250px;
	margin-right:40px;
	margin-top:60px;
	text-align:center;
}

.site-submenu-items {

    padding:20px;
	border-radius: 15px;
	border:1px solid #5EBFBF;
}

.site-submenu h2 {
    font-size: 20px;
}

.site-submenu ul {
	line-height:30px;
}
	
.site-submenu li {

	font-size:12px;
	line-height:30px;
}


.site-submenu li hr {
    width:50%;
    background: #F0F0F0;
}

.site-submenu li:last-of-type hr {
	
	height: 12px;
}

.site-submenu li a {
    color: #000;
}

.site-submenu li a:hover {
    color: #5EBFBF;
}

.site-submenu li a.actief {
    color: #A14594;
}

/* CONTENT */

.site-content {

	max-width:1200px;
	padding:0 20px;
	min-height:40px;
}

.main-content {

    flex:4;
}

.volledigbreed {
	
}
.volledigbreed section {
	
	max-width:1200px;
	width:100%;
	margin:auto;
	
}
/* FOOTER */

.site-footer {
	
	background:rgb(86,86,86);
	height:auto;
	margin-top:20px;
}

.site-footer section {

	max-width:1200px;
	width:100%;
	margin:auto;
	
}

.site-footer h2 {
	font-family:bebas_neue_regularregular;
	color:rgb(255,255,255);
	font-size:30px;
}

.site-footer p {
	font-family:open_sanslight;
	color:rgb(255,255,255);
	font-size:15px;
}

.site-footer a {

	color:rgb(255,255,255);
	
}

/* MOBILE NAV */

.mobile-nav {
    background: rgb(86,86,86);
}

.mobile-nav h2 {
    
    font-family: 'bebas_neue_regularregular';
    color:#fff;
    font-size: 30px;
}

.mobile-nav li {

    line-height:30px;
	font-size:18px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.mobile-nav li:first-child {
    border-top: 1px solid rgba(255,255,255,0.5);
}

.mobile-nav li a {
    
    padding:10px;
    color:rgb(255,255,255);
}

.mobile-nav li a:hover {
 
    background: rgba(255,255,255,0.25);
    
}

.mobile-nav li a.actief {
    background: rgba(255,255,255,0.5);
}

/* HEADER - BOVENBALK */
.bovenbalk {
	max-width:1200px;
	padding-right:20px;

	font-family: 'open_sanslight';
}

.bovenbalk div{
	height:30px;
}

.bovenbalk div:last-child{
	margin-right:0;
}

.bovenbalk span{
	color:rgb(86,86,86);
	height:30px;
	line-height:30px;
	font-size:12px;
}
.bovenbalk a{
	height:30px;
	line-height:30px;
	font-size:12px;
	padding:0 5px;
	text-transform: none;
	color:rgb(86,86,86);
}

.bovenbalk a:hover{
	color:rgb(160,196,63);
}

.bovenbalk-extra-marge-links
{
	margin-left:40px;
}




/* HEADER - VISUAL */

.header-visual-home {
	position:relative;
	height:750px;
}

.header-visual {
	position:relative;
	height:250px;
}

.header-visual.empty {
	height:50px;
}

.header-visual.empty .visual-lijntje,
.header-visual.empty .visual-container {
	display: none;
}


.visual {
	
}

/* BUTTONS */


.button {

	display:inline-block;
    font-family: 'bebas_neue_regularregular';
    font-size:18px;
    text-transform: uppercase;
    background:rgb(160,196,63);
	border-radius:5px;
	padding:0 20px;
	line-height:40px;
	color:rgb(255,255,255);
	margin-bottom:10px;
}

kleur_primarycolor


.button_met_icon {
	display:block;
    font-family: 'bebas_neue_regularregular';
    text-transform: uppercase;
	line-height:20px;
	padding:0;
	color:#FFFFFF;
	background:transparent;
}

.button_met_icon span {
	margin-right:10px;
}

.button_met_icon span:before {
	font-size: 70%;
}


.button-tekstueel {

	display:inline-block;
    font-family: 'bebas_neue_regularregular';
    font-size:18px;
    text-transform: uppercase;
	padding:0 20px;
	line-height:40px;
	color:rgb(149,149,149);
}

.button-tekstueel-klein {

	display:inline-block;
    font-family: 'bebas_neue_regularregular';
    font-size:14px;
    text-transform: uppercase;
	padding:0 5px;
	line-height:20px;
	color:rgb(149,149,149);
}


.foutmeldingen {
	margin-bottom:20px;
}
.foutmeldingen li {

    font-size: 15px;
    line-height: 20px;
}


/* PAY OFF HEADER */

.payoffheader {
	max-width:1140px;
	padding:20px;

}

.payoffheader_content {
	width:50%;
	text-align:center;
	
}



.payoffheader h2 {

	font-family: 'bebas_neue_regularregular';
	font-weight:bold;
	font-size:50px;
	text-transform: uppercase;
	margin:0;
}

.payoffheader h3 {

	font-family: 'bebas_neue_regularregular';
	font-size:30px;
	text-transform: uppercase;
}

.payoffheader span {

	font-family: 'open_sanslight';
	font-size:18px;
	
}


.payoffheader .button {

    font-size:23px;
	padding:0 20px;
	line-height:50px;
}

/* HEADER - NAVIGATIE */
.hoofdnav {
	margin:0;
	height:40px;
}

.hoofdnav ul {

	padding: 0 20px;
}

.hoofdnav li {

	font-family: 'bebas_neue_regularregular';
	text-transform: uppercase;
	font-size:20px;
	line-height:40px;
	
}

.hoofdnav li a {
    color:rgb(86,86,86);
	padding:0 20px;
}

.hoofdnav li a:hover {
    color: rgb(160,196,63);
}

.hoofdnav li a.actief {
    color: rgb(160,196,63);
}

.icon-menu {
     color:#5EBFBF; 
}

.icon-menu:hover {
     color:#A14594; 
}
/* HEADER - NAVIGATIE - SUB UITKLAP */

.hoofdnav li ul {
	padding-top:9px;
}

.hoofdnav li li {
	
	font-size:.8em;
	min-height:30px;
	line-height:30px;
	background:#5EBFBF;
	border-top: 1px solid #FFF;
}


/* CONTENT - ALGEMENE INDELING */

section {
	margin-bottom:20px;
}

section div {
	margin-bottom:0px;
}

.afgerond {
	
	border-radius: 15px;
}

.border {
	border-radius: 15px;
	border:1px solid rgb(238,238,238);
}

/* KRUIMELPAD */
.kruimelpad {
    font-family: 'museo_sans_cyrl300';
    font-size:12px;
    color:#000;
 
}
.kruimelpad a {
    color:#000;
}

.kruimelpad a:hover {
    color:#5EBFBF;
}


/* FONT */

H1 {
    font-family: 'bebas_neue_regularregular';
	font-size:40px;
	color:rgb(86,86,86);
}

H2 {
    font-family: 'bebas_neue_regularregular';
	font-size:30px;
	color:rgb(86,86,86);
}

H3 {
    font-family: 'bebas_neue_regularregular';
	font-size:20px;
	color:rgb(86,86,86);
}

H4 {
    font-family: 'open_sanslight';
	font-size:15px;
	color:rgb(86,86,86);
}


P, P P {
    font-family: 'open_sanslight';
	font-size:14px;
    line-height: 20px;
    color:rgb(149,149,149);
}

label {
	font-family: 'open_sanslight';
	margin:10px 0;
	font-size:13px;
    line-height: 20px;
}


/*
.site-content section * ul,
.site-content section * ol {
    font-family: 'open_sanslight';
    font-size:13px;
    background:rgba(240,240,240,0.8);
    border-radius: 15px;
}
*/

section img {
    
    margin:0 10px 10px 0;

}


/* KLEUREN */

section img {

	max-width:100%;
    margin:0 10px 10px 0;

}

.bgblauw {
	background:rgb(86,86,86);
}

.bgblauw H1,
.bgblauw H2,
.bgblauw H3,
.bgblauw H4,
.bgblauw P {
	color:rgb(255,255,255);
}

.bgblauw button {
	color:rgb(86,86,86);
	background:rgb(255,255,255);
}

.bgblauw ul,
.bgblauw ol{
  background:rgba(255,255,255,0.25);
}

.grijs {
	background:rgb(248,248,248);
}


.wit {
    border-radius:0;
    padding-left:0;
    padding-right:0;
	background:#FFFFFF;
}

.tekst_wit {
	color:rgb(255,255,255);
}

.tekst_blauw {
	color:rgb(86,86,86);
}

.tekst_zwart {
	color:rgb(0,0,0);
}



/* DOWNLOADS TABEL */


.downloads {
    max-width:400px;
    font-family: 'museo_sans_cyrl300';
    margin-bottom:80px;
    border:1px solid rgba(0,0,0,0.15);
}

tr:hover {
    background:rgba(0,0,0,0.15);
}

.geenhover:hover {
    background:none;
}

/* OPSOMMING TABEL KEY_VALUE */

.opsomming-keyvalue-table {

	margin:20px 0;
	width:100%;
	font-family: 'open_sanslight';
    font-size:13px;
    overflow:hidden;
}
			
.opsomming-keyvalue-tr {

	
}

.opsomming-keyvalue-evenoneven .opsomming-keyvalue-tr:nth-child(even)
{
	background: none;
}

.opsomming-keyvalue-evenoneven .opsomming-keyvalue-tr:nth-child(odd)
{
	background: rgba(86,86,86,0.1);
}


.opsomming-keyvalue-evenoneven .opsomming-keyvalue-tr:nth-child(even):hover
{
	background: rgba(86,86,86,0.35);
}

.opsomming-keyvalue-evenoneven .opsomming-keyvalue-tr:nth-child(odd):hover
{
	background: rgba(86,86,86,0.35);
}


.opsomming-keyvalue-tr:hover {

	background: rgba(86,86,86,0.35);
}


.opsomming-keyvalue-td {

	padding:10px;
	
}



/* SOCIAL MEDIA*/

.socialmedia{
    text-align:center;
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-size:12px;
    line-height:20px;
    color:#000;
}

.socialmedia span:before{
    color:#5EBFBF;
    font-size: 20px;
    line-height:20px;
    margin:0 0 0 10px;
    padding:0;
}

.formulier_melding
{
	color:rgb(255,255,255);
	display:inline-block;
    font-family: 'open_sanslight';
    background:rgb(86,86,86);
	border-radius:5px;
	padding:0 20px;
	line-height:40px;
	color:#FFFFFF;
}

/* NAW TABEL */

.nawtabel {
	font-family: 'open_sanslight';
	color:rgb(149,149,149);
	font-size:14px;
	background:rgb(238,238,238);
	
	border-spacing: 0px;
    border-collapse: separate;
}

.nawtabel tr:hover {
	background:none;
}
.nawtabel td {
	padding-right:20px;
	position:relative;
	margin:0;
	border-bottom:2px solid #ffffff;
	
}
.nawtabel td:nth-child(odd) {
	font-weight:bold;
}

.nawtabel td:nth-child(odd):after {
	content:":";
	position:absolute;
	right:0;
	top:10px;
}/* PRIJS VANAF VISUAL BANNER */
.visual-container {
	position: relative;
	width: 100%;
}

.visual {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

	position: absolute;
}

.visual-prijsvanaf-container {
	height: 100%;
	max-width: 250px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	
	transition: all 0.5s ease-in;
}

.visual-prijsvanaf-content {
	margin-right: 5px;
	
	background-color: rgb(86,86,86);

	width: 100%;
	height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;

	position: relative;

	color: rgb(255,255,255);
    font-family: "bebas_neue_regularregular";
    font-size: 90px;
    line-height: 0.9;
    text-transform: uppercase;
}

.visual-prijsvanaf-vanaf {
	font-size: 35px;
}

.arrow-right-polygon {
    position: absolute;
    top	: 0px;
    right: -75px;
	width: 75px;
	height: 150px;
	-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
    background-color: rgb(86,86,86);
}

.arrow-right {
	position: absolute;
	top: 0px;
	right: -75px;

	width: 0px;
	height: 0px;

	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;	  
	border-left: 75px solid rgb(86,86,86);
}


.foutmelding {
	color:red;
}
/* LOGO MENT ACCOUNT BALK */

.logomenubalk {

	height:100px;
	width:100%;
	max-width:1200px;
	margin:auto;
	align-items:center;
}

.hamburger {
	margin-left:20px;
	}

.hamburger span {
	
	font-size:30px;
	line-height:30px;
	color:rgb(86,86,86);
}

.logomenubalk_logo {
	flex:none;
	margin-left:20px;
	width:200px;
	height:90px;
	overflow:hidden;
	
}

.logomenubalk_logo img {
	width:100%;
	height:auto;
}


.logomenubalk_account {
	flex:none;
	width:auto;
	margin-right:20px;
	text-align:right;
}

/* PROGRESS BOLLEN */

.progressbalk {

	height:50px;
	padding:0px 20px;
	
	z-index:10;
	margin-bottom:50px;
	
}

.progressbalk section {
	
	width:100%;
	margin:auto;
	max-width:1160px;
	padding:0 20px;
	margin-top:-25px;
	z-index:10;
	align-items:center;
	
}

.progressbalk_bol {
  	font-family: 'bebas_neue_regularregular';
	flex:none;
	text-align:center;
	border-radius:50%;
	
	line-height:40px;
	font-size:20px;
	width:40px;
	height:40px;

}

.progressbalk_bol_geselecteerd {

	line-height:50px;
	font-size:25px;
	width:50px;
	height:50px;
	
}

.progressbalk_bol_uit {
  	
	background:rgb(238,238,238);
	color:rgb(86,86,86);
}

.progressbalk_bol_aan {

	background:rgb(160,196,63);
	color:rgb(255,255,255);
}

.progressbalk_tussenlijn_uit {
	flex:1;
	height:5px;
	background:rgb(238,238,238);
}

.progressbalk_tussenlijn_aan {
	flex:1;
	height:5px;
	background:rgb(160,196,63);
}

.progressbalk_tekst {
  	font-family: 'open_sanslight';
	font-size:14px;
	position:absolute;
	margin-top:40px;
	width:200px;
	color:rgb(149,149,149);
	margin-left:-80px;
}


/* VISUAL - PAYOFF */

.visual-lijntje{
	position:absolute;
	z-index:2;
	height:5px;
	width:100%;
	max-width:1200px;
	left:0;
	right:0;
	margin:auto;
	background:rgb(86,86,86);
}

/* INPUT */

.inputregel {

	max-width:600px;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	font-size:15px;
	margin-bottom:5px;
}

.inputregel_label {
	flex:1;
	max-width:200px;
	font-size:18px;
	font-family:bebas_neue_regularregular;
	color:rgb(86,86,86);
	font-weight:normal;
	line-height:50px;
}


.inputregel_input {
	position:relative;
	flex:2;
}

.input_ok {

	position:absolute;
	right:10px;
	color:red;
	font-size:20px;
	line-height:40px;
	font-weight:bold;
	
}

.inputregel_eenheid {
	flex:none;
	width:auto;
	margin-left:20px;
	font-size:15px;
	line-height:40px;
}
/* FOOTER */

.position_relative {
    position:relative;
}

.adres-footer {
    padding:0 0 0 45px;
}

.adres-footer-icon {
    display:inline-block;
    position:absolute;
    top:0;
    left:20px;
    color:rgb(255,255,255);
}

/* BUTTONS */

.facebook,
.twitter {
    width:33px;
    height:33px;
    display:inline-block;
    text-align:center;
	font-size:20px;
	padding:7px 5px;
	font-family:snappic;
	background:rgb(160,196,63);
	color:rgb(255,255,255);
	border-radius: 50%;
}

.inloggen:before {
	content: "\6f";
	font-size:20px;
	padding:5px;
	font-family:snappic;
	color:rgb(86,86,86);
}

.uitloggen:before {
	content: "\70";
	font-size:20px;
	padding:5px;
	font-family:snappic;
	color:rgb(86,86,86);
}

.winkelwagen:before {
	content: "\70";
	font-size:20px;
	padding:5px;
	font-family:snappic;
	color:rgb(86,86,86);
}


/* HOME - HOE WERKT HET */

.hoewerkthet_icon {
	font-size:90px;
	color:rgb(160,196,63);
}


.bg_lichtblauw {

	background:rgb(186,206,22);
	padding:40px 20px;
}

.bg_lichtblauw section {
	
	max-width:1160px;
	padding:0 20px;
}

.bg_wit {
	background:#FFFFFF;
}

/* FOTOS UPLOADEN */

.upload_fotos {

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:baseline;
	align-content:center;
	min-height: 350px;
	border:1px solid rgb(86,86,86);
	margin:1px;
	border-radius:10px;
	background:rgba(238,238,238,0.25);
}

.upload_fotos_helpdiv {
	
	flex:1;
	text-align:center;
	align-self:center;
}

.upload_fotos_helpdiv:before {
	content: "\6d";
	font-size:50px;
	padding:5px;
	font-family:snappic;
	color:rgb(86,86,86);
	border-radius: 50%;
	line-height:90px;
}

.upload_foto {

	flex:2 0 18%;
	margin:1%;
	min-width:100px;
	padding:0;
	text-align:center;
}


.upload_foto_imguploader {


	position:relative;
	margin:0;
	padding:0;
}

.upload_foto_progressbalk {

	position:absolute;
	z-index:10;
	width:calc(100% - 10px);
	height:5px;
	background:rgb(255,255,255);
	margin:0;
	padding:0;
	margin-left:5px;
	margin-top:-10px;
	
}

.upload_foto_progressbalk_progress {

	width:0%;
	height:100%;
	background:rgb(86,86,86);
}


.upload_foto img
{

	padding:0;
	margin:0;
	
}
.upload_foto_landscape {

	max-width:100%;
	height:auto;
}

.upload_foto_portrait {

	max-height:150px;
	width:auto;

}

.upload_foto span {

	display:block;
	width:100%;
	margin-bottom:20px;
	font-size:12px;
	color:rgb(149,149,149);
	font-family:open_sanslight;
}

.fileDropActief
{
	background:rgb(238,238,238);
}

/* BESTELMAND */

.bestelmand {

	font-size:12px;
	text-transform: uppercase;
}


.bestelmand-regel {

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:baseline;
	align-content:center;
	line-height:30px;
}

.bestelmand-regel:hover {
	background:rgb(238,238,238);
	
}


.bestelmand-regel_aantal {

	flex:none;
	padding-right:10px;
	text-align:right;
	padding-left:20px;
	width:50px;
}

.bestelmand-regel_omschrijving {

	flex:1;

}

.bestelmand-regel_omschrijving_volledig {

	flex:1;
	margin-left:20px;
	margin-right:20px;

}

.bestelmand-regel_prijs {

	flex:none;
	padding-right:20px;
	text-align:right;
	width:70px;
}

.bestelmand-lijn {

	margin:10px 20px;
	height:2px;
	background:rgb(86,86,86);
}

.letop  {
	color:rgb(86,86,86);
}
/* STAFFEL */

.staffel {

	font-size:12px;
	text-transform: uppercase;
}

.staffel h2 {
	font-size:20px;
}

.staffel h3 {
	font-size:16px;
}

.staffel-regel {

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:baseline;
	align-content:center;
	line-height:30px;
}

.staffel-regel_aantal {

	flex:none;
	padding-right:10px;
	text-align:center;
	padding-left:20px;
	width:100px;
	font-size:10px;
}

.staffel-regel_prijs {

	text-align:right;
	font-weight: bold;
	flex:1;
}

.staffel-regel_besparing {

	
	flex:none;
	padding-right:20px;
	padding-left:10px;
	width:100px;
	font-size:10px;
}


.staffel_progressbalk {

	width:100%;
	height:5px;
	background:rgb(238,238,238);
	margin:0;
	padding:0;
	margin-bottom:10px;
		
}

.staffel_progressbalk_progress {

	width:20%;
	height:100%;
	background:rgb(160,196,63);
}

/* BESTELOVERZICHT */

.besteloverzicht {


}

.besteloverzicht .besteloverzicht-regel:first-child {
	min-height:75px;
}

.besteloverzicht input[type=text],
.besteloverzicht input[type=email],
.besteloverzicht input[type=tel],
.besteloverzicht input[type=url],
.besteloverzicht input[type=password],
.besteloverzicht textarea,
.besteloverzicht select {
	width:auto;
}

.besteloverzicht input {

	border:1px solid rgb(86,86,86);
	line-height:28px;
	border-radius:5px;
	height:28px;
}


.besteloverzicht select {
	margin-top:4px;
	border:none;
	height:28px;
	border-radius:5px;

	background:rgb(238,238,238);
	color:rgb(86,86,86);
	padding:4px;
	font-size:14px;
	line-height:20px;
}

.besteloverzicht select:hover {
	background:rgb(86,86,86);
	color:rgb(255,255,255);
}

.besteloverzicht-regel {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	margin:0;
	padding:0 10px;
	margin-bottom:20px;
}

.besteloverzicht-regel-actief
{
	background:rgba(238,238,238,0.5);
}

.besteloverzicht-regel:hover {
	background:rgba(238,238,238,0.5);
}

.besteloverzicht-regel-aantal {
		
	flex:none;
	text-align:center;
	width:80px;
	font-size:10px;
}

.besteloverzicht-regel-foto {

	flex:none;
	width:100px;
	margin:0;
	padding:0;
	line-height:0;
}
.besteloverzicht-regel-foto img{
	margin:0;
	padding:0;
	
	width:100%;
	height:auto;
}
.besteloverzicht-regel-actieknoppen {

	flex:none;
	width:100px;
	
	margin:0;
	padding:0;
}

.besteloverzicht-regel-formaten {

	flex:1;
}

.besteloverzicht-aantal {
	width:50px;
	text-align:right;
}

.besteloverzicht-regel .button {
	background:rgb(238,238,238);
	color:rgb(86,86,86);
	padding:4px;
	font-size:16px;
	line-height:20px;

}

.besteloverzicht-regel .button:hover, .besteloverzicht-regel .actief {
	background:rgb(86,86,86);
	color:rgb(255,255,255);
	
}

.besteloverzicht-regel-icon:before {
	font-size:15px;
	padding:5px;
	font-family:snappic;
	color:rgb(86,86,86);
}

.besteloverzicht-regel-icon:hover:before {
	color:rgb(160,196,63);
}


.besteloverzicht-regel-verwijderen:before  {
	content: "\63";
}


.besteloverzicht-regel-bijsnijden:before  {
	content: "\68";
}

.besteloverzicht-regel-toevoegen:before  {
	content: "\6d";
}



.besteloverzicht-regel-letop:before {

	
	padding:0;
	position:absolute;
	margin-left:80px;
	margin-top:10px;
	z-index:10;
	content: "\61";
	color:red;
	
	
}

#actiecodeDiv input
{
	border:1px solid rgb(86,86,86);
	line-height:28px;
	border-radius:5px;
	background: #FFFFFF
}

/* CROP OVERZICHT */


.cropoverzicht {

	display:flex;
	margin-top:20px;
	
	
}

.cropoverzicht-links {

	flex:none;
	width:200px;
	height:auto;
	margin-right:20px;
	
}


.cropoverzicht-rechts {

	flex:1;
	
}

.cropoverzicht-rechts-data {
	display:flex;
	margin-bottom:20px;
	
}

.cropoverzicht-rechts-data div:first-child {
	flex:none;
	width:80px;
	margin-right:20px;
}


.cropoverzicht-rechts-data div:last-child {
	flex:1;
}

.cropoverzicht-rechts-data input {
	border:1px solid rgb(86,86,86);
	line-height:20px;
	border-radius:5px;
}
.cropoverzicht-rechts-data select {

	margin-top:4px;
	border:none;
	height:28px;
	border-radius:5px;

	background:rgb(238,238,238);
	color:rgb(86,86,86);
	padding:4px;
	font-size:14px;
	line-height:20px;
}


.cropoverzicht-rechts-data .button {
	background:rgb(238,238,238);
	color:rgb(86,86,86);
	padding:4px;
	font-size:16px;
	line-height:20px;

}

.cropoverzicht-rechts-data .button:hover, .cropoverzicht .actief {
	background:rgb(86,86,86);
	color:rgb(255,255,255);
	
}
.croptargetdiv img {
	width:100%;
	height:auto;
}

/* KOLOM OVERZICHT FOTOS */


.fotoKolomOverzicht {
	margin-top:20px;
	
	box-sizing:border-box;
	padding:20px 5px 20px 20px;
}

.fotoKolomOverzichtScroll {

	max-height:500px;
	overflow-x:hidden;
	overflow-y:auto;
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	

}

.fotoKolomOverzichtScroll img {

	margin:5px 1%;
	flex:1 0 31%;
	max-width:31%;
	border:0;
	height:auto;
	opacity:0.5;
}

.fotoKolomOverzichtScroll img:hover {
	
	opacity:1;
}

.fotoKolomOverzichtScroll img.actief {

	opacity:1;
}

.cursorPointer
{
	cursor:pointer;
}

.regelContainerDiv
{
	min-height: 250px;
}

/* */
.betaalKeuzeAfbeelding
{
	vertical-align:middle;
}

.betaalKeuzeVerborgenDivBanken
{
	margin-left: 55px;
	background:rgb(238,238,238);
	display:none;
	max-width:300px;
}

.betaalKeuzeVerborgenDivVesteging
{
	margin-left: 55px;
	background:rgb(238,238,238);
	display:none;
	max-width:300px;
}

.vestiginginfo
{
	display:none;
	padding-bottom:20px;
	color:rgb(86,86,86);
}

.vestiginginfoGereed
{
	color:rgb(86,86,86);
}

/* UL GEEN OPMAAK */

.site-content section .ulgeenopmaak {

	background:none;
	border-radius:0;
}
/* UL VINKJES */

.site-content section .ulvinkjes {

	list-style:none;
	padding-left:30px;
	background:none;
	border-radius:0;
	color:rgb(149,149,149);
	margin-bottom:0;
}

.site-content section .ulvinkjes  li {

	line-height:20px;
	margin-bottom:10px;
	
}

.site-content section .ulvinkjes  li:before {
	position:absolute;
	font-family: 'snappic';
	content: '\66';
	font-size:20px;
	margin:2px 0 0 -30px;
	color:rgb(160,196,63);
}

.site-content section .bgblauw .ulvinkjes {

	color:rgb(255,255,255);
}

.site-content section .bgblauw .ulvinkjes li:before {
	color:rgb(255,255,255);
}

/* */

.table_onderlijn {
	border-collapse: collapse;
}

.tr_onderlijn {

	margin:10px;
	padding:10px;
	border-bottom:2px solid rgb(86,86,86);
}
/* ACTIECODE */

#actiecodeDiv {
	display:none;
}

#actiecodeButton {
}

/* PRIMARY BUTTON */

.primarycolor {
}




.homepage_wanddecoratie {

	background:url('../img/wanddecoratie-700px.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
}

.homepage_wanddecoratie .homepage_wanddecoratie_content {

	width:100%;
	max-width:1200px;
	margin:50px auto;
}

.homepage_wanddecoratie .homepage_wanddecoratie_content div {
	
	width:40%;
	margin-left:50%;
	text-align:center;
}

.site-content section .opsomming
{
	list-style: none;
	background:none;
	border-radius:0;
	padding:0;
	text-align:center;
}

.site-content section  .opsomming  li
{
	width:100%;
	display:inline-block;
    font-weight: normal;
    line-height:40px;
    border-top:1px solid rgb(238,238,238);
    color:rgb(86,86,86);
    text-transform: uppercase;
    font-family: 'bebas_neue_regularregular';
    font-size:18px;
}

.site-content section  .opsomming  li:last-child {

	border-bottom:1px solid rgb(238,238,238);
}


.site-content section  .opsomming li.actief a 
{
	color:rgb(160,196,63);
}

/* MATERIAAL KEUZE */

.materiaalkeuzediv {

	display:flex;
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items:flex-start;
}

.materiaalkeuzediv h3 {
	margin:0;
	padding:0;
}


.materiaalkeuzediv img {

}

.materiaalkeuzediv > div {
	flex:1 0 32%;
	margin-right:1%;
	min-width:200px;
	max-width:32%;
	margin-bottom:20px;
}

.materiaalkeuzediv .materiaalkeuzelink {
	width:100%;
	background:purple;
}

.materiaalkeuzeafbeeldingdiv {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}

.materiaalkeuzeafbeeldingdiv img {
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	height:auto;
}

.materiaalkeuzediv .vanafprijs {
	color:rgb(255,255,255);;
	position:absolute;
	bottom:20px;
	left:0;
	background:rgb(86,86,86);
	padding:5px;
	z-index:2;
	font-family: 'open_sanslight';
    font-size:16px;
}

.materiaalkeuzediv .vanafprijs b {
	font-family	: 'bebas_neue_regularregular';
	font-weight	: normal;
	font-size	: 20px;
}
/* MATERIAAL KEUZE */

.ophangsysteemdiv {


	display:flex;
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items:stretch;
}

.ophangsysteemdiv h3 {
	margin:0;
	padding:0;
}

.ophangsysteemdiv img {
	margin:0;
	padding:0;
}

.ophangsysteemdiv img {
	width:100%;
	height:auto;
}
.ophangsysteemdiv div {
	position:relative;
	flex:1 0 23%;
	margin-right:1%;
	min-width:200px;
	max-width:23%;
	padding-bottom:20px;
	margin-bottom:20px;
}

.ophangsysteemdiv .prijs {
	position:absolute;
	bottom:0;
}

/* MATERIAAL DETAILS */


.testrob {
	position:relative;
	margin:20px 0;
}
.slidepager {
	
  	overflow: hidden;
	display: block;
	width: 100%;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	margin-top:-25px;
	position:absolute;
	z-index:20; 
}
.slidepager li {
	    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 1em 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
}
.slidepager li.sy-active a {

    background-color: rgb(86,86,86);
}
.slidepager li a {
  
        width: 100%;
      height: 100%;
      display: block;
      background-color: rgb(255,255,255);
      text-indent: -9999px;
      -moz-background-size: 2em;
      -o-background-size: 2em;
      -webkit-background-size: 2em;
      background-size: 2em;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      border:2px solid rgb(255,255,255);
      
}

/* SVG */

.svg {
	border:2px solid rgb(120,120,120);
	
}

.formaatsvg {
	
	position:relative;	
	overflow:hidden;
	text-align:center;
}

.formaatsvg:hover :before,
.formaatsvg .actief:before {

	position:absolute;
	z-index:2;
	left:0;
	top: calc(50% - 45px);
	width:100%;
	height:80px;
	text-align:center;	
	font-size:80px;
	line-height:80px;
	content: "\66";
	font-family:snappic;
	color:rgb(86,86,86);
}

.formaatsvgklein {
	
	position:relative;	
	overflow:hidden;
	text-align:center;
}

.formaatsvgklein:hover :before,
.formaatsvgklein .actief:before {

	position:absolute;
	z-index:2;
	left:0;
	top: calc(50% - 20px);
	width:100%;
	height:80px;
	text-align:center;	
	font-size:40px;
	line-height:40px;
	content: "\66";
	font-family:snappic;
	color:rgb(86,86,86);
}

/* FORMATEN & PRIJZEN */

.formaten-prijzen {
	width:100%;
	padding:0;
	margin:0;
	border-spacing:0;
	border-left:10px solid rgb(248,248,248);
	border-right:10px solid rgb(248,248,248);
}

.verticalpaddingtr {
	height:40px;
	
}

.formaten-prijzen  tr:hover {
	background:inherit;
}
.formaten-prijzen  tr.evenoneven:nth-child(even)  {

	margin:0;
	padding:0;
	background:rgba(86,86,86,0.15);
}

.formaten-prijzen  tr.evenoneven:nth-child(odd) {

	margin:0;
	padding:0;
}


.formaten-prijzen thead tr td {
	margin:0;
	padding-left:10px;
	font-family:bebas_neue_regularregular;
	background:rgb(86,86,86);
	color:rgb(255,255,255);
	font-weight:normal;
	font-size:20px;
	height:30px;
}




.formaten-prijzen th {
	font-family:bebas_neue_regularregular;
	color:rgb(86,86,86);
	font-weight:normal;
	text-align:left;
	font-size:20px;
	padding:0 20px;
	height:50px;
}

.formaten-prijzen td:hover {
	background:rgb(86,86,86);
	
}
.formaten-prijzen td:hover a {
	color:rgb(255,255,255);
}


.formaten-prijzen td {
	margin:0;
	padding:0 20px 0 20px;
	border-right:4px solid rgb(255,255,255);
	height:30px;
	font-size:14px;
}

.formaten-prijzen td:last-child {
	border-right:0;
}

.formaten-prijzen td.actief {
	background:rgb(86,86,86);
	
}
.formaten-prijzen td.actief a {
	color:rgb(255,255,255);
}

.formaten-prijzen td.actief div:first-child:before {
	content: "\66";
	font-family:snappic;
	color:rgb(255,255,255);
	margin-left:-15px;
}

.formaten-prijzen td.nietklikbaar {
	background:rgb(255,255,255);
}

.formaten-prijzen td div {
	width:60%;
	float:left;
}

.formaten-prijzen td div:last-child {
	width:40%;
	text-align:right
}

.formaten-prijzen-header {

	padding:10px;
	width:100%;
	text-align:center;
	background:rgb(248,248,248);
	color:rgb(149,149,149);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	
}
.formaten-prijzen-footer {

	margin-bottom:40px;
	
	padding:10px;
	width:100%;
	text-align:center;
	background:rgb(248,248,248);
	color:rgb(149,149,149);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.formaten-prijzen td span.formaten-prijzen-aanbieding {

	text-decoration: line-through;
	color:rgb(149,149,149);
}

.formaten-prijzen td:hover span.formaten-prijzen-aanbieding {

	color:rgb(255,255,255);
}

/* PRODUCT KEUZE */


.productkeuze .inputregel {

	max-width:100%;

}


.productkeuze-prijs {
	width:100%;
	height:40px;
}

.productkeuze-prijs h2 {
	float:right;
	line-height:40px;
	margin-right:30px;
}
.productkeuze-prijs p {
	margin-right:20px;
	float:right;
	line-height:40px;
}

/* ONTWERP POPUP */


.ontwerp-popup {
	
	display:none;
	top:0;
	left:0;
	position:fixed;
	z-index:999;
	width:100%;
	height:100%;
	text-align:center;
}
.ontwerp-popup a{
//	width:100%;
//	height:100%;
}

.ontwerp-popup-kader {

	position:absolute;
	background:rgba(0,0,0,0.7);
	color:rgb(255,255,255);
	left:5%;
	top:5%;
	width:90%;
	height:90%;
	border-radius:15px;
	border-top-right-radius: 0;
	overflow:hidden;
}

.ontwerp-popup-ontwerpen {

	direction:rtl;
 	position:absolute;
 	left:10px;
 	top:10px;
    width:125px;
    bottom:10px;
    overflow-x:hidden;
    overflow-y:scroll;
    
}

.ontwerp-popup-ontwerpen div {

	background:rgb(255,255,255);
	margin-bottom:10px;
	padding:0;
	width:100px;
	height:auto;
	line-height:0;	
}


.ontwerp-popup-ontwerpcontainer {

 	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	position:absolute;
	left:150px;
	top:10px;
	right:120px;
	bottom:100px;
	overflow:hidden;

}

.ontwerp-popup-ontwerp {

	position:absolute;
	width:10px;
	height:10px;
	border:1px dashed white;
}

.ontwerp-popup-ontwerp-padding {
	position:relative;
	
}


.vlak {
	position:absolute;
}

.vlak-upload {
	
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	padding:20px;
	background:white;
	color:rgb(86,86,86);	
	border:1px dashed rgb(86,86,86);
	
	overflow:hidden;
	display:flex;
    flex-direction: column; 


}

.vlak-upload-center-center {
	justify-content:center;
	align-items:center;
}

.vlak-upload-flex-start-center {
	justify-content:flex-start;
	align-items:center;
}

.vlak-upload-flex-start-flex-start {
	justify-content:flex-start;
	align-items:flex-start;
}

.vlak-upload-flex-start-flex-end {
	justify-content:flex-start;
	align-items:flex-end;
}

.vlak-upload-flex-end-center {
	justify-content:flex-end;
	align-items:center;
}

.vlak-upload-flex-end-flex-start {
	justify-content:flex-end;
	align-items:flex-start;
}

.vlak-upload-flex-end-flex-end {
	justify-content:flex-end;
	align-items:flex-end;
}


		

.vlak-upload h2{
	font-size:20px;
}

.vlak-upload-progressbalk {

	display:none;
	width:50%;
	margin:0 auto;
	height:5px;
	background:rgb(86,86,86);
	padding:0;
}

.vlak-upload-progressbalk-progress {


	width:0%;
	height:100%;
	background:rgb(160,196,63);
}


.vlak-sluiten {
	position:absolute;
	z-index:99;
	width:26px;
	height:26px;
	border-radius:13px;
	background:rgb(86,86,86);
	border:2px solid white;
}

.vlak-sluiten-top-left {
	top:10px;
	left:10px;
}

.vlak-sluiten-top-right {
	top:10px;
	right:10px;
}

.vlak-sluiten-bottom-left {
	bottom:10px;
	left:10px;
}

.vlak-sluiten-bottom-right {
	bottom:10px;
	right:10px;
}

.vlak-sluiten:hover {
	background:rgb(160,196,63);
}
.vlak-sluiten a:before {
	content: "\74";
	font-size:12px;
	font-family:snappic;
	color:rgb(255,255,255);
}

.ontwerp-popup-ontwerp-layover {

	display:none;
	pointer-events: none;
	position:absolute;
	z-index:1400;
	left:0;
	top:0;
	bottom:0;
	right:0;
}

.ontwerp-popup-ontwerp-layover img {

	width:100%;
	height:100%;

}

.ontwerp-popup-ontwerp-afloop-links,
.ontwerp-popup-ontwerp-afloop-boven,
.ontwerp-popup-ontwerp-afloop-rechts,
.ontwerp-popup-ontwerp-afloop-onder {
	background:rgba(255,0,0,0.5);
	position:absolute;
	z-index:100;
	
}

.ontwerp-popup-ontwerp-afloop-links {
	
	top:0;
	left:0;
	width:10px;
	height:100%;
}


.ontwerp-popup-ontwerp-afloop-boven {
	top:0;
	left:0;
	height:10px;
	width:100%;
}


.ontwerp-popup-ontwerp-afloop-rechts{

	top:0;
	right:0;

	width:10px;
	height:100%;
}


.ontwerp-popup-ontwerp-afloop-onder {

	bottom:0;
	left:0;
	width:100%;
	height:10px;
}




.ontwerp-popup-fotos {

	position:absolute;
	right:10px;
	top:10px;
    width:100px;
    bottom:10px;
    overflow-x:hidden;
    overflow-y:auto;

}



.popup-foto {
	position:relative;
	width:100%;
	margin:0;
}

.popup-foto-sluiten {

	position:absolute;
	z-index:99;
	top:5px;
	right:5px;
	width:15px;
	height:15px;
	padding:0;
	
	border-radius:10px;
	background:rgb(86,86,86);
}

.popup-foto-sluiten:hover {
	background:rgb(160,196,63);
}
.popup-foto-sluiten:before {
	display:block;
	line-height:17px;
	content: "\74";
	font-size:10px;
	font-family:snappic;
	color:rgb(255,255,255);
	font-weight:lighter;
}

.ontwerp-popup-fotos img {
	width:100%;
	height:auto;
}
.ontwerp-popup-instellingen {
	position:absolute;
	left:140px;
	right:120px;
	bottom:10px;
    height:80px;
    
    display:flex;
    flex-direction: row; 
	flex-wrap: no-wrap;
	justify-content:space-between;
	align-items:flex-start;

}
.ontwerp-popup-instellingen h3 {

	text-align:center;
	color:rgb(255,255,255);
	font-size:16px;
}

.ontwerp-popup-instellingen-lijnen {
	flex:none;
	width:100px;
}


.ontwerp-popup-instellingen-kleur {
	flex:1;
	width:100%;
}

.ontwerp-popup-instellingen-kleur h3 {

	margin-left:10px;
	text-align:left;
}

.ontwerp-popup-kleur {
	
	float:left;
	width:30px;
	height:30px;
	margin:10px;
	border-radius:50%;
	border:2px solid white;
}
.ontwerp-popup-kleur:hover {

	width:36px;
	height:36px;
	margin:7px;
	
}

.kleurbgzwart {
	background:rgb(0,0,0);
	border-style:solid;
	border-color:rgb(0,0,0);
}

.kleurbggrijs {
	background:rgb(200,200,200);
	border-style:solid;
	border-color:rgb(200,200,200);	
}

.kleurbgwit {
	background:rgb(255,255,255);
	border-style:solid;
	border-color:rgb(255,255,255);	
}

.kleurbggroen {
	background:rgb(101,179,49);
	border-style:solid;
	border-color:rgb(101,179,49);
}

.kleurbgzalm {
	background:rgb(248,200,218);
	border-style:solid;
	border-color:rgb(248,200,218);
}

.kleurbgroze {
	background:rgb(229,0,113);
	border-style:solid;
	border-color:rgb(229,0,113);
}

.kleurbgrood {
	background:rgb(227,6,19);
	border-style:solid;
	border-color:rgb(227,6,19);
}

.kleurbgblauw {
	background:rgb(0,159,227);
	border-style:solid;
	border-color:rgb(0,159,227);
}

.kleurbggeel {
	background:rgb(255,204,0);
	border-style:solid;
	border-color:rgb(255,204,0);
}

.kleurbglichtblauw {
	background:rgb(161,218,248);
	border-style:solid;
	border-color:rgb(161,218,248);
}


.lijnen {
	margin-left:10px;
	display:block;
	width:50px;
	height:40px;
	background:rgb(86,86,86);
	color:rgb(255,255,255);
	border-radius:5px;
}
.lijnen:before {

	content: "\75";
	font-size:38px;
	font-family:snappic;
	
}

.ontwerp-popup-sluiten {

	position:absolute;
	left:95%;
	top:5%;
    width:30px;
    height:40px;
   	font-size:20px;
   	line-height:40px;
   	background:rgba(0,0,0,0.7);
   	border-top-right-radius: 15px;
   	border-bottom-right-radius: 15px;
	
}

.ontwerp-popup-sluiten a:before {
	    
	margin-left:0;
	color:rgb(255,255,255);
	content: "\74";
	font-family:snappic;
}

.drop-hover {
	opacity:0.5;
}

#ontwerpPopupGaVerderKnop {
	
	display:none;
	bottom:10px;
	right:0px;
	position:absolute;
}

/* OPTIES*/

.optie-kop {
	margin:0;
	padding-left:10px;
	font-family:bebas_neue_regularregular;
	background:rgb(86,86,86);
	color:rgb(255,255,255);
	font-weight:normal;
	font-size:20px;
	height:30px;
	line-height:30px;
}

.optie-regel {
	padding:10px;
	display:flex;
	flex-direction: row; 
	flex-wrap: no-wrap;
	justify-content:flex-start;
	align-items:flex-start;
}

.optie-regel:hover {
	background:rgba(86,86,86,0.15);
	cursor:pointer;
}

.optie-regel-vink  {
	align-self:center;
	width:50px;
}
.optie-regel-vink.actief:before {
	content: "\66";
	font-size:30px;
	font-family:snappic;
	color:rgb(86,86,86);
}
.optie-regel-vink.inactief:before {
	content: "\66";
	font-size:30px;
	font-family:snappic;
	color:rgb(238,238,238);
}

.optie-regel-afbeelding {
	width:200px;
	margin-right:20px;
}

.optie-regel-info {
	flex:1;
	margin-right:20px;
}

.optie-regel-prijs {
	width:100px;
	text-align:right;
	align-self:flex-end;
}

/* WINKELMANDJE */

#winkelmandjeWanddecoratie {
	padding:20px;
	background:rgb(248,248,248);
	border-radius:15px;
}

.winkelmandjeWanddecoratieRegel {
	display:flex;
	flex-direction: row; 
	flex-wrap: no-wrap;
	justify-content:flex-start;
	align-items:flex-start;
	margin-bottom:10px;
	font-size:13px;
}

.winkelmandjeWanddecoratieRegelAantal {
	width:25px;
	text-align:center;
}

.winkelmandjeWanddecoratieRegelOmschrijving {

	flex:1;
	margin:0 5px;
}

.winkelmandjeWanddecoratieRegelPrijs {
	width:60px;
	text-align:right;
	align-self:flex-end;
}

.winkelmandjeWanddecoratieRegelTotaalOmschrijving {

	flex:1;
	margin:0 5px;
	text-align:right;
}

.winkelmandjeWanddecoratieRegelTotaalPrijs {
	width:80px;
	text-align:right;
	align-self:flex-end;
}

.winkelmandjeWanddecoratieLijn {

    display: block;
 	border: none;
    height: 1px;
    color: rgb(149,149,149);
    background-color: rgb(149,149,149);
	margin:10px 0;
}

#winkelmandjeWanddecoratie .winkelmandjeWanddecoratieLijn:last-of-type {

	height: 2px;
    color: rgb(86,86,86);
    background-color: rgb(86,86,86);
    
}

/**/

.overzicht-regel {
	display:flex;
	flex-direction: row; 
	flex-wrap: no-wrap;
	justify-content:flex-start;
	align-items:flex-start;
	font-size:13px;
	padding:10px;	
	
	background:white;
}

.overzicht-regel:hover {
	background:rgba(86,86,86,0.15);
	cursor:pointer;
}

.overzicht-regel.geenhover:hover {
	background:white;
	cursor:default;
}

.overzicht-regel h3{
	margin:2px 0;
}

.overzicht-regel-soort {
	width:180px;
	margin-right:20px;
	text-align:right;
}

.overzicht-regel-aantal {

	width:60px;
	margin-right:20px;
}

.overzicht-regel-aantal input[type=text] {
	
	text-align:right;
	width:40px;
	margin:0;
}

.overzicht-regel-aantal:after {
	
	content: "ok";
	margin-left:5px;
	font-size:16px;
	font-family:bebas_neue_regularregular;
	color:rgb(86,86,86);
}

.overzicht-regel-afbeelding {

	margin-right:20px;
	width:100px;

}

.overzicht-regel-info {

	margin-right:20px;
	flex:1;

}

.overzicht-regel-prijs {
	width:100px;
	text-align:right;
}

.overzicht-regel-knoppen {
	width:70px;
	text-align:right;
}

.overzicht-regel-verwijder {
	width:50px;
	height:50px;
	text-align:center;
	margin-right:5px;
	color:rgb(86,86,86);
}
.overzicht-regel-verwijder:before {
	content: "\63";
	font-size:16px;
	font-family:snappic;
	
}
.overzicht-regel-aanpassen {
	width:40px;
	height:40px;
}

.overzicht-regel-aanpassen:before {
	content: "\76";
	font-size:16px;
	font-family:snappic;
	
}
.overzicht-regel-tussen {
	height:10px;
}
.overzicht-regel-totaal {
	
}

.overzicht-regel-volledig {
	flex:1;
}

.overzicht-regel-checkbox {
	width:40px;
	margin:0;
}

input::-ms-clear {
  display:none;
}



input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
    width:100%;
    background: rgb(238,238,238);
    border: 0px solid rgb(86,86,86);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(149,149,149);
    outline: none;
	font-family: 'open_sanslight';   
}

select {
   
	overflow: hidden;
	border: 0;
	border-radius: 0;
    -moz-appearance: none;
    appearance: none;
   	-webkit-appearance: none;
   	background: url('../img/icon-dropdown.png') no-repeat right rgb(238,238,238);

}

input[type=submit]{
	font-weight: normal;
	border: 0;
	cursor:pointer;
	display:inline-block;
    font-family: 'bebas_neue_regularregular';
    font-size:18px;
    text-transform: uppercase;
    background:rgb(160,196,63);
	border-radius:5px;
	padding:0 20px;
	line-height:40px;
	color:rgb(255,255,255);
	margin-bottom:10px;
	
}

.inputwit input[type=text],
.inputwit input[type=email],
.inputwit input[type=tel],
.inputwit input[type=url],
.inputwit input[type=password],
.inputwit textarea,
.inputwit select, 
.inputwit input[type=submit]{
	background:rgb(255,255,255);
	color:rgb(86,86,86);
}

.inputwit .inputregel_label {
	color:rgb(255,255,255);
}

.input-geenmarge-bottom{
	margin-bottom:0;
}

.input-geenmarge-bottom  input[type=submit]{
	margin-bottom:0;
}


.input-geenvolledigebreedte input[type=text],
.input-geenvolledigebreedte input[type=email],
.input-geenvolledigebreedte input[type=tel],
.input-geenvolledigebreedte input[type=url],
.input-geenvolledigebreedte input[type=password],
.input-geenvolledigebreedte textarea,
.input-geenvolledigebreedte select, 
.input-geenvolledigebreedte input[type=submit]{
	width:auto;
}

/* INPUT */

.input_verplicht_icon_positie
{
	font-size:15px;
	padding:5px;
	position:absolute;
	right:10px;
	line-height:40px;
	font-weight:normal;
	font-family:snappic;
}

.input_ok:before
{
	content: "\66"
}

.input_verplicht:before {
	content: "\6c";
}

.input_nok:before {
	content: "\61";
}


.input_ok
{
	color:rgb(86,86,86);
}
	
.input_verplicht {
	position:absolute;
	right:10px;
	color:rgb(86,86,86);
	font-size:12px;
	line-height:40px;
	font-weight:normal;
}
	
.input_nok {
	position:absolute;
	right:10px;
	color:red;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
}


/* OPTIONS */
.besteloverzicht-regel-formaten option:checked, .besteloverzicht-regel-formaten option {
	background:rgb(86,86,86);
	color:rgb(255,255,255);
}

.besteloverzicht-regel-formaten option:hover {
	background:rgb(255,255,255);
	color:rgb(86,86,86);
}

.besteloverzicht-regel-formaten option:focus {
	background:rgb(255,255,255);
	color:rgb(86,86,86);
}

/**/

option:checked, option {
	background:rgb(238,238,238);
	color:rgb(149,149,149);
}

option:hover {
	background:rgb(255,255,255);
	color:rgb(86,86,86);
}

option:focus {
	background:rgb(255,255,255);
	color:rgb(86,86,86);
}



/* MEDIA QUERIES */


@media all and (max-width:1000px) {
	
	.hoofdnav li a {
		padding:0 10px;
	}
    
    .content-met-submenu {
		flex-direction: column;
		flex-wrap:no-wrap;
        margin-top:10px;
	}
    
    
    .site-submenu {
        display:block;
        width:100%;
        margin:0;
        padding:0;
        border:0;
    }

    .site-submenu-items {
        border-radius: 0;
        border:0;
        margin:0;
        padding:0;
    }


    .site-submenu h2 {
        display: none;
    }

    .site-submenu ul {
        list-style: none;
        line-height:30px;
        text-align:center;
        margin:0;
        padding:0;
    }

    .site-submenu li {

        padding:5px;
        width:inherit;
        margin-right:10px;
        font-size:12px;
        line-height:30px;

    }

    .site-submenu a {
        margin:0;
        padding:0;
    }

    .site-submenu li hr {
        display:none;
    }

	.toggle1nietzichtbaar {
		display:none;
	}
	
	.toggle1welzichtbaar {
		display:inline;
	}
	
    
}
@media all and (max-width:800px) {
	
	.div3-12 {
		flex:1 0 48%;
	}
	
	.div4-12 {
		flex:1 0 48%;

	}
	
	.div8-12 {
		flex:1 0 48%
	}
	
	.div9-12 {
		flex:1 0 48%;
	}
	
	
	.toggle2nietzichtbaar {
		display:none;
	}
	
	.toggle2welzichtbaar {
		display:inline;
	}
	

	
	.opsomming-keyvalue-td-breed200 {
	
		width:150px;
	}
	
}


@media all and (max-width: 600px) {
	


	
	.div3-12 {
		flex:1 0 100%;
	}
	.div4-12 {
		flex:1 0 100%;
	}
	
	.div6-12 {
		flex:1 0 100%;
	}

	.div8-12 {
		flex:1 0 100%;
	}
	
	.div9-12 {
		flex:1 0 100%;
	}

	.mobilenietzichtbaar {
		display:none;
		transition: all 0.5s ease-in;
	}
	

	.mobilewelzichtbaar {
		display:inline;
		transition: all 0.5s ease-in;
	}


	.opsomming-keyvalue-td-breed150 {
	
		width:100px;
	}
	
	.opsomming-keyvalue-td-breed200 {
	
		width:100px;
	}
}

/* MEDIA QUERIES */


@media all and (max-width:1000px) {
	

	
	.header-visual-home {
		position:relative;
		height:600px;
		transition: height 0.5s ease-in;
	}

    .site-submenu-items {
        border-bottom: 1px solid #dedede;
        height:50px;
    }

    .site-submenu ul {
        line-height:30px;
    }

    .site-submenu li {
        padding:5px;
        margin-right:10px;
        font-size:12px;
        line-height:30px;
    }

   	.payoffheader h2 {
		font-size:40px;
	}
	
	.payoffheader h3 {

		font-size:25px;

	}
	
	.payoffheader span {
	
		font-size:16px;
	}
    
}
@media all and (max-width:800px) {
	
	.header-visual-home {
		position:relative;
		height:500px;
		transition: height 0.5s ease-in;
	}
	
	.hoofdnav li a {
		padding: 0 5px;
	}
	
	.progressbalk_tekst {
		font-size:12px;
	}
		
		
	.hoofdnav li {

//		font-size:12px;
	}
	
	.payoffheader h2 {
		font-size:30px;
	}
	
	.payoffheader h3 {

		font-size:20px;

	}
	
	.payoffheader span {
	
		display:none;
		font-size:14px;
	}


	.formaten-prijzen td div{
		float:none;
		width:100%;
		text-align:left;
	}
	.formaten-prijzen td div:last-child{
		float:none;
		width:100%;
		text-align:left;
	}
	
}


@media all and (max-width: 600px) {
	
	.header-visual-home {
		position:relative;
		height:250px;
		transition: height 0.5s ease-in;
	}
	
	.progressbalk_tekst {
		display:none;
	}
		
}


/* MEDIA QUERIES */


@media all and (max-width:900px) {

    .visual-prijsvanaf-container {
        	max-width: 200px;
    }

    .visual-prijsvanaf-content {
        	height: 120px;
        font-size: 80px;
     }
           
    .arrow-right-polygon {
        right: -60px;
    	width: 60px;
    	height: 120px;
    }
 
    .arrow-right {
        	right: -60px;
        	border-top: 60px solid transparent;
        	border-bottom: 60px solid transparent;
        	border-left: 60px solid rgb(86,86,86);
    }
}

@media all and (max-width:800px) {
	
	.inputregel {
		display:inline;
		max-width:600px; 
	}
	
	.inputregel_label {
		max-width:600px; 
	}

	.inputregel_input {
		max-width:600px; 
	}
	
	.logomenubalk {
	
		height:75px;
		width:100%;
		max-width:1200px;
		margin:auto;
		align-items:center;
		transition: all 0.5s ease-in;
	}

	.logomenubalk_logo {
		width:145px;
		height:65px;
		transition: all 0.5s ease-in;
	}
	
	.fixed-width-250 {
		flex:none;
		width:100%;
		display:flex;
		flex-direction:row; 
		flex-wrap:wrap;
		justify-content:center;
		align-items:baseline;
		align-content:center;
		margin-bottom:20px;
	}

	.fixed-width-250 > div {
			
		flex:1 0 31%;
		margin-right:2%;
	}
	
	.fixed-width-250 > div:nth-child(3n+3) {
			
		flex:1 0 31%;
		margin-right:0;
	}
	
	.fixed-width-250 > div:last-of-type {
			
		flex:1 0 31%;
		margin-right:0;
	}
}

@media all and (max-width: 750px) {

    .visual-prijsvanaf-container {
        	max-width: 155px;
    }

    .visual-prijsvanaf-content {
        	height: 100px;
        font-size: 65px;
     }
           
    .arrow-right-polygon {
        right: -50px;
    	width: 50px;
    	height: 100px;
    }
    
    .arrow-right {
        	right: -50px;
        	border-top: 50px solid transparent;
        	border-bottom: 50px solid transparent;
        	border-left: 50px solid rgb(86,86,86);
    }
    
}   

@media all and (max-width: 600px) {
	
    .visual-prijsvanaf-container {
        	max-width: 115px;
    }

    .visual-prijsvanaf-content {
        	height: 80px;
        font-size: 45px;
     }
     
     .visual-prijsvanaf-vanaf {
   	 	font-size: 25px;
    }
           
   .arrow-right-polygon {
        right: -40px;
    	width: 40px;
    	height: 80px;
    }
           
    .arrow-right {
        	right: -40px;
        	border-top: 40px solid transparent;
        	border-bottom: 40px solid transparent;
        	border-left: 40px solid rgb(86,86,86);
    }
	
	.logomenubalk_logo {
		margin-right:20px;
	}
	
	.formaatsvg {
	
		position:relative;	
		max-width:30%;
	}
	
	.formaatsvg .actief:before {
	
		top: calc(50% - 25px);
		height:40px;
		font-size:40px;
	}
	
	.fixed-width-250 {
		flex:none;
		width:100%;
		display:flex;
		flex-direction:column; 
	}
	
	.fixed-width-250 > div {
			
		flex:none;
		margin-right:0;
		margin-bottom:10px;
	}
}

@media all and (max-width: 400px) {
	
    .visual-prijsvanaf-container {
        	max-width: 90px;
    }

    .visual-prijsvanaf-content {
        	height: 70px;
        font-size: 35px;
     }
     
     .visual-prijsvanaf-vanaf {
   	 	font-size: 20px;
    }
    
	.arrow-right-polygon {
        right: -35px;
    	width: 35px;
    	height: 70px;
    }
                 
    .arrow-right {
        	right: -35px;
        	border-top: 35px solid transparent;
        	border-bottom: 35px solid transparent;
        	border-left: 35px solid rgb(86,86,86);
    }

}