html,
body {
   margin: 0px;
   padding: 0;
   height: 100%;
}

body {
   font-family: "Arial", sans-serif;
   font-size: 12px;
   line-height: 16px;
}



#gmap {
   z-index: 0;
   height: 100%;
   float: left;
   width: 84%;
   max-width: calc(100% - 260px);
   border-right: 2px solid #5ab0ff;

}

nav {
   z-index: 0;
   min-width: 245px;
   width: 16%;
   max-width: 16%;
   float:right;
}


#menuelogo {
	width:60%;
}

.closer {
	text-align:right;
	padding-right:5px;
}

.closer a {
	text-decoration: none;
}

#languages {
   right: 10px;
   top: 92%;
   background: white;
   /* Old browsers */
   width: 215px;
   height: 65px;
   text-align: center;
   display: block;
   z-index: 5;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */


   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;

}


#languages img {
   margin: 3px;
   border: 0px;
}

a.class1:link {
   color: #000;
   text-decoration: underline;
}

a.class1:visited {
   color: #000;
   text-decoration: underline;
}

a.class1:hover {
   color: #A8CB5A;
   font-weight: bold;
   font-size: 1.1em;
   text-decoration: underline;
}

a.class2:link {
   color: black;
   font-size: 10pt;
}

a.class2:visited {
   color: black;
   font-size: 10pt;
}

a.class2:hover {
   color: black;
   font-size: 10pt;
}

a.class2:active {
   color: black;
   font-size: 10pt;
}


#facebookbox {
   top: 40px;
   width: 110px;
   height: 30px;
   padding-top: 8px;
   right: 75px;
   display: block;
   text-align: center;
   background: white;
   /* Old browsers */

   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;
   border: 2px solid #5ab0ff;
}

#search {
   top: 190px;
   width: 205px;
   padding-top: 8px;
   right: 20px;
   display: block;
   text-align: left;
   padding-left: 10px;
   background: white;
   /* Old browsers */
   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;
   height:80px;

}



#kategorien {
   top: 50px;
   width: 205px;
   height: 290px;
   padding-top: 8px;
   right: 20px;
   display: block;
   text-align: left;
   padding-left: 10px;
   background: white;
   /* Old browsers */
   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;

}

entrytable tr,
td {
   width: 200px;
}

#entrybutton {
   box-shadow: inset 0px -3px 7px 0px #29bbff;
   background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
   background-color: #2dabf9;
   border-radius: 3px;
   border: 1px solid #0b0e07;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   padding: 9px 23px;
   text-decoration: none;
   text-shadow: 0px 1px 0px #263666;
   width: 75%;
}

#entrybutton:hover {
   background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
   background-color: #0688fa;
}

#entrybutton:active {
   position: relative;
   top: 1px;
}

#menue {
   z-index: 100;
   right: 20px;
   top: 0px;
   background: white;
   /* Old browsers */
   width: 215px;
   height: 80px;
   text-align: center;
   display: block;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */


   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;

}

#menue2 {
   top: 80px;
   width: 205px;
   height: 270px;
   padding-top: 5px;
   display: block;
   text-align: left;
   padding-left: 10px;
   right: 20px;

   background: white;
   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;
}


#loader {
   position: fixed;
   margin-left: 40%;
   top: 300px;
   width: 165px;
   height: 160px;
   display: block;
   visibility: hidden;
   text-align: center;

   background: white;
   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;
   border: 2px solid #5ab0ff;
}


#advertize {
   position: fixed;
   top: 380px;
   width: 160px;
   height: 300px;
   padding-top: 1px;
   left: -240px;

   text-align: center;
   background: white;
   /* Old browsers */


   font-size: 10pt;
   font-family: Helvetica, Arial;
   color: black;
   border: 2px solid #5ab0ff;
   display: none;
  
}


#ad {
   position: absolute;
   bottom: 4px;
   width: 240px;
   height: 80px;
   right: 45px;
   display: none;
}


.apple_overlay {
   position: absolute;
   display: none;

   text-align: center;
   background: white;

   font-size: 14pt;
   font-family: Helvetica, Arial;
   color: black;
   border: 2px solid #5ab0ff;
   width: 95%;
      overflow: hidden;


}


.layer_details {
   width: 100%;
   height: 440px;
   text-align: center;
   background: white;
   font-size: 14pt;
   font-family: Helvetica, Arial;
   color: black;
   border: 2px solid #5ab0ff;
   overflow: hidden;


}


.layer_details p {
   color: black;
   font-size: 8pt;
   margin-right: 35px;

}

.layer_details a:link,
a:hover,
a:active,
a:visited {
   color: #A7A7A7;
   ;
}


#buttons {
   text-align: left;
   margin: 0 30% auto;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}


#toppanel {
   margin: 0 auto;
   width: 89%;
   height: 10%;
   text-align: justify;
   background: white;
   font-size: 10pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: bolder;
   padding: 10px 0 10px 15px;

}

#leftpanel {
   margin: 0 auto;
   margin-left: 4%;
   margin-top: 10px;
   float: left;
   width: 480px;
   height: 540px;
   text-align: center;
   z-index: 1;
   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: lighter;
   border: 0px solid #fff;

   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

#rightpanel {
   margin: 0 auto;
   margin-right: 4%;
   margin-top: 30px;
   float: right;
   width: 400px;
   ;
   height: 198px;
   text-align: center;
   z-index: 1;

   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: lighter;

}


#lefttext {
   margin: 0 auto;
   margin-left: 0%;
   margin-top: 10px;
   float: left;
   height: 80%;
   text-align: left;
   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: lighter;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   z-index: 100;

}

#righttext {
   margin: 0 auto;
   margin-left: 20px;
   margin-top: 10px;
   float: left;
   z-index: 100;
   text-align: left;
   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: lighter;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
}


#bottompanel {
   margin: 0 auto;
   width: 89%;
   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: bolder;
   padding: 10px 0 10px 15px;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

#map {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

#iframe {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

textarea {
   font-size: 95%;
}

h1 {
   font-size: 22pt;
   font-family: Helvetica, Arial;
   color: black;
}


h2 {
   font-size: 16pt;
   font-family: Helvetica, Arial;
   color: black;
}


h3 {

   font-size: 12pt;
   font-family: Helvetica, Arial;
   color: black;
}

h4 {
   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
}

.myfont {
   color: black;
   font-size: 10pt;
}

p {
   font-size: 9pt;
   font-family: Helvetica, Arial;
   color: black;
}

#infotext {
   position: fixed;
   visibility: hidden;
   z-index: 999;
   width: 400px;
   height: 600px;
   border: 3px solid silver;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}


#optimizedfor {
   position: fixed;
   top: 92%;
   width: 160px;
   height: 240px;
   padding-top: 1px;
   left: -22px;
   display: block;

}


#content {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;


}

#firstHeading {
   font-size: 13pt;
   font-family: Helvetica, Arial;
   color: #D80E65;
   font-weight: bold;
   max-height: 200px;
   text-align: center;
   margin-top: 5px;
   line-height: 22px;
}

#bodyContent {
   overflow: hidden;
   width: 300px;
   text-align: left
}

#contentText {
   overflow: hidden;
   max-height: 192px;
}

#mytable table {
   font: normal 50%/150% Verdana, Arial, Helvetica, sans-serif;
   border-collapse: collapse;
   border: 3px solid #f0f8ff;
   border-top: 5px double #87CEFA;
   border-bottom: 5px double #87CEFA;
   background-color: #F0F8FF;

}

#mytable th {
   font: bold 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
   padding: 5px 10px;
   font-variant: small-caps;
   color: #047;
   font-weight: bold;
   text-align: left;
   letter-spacing: -1px;
}

#mytable thead th {
   border: 1px solid #87CEFA;
   white-space: nowrap;
   background: #F0F8FF;
}

#mytable tbody td,
tbody th {
   padding: 5px 10px;
   background: #fff;
   color: #000;
}

#mytable tbody th {
   color: #047;
   font-weight: normal;
   font-variant: normal;
   font-size: 0.6em;
}

#mytable tbody tr.odd {
   border: 1px solid #87CEFA;
}

#mytable tbody tr.odd td,
tbody tr.odd th {
   background: #F0F8FF;
}

#mytable tfoot td,
tfoot th {
   border: none;
   color: #004477;
   padding-top: 10px;

}

#mytable tfoot tr,
tfoot tr {
   border: none;
   color: #004477;
   padding-top: 10px;
   background-color: #F0F8FF;
}

#mytable caption {
   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
   text-align: left;
   text-transform: uppercase;
   padding: 10px 0;
   font-weight: bold;
}

#mytable table a:link {
   color: black;
   font-size: 10pt;
}

#mytable table th a:link {
   color: black;
   font-size: 10pt;
}

#mytable table a:visited {
   color: black;
   font-size: 10pt;
}

#mytable table a:hover {
   color: black;
   font-size: 10pt;
}

#mytable table a:active {
   color: black;
   font-size: 10pt;
}


#myopeningtable table {
   font-size: 3pt;
   width: 50%;
}

#myopeningtable th {
   font-size: 3pt;
}

#myopeningtable thead th {
   font-size: 3pt;
}

#myopeningtable tbody td,
tbody th {
   font-size: 3pt;
}

#myopeningtable tbody th {
   font-size: 3pt;
}

#myopeningtable tbody tr.odd {
   font-size: 3pt;
}

#myopeningtable tbody tr.odd td,
tbody tr.odd th {
   font-size: 3pt;
}

#myopeningtable tfoot td,
tfoot th {
   font-size: 3pt;
}

#myopeningtable tfoot tr,
tfoot tr {
   font-size: 3pt;
}

#myopeningtable caption {
   font-size: 3pt;
}

#myopeningtable table a:link {
   font-size: 3pt;
}

#myopeningtable table th a:link {
   font-size: 3pt;
}

#myopeningtable table a:visited {
   font-size: 3pt;
}

#myopeningtable table a:hover {
   font-size: 3pt;
}

#myopeningtable table a:active {
   font-size: 3pt;
}


.rating {
   unicode-bidi: bidi-override;
   direction: rtl;
}

.rating span {
   display: inline-block;
   width: 1.1em;
   font-size: 3.2em;
   color: black;
   cursor: pointer;
}

.rating span:hover,
.rating span:hover~span {
   color: gold;
}

.rating span:active,
.rating span:active~span {
   color: yellow;
}


#myentrytable table {
   font: normal 50%/150% Verdana, Arial, Helvetica, sans-serif;
   border-collapse: collapse;
   border: 3px solid #f0f8ff;
   border-top: 5px double #87CEFA;
   border-bottom: 5px double #87CEFA;
   background-color: #F0F8FF;

}

#myentrytable th {
   font: bold 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
   padding: 0px 17px 0px 10px;
   font-variant: small-caps;
   color: #047;
   font-weight: bold;
   text-align: left;
   letter-spacing: -1px;
}

#myentrytable thead th {
   border: 1px solid #87CEFA;
   white-space: nowrap;
   background: #F0F8FF;
}

#myentrytable tbody td,
tbody th {
   padding: 1px 20px 3px 5px;
   background: #fff;
   color: #000;
}

#myentrytable tbody th {
   color: #047;
   font-weight: normal;
   font-variant: normal;
   font-size: 0.6em;
}

#myentrytable tbody tr.odd {
   border: 1px solid #87CEFA;
}

#myentrytable tbody tr.odd td,
tbody tr.odd th {
   background: #F0F8FF;
}

#myentrytable tfoot td,
tfoot th {
   border: none;
   color: #004477;
   padding-top: 10px;

}

#myentrytable tfoot tr,
tfoot tr {
   border: none;
   color: #004477;
   padding-top: 1px;
   background-color: #F0F8FF;
}

#myentrytable caption {
   font-size: 8pt;
   font-family: Helvetica, Arial;
   color: black;
   text-align: left;
   text-transform: uppercase;
   padding: 1px 0;
   font-weight: bold;
}

#myentrytable table a:link {
   color: black;
   font-size: 10pt;
}

#myentrytable table th a:link {
   color: black;
   font-size: 10pt;
}

#myentrytable table a:visited {
   color: black;
   font-size: 10pt;
}

#myentrytable table a:hover {
   color: black;
   font-size: 10pt;
}

#myentrytable table a:active {
   color: black;
   font-size: 10pt;
}