/*BSH-Vorgaben*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

p {
    font-family: Arial, Verdana; sans-serif;
	font-size: 1.5em; 
	text-align: center;
	font-weight: bold;
	margin-bottom: 0px;
}
h1 {
    font-family: Arial, Verdana; sans-serif;
	font-size: 1.5em; /* 40px/16=2.5em */
	text-align: center;

}
h2, h3, h5 {
	margin-bottom: 5px;
	font-family: Arial, Verdana; sans-serif;
	font-size: 1.2em; 
	text-align: center;
}

/*table { 
    /*style=overflow-x:auto; /* sieht interessanter aus, geht nicht bei IE*/
	/*style=table-layout:auto;
	max-width:710px;
 
}*/

a:visited {
    color: blue;
    background-color: transparent;
    text-decoration: none;
}

table, td {
	font-family: Arial, Verdana; sans-serif;
	font-size: 1.2em; 
    border-collapse: collapse;
    text-align: left;
	vertical-align: middle;
}

.city {
   float: left;
   margin: 5px;
   padding: 5px;
   max-width: 710px;
   border: 1px solid #ddd;
   border-radius: 20px
} 
.legend {
	line-height: 20px;
	color: #333333;
	font-family: 'Open Sans', Helvetica, sans-serif;
	padding: 8px 8px;
	background: white;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	text-align: middle;
	border-radius: 10px;
}