#super_wrapper {
    width: 650px;
    overflow: hidden; /* will contain if #first is longer than #second */
}
#first_wrapper {
    width: 325px;
    float:left; /* add this */
}
#second_wrapper{
    overflow: hidden; /* if you don't want #second to wrap below #first */
}
#first {
    width: 60px;
    float:left; /* add this */
	text-align: right;
}
#second{
    overflow: hidden; /* if you don't want #second to wrap below #first */
	padding-left: 5px;
}
div.tooltip {
	position: absolute;
	text-align: center;
	height: 32px;
	padding: 4px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #FFF;
	border: solid 1px #AAA;
	border-radius: 3px;
	pointer-events: none;
}

p, .map_annotation, .map_legend{
	padding-left: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #656565;
	fill: #656565;
}

form{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 350;
	color: #656565;
	fill: #656565;
}

h1, h2 {
	padding-left: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #656565;
	fill: #656565;
}

div.infowindow{
	opacity: 0;
	padding-left: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #656565;
	font-size: 13px;
}

div.themewindow{
	padding-left: 40px;
	padding-top: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #656565;
	font-size: 13px;
}

a { color: #0C63AB;
	font-weight: normal;
	text-decoration: none;
}

h1 {
	padding-top: 20px;		
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

p , .map_annotation {
	font-size: 16px;
	font-weight: 300;
	line-height:130%
}
.map_legend {
	font-size: 12px;
}

.tick {
	font-size: 11px;
	}

p.impressum{
	font-size: 11px;
	font-weight: normal;
}

svg {
	padding-top: 1px;
	padding-left: 40px;
	padding-bottom: 10px;
}

.hexagon {
	fill: none;
	stroke: #949494;
	opacity: 1; }

.class_1 { fill:#FED3BE; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }
.class_2 { fill:#fcae91; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }
.class_3 { fill:#fb6a4a; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }
.class_4 { fill:#de2d26; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }
.class_5 { fill:#a50f15; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }

.neutral { fill:#4584B9; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }
.class_nodata { fill:#BBBBBB; fill-opacity: 0.8; stroke: #f4f4f4; stroke-linejoin: round; }


#first_wrapper, #second_wrapper{
	font-size: 13px;
}

body {background-color:#ffffff;}