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

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

}


.gm-style .gm-style-iw-c {

	 border: 1px solid #5ab0ff;
      border-radius: 4px;
}


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

nav {
   z-index: 0;
   min-width: 215px;
   width: 14.5%;
   max-width: 14.5%;
   float:right;
   height: 100%;
   overflow-y: scroll;
}

#suchAdresse {
	width:75%;
}


#menuelogo {
	width:70%;
}

#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;
   text-decoration: none
}

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: 1px solid #5ab0ff;
      border-radius: 4px;
      }

#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: 280px;
   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;
   text-align: center;
   padding: 9px 20px 9px 20px;
   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: 60px;
   width: 205px;
   height: 240px;
   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: 1px solid #5ab0ff;
      border-radius: 4px;
      }


#advertize {
   position: fixed;
   bottom: 120px;
   width: 160px;
   height: 210px;
   padding-top: 1px;
   left: -240px;

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


   font-size: 10pt;
   font-family: Helvetica, Arial;
   color: black;
 border: 1px solid #5ab0ff;
      border-radius: 4px;
      }


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

}


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

.closer a {
	text-decoration: none;
}


.apple_overlay {
   position: absolute;
   display: none;

   text-align: center;
   background: white;

   font-size: 14pt;
   font-family: Helvetica, Arial;
   color: black;
   border: 1px solid #5ab0ff;
      border-radius: 4px;

}


.layer_details {
   width: 750px;
   height: 480px;
   text-align: center;
   background: white;
   font-size: 14pt;
   font-family: Helvetica, Arial;
   color: black;


}


.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 {
  line-height: 1.5;
	font-size:14pt;
	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: 10pt;
   font-family: Helvetica, Arial;
   color: black;
   font-weight: 100;
}

.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;


}

.totalrate i {
	font-weight: 300;
	font-size: 16px;
	font-style: normal;
}

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

#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;
}



#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:200px;
	border:2px solid #ffffff;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
	text-align: center;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 1.5em verdana,arial;
	background-color:#ba3077;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
	text-align: left;

}

#alertBox p {
	font:1.3em verdana,arial;
	height:50px;
	padding-top:25px;

	
}

#alertBox #closeBtn {
    
   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;
   margin-bottom: 10px;
   margin-left: calc(50%-50px);
}


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

#alertBox #closeBtn:active {
   position: relative;
   top: 1px;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font:0.7em verdana,arial;
}



code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}