/*test css voor eerste bootstra layout*/

/* @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); */




html,body{
	font-family: sans-serif;
	height: 100%;
	line-height:22px;
}

a{
	color:#801815;
}
/*
Het intro via jquery fadeIn, default op display:none;
omdat dit via jquery op display:block zal worden gezet.*/
.intro-bg{
	display:none;
}
.intro-h{
	display:none;
	padding:10px;
}
.intro-p{
	display:none;
	padding:10px;
}

.custombg{
	display:none;
	/* background-image:url("../img/red-velvet-cake.jpg"); */
	background-image:url("../img/strand2.jpg");
	background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: none !important;
	background-position:64%, 121%!important;
	background-size:100% !important;
	color:#ffffff;
}

@media screen and (max-width: 480px) {
	.custombg{
		background-size:500% !important;
	}
	.menu ul li{
		width:100%;
	}

	div.content{
		width:76%;
	}
	div.twee{
		width:148%;
	}
	.menu ul li{
		width:100%;
		position:relative;
		left:-25px;
	}
	h1.intro-h{
		width:76%;
	}
}


.redbar{
	background-color:#801815;
	color:#FFFFFF;
}

.title{
	background-color:#F6ECE2;
}

/*eigenschappen menu*/

.menu ul li{
	float:left;
	text-decoration:none;
	list-style-type:none;
}
/*
.menu ul{
	margin-left:-3.8%;
}*/

.menu li{
	margin-left:10px;
}

.menu a{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}
.menu a:hover{
	color:#1b1716;
	background-color:#dc7875 !important;
}

li.active{
	background-color:#dc7875 !important;
}

li.active a{
	color:#1b1716 !important;
}
li.active a:hover{
	color:#1b1716 !important;
}

/*contentblokken*/

.content{
	min-height:90%;
}

.een{
	/* background-color:#D9D5CD; */
	background-color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	color:#1b1716;
}

.twee{
	background-color:#e9e9e9;
/* 	margin-left:10px; */
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;

}

.drie{
	background-color:#ffffff;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.drie form{
	background-color:#ffffff;
}

/*spacer*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height:100%;
}

.spacer{
	min-height:15em;
}

.container-fluid{
	min-height:20%;
}


/*footertext*/
.footertext{
	text-align:right;
}
.footertext a{
	color:#ffffff;
}