/* Html Elements */
html	{ background: #ffffff; }

@media (max-width: 649px )
{
body	{ background: #ffffff;
		  font-family: 'Roboto', sans-serif;
		  font-weight: 400;
		  font-size: 11px;
		  line-height: 24px;
		  color: rgb(51, 51, 51); }
}

@media (min-width: 650px )
{
body	{ background: #ffffff;
		  font-family: 'Roboto', sans-serif;
		  font-weight: 400;
		  font-size: 16px;
		  line-height: 24px;
		  color: rgb(51, 51, 51); }
}

img		{ max-width:100%;      }
a       { cursor: pointer;     }

.navbar-inverse .navbar-nav > li > a {
    font-weight: bold;
}
input.error { border: solid 1px red;}
.icon-bar-menu {
    display: block;
    width: 22px;
    height: 6px;
    border-radius: 1px;
    background: url(../images/menu.png);
    background-size: 100%;
    margin-top: 4px;
    margin-bottom: -3px;
}

.nav-right { margin-top: -120px;}
.alert-warning { text-align: center; color: red!important; font-weight:bold;}

.campinglogo     { max-height:37px; padding-right:10px;}

.height-200      { min-height: 220px; }
.overflow-hidden { overflow:hidden; }
.boeken-img      { height: 220px; width: auto; max-width: none !important; }
.no-margin       { margin:0px; }
.max-width-100   { max-width: 100% !important; }

.scrollToTop { 
    background: rgba(205, 102, 51, 0.6); 
    border: 1px solid #125946;
    position: fixed;
    bottom: 25px; 
    right: 25px; 
    line-height:50px;
    width: 50px;
    text-align: center; 
    border-radius: 300px;
    color: #4fc4d3;
    font-size: 1.2em;
}

/* Header */
header	{ 
	background-image:url('../images/friends2header.jpg'); 
	background-size:cover;
	background-position:center;
	height:400px;
	padding-top:50px;
	border-bottom:2px solid black;
}

@media ( max-width: 991px )
{
	
	header { height: 500px; }
	
}

.bottom-5 { margin-bottom: 5px; }
.top-5    { margin-top: 5px; }

.error { color: red; }

/* Nav */
nav {
	width:100%;
	height:130px;
	background:#ED7F2B;
	border-top:		2px solid #000000;
	border-bottom:	2px solid #000000;
}

nav .logo {
	min-height:108px;
	min-width:497px;
	max-width:500px;
    margin-right: 15px;
}
nav .logo-container {
	min-height:108px;
	min-width:550px;
}

@media (max-width: 480px)  { .logo { width:70px; margin-top:0px;} }
@media (max-width: 767px)  { .logo { width:75px; margin-top:-15px; } }
@media (min-width: 768px)  { .logo { width:80px; margin-top:-15px; } }
@media (min-width: 992px)  { .logo { width:150px; margin-top:-25px; } }
@media (min-width: 1200px) { .logo { width:250px; margin-top:-35px; } }

.f2c logo
{
    position: relative;
    top: 100px;
}

/* Content */
.cursor-pointer		{ cursor: pointer !important; }


/* Footer */
footer				{ background: #ED7F2B; color:; border-top:2px solid #000000; padding-top:20px; position: relative; }
footer .hema{
	position: absolute;
	right: 100px;
	top: -20px;
	height: 80px;
}
.footer-items		{ width:93%; margin:0px auto; }
.footer-item		{ border-left: 2px solid #6B368A; }
.footer-item { margin-bottom: 15px; }
@media (max-width: 767px )
{
	
	.footer-item { width: 90%; }
	.nav.navbar-nav { background:rgba(0,0,0, 0.5);	border-bottom: 1px solid #ED7F2B;}
	.nav.navbar-nav li { display:block; background:rgba(0,0,0, 0.8); padding:7px 10px; border-bottom: 1px solid #32B8C9; z-index: 10;}
	.nav.navbar-nav li > a {

	float: none !important;
    padding: 0px 10px;
	}
	.container-fluid > .navbar-collapse {
		margin-right: -30px;
		margin-left:  -30px;
	}
	.navbar-nav {
		margin: -2px -25px 0px -15px;
	}
}

.navbar-nav>li:hover   { background: #ED7F2B; color: white !important; }
.navbar-nav>li:hover a { background: #ED7F2B; color: white !important; }



@media (min-width: 992px)	{ .text-right-md { text-align:right; } }
@media (max-width: 991px)	{ .text-right-md { margin-top:20px; }}

.social-media img		{ opacity:0.7; border:1px solid rgba(63, 63, 62, 1); margin-right:10px; border-radius:4px; height: 50px; }
.social-media img:hover	{ opacity:1.0; border:1px solid rgba(0 , 0 , 0 , 1); }
.camping-info img		{ opacity:1.0; border:1px solid rgba(63, 63, 62, 1); margin-right:5px; border-radius:4px; height: 37px; }
.camping-info img:hover	{ opacity:0.7; border:1px solid rgba(0 , 0 , 0 , 1); }

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

.carrienta			{ height:50px; }

/* Custom Element Styles */
.divider		{ width:100%; height:1px; display:block; margin:20px 0px; }
.divider.small  { margin: 10px 0px; }
.divider.yellow	{ background:#ED7F2B; }
.divider.black	{ background:#000000; }

.kill-padding { padding: 0px; }
.kill-margin  { margin: 0px; }

input[type="submit"], .button {
	border:1px solid black;
	border-radius:5px; 
	background:#000;
	color:#ED7F2B;
	font-size:1.1em;
	font-weight:bold;
	padding:5px 12px;
	
}


.force-success {
	color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
	font-weight: normal !important;
}

.page-row			{ position:relative; }
.block-item			{ margin-bottom:30px; position:absolute; z-index:100;}
.block-item > * > * ,
.block-item > * > * > * ,
.block-item > * > * > * > *	{ max-width:100%;  max-height:100%; height:auto !important; }

.block-item:before ,
.block-item:after {
  display: table; content: " "; clear: both;
}
@media (min-width: 768px ) and (max-width:991px) {
	
	.col-md-3.col-search { width: 50%; }
}
@media (max-width:991px) {
	.block-item { margin-top: 0px !important; position:relative; }
	
	.col-md-3,
	.col-md-6,
	.col-md-9,
	.col-md-12 { width:100%; }

}

#pagePreview { height:550px; }

.block-item-normal	{ height:300px;		overflow:hidden; border-radius:2px; }
.block-item-big		{ height:600px;		overflow:hidden; border-radius:2px; }
.block-item-dynamic	{ min-height:300px; border-radius:2px; }

.block-media > div > p		{ margin:0px; }
.block-media > div > p > img	{ width:100%; height:auto; }
.block-media > div > p > iframe	{ width:100%; height:auto; }
.block-tekst 		{}
.page-seperator		{ clear:both; width:100%; height:30px; }
.page-seperator_height	{ width:100%; height:30px; }
.page-header		{ margin:0px 0px 20px 0px !important; }
h1,h2,h3,h4,h5,h6		{ margin-top:0px !important; }
.camping-overzicht { border: solid 1px #6B368A; border-radius:0.8em; background-color:#EEE4F4 }
.campings h1, .camping-overzicht h1 { font-size:1.2em; font-weight:bold; margin-bottom:5px; padding-bottom:0px;}
.campings h2, .camping-overzicht h2 { font-size:1.1em;}
.campings a,  .camping-overzicht a { color: #000; }
.campings .h4{ padding:0.3em; margin:0px; }

/* Background */
.background-white	{ background:#ffffff; }

/* Text */
.text-color-yellow	{ color: #ED7F2B !important; }
.text-color-green	{ color: #125946 !important; }
.text-color-white	{ color: #ffffff !important; }

/* Padding and Margin */
.padding-x		{ padding-left:20px; padding-right:20px; }
.padding-x-left	{ padding-left:10px; }
.padding-y		{ padding-top:20px; padding-bottom:20px; }
.padding-y-waardebon	{ padding-top:20px; padding-bottom:20px; background-color: white; }
.padding-y-helft{ padding-top:5px; padding-bottom:5px; }
.row-spacing	{ margin:30px 0px; height:0px; width:100%; }

/* Width and Height*/
.width100p	{ width:100%; }
.padding5{padding:5px;}
.padding0{padding:0px;}

.paddingdates{padding:13px;}
.header{background:#000; color:#ED7F2B; padding:1em;}
.header a{color:#ffffff;}
.header a.current{color:#ED7F2B;}
.prijzenheader  { background: #000; color: #fff; padding:5px;}
.headertjes{ background: #ED7F2B; color: #fff; padding:5px;}
.headertjesoptions{ background: rgba(223,112,56,0.3); color: black; padding:5px; }
.bg0{background:#fff;}
.bg1{background:#eee;}
.detailsBoeken{background:#ffec96; padding:1em;}
.border-bottom{border-bottom:solid 1px #ED7F2B;}

.vol { 
	color: red;
	text-decoration: line-through;
	background: transparent!important;
	border:none;
	cursor: not-allowed;
	}
.aanvraag {
	color: #ffa500;
}
.vrij {
	background: green;
	border:solid 1px #ddd;
	color: #fff;
	text-decoration: underline;
	width:100%;
}
#boeking { z-index:200; }
.book { background-color: rgba(0 ,0 ,0 , 0.7); margin-top: 4em; }
#boeking select, button.zoek{ width:100%; padding: 0.6em; font-size: 1.1em;}

.zoek { background-color: #ED7F2B; color:#000; border:0px; font-weight:bold; }

.zoek-btn-home {
	background-color: #ED7F2B !important; 
	color:#000 !important; 
	border:0px !important; 
	font-weight:bold !important; 
	border-radius: 0px !important;
	height: 38px;
	display: block;
	width: 100%;
	
}

. btn-xs {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
 
.go-to-next,
.go-to-prev { cursor: pointer; }
 
.go-to-next { background: #ED7F2B; color: #000; border-radius: 200px; display: inline-block; width: 30px; line-height: 25px; padding-top: 5px; text-align: center; font-size: 1.2em; }
.go-to-prev { background: #ED7F2B; color: #000; border-radius: 200px; display: inline-block; width: 30px; line-height: 30px; text-align: center; font-size: 1.2em; }

.bottom-25 { margin-bottom: 25px; }
/* Scrollbar */
.accommodatie-container::-webkit-scrollbar {  
	width: 11px; 
}  
.accommodatie-container::-webkit-scrollbar-track {  
	background-color: #000;  
	/*border-left: 1px solid #ccc;  */
}  
.accommodatie-container::-webkit-scrollbar-thumb {  
	background-color: #EEE4F4;  
    border: 1px solid #000;
}  
.accommodatie-container::-webkit-scrollbar-thumb:hover {  
	background-color: #DE9D04;  
}

.accommodatie-container { max-height: 95%; overflow: auto; position: relative; }
.accommodaties-home-image { height: 160px; overflow: hidden; display: block; }
.accommodaties-home   { position: relative; background: #EEE4F4; border: solid 1px #6B368A; overflow:hidden; border-radius:0.8em; text-align:center;}
.accommodaties-home a { color: #6B368A; }
.accommodaties-home h1 { color: #ffffff; font-size:1.5em !important; padding:10px 5px; margin:0px; }
.accommodaties-home-text { text-align: left; padding:10px; }
.accommodaties-home-text h2 { font-size:1.3em !important; margin:0px!important; padding:0px!important; margin-bottom: 0px!important;}

.accommodaties-home-text hr {margin:0px; border-top: solid 1px #ED7F2B; padding-bottom:2px;}
.accommodaties-next   { position: absolute; bottom: 25px; right: 25px; }

/* campings results*/
.camping { border: solid 1px #6B368A; border-radius:0.8em; background-color:#EEE4F4 }
.camping img { border-radius:0.8em; }
.imageoverzicht {height:170px; overflow:hidden; }
.price{ background: #6B368A; color: #6B368A; padding:0.5em; position: absolute; bottom:-50px; right:0px; border-radius:0.6em; }
.price-home{ background:#125946; color: #4fc4d3; padding:0.5em; position: absolute; top:0px; right:0px;}
.price a{color: #ffffff;}
.price-home a{color: #ED7F2B;}
.campings{ position:relative; height:170px;}
a.infobutton{ text-decoration: underline; padding:8px; }
.current{ background: #ED7F2B; }
.boeknu { font-size: 1.0em; padding: 1px 3px; background-color: #32B8C9; color: white; border:none; border-radius:3px;}
.padding5top { padding: 1px 0px; }
/* carousel */
.selected img {
	opacity:0.5;
}
/**
	reis/boeking
**/
.reis { }
.kop {background: solid 1px #ddd;}
.text-right{text-align:right;}
h1.top {font-size:1.4em; padding-top:5px;}


@media(max-width:480px) {
	.camping-info { margin-top: -20px; }
}

@media(max-width:991px) {
    
    .accommodatie-container { margin-bottom: 25px; }
	
	.nav.navbar-nav li > a {
		
		padding-left: 8px  !important;
		padding-right: 8px !important;
		font-size: 0.9em;
		float: right;
		
	}
	
	.logo { margin-left: -10px; margin-right: 10px; }	
}

div.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: black;
	opacity: .7;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	cursor:pointer;
}


div.sticky {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	
	color: white;
	font-weight: bold;
	text-align: center;

	border-radius: 7px;

	padding-left: 5px;
	padding-right: 5px;

	background: #ED7F2B;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	cursor:pointer;
}

#countdown {
	position: relative;
	margin: auto;
	margin-top: 0px;
	height: 100px;
	width: 100px;
	text-align: center;
}

#countdownnumber {
	color: white;
	display: inline-block;
	line-height: 100px;
}

svg {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
	stroke-dasharray: 226px;
	stroke-dashoffset: 0px;
	stroke-linecap: round;
	stroke-width: 3px;
	stroke: white;
	fill: none;
	animation: countdown 15s linear 1 forwards;
	-moz-animation: countdown 15s linear 1 forwards;
	-webkit-animation: countdown 15s linear 1 forwards;
}

@keyframes countdown {
	from {
		stroke-dashoffset: 0px;
	}
	to {
		stroke-dashoffset: 226px;
	}
}

@-moz-keyframes countdown {
	from {
		stroke-dashoffset: 0px;
	}
	to {
		stroke-dashoffset: 226px;
	}
}

@-webkit-keyframes countdown {
	from {
		stroke-dashoffset: 0px;
	}
	to {
		stroke-dashoffset: 226px;
	}
}

.alert-error {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff1e1e;
	border-color: #840015;
}