body {
    font-family:Arial,sans-serif;
	color:#434549;
    font-size:13px;
    font-weight:normal;
    line-height:17px;
    /*background:url(texture_grain_200x200_v2.png);*/
    background:#f2f2f2;
    margin:0;
    padding:0;
}

* {
	box-sizing:border-box;
}

a:link,
a:visited {
    color:#0077b5; text-decoration:none; }
a:hover,
a:active
a:focus {
    color:#434549; outline:0; }

.wrap {
	position:relative;
	width:600px;
	margin:0 auto;
}

#howleMapWrapper {
    position:relative;
    margin:30px 0 0 0;
    z-index:1;
}

.map {
    position:relative;
    overflow:hidden;
    width:600px;
    height:516px;
	background:#fff;
	border:1px solid #d9d9d9;
}

.map svg {
    position:absolute;
    width:720px;
    overflow:hidden; /* needet for the right scale, beacause the map is 670  */
    left:-120px;
}

.map .dot {
    border-radius:100%;
    width:10px;
    height:10px;
    background:#e68523;
    display:none;
    cursor:pointer;
    position:absolute;
}

.map .dot .name {
    display: none;
    margin-top: -3px;
    margin-left: 15px;
}

#copyright {
    color: #4B5053;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    text-indent: -1000000px;
}

#LightBox {
    position:absolute;
    bottom: 0px;
    background: rgba(248,250,252,0.9);
    z-index:6;
    width:600px;
    padding:20px;
    border:1px solid #d9d9d9;
}

#LightBox .loadingBar{
    height: 1em;
    position: relative;
    left: 0; top: 5px;
    margin:0 0 5px 0;
    background-color: #0077b5;
    z-index:1;
}

#LightBox .loadingBar1 {
    top: -5px;
}
#LightBox .loadingBar2 {
    top: 5px;
    background-color: #30b4e5; /* ABE3F6 */
}
#LightBox table tr.maximum .loadingBar1{
    background-color: #69C21B;
}
#LightBox table tr.maximum .loadingBar2{
    background-color: #D3EFBF;
}

/*#LightBox .loadingBar{
    height: 1em;
    position: relative;
    left: 0; top: 0;
    background-color: #0077b5;
}*/


#LightBox h2 {
	font-family:"Lato"; font-size:30px; font-weight:300; color:#434549; margin:0; padding:10px 0 30px 0; }

#LightBox .legend {color: #111;font-size: .8em;font-style: italic;}
#LightBox .legend .color {
    display: block;
    height: 10px;
    width: 10px;
    background-color: #69C21B;
    margin-right: .4em;
    border-radius: 100%;
    margin-top: 3px;
    float: left;
}

#LightBox table {
	width:100%;
	margin:0;
	padding:0;
}

#LightBox table tr th {
    font-weight: bold;
    text-align: right;
    color: #434549;
}
#LightBox table tr th + th, #LightBox table tr td + td{
    color: #0077b5;
} 
#LightBox table tr th + th + th, .inner2 {
    color: #00A0DC !important;
} 
#LightBox table tr th.right {
    text-align: right;
    width: 100px;
}

#LightBox table tr td.bg {
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}

#LightBox table tr td {
	position:relative;
	vertical-align:top;
    color: #434549;
}

#LightBox table tr td + td {
	color:#0077b5;
	text-align:right;
	font-weight:bold;
}

#LightBox table tr td p {
	font-size:13px;
	color:#434549;
	margin:0;
	padding:0;
}

#LightBox #Inserts {
	margin-bottom: 40px;
}

#LightBox #Inserts .fader {
	padding-left: 25px;
}

#LightBox #Inserts .fader div {
	margin-bottom: 10px;
    background: url(point.png) no-repeat 0px 2px;
    background-size: 12px 12px;
    padding-left: 25px;
    color: #666;
}

.logo img {
	width:94px;
	margin:0 15px;
}

header {
	background:#202020;
	padding:12px 0 11px 0;
}

.tabs {
	position:relative;
	z-index:2;
	margin:0 0 -1px 0;
}

.tabs ul {
	list-style:none;
	margin:0;
	padding:0;
}

.tabs ul li {
	display:inline-block;
	margin:0;
	padding:0;
}

.tabs ul li a {
	font-size:16px; color:#fff; background:#0077b5; margin:0; padding:13px 15px 13px 15px; display:inline-block; border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent; border-bottom:1px solid transparent; }
.tabs ul li a:hover {
	background:#00a0dc; }
.tabs ul li.active a {
	color:#0077b5; background:#fff; padding:13px 15px 15px 15px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:0; }


.map-links {
	position:relative;
	margin:15px 0 0 0;
}

.map-links ul {
	list-style:none;
	margin:0;
	padding:0;
}

.map-links ul li {
	display:inline-block;
	margin:0 -4px 0 0;
	padding:0;
	border-left:1px solid #ccc;
	line-height:18px;
}

.map-links ul li:first-child {
	border:0;
}

.map-links ul li a {
	font-size:13px; color:#0077b5; display:inline-block; padding:1px 12px 0 12px; }
.map-links ul li a:hover {
	text-decoration:underline; }

.intro-text {
	padding:10px 15px 15px 15px;
}

.intro-text h1 {
	font-family:"Lato"; font-size:30px; font-weight:300; margin:0; padding:0; line-height: 38px;}

.intro-text p {
	font-size:14px; line-height:25px; }

.close a {
	position:absolute;
	top:10px;
	right:10px;
}

.close a img {
	width:30px;
}

/*.close a,
.close img {
	display:inline-block;
	vertical-align:top;
	color:#0077b5;
}

.close a span {
	padding:7px 7px 0 0; display:inline-block; vertical-align:top;
}


.close img {
	width:30px;
}*/