body {
	background-color: #483f3e;
	font-family: 'Martel', serif;
	font-size: 1.4em;
	line-height:1.5em;
	color:#fff;
	margin: 0;
	
	padding-top: 129px;
	background:url(img/bg.png);
	
}

.meldingen .alert 
{
	margin-top:0px;
	margin-bottom:0px; 
	font-size:120%;
}

.meldingen>.alert 
{
	padding-top:25px;
}

@media(max-width:768px)
{
	.meldingen>.alert 
	{
		padding-top:35px;
	}
}

.meldingen .alert a
{
	color:#000 !important;
}

.container-bg {
	background-color: #000;
	    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.9);
}

input {
	color: #000;
}

section.fadesection {
    background: #000;
}

.gm-style {
	color: #000;
}

a.active {
	text-decoration: underline;
}

.nav>li>a:focus, .nav>li>a:hover {
background: rgba(0,0,0,0.3);
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	    font-size: 115%;
}

.fixed {
    position: fixed;
    left: 0px;
    right: 0px;
    padding: 15px 0;
    bottom: 0;
    z-index: 9999;
    font-size: 135%;
    background: #702b2c;
}

.kaartbanner {
	position: relative;
    padding: 15px 0;
    font-size: 150%;
	font-weight: 700;
    background: #702b2c;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	text-decoration: underline;
}

.logo{
	margin: 15px auto 0 auto;
	position: relative;
	max-height: 130px;
}

.well.menukaartwell, .well.maandmenuwell{
	background:#222;
}

.well.maandmenuwell{
	font-size:120%;
}

.well.menukaartwell h2 
{
	
}

.well{
	font-size:120%;
}

.contentarea{
	font-size:110%;
}

.list small{
	display: none;
}

.list li small{
	display: block;
}

.well.menukaartwell ul 
{
	padding-left:0px;
	list-style: none;
}

.nav>li>a{
	padding:10px 7px;
}

.well.menukaartwell ul li table
{
	
	width:100%;
}

.well.menukaartwell ul li
{
	clear:both;
	margin-bottom:15px;
}

.well.menukaartwell ul li form 
{
	position:relative;
	background:#FFFFFF;
	padding:10px;
	z-index:9999;
	border:1px #000 solid;
	border-radius:6px;
}


.naamGerecht
{
	font-size:16px;
	font-weight:400;
}

.prijsGerecht
{
	text-align: right;
}



a {
	color: #E2E1E1;
}

a:focus, a:hover {
    color: #E2E1E1;
    text-decoration: underline;
}

a.btn-link {
	color: #fff;
}

a.btn-link:hover, a.btn-link:active, a.btn-link:focus {
	color: #ccc;
}

.headerspacer {
	height: 15px;
}

.donkerder {
    background: #222;
    margin: 0 -15px;
    padding: 0 15px;
}

section.menukaart {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#442020+0,3f1d1d+47,301616+100 */
background: rgb(68,32,32); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(68,32,32,1) 0%, rgba(63,29,29,1) 47%, rgba(48,22,22,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(68,32,32,1) 0%,rgba(63,29,29,1) 47%,rgba(48,22,22,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(68,32,32,1) 0%,rgba(63,29,29,1) 47%,rgba(48,22,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#442020', endColorstr='#301616',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	padding: 30px 0;
}

.well {
	background: #a50e0b;
	border: 0;
}
.navbar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#431f1f+0,2d1515+100 */
	background: #000;
	margin-top:0px;
	border-radius: 0;
	border: 0;
	padding-bottom: 15px;
	box-shadow: 0px -5px 15px 10px rgba(0,0,0,0.8);
}

.adres {
	color: #E2E1E1;
}

.social {
	float: right;
}

.social a {
	color: #3A5897;
}

.navbar-toggle
{
	background-color: #a50e0b;
	font-size:15px;
	    border-color: #502C2C !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #a50e0b;
}

.navbar-toggle span
{
	background-color: #fff !important;
}

.navbar-collapse
{
	max-height:none !important;

	padding-top: 20px;
}

.mobielmenu {
		background: #222;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img
{
	margin:auto;
}

/* 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: #000;
  padding-bottom:61px;
}

.spacer
{
	height:30px;
}

.spacer2 {
	height: 15px;
}

.red
{
	color:red;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
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;
		max-width: 1420px;
    margin: 0 auto;
	}

	.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;}
	}

	/* transition */
.carousel .item img {
  -webkit-transition: all 10s;
  -moz-transition: all 10s;
  -o-transition: all 10s;
  transition: all 10s;
}
/* start status */
.carousel .item img,
.carousel .item.active.inactiveUntilOnLoad img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* end status */
.carousel .item.active img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
EINDE carousel aanpassingen 
///////////////////////////////////////
*/