@charset "utf-8";

/* **************************************************************************************************** */
/* Styles created by default with Visual Studio 2013 */
/* **************************************************************************************************** */
body {	
	padding-top: 70px; /* de body naar beneden laten schuiven want anders steekt de content hem weg achtre de fixed nabar*/
    padding-bottom: 20px;
	font-style: normal;
	font-weight: 200;
	background-image: url(../_images/bkgdWebsite.jpg);
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


/* **************************************************************************************************** */
/* Styles for maintemplate.dwt */
/* **************************************************************************************************** */
header {
	text-align: center;
	clear: both;
	margin-bottom:20px;
}

/*Lichtere kleur voor de navigatie links*/
.navbar-inverse .navbar-nav > li > a {
    color: #bbb; /* light grey*/
}

a {
	/*color: #0FED91;*/
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

footer {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: 600;
	font-size: x-small;
	text-align: center;
	padding: 10px;
	clear: both;
}


/* **************************************************************************************************** */
/* Styles for the index.html page*/
/* **************************************************************************************************** */
.borderTopBottom {
	margin-bottom: 5%;
	background-color: #FFFFFF;
	border-top: 10px solid #000000;
	border-bottom: 10px solid #000000;
}

.style-gepassioneerd {
	font-family: lobster;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8em;
	text-shadow: 2px 3px #FFFFFF;
}

.style-slogan {
	font-family: lobster;
	font-style: normal;
	font-weight: 400;
}

/* **************************************************************************************************** */
/* Styles for the barsys.html page*/
/* **************************************************************************************************** */
/*----- PHOTOS -----*/
.caption-title-align-box { 
/*Setting the display to inline-block allows the .caption-title-align-box to only be as wide as it's content (namely,the image), and position:relative allows us to set the width of the nested figcaption element to be 100% of the width of the .caption-title-align-box*/
    display:inline-block;
    position:relative;
}

figcaption {
	text-align: center;
	font-size: .8em;
	padding: .3em 0;		
}

/* **************************************************************************************************** */
/* Styles for the shoesoft.html page*/
/* **************************************************************************************************** */
.carousel-inner > .item > img {margin: 0 auto} /* Center the image*/

.highlight {
    background-color: #F9EDBE;
    border: 2px solid #F9EDBE;
    color: #222;
    padding: 4px;
    line-height: 16px;
    border-radius: 6px;
    text-align: center;
}


/* **************************************************************************************************** */
/* Styles for the contactinfo.html page*/
/* **************************************************************************************************** */
#map-container { height: 500px }


/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}