#karte {
    width: 1323px;
    height: 919px;
    background-image: url('/images/blanketkarte.png');
    position: relative;
    margin: 0 auto;
    border: #fff solid 10px;
    outline: #ceccc4 solid 1px;
	margin-bottom: 50px;
}

/* ########### EINGABEFELD ########### */
#eingabe {
    width: 300px;
    height: 100px;
    top: 729px;
    position: absolute;
    color: #5a0402;
    /* background-color: black; */
    left: 400px;
}

#eingabe .selecto {
    background: #ffffff;
    box-sizing: border-box;
    padding: 3px;
    color: #5a0402;
	text-shadow: none;
    border: rgba(90, 4, 2, 0.33) solid 1px;
    outline: 0;
    font-family: 'Calibri';
    font-size: 12px;
    text-align: center;
}
#eingabe .nummero {
    width: 50px;
    margin-bottom: 3px;
    display: inline;
    background-repeat: repeat;
    background-image: none;
    background-position: 0% 0%;
    background-color: rgb(255, 255, 255);
    border: rgba(90, 4, 2, 0.33) solid 1px;
    color: #5a0402;
    padding: 3px;
    box-sizing: border-box;
    text-align: center;
}
#eingabe .buttono {
    background-color: #fff;
    display: block;
    border: rgba(90, 4, 2, 0.33) solid 1px;
    color: #5a0402;
    padding: 3px;
    width: 265px;
    text-shadow: none;
	transition: 1s ease-in-out;
}
#eingabe .buttono:hover {
	background-color: #e0d2ba;
    transition: 1s ease-in-out;
}

/* ########### POP UPS ########### */
.haus { position: relative; display: inline-block;}

/* .haus .bewohner {
    border: #c8b798 solid 2px;
    visibility: hidden;
    width: 150px;
    min-height: 150px;
    position: absolute;
    top: 100%;
    left: -50%;
    margin-left: -50px;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    color: #ec2f2f;
    text-align: center;
    padding: 5px 0;
    font-family: 'Calibri';
    line-height: 110%;
}

.haus .bewohner .scroll {
    margin: 5px 10px;
    box-sizing: border-box;
    height: 126px;
    overflow: auto;
    text-align: justify;
    line-height: 105%;
    color: #000;
    font-size: 11px;
    padding-right: 5px;
}
*/
.haus .bewohner .scroll::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff; } 
.haus .bewohner .scroll::-webkit-scrollbar-track { background:#fff;} 
.haus .bewohner .scroll::-webkit-scrollbar-thumb { background:#d8c7a6; } 

.haus:hover .bewohner { visibility: visible;}


.tier { position: relative; display: inline-block;}
.tier .info {
    border: #c8b798 solid 2px;
    visibility: hidden;
    width: 200px;
    height: 125px;
    position: absolute;
    top: 100%;
    left: 32%;
    margin-left: -50px;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    color: #ec2f2f;
    text-align: center;
    padding: 5px 0;
    font-family: 'Calibri';
    line-height: 110%;
    /* text-transform: uppercase; */
    /* font-size: 8px; */
    /* letter-spacing: 1px; */
}
.tier .info .scroll {
    margin: 5px 10px;
    box-sizing: border-box;
    height: 100px;
    overflow: auto;
    text-align: justify;
    color: #000;
    font-size: 11px;
    padding-right: 5px;
}

.tier .info .scroll::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff; } 
.tier .info .scroll::-webkit-scrollbar-track { background:#fff;} 
.tier .info .scroll::-webkit-scrollbar-thumb { background:#d8c7a6; } 

.tier:hover .info { visibility: visible;}

/* ########### ANDERES ########### */
#middles {
    position: relative;
        top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#middles .achtung {font-size: 11px;}
/* .achtung {
    font-size: 9px;
    font-family: calibri;
    text-transform: uppercase;
    line-height: 100%;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.art {
    color: #000;
    font-style: italic;
    font-size: 11px;
    font-family: calibri;
    text-transform: uppercase;
}
.strassenname{
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: bold;
    text-decoration: underline;
}
*/
.stadt-nav {
    background-color: #222;
    height: 20px;
    padding: 7px 0px 5px 0px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999999;
    border-bottom: 2px solid #50584B;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
	font-family: 'Calibri';
    text-transform: uppercase;
    letter-spacing: 5px;
	font-size: 11px;
    font-weight: bold;
}
.stadt-nav a:link {color:#ceccc4;}
.stadt-nav a:active {color:#ceccc4;}
.stadt-nav a:hover {color:#ceccc4;}
.stadt-nav a:visited {color:#ceccc4;}

/* ########### HÄUSER ########### */

	#pinehighschool {
    position: absolute;
    top: 351px;
    left: 80px;
    height: 35px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#pineelementary {
    position: absolute;
    top: 376px;
    left: 496px;
    height: 35px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#pinecommunity {
    position: absolute;
    top: 408px;
    left: 583px;
    height: 35px;
    width: 35px;
     /* background-color: rgba(255, 0, 0, 0.26); */
}
	#pinepost {
    position: absolute;
    top: 499px;
    left: 739px;
    height: 35px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

	/* ### ARCADIA ### */
	#arcadia6 {
    position: absolute;
    top: 250px;
    left: 169px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia8 {
    position: absolute;
    top: 223px;
    left: 177px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia10 {
    position: absolute;
    top: 192px;
    left: 186px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia12 {
    position: absolute;
    top: 155px;
    left: 195px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia14 {
    position: absolute;
    top: 119px;
    left: 207px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia16 {
    position: absolute;
    top: 82px;
    left: 218px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia18 {
    position: absolute;
    top: 45px;
    left: 229px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia20 {
    position: absolute;
    top: 7px;
    left: 240px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia1 {
    position: absolute;
    top: 350px;
    left: 202px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia3 {
    position: absolute;
    top: 321px;
    left: 209px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia5 {
    position: absolute;
    top: 290px;
    left: 218px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia7 {
    position: absolute;
    top: 260px;
    left: 226px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia9 {
    position: absolute;
    top: 229px;
    left: 234px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia11 {
    position: absolute;
    top: 194px;
    left: 243px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia13 {
    position: absolute;
    top: 153px;
    left: 254px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#arcadia15 {
    position: absolute;
    top: 120px;
    left: 263px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

	/* ### LOUISIANA STREET ### */

	#loui1 {
    position: absolute;
    top: 64px;
    left: 274px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui2 {
    position: absolute;
    top: 70px;
    left: 309px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui3 {
    position: absolute;
    top: 76px;
    left: 347px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui4 {
    position: absolute;
    top: 83px;
    left: 385px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui5 {
    position: absolute;
    top: 98px;
    left: 432px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui6 {
    position: absolute;
    top: 122px;
    left: 513px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui7 {
    position: absolute;
    top: 134px;
    left: 554px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui8 {
    position: absolute;
    top: 148px;
    left: 597px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui9 {
    position: absolute;
    top: 162px;
    left: 640px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui10 {
    position: absolute;
    top: 177px;
    left: 690px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui11 {
    position: absolute;
    top: 195px;
    left: 745px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui12 {
    position: absolute;
    top: 217px;
    left: 824px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui13 {
    position: absolute;
    top: 230px;
    left: 874px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui14 {
    position: absolute;
    top: 242px;
    left: 925px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui15 {
    position: absolute;
    top: 260px;
    left: 1009px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui16 {
    position: absolute;
    top: 271px;
    left: 1055px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui17 {
    position: absolute;
    top: 282px;
    left: 1099px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui18 {
    position: absolute;
    top: 292px;
    left: 1142px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui19 {
    position: absolute;
    top: 302px;
    left: 1179px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui20 {
    position: absolute;
    top: 341px;
    left: 1127px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui21 {
    position: absolute;
    top: 338px;
    left: 1090px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui22 {
    position: absolute;
    top: 331px;
    left: 1060px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui23 {
    position: absolute;
    top: 323px;
    left: 1028px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui24 {
    position: absolute;
    top: 313px;
    left: 996px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui25 {
    position: absolute;
    top: 305px;
    left: 964px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui26 {
    position: absolute;
    top: 296px;
    left: 931px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui27 {
    position: absolute;
    top: 288px;
    left: 899px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui28 {
    position: absolute;
    top: 280px;
    left: 866px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui29 {
    position: absolute;
    top: 271px;
    left: 834px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui30 {
    position: absolute;
    top: 246px;
    left: 751px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui31 {
    position: absolute;
    top: 237px;
    left: 719px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui32 {
    position: absolute;
    top: 228px;
    left: 688px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui33 {
    position: absolute;
    top: 217px;
    left: 655px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui34 {
    position: absolute;
    top: 206px;
    left: 623px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui35 {
    position: absolute;
    top: 196px;
    left: 590px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui36 {
    position: absolute;
    top: 186px;
    left: 556px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui37 {
    position: absolute;
    top: 165px;
    left: 489px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui38 {
    position: absolute;
    top: 159px;
    left: 463px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#loui39 {
    position: absolute;
    top: 122px;
    left: 303px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

/* ### ST. AUGUSTINE STREET ### */

	#augustine1 {
    position: absolute;
    top: 358px;
    left: 281px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine3  {
    position: absolute;
    top: 330px;
    left: 281px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine5  {
    position: absolute;
    top: 302px;
    left: 294px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine7  {
    position: absolute;
    top: 279px;
    left: 310px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine9  {
    position: absolute;
    top: 255px;
    left: 324px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine11  {
    position: absolute;
    top: 225px;
    left: 332px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine13  {
    position: absolute;
    top: 185px;
    left: 332px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine15  {
    position: absolute;
    top: 142px;
    left: 334px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine2 {
    position: absolute;
    top: 349px;
    left: 333px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine4 {
    position: absolute;
    top: 322px;
    left: 344px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine6  {
    position: absolute;
    top: 298px;
    left: 361px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine8 {
    position: absolute;
    top: 276px;
    left: 376px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine10 {
    position: absolute;
    top: 245px;
    left: 388px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#augustine12 {
    position: absolute;
    top: 205px;
    left: 393px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

/* ### KING STREET ### */

	#king1 {
    position: absolute;
    top: 385px;
    left: 426px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king2 {
    position: absolute;
    top: 359px;
    left: 433px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king3 {
    position: absolute;
    top: 332px;
    left: 440px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king4 {
    position: absolute;
    top: 303px;
    left: 449px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king5 {
    position: absolute;
    top: 275px;
    left: 456px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king6 {
    position: absolute;
    top: 246px;
    left: 465px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king7 {
    position: absolute;
    top: 217px;
    left: 473px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king8 {
    position: absolute;
    top: 190px;
    left: 482px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king9 {
    position: absolute;
    top: 196px;
    left: 529px;
    height: 20px;
    width: 20px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king10 {
    position: absolute;
    top: 215px;
    left: 524px;
    height: 20px;
    width: 20px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king11 {
    position: absolute;
    top: 235px;
    left: 519px;
    height: 20px;
    width: 20px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king13 {
    position: absolute;
    top: 295px;
    left: 569px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king16 {
    position: absolute;
    top: 320px;
    left: 660px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king17 {
    position: absolute;
    top: 327px;
    left: 685px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king18 {
    position: absolute;
    top: 335px;
    left: 710px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king19 {
    position: absolute;
    top: 343px;
    left: 737px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king20 {
    position: absolute;
    top: 313px;
    left: 744px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king21 {
    position: absolute;
    top: 279px;
    left: 755px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king22 {
    position: absolute;
    top: 383px;
    left: 726px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king23 {
    position: absolute;
    top: 374px;
    left: 688px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king24 {
    position: absolute;
    top: 363px;
    left: 651px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king25 {
    position: absolute;
    top: 352px;
    left: 613px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king26 {
    position: absolute;
    top: 340px;
    left: 576px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king27 {
    position: absolute;
    top: 330px;
    left: 538px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king28 {
    position: absolute;
    top: 318px;
    left: 501px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king41 {
    position: absolute;
    top: 440px;
    left: 755px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king42 {
    position: absolute;
    top: 413px;
    left: 759px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king45 {
    position: absolute;
    top: 337px;
    left: 780px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king46 {
    position: absolute;
    top: 306px;
    left: 789px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
	#king47  {
    position: absolute;
    top: 276px;
    left: 796px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

/* ### PINE STREET ### */
#pine1 {
    position: absolute;
    top: 440px;
    left: 77px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine2 {
    position: absolute;
    top: 425px;
    left: 103px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine3 {
    position: absolute;
    top: 412px;
    left: 134px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine4 {
    position: absolute;
    top: 405px;
    left: 167px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine5 {
    position: absolute;
    top: 402px;
    left: 200px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine6 {
    position: absolute;
    top: 402px;
    left: 235px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine6a  {
    position: absolute;
    top: 352px;
    left: 237px;
    height: 25px;
    width: 40px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine7 {
    position: absolute;
    top: 406px;
    left: 269px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine8 {
    position: absolute;
    top: 413px;
    left: 304px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine9 {
    position: absolute;
    top: 422px;
    left: 335px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine9a {
    position: absolute;
    top: 374px;
    left: 354px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine10 {
    position: absolute;
    top: 429px;
    left: 375px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine10a {
    position: absolute;
    top: 379px;
    left: 387px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine11 {
    position: absolute;
    top: 441px;
    left: 418px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine12 {
    position: absolute;
    top: 460px;
    left: 459px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine13 {
    position: absolute;
    top: 474px;
    left: 497px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine14 {
    position: absolute;
    top: 485px;
    left: 542px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine15 {
    position: absolute;
    top: 496px;
    left: 587px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine16 {
    position: absolute;
    top: 509px;
    left: 631px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine17 {
    position: absolute;
    top: 522px;
    left: 676px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine18 {
    position: absolute;
    top: 538px;
    left: 717px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine19 {
    position: absolute;
    top: 545px;
    left: 761px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine19a {
    position: absolute;
    top: 501px;
    left: 794px;
    height: 25px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine20 {
    position: absolute;
    top: 550px;
    left: 809px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine20a {
    position: absolute;
    top: 499px;
    left: 831px;
    height: 25px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine21 {
    position: absolute;
    top: 549px;
    left: 853px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine21a {
    position: absolute;
    top: 493px;
    left: 866px;
    height: 25px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine22 {
    position: absolute;
    top: 542px;
    left: 897px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine22a {
    position: absolute;
    top: 484px;
    left: 901px;
    height: 25px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

#pinemiddleschool {
    position: absolute;
    top: 461px;
    left: 991px;
    height: 35px;
    width: 35px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine23 {
    position: absolute;
    top: 524px;
    left: 940px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine24 {
    position: absolute;
    top: 504px;
    left: 983px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine25 {
    position: absolute;
    top: 480px;
    left: 1024px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine26 {
    position: absolute;
    top: 457px;
    left: 1066px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine26a {
    position: absolute;
    top: 400px;
    left: 1054px;
    height: 25px;
    width: 30px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine27 {
    position: absolute;
    top: 431px;
    left: 1107px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine27a {
    position: absolute;
    top: 380px;
    left: 1086px;
    height: 25px;
    width: 30px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine28 {
    position: absolute;
    top: 406px;
    left: 1147px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine28a {
    position: absolute;
    top: 366px;
    left: 1119px;
    height: 25px;
    width: 30px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#pine29 {
    position: absolute;
    top: 381px;
    left: 1187px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

/* ### SHELBYVILLE STREET ### */
#shelby1 {
    position: absolute;
    top: 492px;
    left: 71px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby3 {
    position: absolute;
    top: 503px;
    left: 105px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby5 {
    position: absolute;
    top: 513px;
    left: 141px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby7 {
    position: absolute;
    top: 524px;
    left: 179px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby9 {
    position: absolute;
    top: 536px;
    left: 216px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby11 {
    position: absolute;
    top: 549px;
    left: 260px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby13 {
    position: absolute;
    top: 563px;
    left: 309px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby15 {
    position: absolute;
    top: 577px;
    left: 359px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby17 {
    position: absolute;
    top: 593px;
    left: 411px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby19 {
    position: absolute;
    top: 608px;
    left: 461px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby21 {
    position: absolute;
    top: 623px;
    left: 512px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby23 {
    position: absolute;
    top: 639px;
    left: 562px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby25 {
    position: absolute;
    top: 654px;
    left: 615px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby27 {
    position: absolute;
    top: 669px;
    left: 668px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby29 {
    position: absolute;
    top: 685px;
    left: 720px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby31 {
    position: absolute;
    top: 711px;
    left: 766px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby33 {
    position: absolute;
    top: 740px;
    left: 802px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby35 {
    position: absolute;
    top: 738px;
    left: 859px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby37 {
    position: absolute;
    top: 699px;
    left: 899px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby39 {
    position: absolute;
    top: 661px;
    left: 940px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby41 {
    position: absolute;
    top: 641px;
    left: 989px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby43 {
    position: absolute;
    top: 631px;
    left: 1045px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby45 {
    position: absolute;
    top: 618px;
    left: 1090px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby47 {
    position: absolute;
    top: 605px;
    left: 1133px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby49 {
    position: absolute;
    top: 585px;
    left: 1185px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby51 {
    position: absolute;
    top: 558px;
    left: 1229px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby53 {
    position: absolute;
    top: 516px;
    left: 1261px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby55 {
    position: absolute;
    top: 466px;
    left: 1282px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby57 {
    position: absolute;
    top: 413px;
    left: 1284px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby59 {
    position: absolute;
    top: 370px;
    left: 1274px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}

#shelby2 {
    position: absolute;
    top: 450px;
    left: 115px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby4 {
    position: absolute;
    top: 459px;
    left: 151px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby6 {
    position: absolute;
    top: 470px;
    left: 186px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby8 {
    position: absolute;
    top: 479px;
    left: 220px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby10 {
    position: absolute;
    top: 491px;
    left: 261px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby12 {
    position: absolute;
    top: 506px;
    left: 309px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby14 {
    position: absolute;
    top: 520px;
    left: 356px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby16 {
    position: absolute;
    top: 534px;
    left: 403px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby18 {
    position: absolute;
    top: 548px;
    left: 450px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby20 {
    position: absolute;
    top: 559px;
    left: 489px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby22 {
    position: absolute;
    top: 574px;
    left: 538px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby24 {
    position: absolute;
    top: 588px;
    left: 586px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby26 {
    position: absolute;
    top: 603px;
    left: 635px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby28 {
    position: absolute;
    top: 617px;
    left: 685px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby30 {
    position: absolute;
    top: 632px;
    left: 735px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby32 {
    position: absolute;
    top: 649px;
    left: 785px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby34 {
    position: absolute;
    top: 671px;
    left: 822px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby36 {
    position: absolute;
    top: 657px;
    left: 862px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby38 {
    position: absolute;
    top: 622px;
    left: 903px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby40 {
    position: absolute;
    top: 598px;
    left: 951px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby42 {
    position: absolute;
    top: 583px;
    left: 1002px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby44 {
    position: absolute;
    top: 571px;
    left: 1052px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby46 {
    position: absolute;
    top: 553px;
    left: 1102px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby48 {
    position: absolute;
    top: 533px;
    left: 1150px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby50 {
    position: absolute;
    top: 503px;
    left: 1191px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby52 {
    position: absolute;
    top: 463px;
    left: 1219px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}
#shelby54 {
    position: absolute;
    top: 418px;
    left: 1229px;
    height: 25px;
    width: 25px;
    /* background-color: rgba(255, 0, 0, 0.26); */
}