div.greenTable {
font-family: "Fira sans", "Lucida Grande", sans-serif;
border: 6px solid #24943A;
background-color: #D4EED1;
width: 98%;
text-align: left; 
}
.divDistance {
margin-top: 20px; 
}
.divTable.greenTable .divTableCell, .divTable.greenTable .divTableHead {
border: 1px solid #24943A;
padding: 3px 8px;
}
.divTable.greenTable .divTableBody .divTableCell {
font-size: 18px;
}
.divTableWarning {
background-color: red;
}
.divTable.greenTable .divTableHeading {
background: #24943A;
background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
border-bottom: 0px solid #444444;
}
.divTable.greenTable .divTableHeading .divTableHead {
font-size: 18px;
font-weight: bold;
color: #F0F0F0;
text-align: center;
border-left: 2px solid #24943A;
}
.divTable.greenTable .divTableHeading .divTableHead:first-child {
border-left: none;
} div.blueTable {
font-family: "Fira sans", "Lucida Grande", sans-serif;
border: 4px solid #5A98D6;
background-color: #BAD9FF;
width: 98%;
text-align: left; 
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
border: 1px solid #5A98D6;
padding: 3px 12px;
font-size: 18px;
}
.divTable.blueTable .divTableBody .divTableCell {
font-size: 18px;
}
.divTable.greenTable .divTableBody .divTableCellSmall {
font-size: 14px;
vertical-align: top;
}
.divTableCenterCell {
text-align: center;
}
.divTableCellEven {
background: #b0e1a9;
}
.divTableCellOdd {
background: #D4EED1;
}
.divTableCenterMiddle {
vertical-align: middle;
} .divTable.blueTable .divTableHeading {
background: #5A98D6;
background: -moz-linear-gradient(top, #83b2e0 0%, #6aa2da 66%, #5A98D6 100%);
background: -webkit-linear-gradient(top, #83b2e0 0%, #6aa2da 66%, #5A98D6 100%);
background: linear-gradient(to bottom, #83b2e0 0%, #6aa2da 66%, #5A98D6 100%);
border-bottom: 0px solid #444444;
}
.divTable.blueTable .divTableHeading .divTableHead {
font-size: 18px;
font-weight: bold;
color: #F0F0F0;
text-align: center;
border-left: 2px solid #5A98D6;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
border-left: none;
}
#submit {
background: green;
}
#submit:disabled {
background: red;
}  .divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;} .divTableRowToday {
background-color: #EEE53B;
}
.divTableTopHead, .divTableTopHead h1, .divTableTopHead h2 {
vertical-align: middle;
color: #fff;
}
.divTableCellInfo, .divTableCellInfoReverseGreen, .divTableCellInfoReverseBlue {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 30px !important;
text-align: center;
padding: 10px 8px !important;
vertical-align: middle;
color: green;
}
.divTableCellInfoReverseGreen {
color: white;
background-color: #24943A;
}
.divTableCellInfoReverseBlue {
color: white;
background-color: #5A98D6;
}
#myInput {
background-image: url(//www.wohnmobilstellplatz-friedrichstadt.de/wp-content/plugins/booking-calendar-assignment/assets/searchicon.png); background-position: 10px 12px; background-repeat: no-repeat; width: 50%; font-size: 16px; padding: 6px 20px 6px 40px; border: 1px solid #ddd; margin-bottom: 0; } .greenTable .tableFootStyle {
font-size: 15px;
font-weight: bold;
color: #F0F0F0;
background: #24943A;
background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
border-top: 1px solid #24943A;
}
.blueTable .tableFootStyle {
font-size: 15px;
font-weight: bold;
color: #F0F0F0;
background: #5A98D6;
background: -moz-linear-gradient(top, #83b2e0 0%, #6aa2da 66%, #5A98D6 100%);
background: -webkit-linear-gradient(top, #83b2e0 0%, #6aa2da 66%, #5A98D6 100%);
background: linear-gradient(to bottom, #83b2e0 0%, #6aa2da 66%, #5A98D6 100%);
border-top: 1px solid #5A98D6;
}
.greenTable .tableFootStyle, .blueTable .tableFootStyle {
font-size: 15px;
}
.greenTable .tableFootStyle .links, .blueTable .tableFootStyle .links {
text-align: right;
}
.greenTable .tableFootStyle .links a {
display: inline-block;
background: #FFFFFF;
color: #24943A;
padding: 2px 8px;
border-radius: 5px;
}
.blueTable .tableFootStyle .links {
text-align: right;
}
.blueTable .tableFootStyle .links a {
display: inline-block;
background: #FFFFFF;
color: #5A98D6;
padding: 2px 8px;
border-radius: 5px;
}
.greenTable.outerTableFooter, .blueTable.outerTableFooter {
border-top: none;
}
.greenTable.outerTableFooter .tableFootStyle, .blueTable.outerTableFooter .tableFootStyle {
padding: 3px 5px; 
} .myButton {
box-shadow: 0px 10px 14px -7px #3e7327;
background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
background-color:#77b55a;
border-radius:4px;
border:1px solid #4b8f29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:0px 1px 0px #5b8a3c;
}
.myButton:hover {
background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
background-color:#72b352;
}
.myButton:active {
position:relative;
top:1px;
}
.printBtn {
width: 32px;
padding-top: 10px;    
} .myGreenLabel, .myRedLabel, .myYellowLabel {
width: 95%;
height: 35px;
font-size: 16px;
color: #fff;
border-radius: 5px;
font-family: "Fira sans", "Lucida Grande", sans-serif;
margin-top: 5px;
margin-bottom: 4px;
} .btn {
background-color: DodgerBlue; border: none; color: white; padding: 12px 16px; font-size: 16px; cursor: pointer; } .btn:hover {
background-color: RoyalBlue;
} 
.myGreenLabel, .myPrintBtn {
background: linear-gradient(to top right, #1dd862, #01af1b);
border: 2px solid #006c29;
}
.myPrintBtn:hover {
background: linear-gradient(to top right, #FFFF00, #CCCC00);
border: 2px solid #006c29;
color: #000;
}
.myRedLabel {
background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
border:2px solid #cc0000;
}
.myYellowLabel {
background: linear-gradient(to top right, #FFFF00, #CCCC00);
border:2px solid #999900;
color: #000;
}
.myControlLabel {
width: 100px;
} .divTable.blueTable .selStyle {
height: 2.25em;
min-height: auto;
border: 0px !important;
color: #000 !important;
background-color: white !important;
cursor: pointer;
padding: 0 15px;
margin: 0;
font-size: 1em;
}
.divTable.blueTable .selStyleDate {
width: 30%;
}
#checkResult {
padding: 10px;
} #container {
margin: 0 auto;
}
.mnu {
background-color: #3EA051;
}
.mnu a:hover {
color: green;
background-color: yellow;
}
nav {
background-color: #E64A19;
background: #3EA051;
font-size:22px;
color: #ffffff;
word-wrap:break-word !important;
}
nav ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
av ul li {
display:inline-block;
background-color: #E64A19;
}
nav a {
display:block;
padding:0 15px; 
color:#FFF;
font-size:20px;
line-height: 50px;
text-decoration:none;
}
nav a:hover { 
background-color: green; 
} nav ul ul {
display: none;
position: absolute; 
top: 50px; } nav ul li:hover > ul {
display:inherit;
} nav ul ul li {
width: 270px;
float: none;
display: list-item;
position: relative;
} li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; } .sf-menu a:hover {
color: #146bae !important;
}
.dropdown-menu .sub-menu {
background-color: #146bae !important;
}