html, body {
    margin: 0;
    font-family: "SZSans", Arial, Helvetica, sans-serif;
    height: 100%;
}
#fellner{
    margin-right:0 !important;
    margin-left:-10px !important;
}

#eisner{
    margin-right:-10px !important;
    margin-left:-10px !important;
}

#ritschard{
    margin-right:6px !important;
    margin-left:-10px !important;
}

#flueckiger{
    margin-right:-10px !important;
    margin-left:-10px !important;
}

#arrow_passive_right{
position: absolute;
right: 16px;
top: 7px;
z-index: -1;
}
#arrow_passive_left{
    position: absolute;
right: 332px;
top: 7px;
z-index: -1;
}
#saalfeld{
        margin-left: -10px  !important;
    margin-right: -10px !important;
}
#keppler{
        margin-left: -10px !important;
    margin-right: -10px !important;
}
em{
color: #666666;
font-size: 14px;
font-style: normal;
}

#bildquelle p{
color: #999999;
display: inline-block;
font-size: 11px;
padding-right: 2px;
}
#bildquelle{
margin-top: -37px;
text-align: right;
margin-bottom: -6px;
}
#yearSlider{
    margin-left: 17px;
    margin-top: -47px;
}
#tatort_legende img{
    
}
#tatort_legende{
    margin-left: 30px;
   
}
#tatort_legende p{
    display: inline-block;
    padding-left: 5px;
}
#kain{

margin-right: -15px !important;
}
#graphics{
    width: 940px;
    margin: 0 auto;
}
#tooltip{
/*	float:left;*/
	width:auto;
	height: auto;
    min-width: 34px;
    min-height: 23px;
	background-color: white;
	position:absolute;
	padding:3px 5px;
	line-height: 11px;
	border: solid 1px #acabab;
	z-index: 4000;
}
#tooltip img{
/*margin-top: 11px;*/
}
#schnirpfel{

left: 12px;
position: absolute;
top: 29px;
}
.team{
    float: left;
padding: 0 5px;
}
#titel{
color: #333333;
font-size: 30px;
font-weight: bold;
margin-bottom: -4px;
margin-left: 28px;
margin-top: 28px;
}
#ermittlerTexte ul {
list-style-image: url("../img/rectangle3.png");
margin-left: -21px;
margin-top: 9px;
}
#ermittlerTexte li{
    line-height: 22px;
}
#startscreen{
font-family: "SZText",Arial,Helvetica;
    font-size: 14px;
    left: 520px;
    line-height: 24px;
    position: absolute;
    top: 80px;
    width: 370px;

}
#startscreen h3{
    font-family: "SZSans",Arial,Helvetica,sans-serif;
    font-size: 22px;
}
h3 {
font-size: 26px;
font-weight: bold;
margin-bottom: 1px;
color: #333333;
}
h1{
font-size: 23px;
font-weight: bold;
margin-bottom: -10px;
	
}
h1 span{
	color: #666666;
  font-size: 14px;
  font-style: italic;
}
h2 span{
	color: #666666;
  font-size: 14px;
  font-style: italic;
}
#wrapper_info h2 {
font-size: 22px;
margin-bottom: -16px;
margin-left: 0;
margin-top: -3px;
}
#tatortKarte {

float: left;
margin-left: 25px;
margin-top: 30px;
}
#nachbarlaender{
   height: 48px;
}
#schweiz {
margin-left: 45px;
margin-top: -19px;
position: absolute;
    
}
#austria {
margin-left: 296px;
margin-top: -63px;
position: absolute;
    
}
#deutschland {
    /*   background-color: red;*/
    display: block;
    
}
.point {
    background-image: url(../img/Poi_Tatort.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

.pointClicked {
    background-image: url(../img/Poi_Auswahl.png);
    background-repeat: no-repeat;
    width: 94px;
    height: 86px;
    position: absolute;
}

.cityName {
/*    font-weight: normal ! important;*/
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    font-weight:normal;
    
}
.cityNameClicked{
    font-size: 20px;
    font-weight:bold !important;
    position: absolute;
}
#cities{
    color:#333333;
}
#infobox {
color: #333333;
float: right;
height: 650px;
padding: 10px;
text-align: center;
width: 368px;
margin-right: 27px;
}

.boxshadow {
    box-shadow: 4px 4px 4px #888888;
    -moz-box-shadow: 4px 4px 4px #888888;
    -webkit-box-shadow: 4px 4px 4px #888888;
    -ms-box-shadow: 4px 4px 4px #888888;
}

#info_header {
    text-align: left;
    margin-top: 5px;
}

.backbtn {
    background-color: white;
    cursor: pointer;
    margin: 30px 0 0 234px;
    padding: 5px;
    width: 210px;
}
#info_text {
    
    text-align: left;
    font-size: 16px;
    line-height: 22px;
}
#wrapper_info {
/*    display: inline-block;
    width: 350px;
    height: 350px;*/
/*    overflow: scroll;*/
}
#auswahl {
    display: none;
}
[id='0'], [id='1'] {
    margin-top: 10px;
    padding: 5px;
    cursor: pointer;
    background-color: #c0c0c0;
    border: solid 1px red;
}

.zeitbutton {
    background: #eee;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #333333;
}

.image {

    z-index: 0;
    
}

.image:hover {

}

.imageColored {

   // z-index: 1;
    
}

#zeitKlick{
border: 1px solid #999999;
height: 35px;
margin-bottom: 37px;
width: 368px;
position:relative;
}

#prevbtn {

float: left;
padding-left: 12px;
padding-top: 2px;
cursor: pointer;
}

#nextbtn {

float: left;
margin-left: -1px;
padding-top: 2px;
cursor:pointer;
}

#vonBis {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
float: left;
height: 35px;
line-height: 38px;
margin-left: 39px;
margin-right: 39px;
margin-top: 0;
width: 205px;
}
.clear {
    clear: both;
}

#bilder {
    border-bottom: 1px solid #999999;
    height: auto;
    margin-bottom: 30px;
    line-height: 0;
    
    
}
#bilder img{
	
	position:relative;
margin-left: -20px;
margin-right: -20px;
}
#bilder img:first-child {
    
}
#bilder img:nth-child(2) {
    
}
#bilder img:nth-child(3) {
    
}
#bilder img:nth-child(4) {

}
.ermittlerIcon {
    position: absolute;
    z-index: 1;
    
}
#wrapper_info {
    text-align: left;
}
#wrapper_info p{
	font-family: "SZText", Arial, Helvetica;
    
}


#wrapper_info p span {
  color: #666666;
  font-size: 14px;
  font-style: italic;
}
    



#loadingsscreen {
    background-color: #FFFFFF;
    background-image: url(../img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000000;
}