body{ 
	font-family:arial,sans-serif; 
	font-size:100%; 
	}
	
tbody, body{
	color:black; 
	text-decoration:none; 
	font-family:arial,sans-serif; 
	font-size:16pt; 
//	font-weight:bold; 
	white-space:no-wrap
	}	
		
table{
	border-radius: 5px;
}
		
form{
//	background-color:#FAFAFA; 
	padding:0px; 
	width:100%; 
	}
	
fieldset{ 
	padding:0px 0px 0px 0px; 
	margin-bottom:10px; 
	border:1px solid #DF3F3F; 
	}
	
legend{ 
	color:#DF3F3F; 
	font-weight:bold; 
	}
	
label{ 
	margin-left:0px; margin-top:2px; margin-right:0px; margin-bottom:2px;
 	display:block; 
	}
	
label.inline{ 
	display:inline;	
	margin-left:0px; margin-top:2px; margin-right:0px; margin-bottom:2px;
	}
	
input, textarea, option{ 
	font-size:16px; 
	background-color:#FFF3F3; 
	margin-left:0px; margin-top:2px; margin-right:0px; margin-bottom:2px;
	border-radius:5px; 
	box-shadow:1px 1px 1px #D83F3D, 2px 2px 2px #808080;
	}
	
input, textarea, select{ 
	font-size:16px; 
	padding:2px; 
	border:2px solid #F5C5C5; 
	border-radius:5px; 
	background-color:transparent;
	box-shadow:1px 1px 1px #D83F3D, 2px 2px 2px #808080; 
	}
	
select{ 
	font-size:16px; 
	margin-left:0px; margin-top:2px; margin-right:0px; margin-bottom:2px;
	border-radius:10px;
	box-shadow:1px 1px 1px #D83F3D, 2px 2px 2px #808080; 
	}
	
input[type=radio]{ 
	font-size:30px; 
	background-color:transparent; 
	margin-left:0px; margin-top:2px; margin-right:5px; margin-bottom:2px;
	border:none; 
	width:20px;
	border-radius:5px;  
	box-shadow:1px 1px 1px #D83F3D, 2px 2px 2px #808080;
	}
	
input[type=checkbox]{ 
//	font-size:30px; 
	background-color:transparent; 
	margin-left:0px; margin-top:2px; margin-right:5px; margin-bottom:2px;
	border:none; 
//	width:20px;
//	box-shadow:1px 1px 1px #D83F3D, 2px 2px 2px #808080;
	}
	
input[type=submit], input[type=reset]{ 
	font-size:16px; 
	width:100px; 
	margin-left:0px; margin-top:2px; margin-right:0px; margin-bottom:2px;
	box-shadow:1px 1px 1px #D83F3D, 2px 2px 2px #808080; 
	border-radius:5px;  
	cursor: pointer;
	background-color: lightblue;
	}

a.on{ 
	font-family:arial,sans-serif;	
	color:blue; 
	text-decoration:none; 
	font-size:14pt; 
	font-weight:bold; 
	white-space:no-wrap;
	}
	
a.off{ 
	font-family:arial,sans-serif;	
	color:black;
	text-decoration:none; 
	font-size:14pt; 
	font-weight:bold; 
	white-space:no-wrap;
	}

button.on{ 
	vertical-align:baseline; 
	border:none; 
	font-family:arial,sans-serif;	
	font-size:14pt; 
	font-weight:bold; 
	white-space:no-wrap;
	}
	
button.off{ 
	vertical-align:baseline; 
	border:none; 
	font-family:arial,sans-serif;	
	font-size:14pt; 
	font-weight:bold; 
	white-space:no-wrap;
	}
	
a.cal_link{
	font-family:arial,sans-serif;	
	color:black;
	text-decoration:none; 
	font-size:14pt; 
	font-weight:bold; 
	white-space:no-wrap 
}

table {
//	width: 100%;
//	height: 100%;	
	border-collapse: collapse;
}

table.A {
	width: 100%;
//	height: 100%;	
//	border-collapse: collapse;
	
}


th.A {
	border:1px solid black;
}		

td.A {
	border:1px solid lightgray;
}		


td.detail {
	border: 1px solid black;
	vertical-align: middle;
	text-align: left;
	vertical-align: top;
	background-color: white;
	height:100%;
}

td.price {
	text-align: right;
}

td.price:after {
	content: normal €
}


th.stats {
	background-color: lightblue;
	border: 1px solid black;
	height:100%;
	font-size: 14;
	vertical-align: middle;
	text-align: center;
}

td.stats {
	background-color: white;
	border: 1px solid black;
	height:100%;
	font-size: 12;
	vertical-align: middle;
	text-align: center;
}


th.date_today {
	background-color: lightgreen;
	font-size: 14;
	border: 0px;
	padding: 0;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}

th.date {
	background-color: lightgreen;
	border: 1px solid black;	
	padding: 0px;
	font-size: 12;
	text-align: center;
	vertical-align: middle;
	text-transform: none;
}

.period_1 {
	background-color: lightgray;
	font-size: 14;
	border:1px solid black;
	padding: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}

.period_2 {
	background-color: cyan;
	font-size: 14;
	border:1px solid black;
	padding: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}

.period_3 {
	background-color: orange;
	font-size: 14;
	border:1px solid black;
	padding: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}

.period_4 {
	background-color: purple;
	font-size: 14;
	border:1px solid black;
	padding: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}

.period_5 {
	background-color: red;
	font-size: 14;
	border:1px solid black;
	padding: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}


.not_rented_cell {
	width: 100%;
//	height: 50px;
	background-color: white;
	font-size: 10;
	border: 0px;
	padding: 0px;
	vertical-align: text-top;
	text-align: left;
	text-transform: none;
}

.rented_cell {
	border: 0px;
	background-color: white;
	padding: 0;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
}

.holiday {
	font-size: 10;
	text-align: right;
	vertical-align: middle;
}

.today {
	font-size: 14;
}

.M, .TR {
	width: 100%;
	height: 100%;
	background-color: white;
	font-size: 12;
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	text-transform: none;	
}

tr.list:nth-child(even) {
    background-color: #eee;
}


.D {
	width: 100%;
	height: 100%;
	background-color: lightblue;
	font-size: 16;
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	text-transform: none;	
}

.C {
	width: 100%;
	height: 100%;
	font-size: 12;
//2020-07-08	background-color: white;
	background-color: lightblue;
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	text-transform: none;	
}

.R {
	width: 100%;
	height: 100%;
	background-color: lightgreen;
	font-size: 16;
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	text-transform: none;	
}

.DR {
	background-color: yellow;
	font-size: 16;
	width:100%;
	height:100%;
	text-align: center;
}

.AM {
	background-color: cyan;
	font-size: 16;
	width:100%;
	height:100%;
	text-align: center;
}

.PM {
	background-color: lightgreen;
	font-size: 16;
	width:100%;
	height:100%;
	text-align: center;
}



a.on:link		{ color:black; text-decoration:none; font-size:14pt }

a.on:visited	{ color:black; text-decoration:none; font-size:14pt }
a.off:visited	{ color:black; text-decoration:none; font-size:14pt }

a.on:hover		{ color:black;  text-decoration:none; font-size:14pt }
a.off:hover		{ color:yellow; text-decoration:none; font-size:14pt }

a.common		{ color:black; text-decoration:none; font-size:14pt }
a.common:hover	{ color:red;   text-decoration:none; font-size:14pt }





hr {
	display: block;
	clear: both;
	height: 0;
	margin: 10px 0 10px;
	padding: 20;
	border: 0;
	font-family: arial;
	text-align: center;
	font-size: 30px;
	line-height: 1;
}

hr:after {
//	content: "\273D \273D \273D";
	height: 0;			
	letter-spacing: 1em;
	color: #aaa;
}


.img-bg {
  position: relative;
  padding-top: 140px;
  z-index:1;
}
 
.img-fg {
  position: absolute;
  z-index:2;
}