body.oud{
/*background: url(../afbeeldingen/net5.png) repeat-y;*/
background: url(../afbeeldingen/netzwart3.png) repeat-y;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
/*background-color:#f1f1f1;*/
background-color:fbfbfb;
background-size:85%;
}

.col-centered{
    float: none;
    margin: 0 auto;
}



a:hover {text-decoration:none!important;}

.vergetenlink:hover {border-bottom: 2px solid #FCB71A!important;
}



.navbar-brand{
padding: 15px 5px;}

.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:4px !important;
		height:50px;
		
		
}
.navbar {min-height:70px !important;


}

.navbar-nav > li > a {
    line-height: 40px;
}


 
.orange-box{
-webkit-box-shadow: 2px 2px 5px 0px rgba(243,101,1,0.44);

-moz-box-shadow: 2px 2px 5px 0px rgba(243,101,1,0.44);

box-shadow: 2px 2px 5px 0px rgba(243,101,1,0.44);
}


 
 
 .opacity85
 {opacity:0.85;}

 




/*css van set active switch op pagina van administrators*/

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}


/*EINDE css van set active switch op pagina van administrators*/




/* --------------------------------------------------------------------MAXIMUM 344  KLEINSTE SCHERMEN-------------------------------------------------    */
   @media all and (max-width: 344px) {

body {
background-image: url(IMAGE_URL); /* fallback for older browsers */
background: linear-gradient(to right, rgba(246,246,246,0) 40%,rgba(255,255,255,1) 100%), url(../afbeeldingen/steknetje2.png) ;
background-size:90%;
background-repeat: repeat-y;
font-size:11px;
font-family: 'Raleway', sans-serif;

}
	 
	 .spatiesectie {padding-top:40px;}
	 .spatiesectieonderaan {padding-top:100px;}


.headerbottomborder{
border-bottom:10px solid #FCB71A!important;  /*Oranje*/
background-color:#000;
} 
	 
.titel{
color: #FCB71A;
font-family: 'Prompt', sans-serif;
font-size:30px!important;
font-weight: bold;
padding-top:10px;
padding-bottom:10px;
padding-left:25px;
background-color: #000 ;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 7px!important;
}


.loginbox
 {
 opacity:0.9;
 margin-left:10px;
 margin-right:5px;
 margin-bottom:40px;
 padding-top:5px;
 padding-left:0px;
 padding-right:5px;
 min-width:240px;
 min-height:380px;
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 40px 10px 40px;

-moz-border-radius: 40px 10px 40px 10px;

-webkit-border-radius: 40px 10px 40px 10px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

}

.loginboxtop
 {
 opacity:0.9;
 margin-left:10px;
 margin-right:5px;
 margin-bottom:40px;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 min-width:240px;
 min-height:380px;
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 40px 10px 40px;

-moz-border-radius: 40px 10px 40px 10px;

-webkit-border-radius: 40px 10px 40px 10px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

}
.loginboxbottom
 {
 font-size:12px!important;
 float: none!important; 
 margin: 0 auto!important;
 opacity:0.9;
 padding-top:5px;
 padding-left:7px;
 padding-right:7px;
 min-width:240px;
 min-height:400px;
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 0px 0px;

-webkit-border-radius: 10px 0px 0px 0px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

}

.loginboxlogowidth{
width:200px;
}



.homebox
 {
 overflow:auto;
 margin-left:10px;
 margin-right:5px;
 margin-bottom:40px;
 padding-top:5px;
 padding-left:5px;
 padding-right:10px;
 min-width:240px;
 height:auto!important;
 /*min-height:600px;*/
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 40px 40px 10px;

-moz-border-radius: 40px 10px 40px 10px;

-webkit-border-radius: 40px 10px 40px 10px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

 }

h1{font-size:20px;
}

.homevetjes{
font-weight:bold;
font-size:16px;
}

	   
} 
/*---------------------------------------------------------------------MINIMUM 345  -----------------------------------------------------------------------*/

 @media all and (min-width: 345px) {

body {
background-image: url(IMAGE_URL); /* fallback for older browsers */
background: linear-gradient(to right, rgba(246,246,246,0) 40%,rgba(255,255,255,1) 100%), url(../afbeeldingen/steknetje2.png) ;
background-position: 0px 210px;
background-size:80%;
background-repeat: repeat-y;
font-size:14px;
font-family: 'Raleway', sans-serif;

}

.spatiesectie {padding-top:40px;}
.spatiesectieonderaan {padding-top:100px;}

.headerbottomborder{
border-bottom:10px solid #FCB71A!important;  /*Oranje*/
background-color:#000;
} 
	 
.titel{
color: #FCB71A;
font-family: 'Prompt', sans-serif;
font-size:30px!important;
font-weight: bold;
padding-top:10px;
padding-bottom:10px;
padding-left:25px;
background-color: #000 ;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 7px!important;
}

.loginboxbreedte{
margin-left:10px;
margin-right:20px;
margin-bottom:30px;}

.loginbox
 {
 float: none!important; 
 margin: 0 auto!important;
 opacity:0.9;
 
 margin-bottom:40px;
 padding-top:5px;
 padding-left:0px;
 padding-right:7px;
 min-width:295px;
 max-width:400px;
 min-height:400px;
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 40px 10px 40px;

-moz-border-radius: 40px 10px 40px 10px;

-webkit-border-radius: 40px 10px 40px 10px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

}

.loginboxtop
 {
 float: none!important; 
 margin: 0 auto!important;
 opacity:0.9;
 
 margin-bottom:40px;
 padding-top:5px;
 padding-left:7px;
 padding-right:7px;
 min-width:295px;
 max-width:400px;
 min-height:400px;
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 40px 10px 10px;

-moz-border-radius: 10px 40px 10px 10px;

-webkit-border-radius: 10px 40px 10px 10px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

}

.loginboxbottom
 {
 font-size:12px!important;
 float: none!important; 
 margin: 0 auto!important;
 opacity:0.9;
 padding-top:5px;
 padding-left:7px;
 padding-right:7px;
 min-width:295px;
 max-width:400px;
 min-height:400px;
 background-color:#ffffff;
 /*border: 1px solid #753800;*/
 border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 0px 0px;

-webkit-border-radius: 10px 0px 0px 0px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

}



.homebox
 {overflow:auto;
 margin-left:10px;
 margin-right:10px;
 padding-top:5px;
 padding-left:30px;
 padding-right:20px;
 background-color:#ffffff;
 height:auto!important;
 /*border: 1px solid #753800;*/
 border-radius: 10px 40px 40px 10px;

-moz-border-radius: 40px 10px 40px 10px;

-webkit-border-radius: 40px 10px 40px 10px;

-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.6);

 }
 
.homevetjes{
font-weight:bold;
font-size:16px;
}
h1{font-size:20px;
}


	   
} 
/* --------------------------------------------------------------------------------------------------------------EINDE ------------for-phone-only */

/* ------------------------------------------------------------START  600 PX--------------------------------------------------------------------- */ 
 /* for-tablet-portrait-up */
   @media all and (min-width: 600px) { 

body{
font-size:12px;
}
	 
.headerbottomborder{
border-bottom:15px solid #FCB71A!important;  /*Oranje*/
background-color:#000;
} 
	 
	.titel{
color: #FCB71A;
font-family: 'Prompt', sans-serif;
font-size:50px!important;
padding-bottom:0px;
padding-left:80px;
letter-spacing:3px;
background: linear-gradient(to top, rgba(0,0,0,1) 40%,rgba(0,0,0,0.8) 100%) ;
}

h1{font-size:25px;
}

.homevetjes{
font-weight:bold;
font-size:20px;
}	 


	  
} 

/* ---------------------------------EINDE ----------------------for-tablet-portrait-up */
/* ------------------------------------------------------------EINDE  600 PX--------------------------------------------------------------------- */ 
/* ------------------------------------------------------------START  992 PX--------------------------------------------------------------------- */ 
 
 /*  BEGIN BOOTSTRAP MD SIZE*/
   @media all and (min-width: 992px) { 

body{
font-size:14px;
}

.headerbottomborder{
background-color:transparent!important;
} 

.titel{
height:100px; 
font-size:70px!important;
padding-left:140px;
margin-top:20px;
}

.loginbox
 {
 float: right!important; 
 /*margin: 0 auto!important;*/ /*is om centraal te plaatsen*/
 margin-right:30px!important;
 opacity:0.9;
 max-width:300px!important;
 
 } 
 
 .loginboxtop
 {
 float: right!important; 
 /*margin: 0 auto!important;*/ /*is om centraal te plaatsen*/
 margin-right:30px!important;
 opacity:0.9;
 
 } 
 
 .loginboxlogowidth{
width:250px;
}
 
 
 .homebox
 {
 margin: 0 auto!important;
 max-width:800px;
 height:auto!important;
 min-height:300px;
 }
 .homeboxcol{
 padding-right:40px;
 }
 h1{font-size:30px;
}
.foutmelding{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


	 

}
/* ------------------------------------------------------------EINDE  994 PX--------------------------------------------------------------------- */ 

 

/* ------------------------------------------------------------BEGIN >1024 is groter dan ipad PX--------------------------------------------------------------------- */ 

@media all and (min-width: 1270px) { 

body{
font-size:16px;
}

 h1{font-size:40px;
}



}


/* ------------------------------------------------------------EINDE >1024 is groter dan ipad PX--------------------------------------------------------------------- */ 




@media all and (min-height: 900px) and (min-width: 1000px) { 
.fixed-bottom{
position:fixed;
bottom:0;
width:100%!important; 
max-width:100%!important;
}

}


@media all and (min-height: 1400px) and (min-width: 1000px) { 
.fixed-bottom-gebruiksvoorwaarden{
position:fixed;
bottom:0;
width:100%!important; 
max-width:100%!important;
}

@media all and (min-height: 1400px) and (min-width: 1000px) { 
.fixed-bottom-registerpage{
position:fixed;
bottom:0;
width:100%!important; 
max-width:100%!important;
}

.homebox {max-width:80%!important;}

.gebruikersvoorwaarden-spatieheight{
height:250px;!important}

.fixed-bottom-privacy{
position:fixed;
bottom:0;
width:100%!important; 
max-width:100%!important;

}