body {
	background-color: #fff;
	font-family: 'Play', sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color:#000;
	margin: 0;
	font-weight: 300;
}

a {
	color: #80C143;
}

.logo{
	margin-top:15px;	
	margin-bottom:15px;	
}

.dezenietvullen {
	display: none;
}

.navbar{
	margin-bottom:0px;
	min-height:10px;
	border-radius: 0px;
	border: 0px solid transparent;
	background-color:transparent;
}

.navbar-toggle
{
	background-color:#FFFFFF;
	font-size:12px;	
}

.navbar-toggle span
{
	background-color:#000;
}

.navbar-collapse
{
	max-height:none !important;	
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img
{
	margin:auto;
}

#top, #menubar{
	border-bottom:1px solid #f2f2f2;
}

#menubar .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size:120%;
    color:#000;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: #E6905D;
	color: #fff !important;
}

#menubar .navbar-nav>li>a.active {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 120%;
    color: #fff;
    background:#F59222;
}

#menubar .navbar-nav>li>a .fa{
	color:#4bae32;
	margin-left:3px;
}

.greenblock{
	background:#80C143;
	padding:20px;
	color:#fff;
	font-size:110%;
}
.greenblock h2{
	margin-top:0px;
}


#menubar .navbar-collapse{
	padding-left:0px;
	padding-right:0px;
}

#menubar .navbar-nav>li:first-child{
	border-left:1px solid #f2f2f2;
}

#menubar .navbar-nav>li{
	border-right:1px solid #f2f2f2;
}

.usp{
	margin:15px 0px;
}

.usp .fa{
	color:#5ea64a;
}

#fadehead{
	background: #F7F7F7;
}

.fadecont{
	position: relative;
	max-width:1440px;
	margin:0 auto;
}

.bgoverlay{
	background:url(img/bgfade.png) center top;
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:2;
}

.zoekform{
	
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	z-index:3;
	margin:0 auto;
}

.zoekform .container {
	background: rgba(255,255,255,0.7);
	border-radius:30px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 60px;
}

.zoekform label{
	font-size:120%;
}

.occasion{
	border:1px solid #f2f2f2;
	outline: 0px solid #f2f2f2;
}

.occasion:hover{
	outline: 2px solid #f2f2f2;
	background: #F1F1F1;
}

.occasion h4{
	color:#F59222;
	margin-top:0px;
	margin-bottom:5px;
}

.occasion a{
	color:#000;
}

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

.occasion small{
	font-size:14px;
}

.details{
	padding:15px;
}

section#occasion{
	padding:30px 0px;
}

#orangedeals{
	background:#F59222;
	padding:30px 0px;
}

.icoontje {
	position: relative;
}

.btn-success {
	background-color: #80C143;
	border-color: #80C143;
}

.icoontje:before {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 9999;
    top: -25px;
    right: -0px;
    background: #80C143;
    border-radius: 100%;
    font:normal normal normal 50px/1 FontAwesome;
    color: #fff;
    text-align: center;
    line-height: 100px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        z-index: 1;
}

.icoontje h2{
	background:#333;
	color:#fff;
	padding:10px;
	margin:0px;
}

#orangedeals h3{
	margin:0px;
	background:#fff;
	padding:15px;
}

section#meerinfo {
	background-image: url(img/meerinfo.jpg);
	background-position:  50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 100px 0;	
}

#meerinfo .whitebg{
	background:#fff;
	padding:30px;
	font-size:175%;
}

#meerinfo .whitebg h2{
	margin:0px;
	margin-bottom:15px;
	font-size:190%;
}

#meerinfo label {
	font-size: 70%;
	text-align: left;
}

#meerinfo .whitebg a{
	color:#4bae32;
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
}

/* Set the fixed height of the footer here */
#footer {
  padding-top:10px;
  min-height: 150px;
  background:#333;
  padding-bottom:10px;
  color:#fff;
  border-top:2px solid #F59222;
}

#footer a{
	color:#fff;
}

#orangedeals h2{
	margin-top:0px;
}

.spacer
{
	height:30px;
}

.spacer2 {
	height: 15px;
}

.red
{
	color:red;
}

a.blacklink {
	color: #000;
}

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

.stars {
	color: #FFC000;
	font-size:140%;
    text-shadow: 1px 1px 0px #ABABAB;
}

span.green{
	color:#4bae32;
}

.boords h3{
	margin-top:10px;
	margin-bottom:0px;
}

#occasion h2{
	margin-top:0px;
}

.occasion h4.bedrag{
	color:#4bae32;
	margin-top:5px;
}
#occasion h4.bekijkdeal{
	color:#000;
	margin-top:5px;
}

.bekijk{
	color:#ed6d19;
	    position: absolute;
    right: 15px;
    bottom: 0px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Carousel aanpassingen
///////////////////////////////////////
*/


	.carousel-inner>.item>img, .carousel-inner>.item>a>img
	{
		margin:auto;
	}

	.carousel-indicators {
		bottom: -10%;
	}

	.carousel:hover .carousel-indicators {
		bottom: 2%;
	}

	.carousel-control, .carousel-indicators {
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

	.carousel-control.left {
		left: -10%;
		opacity: 0;
	}

	.carousel:hover  .carousel-control.left {
		left: 0%;
		opacity: 0.5;
	}

	.carousel-control.right {
		right: -10%;
		opacity: 0;
	}

	.carousel:hover  .carousel-control.right {
		right: 0%;
		opacity: 0.5;
	}

	.carousel {
		overflow: hidden;
	}

	.carousel-caption {
	    left: 10%;
	    right: 10%;
	    bottom: 20%;
	}
	@media (min-width: 768px) {

		.carousel-caption h2 {
		    font-size: 350%;
		    display: inline-block;
		}

		.carousel-caption p {
		    font-size: 250%;
		}
	}

	/*
	  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
	*/
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}

	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}

	.carousel-fade .carousel-control {
	  z-index: 2;
	}

	/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  Need to override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
	    .carousel-fade .carousel-inner > .item.next,
	    .carousel-fade .carousel-inner > .item.active.right {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.prev,
	    .carousel-fade .carousel-inner > .item.active.left {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.next.left,
	    .carousel-fade .carousel-inner > .item.prev.right,
	    .carousel-fade .carousel-inner > .item.active {
	      opacity: 1;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes entrance
	{
	from {
		opacity: 0;
		margin-left: -10px;
		}
	to {opacity: 1;
		margin-left: 0px;}
	}

	/* Standard syntax */
	@keyframes entrance
	{
	from {
		opacity: 0;
		margin-left: -10px;
		}
	to {opacity: 1;
		margin-left: 0px;}
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
EINDE carousel aanpassingen 
///////////////////////////////////////
*/


#orangedeals .details{
	background:#fff;
}

#orangedeals h4.bekijkdeal{
	color:#000;
	margin-top:5px;
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #4BAE32;
    color:#fff;
}

@media(max-width:991px){
	.zoekform{
		position: relative;
		top:0px;
		border-radius:0px;
	}
	.bgoverlay{
		display:none;
	}

	#meerinfo .whitebg h2{
		margin:0px;
		margin-bottom:15px;
		font-size:140%;
	}
}

@media(max-width: 767px){
	.navbar-toggle {
	    background-color: #DF712B;
	    font-size: 120%;
	    color:#fff;
	    margin-top:25px;

	}

	.nav{
		margin:0px;
	}

	.mobmenu{
		background:#f2f2f2;
	}

	.mobmenu li{
		border-bottom:1px solid #333;
	}
	.mobmenu li:last-child{
		border-bottom:0px solid #333;
	}
	#orangedeals h3 {
	    margin: 0px;
	    background: #fff;
	    padding: 15px;
	    font-size:110%;
	}

	#orangedeals h2 {
	    margin-top: 0px;
	     font-size:130%;
	}
}