input { background-color: #CCD4E0;  border: 1px solid #004BB2;  color: #373737;}
input:hover { color: #000000; border-color: #000000}
option { background-color: #CCD4E0;  border: 1px #1E90FF;  color: #373737;}
body {font-family: Arial; font-size: 13px; background-color:#fdfdfb; color:#000033;}
body.Selection {background-color:#ffffff;margin-left:0;margin-top:0;margin:0;}
body.ImgWindow {background-color:#cccccc;}
a, h1, h2, h3, h4, h5, p, li, th, td, div, textarea {font-family:Arial;}
p, li, th, td {font-size:13px;color:#000033;}
h1, h2, h3, h4, h5 {font-weight:bold;}
h1 {font-size:18px; text-align:center;}
h2 {font-size:18px; text-align:left;}
h3 {font-size:16px; text-align:center;}
h4 {font-size:15px;}
h6 {font-size:13px;margin-bottom: 0;}
.button { background-color: Maroon;  width: 43px;  }
.tabelle { border: 1px solid #004BB2; height: 90px; text-align:left;}
.tabelle_m { border: 1px solid #004BB2; height: 90px; text-align:left;}
th {text-align:left;vertical-align:top;}
th.c {text-align:center;}
th.r {text-align:right;}
.sing {color:#993300;font-weight:bold;font-style:italic;text-align:center;}
a:link, a:visited {font-weight:bold;color:#004499;text-decoration:none;}
a:hover {color:#cc0000;}
.small{font-size:10px;text-align:center;}
hr {width:450px;align:center;}
.nav, a:link.nav, a:visited.nav  {font-size:12px;color:#000000;font-weight:bold;text-decoration:none;margin-left:5px;}
.menutable{background-color: #000000;}
.menucell{background-color:#ffffff;font-size:12px;color:#000000;font-weight:bold;}
.menucellSelected{background-color:#ffffff;font-size:12px;color:#cc0000;font-weight:bold;}

/* Begin 2007 */
.error {color:red}
span.success {color:green}
span.msg {width: 600px; display: block; text-align: left}
span.msg_m {width: 100%; display: block; text-align: left}
table.success{border: 1px solid #004BB2; border-collapse:collapse;}
table.success td {border: 1px solid #004BB2; padding:5px}
table.reservations{border: 1px solid #004BB2; border-collapse:collapse; width: 750px}
.reservations th {border: 1px solid #004BB2; padding:5px; font-weight:bold}
.reservations td {border: 1px solid #004BB2; padding:5px}

td.reservation_plane_name {text-align: center; width:90px}
td.reservation_time {text-align: center; width:90px}
td.reservation_seats{text-align: center; width:25px}

td.reservation_type_reservation_own {background-color:#FF0000; width: 25px}
td.reservation_type_reservation_others {background-color:#FFB9B9; width: 25px}
td.reservation_type_prebooking_own {background-color:#0000FF; width: 25px}
td.reservation_type_prebooking_others {background-color:#B9B9FF; width: 25px}

table.reservations_m{border: 1px solid #004BB2; border-collapse:collapse; width: 100%;}
.reservations_m th {border: 1px solid #004BB2; padding:5px; font-weight:bold}
.reservations_m td {border: 1px solid #004BB2; padding:5px}

td.reservation_m_plane_name {text-align: center; width:30px}
td.reservation_m_time {text-align: center; width:30px}
td.reservation_m_seats{text-align: center; width:25px}

td.reservation_m_type_reservation_own {background-color:#FF0000; width: 25px}
td.reservation_m_type_reservation_others {background-color:#FFB9B9; width: 25px}
td.reservation_m_type_prebooking_own {background-color:#0000FF; width: 25px}
td.reservation_m_type_prebooking_others {background-color:#B9B9FF; width: 25px}


tr.odd{
   background-color: #EEEEEE;
}

td.c {
   text-align: center;
}
td.r {
   text-align:right;
}

form.logbook{
   width   : 800px;
   padding : 10px 0;
   /*border  : solid 1px #004BB2;*/
   margin  : 10px 0;
}


form.logbook fieldset {
   border : solid 1px #004BB2;
    /*border : none;
   border-top :solid 1px #004BB2;*/
   margin-bottom: 10px;   
}

form.logbook fieldset legend{
   font-size: x-large;
}

form.logbook legend img{
   vertical-align: middle;
}

form.logbook fieldset fieldset{
   border : none;
   border-top :solid 1px #004BB2;
   margin-bottom: 10px;  
}

form.logbook fieldset fieldset legend{
   font-size: large;
}   

form.logbook label {
   float       : left;
   display     : inline-block;
   text-align  : left;
   width        : 150px;
   margin-bottom: 5px;
}

form.logbook input{
   width: 140px;
}

form.logbook textarea {
   width:  100%;
   height: 50px;
}

form.logbook input[type=submit], form.logbook input[type=button]{
   width   : 200px;
   height  : 30px;
}

form.logbook_m{
   width   : 100%;
   padding : 10px 0;
    /*border  : solid 1px #004BB2;*/
   margin  : 10px 0;
}


form.logbook_m fieldset {
   /*border : none;
    border-top :solid 1px #004BB2;*/
   border : solid 1px #004BB2;
   margin-bottom: 10px;   
}

form.logbook_m fieldset legend{
   font-size: x-large;
}

form.logbook_m legend img{
   vertical-align: middle;
}

form.logbook_m fieldset fieldset{
   border : none;
   border-top :solid 1px #004BB2;
   margin-bottom: 10px;
   text-align: right;
}

form.logbook_m fieldset fieldset legend{
   font-size: large;
}   

form.logbook_m label {
   float       : left;
   display     : inline-block;
   text-align  : left;
   width        : 100%;
   margin-bottom: 5px;
}

form.logbook_m fieldset label {
   float       : left;
   display     : inline-block;
   text-align  : right;
   width        : 100%;
   margin-bottom: 5px;
}

form.logbook_m input{
   width: 140px;
   height:30px;
}

form.logbook_m textarea {
   width:  100%;
   height: 50px;
}
form.logbook_m select {
   width:  140px;
   height: 30px;
}


form.logbook_m input[type=submit], form.logbook input[type=button]{
   width   : 200px;
   height  : 30px;
}

table.logbook {
   border-spacing: 0px;
   width: 800px;
}

div.submenu{
   background-color: #FFFFFF;
}

div.submenu a {
   
   display : inline-block;
   border  : solid 1px #004BB2;
   border-top : none;
   padding : 8px 25px 8px 20px;
   margin  : 0;
   /*background-color: #CCD4E0; */
   background: #FFFFFF;
   
}

div.mobsub{
   background-color: #FFFFFF;
   
}

div.mobsub a {
   display : inline-block;
   font-size: 30px;
   border  : solid 1px #004BB2;
   border-top : none;
   padding : 8px 25px 8px 20px;
   margin  : 0;
   /*background-color: #CCD4E0; */
   background: #FFFFFF;
   
}

form.logbook select {
   background-color: #CCD4E0;
   border: 1px solid #004BB2;
   color: #373737;
   width: 140px;
}

div.menudiv {
   border: 1px solid;
   border-color:#1E90FF;
   border-radius: 3px;
   display: inline-block;
   padding: 5px;
   padding-left: 8px;
   padding-right: 8px;
   margin: 1px;
}

div.boxes {
   width: 1024px;
}

div.boxes div {
   float: left;
   
   width: 212px;
   height:auto;
   margin: 10px;
   padding: 0;
   
   border: solid 1px #004499;
}

div.smalldiv {
    width: 180px !important;
    height: 200px !important;
}
div.mediumdiv {
    width: 276px !important;
    height: 200px !important;
}

div.boxes div h1 {
   padding: 2px 10px;
   margin: 0;
   background-color: #000099;
   color: white;
   font-size: larger;
   font-weight: bold;
   text-align: left;
}

div.boxes div div {
   margin : 0;
   height : auto;
   padding : 5px;
   border: none;
   width: auto;
   float:none;
   
}

div.boxes_m {
   width: 95%;
}

div.boxes_m div {
   float: left;
   
   width: 90%;
   height: auto;
   margin: 10px;
   padding: 0;
   
   border: solid 2px #004499;
}

div.boxes_m div h1 {
   padding: 2px 10px;
   margin: 0;
   background-color: #000099;
   color: white;
   font-size: larger;
   font-weight: bold;
   text-align: left;
}

div.boxes_m div div {
   margin : 0;
   height : auto;
   padding : 5px;
   border: none;
   width: 90%;
   float:none;
   
}

/* Farben */

.cb_failure {
   background-color: #FFAAAA;
}

.cb_warn {
   background-color: #f0c040;
}

.cb_ok {
   background-color: lightgreen;
}

.message{
   border: solid 1px #CC0000;
   background: #f0ead8;
   padding: 3px 3px;
   margin: 10px auto 10px auto;   
   width: 640px;
   
}

#steuerung li {
    list-style: none;
    float: left;
}
#steuerung a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0.5em;
    text-decoration: none;
    color: white;
    background-color: gray;
}    
.menue-button {
    display: none;
}    
#steuerung {
    float: right;
}
#steuerung a:hover {
    color: black;
    background: orange;
}	
/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
@media only screen and (max-width:600px) {
	.menue-button {
		display: block;
	}
	.menue-button {
		background-color: grey;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding-left: 0.5em;
                padding-right: 0.5em;
		color: white;
		cursor: pointer;
		text-decoration: none;
	}	
	#bereichlogo {
		width: 100%;
	}
	#steuerung {
		float: left;
		width: 100%;
		display: none;
	}	
	#steuerung li {
		width: 100%;
		border-bottom: 2px solid silver;
	}	
	.menue-button:hover {
		color: black;
		background: orange;
	}
}
/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
    display: block;
}
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
    display: none ; 
}    

/*
input[type="checkbox"] {
  display:none;
}
input[type="checkbox"] + label::before {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 2px solid #8cad2d;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}
input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #8cad2d;
} */
	
.overlay-container {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 10000;
    overflow: auto;
}
.black-overlay {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.overlay-container .popup {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 600px;
    max-height: 400px;
    height: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    padding: 10px;
    text-align: center;
    z-index: 1000;
    background-color: #fff;
    border: 2px dashed #c5c5c5;
    box-shadow: 0 0 0 7px #fff;
}
#reservierungen, #reservierungen_m {
    border: 3px groove;
    border-collapse: collapse;
    margin-top: 2px;
}
#reservierungen_m {
    width: 100%;
    border: 1px groove;
}
#reservierungen td, #reservierungen th,
#reservierungen_m td, #reservierungen_m th {
    padding: 1px;
}
#reservierungen thead th, #reservierungen tbody td,
#reservierungen_m thead th, #reservierungen_m tbody td {
    width: 20px;
}

#showLogbookApp {
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background-color:#2e466e;
	border-radius:17px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;