/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body {
    font-family: "Verdana","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#6a625b;
    background: url('../images/bg4.jpg') no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

h1,
h2,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

h3{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.0em;
    line-height: 1.4;
    color: #666;
    margin-bottom:20px;
    
}

hr {
    max-width: 400px;
    border-color: #999999;
}

hr.left{
    max-width: 400px;
    border-color: #999999;
    text-align:left;
    margin-left:0px;
    padding:0;
}

hr.full{
    max-width: 400px;
    border-color: #999999;
    text-align:left;
    margin-left:0px;
    padding:0;

}
.scheiding {
 border-bottom:1px solid #333;
}

.tekst_gewoon{
	font-size:16px;
}
.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 2.5em;
    font-weight:400;
}

.margin-home{
	margin-top:130px;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 0px;
    padding: 15px 15px;
    background: #fff;
    background: rgba(255,255,255,1.0);
    font-size:1em;
}

.lijst{
	font-size:0.9em;
	padding-left:0px;
	padding-right:0px;
}
.prijs{
	padding:0;
	font-size:0.9em;

}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.intro-text-kleur {
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: 1px;
    color:#990000;
    text-align:left;
    
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

.foto-gallery, .foto-gallery.last{
		margin: 20px 0px 0px 0px;
		border:1px solid black; 
		width:100%;
		height:auto;	
}


footer {
    background: #6a625b;   
    color:white;
}

footer p {
    margin: 0;
    padding: 0px 0px 0px 0px;
    color:white;
    font-size:1.2em;
    line-height:1.25;

}
footer p.titel {
	font-weight:700;
    margin: 0px 30px 15px 0px;
    padding: 30px 0px 0px 0px;
    color:white;
    display:block;
    border-bottom:1px solid white;
    height:70px;

}

footer a{
	color:white;
}
footer a:hover{
	color:white;
}

footer p.txt-openingsuren{
	font-size:1em;
}

hr.footer {
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:100%;
	color:white;
	background-color:white;
	height:1px;
}

.topbackground{
	width:100%;
	height:132px;
	background:rgba(59,50,45,1.0);
	margin:0;

}




@media screen and (min-width:768px) {

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,1.0);
    font-size:1.2em;
}

.lijst{
	font-size:1em;
}

.prijs{
	padding-left: 15px;
	font-size:1em;

}

    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }
    
	.brand-name {
	    margin: 0;
	    font-size: 3.5em;
	    font-weight:400;
	    text-align:center;
	}    

	.intro-text-kleur {
	    text-transform: uppercase;
	    font-size: 1.8em;
	    font-weight: 400;
	    letter-spacing: 1px;
	    color:#990000;
        text-align:left;

	    
	}


    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #e4ddd2;
       /* background: rgba(255,255,255,1);*/
    }

    .nav>li>a {
        padding: 15px 15px 15px 15px;
    }

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

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.2em;
        font-weight:500;
    }
	hr.full{
    border-color: #999999;
    text-align:left;
    margin-left:0px;
    padding:0;
    width:100%;

}
.scheiding{
	
 border-bottom:0px solid silver;
}

.foto-gallery{
		margin:0px 1.8% 10px 0px;
		border:1px solid black; 
		width:31.5%;
		height:auto;	
}

.foto-gallery.last{
		margin:0px 0px 10px 0px;
		border:1px solid black; 
		width:31.5%;
		height:auto;	
}

.margin-home{
	margin-top:210px;
}

.topbackground{
	width:100%;
	height:190px;
	background:rgba(59,50,45,1.0);
	margin:0;
}

.taaldiv{
	position:absolute;
	top:10px;
	right:1%;
	width:102px;
	height:35px;
	border:0px solid red;
	z-index:30000;
	background-image:url('../images/francais_tablet.png')
	
}
.taaldivnl{
	position:absolute;
	top:10px;
	right:1%;
	width:119px;
	height:35px;
	border:0px solid red;
	z-index:30000;
	background-image:url('../images/nederlands_tablet.png')
	
}
.oudejaar{
	position:absolute;
	top:10px;
	left:10%;
	width:125px;
	height:115px;
	border:0px solid red;
	z-index:30000;
	
}

.kaart{
	width:100%;
	height:640px;
}

.oudejaar_rechts{
	position:absolute;
	top:10px;
	right:10%;
	width:125px;
	height:115px;
	border:0px solid red;
	z-index:30000;
	
}


footer p.txt-openingsuren{
	font-size:1.2em;
}

    
}
@media screen and (max-width:767px) {
.taaldiv{
	position:absolute;
	top:4px;
	right:4px;
	width:26px;
	height:19px;
	border:1px solid black;
	z-index:30000;
	background-image:url('../images/french_mob.png')
}
.taaldivnl{
	position:absolute;
	top:4px;
	right:4px;
	width:26px;
	height:19px;
	border:1px solid black;
	z-index:30000;
	background-image:url('../images/dutch_mob.png')
}

.kaart{
	width:100%;
	height:340px;
}

.navbar-header{
	background-color:#e4ddd2;
	border:0px;
}

button.navbar-toggle{
  background: rgba(59,50,45,1.0);
	
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; /* Changes regular toggle color */
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background: #7B685E;
}

.navbar-collapse{
	background: #F2EFEA;
}


}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }

.taaldiv{
	position:absolute;
	top:135px;
	right:3%;
	width:140px;
	height:40px;
	border:0px solid red;
	z-index:30000;
	background-image:url('../images/button_french.png')
}
.taaldivnl{
	position:absolute;
	top:135px;
	right:3%;
	width:160px;
	height:40px;
	border:0px solid red;
	z-index:30000;
	background-image:url('../images/button_dutch.png')
}

.kaart{
	width:100%;
	max-width:540px;
	height:640px;
}
.oudejaar{
	position:absolute;
	top:10px;
	left:25%;
	width:125px;
	height:115px;
	border:0px solid red;
	z-index:30000;
	
}
.oudejaar_rechts{
	position:absolute;
	top:10px;
	right:25%;
	width:125px;
	height:115px;
	border:0px solid red;
	z-index:30000;
	
}
footer p.txt-openingsuren{
	font-size:1.2em;
}

    
}