@charset "UTF-8";

html, body{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
}

a{
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#header{
	height: 128px;
	overflow: hidden;
}

#header-text{
	float:left;
}

#title{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

#subtitle{
	font-weight: normal;
	overflow: hidden;
}

#logo-area{
	overflow: visible;
    float:right;
	padding-top:25px;
	padding-right:25px;
	text-align:right;
}

#map-legende_back{
	background-repeat:repeat-x;
	top: 0px;
	height: 35px;
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 20;
}

#map-legende_front{
	background-repeat:no-repeat;
	top: 0px;
	height: 35px;
	position: absolute;
	margin-left: 10px;
	left: 0px;
	width: 100%;
	z-index: 30;
}

#impressum{
	display: block;
	position: absolute;
	top: 46px;
	right: 12px;
	float: right;
}

#left{
	float: left;
	position: relative;
	width: 50%;
}

#slide-show{
	display: inline-block;
	float: left;
	left: 48px;
	overflow: hidden;
	position: absolute;
	height: 100%;
	right: 48px;
}

#slide-show-fader{
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 2;
}

#slide-show-background{
	display: inline;
	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	opacity: 0.5;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#hider{
	width: 16px;
	height: 8px;
	left: 0px;
	position: absolute;
	top: -8px;
	cursor: pointer;
}

.hider-up{
	background-position: -16px -60px;
}

.hider-down{
	background-position: -16px -68px;
}

#placard{
	bottom: 0px;
	height: auto;
	overflow: visible;
	position: absolute;
	width: 100%;
	z-index: 2;
}

#placard-background {
	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	opacity: 0.5;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

#placard-title{
	background-color: transparent;
	position: relative;
	float: left;
	font-size: 20px;
	font-weight: bold;
	width: 48%;
	padding: 1%;
	z-index: 2;
}

.text{
	font-weight: normal;
}

#placard-content{
	background-color: transparent;
	position: relative;
	float: right;
	width: 48%;
	padding: 1%;
	z-index: 2;
}

.member-image{
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	height: 100%;
	-ms-interpolation-mode: bicubic;
	image-rendering: auto;
	overflow: hidden;
}

#map{
	border: 1px solid #7F7F7F;
	padding: 0px;
	float: right;
	position: relative;
	height: 0px;
	width: 0px;
}

#map-tooltip{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	max-width: 200px;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

#info-window{
	background-color: green;
	height: auto;
	position: absolute;
	font-size: 10px;
	padding: 20px;
	visibility: hidden;
	width: auto;
	z-index: 2;
}

.info-window-text {
	color: #666666;
}

.info-window-image{
	clear: both;
	display: block;
}

.info-window-social{
	clear: both;
	display: block;
}

#event{
	display: block;
	margin-top: 16px;
}

.layout content{
	border: none;
}

#geodata-logo{
	background-image: url("../images/logo_geodataplus.png");
	background-size: 80px 52px;
	bottom: 10px;
	cursor: pointer;
	height: 52px;
	position: absolute;
	left: 10px;
	width: 80px;
	z-index: 30;
}

.facebook{
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 3px;
	margin-right: 3px;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px -60px;
}

.twitter{
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 3px;
	margin-right: 3px;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px -76px;
}

.googleplus{
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 3px;
	margin-right: 3px;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px -92px;
}

.arrow-next{
	display: inline-block;
	position: absolute;
	right: 0px;
	width: 30px;
	height: 60px;
	float: left;
	cursor:pointer;
	top: 40%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -90px -60px;
}

.arrow-next-disabled{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -60px -60px;
	cursor: default;
}

.arrow-prev{
	display: inline-block;
	position:absolute;
	left: 0px;
	float: left;
	width: 30px;
	height: 60px;
	cursor:pointer;
	top:40%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -90px 0px;
}

.arrow-prev-disabled{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -60px 0px;
	cursor: default;
}

#trailer{
	left: 0px;
	width: 100%;
	height: 192px;
	position: absolute;
	bottom: 0px;
}

#carousel{
	position: absolute;
	width: 100%;
	top: 32px;
	bottom: 32px;
	height: 128px;
	text-align: center;
}

#carousel-container{
	width: 200%;
	float: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 100%;
}

#carousel-left{
	position: relative;
	width: 15px;
	float: left;
	height: 30px;
	top: 49px;
	bottom: 49px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	margin-left: 45px;
	margin-right: 45px;
}

.left-scroll{
	cursor: pointer;
	background-position: -15px 0px;
}

.left-scroll:hover, .left-scroll:active {
	background-position: -45px 0px;
}

.left-disabled{
	background-position: 0px 0px;
	cursor: default;
}

.right-scroll{
	background-position: -15px -30px;
	cursor: pointer;
}

.right-scroll:hover, .right-scroll:active {
	background-position: -45px -30px;
}

.right-disabled{
	cursor: default;
	background-position: 0px -30px;
}

#carousel-right{
	position: relative;
	float: left;
	right: 0px;
	width: 15px;
	height: 30px;
	top: 49px;
	bottom: 49px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 45px;
	margin-left: 45px;
}

#list{
	list-style: none;
	position: relative;
	height: 128px;
}

#list li{
	float: left;
	width: 140px;
	height: 128px;
	display: list-item;
	margin-left: 5px;
	margin-right: 5px;
}

.tile{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	height: 108px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	width: 140px;
}

.tile-hover{
	cursor: pointer;
}

.number{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 25px;
}

.thumb{
	width: 120px;
	height: 75px;
}