/*COLORTHEME*/
/*Reference using var(--colorTxt)*/
/*:root {
    --colorTxt:      rgb(68,68,68);		default text
	--colorThemeLLL: rgb(236,238,236);	
	--colorThemeLL:  rgb(217,222,217);
	--colorThemeL:   rgb(203,210,203);
	--colorTheme:    rgb(176,186,176); 	default theme: navbar, ...
	--colorThemeD:   rgb(149,163,149);
	--colorThemeDD:  rgb(135,151,135);
	--colorThemeDDD: rgb(121,139,121);
}*/

body {color: rgb(68,68,68);}
a    {color: rgb(68,68,68);}
p a  {color: rgb(135,151,135);}


/* .navbar
----------------------------------------*/
.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	z-index: 200;
	background-color: rgb(176,186,176);
    box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 20px;
	overflow: hidden;
	-o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
}

.navbar-logo {
	display: inline-block;
	position: relative;
	float: left;
}

.navbar-logo img {
	width: 50px; height: 50px; margin-top: 10px; /*no Kerst*/
	/*width: 62px; height: 55px; margin-top: 5px;*/ /*Kerst*/
	-o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
}

.navbar-title {
	display: inline-block;
	position: relative;
	float: left;
	height: 100%;
    padding-left: 40px;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 1.8em;
    line-height: 1.25;
    letter-spacing: 0;
	color: white;
}

.navbar-title:after { /* vertical align inline element */
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}


/* .sect-x (general)
----------------------------------------*/
.sect-1, .sect-2, .sect-3, .sect-4 {
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: white;
}

.sect-2, .sect-4 {
	background-color: rgb(249,249,249);
}

.section-title {
	text-align: center;
}

.section-title:after {
	display: block;
	content: "";
	margin: 10px auto 40px;
	border-bottom: 3px solid rgb(149,163,149);
	width: 80px;
}

p       {margin-bottom: 10px;}
.column {margin-bottom: 20px;}


/* #plek
----------------------------------------*/
#plek {
    padding-top: 110px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 32px;
}

th, td {
    border-bottom: 1px solid #ccc;
    text-align: center;
    line-height: normal;
}

th {
    font-size: 1.2em;
    color: #fff;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
}

td {
    vertical-align: top;
    padding-bottom: 8px;
}

.table_header {
    background: rgb(176, 186, 176);
}

.week-even {
    background-color: hsl(0, 0%, 96%);
}
.week-odd {
    background-color: #fff; /* white */
}

.day {
    font-size: 1.4em;
    font-weight: 100;
}

.date {
    font-size: 0.7em;
}

.spots {
    font-size: 1.4em;
    font-weight: 100;
}

.available .spots {
}

.time {
    font-size: 0.7em;
}

.vacation {
    font-size: 0.7em;
    vertical-align: middle;
}


/* #footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer{
	padding-top: 25px;
	padding-bottom: 20px;
	background-color: rgb(176,186,176);
	text-align: center;
	color: white;
	font-size: 12px;
	line-height: 1.3;
}