@bodybg: #f9f9f9;
@whitebg: #ffffff;
@gripparood: #DE3337; //#e3303b;
@oranje: #ED6D0F;
@wit:#ffffff;
@donker: #333333;

@font-face {
    	font-family: 'grootsmal';
     
	src: url('fonts/oswald-light-webfont.eot');
	src: url('onts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/oswald-light-webfont.woff') format('woff'),
	         url('fonts/oswald-light-webfont.ttf') format('truetype'),
	         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
	         url('fonts/Lato-Regular.ttf') format('truetype'); 
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
body{
	background-color:@bodybg;
	font-family: "Lato",  sans-serif;
	font-size:16px;
}
.navbar {
	margin-bottom:0px;
	&.brand{
		margin-right: 80px;
	}
}

.dropdown-menu:hover,
.dropdown-menu > a:after
 {
	display:block;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
@media (max-width: 800px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.mottoGsize{font-size: 36px;}
.mottoMsize{font-size: 24px;}
.mottoKsize{font-size: 20px;}
.imgW{	width: 300px;}
.imgRechts{display:none;}
.imgAlways{display:block; width: 250px;}
.imgc3{width:275px;}
.imgc5{width:410px;}
.imgc6{width:300px;}
.setbutmargin {margin-left:5%}
.kostkolom{ min-height:15px;}

@media   (min-width: 600px) {
	.imgW{	width: 400px;}
	.imgRechts{display:none;margin-left:auto; margin-right: auto;}
	.imgAlways{width: 275px;display:block;}
	.imgc3{width:400px;}
	.imgc5{width:330px;}
	.imgc6{width:400px}
	.setbutmargin {margin-left:25%}
	.kostkolom{ min-height:150px;}
}

@media   (min-width: 769px) {
	.mottoGsize{font-size: 28px;}
	.mottoMsize{font-size: 20px;}
	.mottoKsize{font-size: 16px;}
	.imgW{	width: 500px;}
	.imgRechts{display:block; width:175px; margin-left:auto; margin-right: auto;}
	.imgc3{width:200px;}
	.imgc5{width:410}
	.kostkolom{ min-height:300px;}
}

@media   (min-width: 801px) {
	.holder{
		margin : 3px;
		 &:hover{  border-bottom:2px solid @oranje;}
	}
	 .holder.selected{
		border-bottom:2px solid @donker;
		& .triangle{ border-bottom: 5px solid @donker;} 
	}	
	//.imgRechts{display:block;width:205px; margin-left:auto; margin-right: auto;}
}

@media   (min-width: 992px) {
	.mottoGsize{font-size: 36px;}
	.mottoMsize{font-size: 24px;}
	.mottoKsize{font-size: 20px;}
	.imgW{	width: 590px;}
	.imgRechts{display:block;width:220px; margin-left:auto; margin-right: auto;}
	.imgc3{width:250px; display:block}
	.kostkolom{ min-height:330px;}

}

@media   (min-width: 1200px) {
	.mottoGsize{font-size: 36px;}
	.mottoMsize{font-size: 24px;}
	.mottoKsize{font-size: 20px;}
	.imgW{	width: 590px;}
	.imgRechts{display:block;width:290px; margin-left:auto; margin-right: auto;}
	.kostkolom{ min-height:250px;}

}



.triangle{
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid @wit;
    display:block;
    margin:0  auto;
    .blank {border-color:@wit}
}


a:focus{
	outline:none;
}

.nav > li > a, .navbar-nav > li > a{
	padding-bottom:5px;
	padding-top: 25px;
}
.navbar-default .navbar-nav > li > a{
	color: @donker;
	&:hover{
		color:@oranje;
	}
}
div.licht{
	//border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background-color: @whitebg;
	//margin-top:30px;
	margin-bottom:20px;
}
.navbar-default{
	background-color:@whitebg;
}

.mottozwart{
	color: #000000;
	font-family:"grootsmal", sans-serif;
	font-weight: 300;
	margin-bottom:0px;
	text-transform:uppercase;
}
.mottorood{
	color:@gripparood;
	font-family:"grootsmal", sans-serif;
	font-weight: 300;
	margin-top:0px;
	text-transform:uppercase;
}

.grijsblok{
		background-color: @bodybg;
		padding-bottom:0px;
}
.flitskolom{
	padding-left: 10%;
	margin-top:20%;
}
.redbutton{
	background-color: @gripparood;
	color:@wit;
	border:none;
	font-size: 36px;
	font-family:"grootsmal", sans-serif;
	font-weight: 200;
	height:90px;
	margin-top: 20px;
	margin-bottom:0px;
	margin-left: 40%;
	padding-top:35px;
	text-align:center;
//	padding-left:1%;
	width: 20%;
	
	&:hover{background-color:saturate(@gripparood,60%) ;
			 text-decoration:none;
			 color: @wit;}
}
.redbutton2{
	background-color: @gripparood;
	color:@wit;
	border:none;
	font-size: 25px;
	font-family:"grootsmal", sans-serif;
	font-weight: 200;
	height:90px;
	margin-top: 20px;
	margin-bottom:0px;
	padding-top:35px;
	width: 75px;
	text-align:center;
//	padding-left:1%;
	&:hover{background-color:saturate(@gripparood,60%) ;
			 text-decoration:none;
			 color: @wit;}
}
.aasbutton{
	display:block;
	background-color: @gripparood;
	color:@wit;
	border:none;
	font-size: 24px;
	font-family:"grootsmal", sans-serif;
	letter-spacing: 1.4px;
	font-weight: 300;
	height:90px;
	margin-top: 50px;
	margin-left: 35%;

	padding-top:50px;
	width: 30%;
	text-align:center;
	text-decoration:none;
	&:hover{background-color:saturate(@gripparood,80%) ;
			 text-decoration:none;
			 color: @wit;}
}
.imgcenter{
	display:block;
	margin-left:auto;
	margin-right: auto;
}
.logohouder{
	min-height:440px;
	border:1px solid #ebebeb;
	box-shadow: 0 0 30px #645556;
}
.h460{
	min-height: 460px;
}
.row.nieuwgrijs{
	margin-top:50px;
	margin-bottom:30px;
	background-color:@bodybg;
}



#notify-login-container{
    position:relative;
}
#notify-login-content{
    display:none;
    top:100px;
    position: absolute;
    width:200px;
    height:140px;
    background-color:#d4363e;
    color: #fff;
    text-align:center;
    padding:30px;
    border:3px solid #d4363e;
    width:100%
}