html{
	background:#fff;
	font-size:11px;
	font-family:arial;
	line-height:14px;
}

body{
	float:left;
	margin:0;
	width:800px;
}

html,body{
	height:100%;
	overflow:hidden;
}

a,
label{
	cursor:pointer;
}


.stiko-container .slider a{
	cursor:pointer;
}

.stiko-wrap{
	background:#fff;
	padding:15px;
	position:absolute;
	width: calc(100% - 30px);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.stiko-wrap h1{
	background:url("../img/headline.png") -25px -30px no-repeat;
	height:100px;
	line-height:10000px;
	overflow:hidden;
	width:100%;
}

.stiko-container{
	background:#f9f9f9;

	float:left;
	height:585px;
	overflow:hidden;
	position:relative;
	max-width: 1520px;
	width: 100%;

	-webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	z-index:10;
}

.stiko-container img{
	left:0;
	position:absolute;
	top:0;
	z-index:0;
}

.stiko-container .controls{
	background:url("../img/bg_controls.png") no-repeat 0 0 #fff;
	cursor:pointer;
	display:none;
	padding:10px 26px 14px 26px;
	position:fixed;
	width:115px;
	z-index:5;

	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.stiko-container .ui-widget-content{
	background:none;
	height:5px;
	margin-left:3px;
	margin-top:2px;
	border:none;
	margin-bottom.3px;
}
.stiko-container .ui-slider-handle{
	border:1px solid #c7c7c7;;
	background:#e6e6e6;
	height:12px;
	width:12px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.stiko-sidebar{
	float:left;
	margin:0 0 0 10px;
	width:315px;
}

.infowindow-content{
	background:#ecedef;
	background:#ebeced;
	float:left;
	height:400px;
	padding:5px;
	width:305px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.auto-navigation a,
.infowindow-content .number{
	background:#88ca4e;
/*	border:2px solid #fff;*/
	float:left;
	/*font-weight:bold;*/

	padding:0 4px;
/*
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
*/
	background:url("../img/number.png") no-repeat 1px 0;
	background:url("../img/number_2.png") no-repeat 0 0;
	overflow:hidden;
	width:18px;
	height:18px;
	text-align:center;
	padding:2px 0 0 0;
	margin-top:5px;
	font-size:9px;
}
.overlay{
	display:none;
	position:absolute;
	left:0;
	top:0;
	background:url("../img/overlay.png") no-repeat 0 0;
	z-index:1;
	width:625px;
	height:585px;
}
.infowindow-content .number{
	margin-top:5px;
}
.infowindow-content .content{
	float:right;
	font-size:12px;
	line-height:21px;
	margin-top:5px;
	padding-right:15px;
	width:260px;
}

.infowindow-content .content li{
	margin-left:15px;
}

.infowindow-content .content ol li{
	list-style-type:decimal;
}

.infowindow-content .content ul li{
	list-style-type:disc;
}


.infowindow-content .content img{
	display:inline;
	float:right;
	height:auto;
	margin:4px 0 10px 10px;
	width:100px;
}

.infowindow-content .content h2{
	color:#85ca55;
	color:#7fa82e;
	font-weight:bold;
	line-height:17px;
	text-transform:uppercase;
	margin:3px 0 5px 0;
}

.infowindow-content .content h3{
	color:#85ca55;
	color:#7FA82E;
	font-weight:bold;
	line-height:17px;
	margin:3px 0 5px 0;
}

.infowindow-content .content ul,
.infowindow-content .content ol,
.infowindow-content .content p{
	margin:3px 0 7px 0;
}
.jspDrag{
	background:#9c9e9f;
	background:url("../img/scrollbar_bg.jpg") repeat-x 0 0 #b2ce8d;
}
.jspTrack{
	background:url("../img/scrollbar_drag_bg.jpg") repeat-y #fff;
	width:10px;
}
.jspVerticalBar .jspArrowUp {
	background:url("../img/top.jpg") no-repeat 0 0 #fff;
	height:9px;
	width:10px;
}
.jspVerticalBar .jspArrowDown {
	background:url("../img/bottom.jpg") no-repeat 0 0 #fff;
	height:9px;
	width:10px;
}

.stiko-container .controls b{
	color:#62a108;
	font-weight:bold;
	font-size:17px;
	position:absolute;
	top:8px;

}

.person_content{
	display:none;
}

.debug .stiko-container .button{
	background:rgba(0,255,0,0.2);
	border:1px solid red;
}

.ie7 .debug .stiko-container .button,
.ie8 .debug .stiko-container .button{
	background:#fff;
}

.stiko-container .infowindow{
	background:#fff;
	border:7px solid #94ce67;
	padding:15px;
	position:absolute;
	width:220px;
	z-index:10;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.stiko-container .button{
	cursor:pointer;
	position:absolute;
	z-index:9;
	background:url("../img/clear.gif");
	text-indent: -9999px;
}

.auto-navigation{
	background:url("../img/bg_navigation.gif") repeat-x 0 0;
	float:left;
	margin:-10px 0 0 0;
	padding:10px 0;
	width:110%;
}

.auto-navigation li{
	float:left;
	margin:0 1px 0 0;
	font-size:9px;
}

.auto-navigation a {
	text-decoration: none;
}

.auto-navigation .active{
	background:#e7f5dc;
	color:#d4d7d0;
}

.jspVerticalBar{
	width:10px;
}


.tooltip-container,
.bubble{
	position:absolute;
	display:none;
	background:#fff;
	padding:5px 10px;
	border:2px solid #85CA55;
	border:2px solid #8fbe34;
	text-align:center;
	min-width:145px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:10;

	color:#666;
}

.bubble strong{
	font-weight:bold;
	color:#000;
}

.bubble:after,
.bubble:before{
    content: "\0020";
	display: block;
       border-color:#85CA55 transparent transparent;
       border-style:solid;
        border-width:12px;
        width:0;
        height:0;
        position:absolute;
        bottom:-24px;
        left:67px;
        z-index:2;
	}
	.bubble:before{
		border-color: #fff transparent transparent;
		border-style: solid;
		border-width: 8px;
		bottom: -16px;
		opacity:0.9;
		left: 71px;
		z-index: 5;
	}

.tour{
	clear:both;
	float:left;
	width:105%;
}
.tour-btn {
	background:url("../img/play.png") no-repeat left center;
}
.tour-btn,
.overview{
	background:url("../img/buttons.png") no-repeat 0 0;
	float:left;
	padding:13px 30px 15px 40px;
}
.tour-btn {
	background-position:-7px -7px;
}

.tour a {
	text-decoration: none;
	color: #000;
}
.overview{
	background-position:-7px -150px;
}
.overview:hover{
	background-position:-7px -198px;
}
.tour .active:hover,
.tour .active{
	background-position:-7px -101px;
	background-position:-7px -55px;
}
.tour input{
	margin-top:1px;
}
.download{
	background:url("../img/pdf.png") no-repeat left center;
	color:#999;
	font-size: 11px;
	float:left;
	padding:5px 0 5px 20px;
	text-decoration: none;
}
.silhouettes{
	background:url("../img/silhouettes_grey.png") no-repeat 0 0;
	background:url("../img/image001.png") no-repeat 0 0;
	float:left;
	height:45px;
	margin:5px 0 2px 0;
	overflow:hidden;
	position:relative;
	width:100%;
	display:none;
}
.silhouettes a{
	float:left;
	height:50px;
	width:15px;
}
.silhouettes .s2,
.silhouettes .s3,
.silhouettes .s4{
	width:22px;
}
.silhouettes .s6{
	width:20px;
}
.silhouettes .s9{
	width:20px;
}
.silhouettes .s11{
	width:20px;
}
.silhouettes .s12{
	width:22px;
}
.silhouettes .s15{
	width:20px;
}
.debug .silhouettes a{
	background:rgba(0,0,0,0.5);
	outline:1px solid red;
}
.stiko-wrap h4{
	font-weight:bold;
	margin:15px 0 0 0;
	float:left;
	width:100%;
}

.silhouettes a:hover{
	background:url("../img/silhouettes.png") no-repeat 0 0 #fff;
	background:url("../img/image003.png") no-repeat 0 0 #fff;
}

.silhouettes .s1:hover{
	background-position:-15px 0;
}
.silhouettes .s2:hover{
	background-position:-30px 0;
}
.silhouettes .s3:hover{
	background-position:-52px 0;
}
.silhouettes .s4:hover{
	background-position:-74px 0;
}
.silhouettes .s5:hover{
	background-position:-96px 0;
}
.silhouettes .s6:hover{
	background-position:-111px 0;
}
.silhouettes .s7:hover{
	background-position:-131px 0;
}
.silhouettes .s8:hover{
	background-position:-146px 0;
}
.silhouettes .s9:hover{
	background-position:-161px 0;
}
.silhouettes .s10:hover{
	background-position:-181px 0;
}
.silhouettes .s11:hover{
	background-position:-196px 0;
}
.silhouettes .s12:hover{
	background-position:-216px 0;
}
.silhouettes .s13:hover{
	background-position:-238px 0;
}
.silhouettes .s14:hover{
	background-position:-253px 0;
}
.silhouettes .s15:hover{
	background-position:-268px 0;
}
.silhouettes .s16:hover{
	background-position:-288px 0;
}
.tooltip-container{
	position:absolute;
	z-index:10;
}
.member-headline{
	display:none;
}
#close_overlay{
	width:238px;
	height:41px;
	position:absolute;
	left: 50%;
	top:84px;
	z-index:9999999;
	background:url("../img/close_overlay.png") no-repeat 0 0;
}
#close_overlay:hover{
	background-position:bottom left;
}

/* Responsive */
@media only screen and (max-width: 960px) {
	.stiko-container { max-width: 100%; }
	.stiko-wrap > h1 { line-height: 33px; background: none; font-size: 28px; }
	.infowindow-content { width: 100%; }
	.stiko-sidebar { width: calc(100% - 30px); }
	.infowindow-content, .infowindow-content .content { width: 100%; float: none; }
}