#content_infografik { 
 width: 620px; height: 620px; margin: auto; position: relative; background-image: url("../img/bg_NSU-Infografik.png"); 
}
#content_infografik div, 
#content_infografik img { 
 z-index: 0; position: absolute; 
}

/* Icon-Positionen Karte */
#content_infografik div#t15ros { top: 27px; left: 444px; }
#content_infografik div#t25str { top: 106px; left: 490px; }
#content_infografik div#t26str { top: 106px; left: 520px; }
#content_infografik div#t11ham { top: 76px; left: 355px; }
#content_infografik div#t22dor { top: 222px; left: 206px; }
#content_infografik div#t8koe { top: 330px; left: 183px; }
#content_infografik div#t17koe { top: 330px; left: 217px; }
#content_infografik div#t29eis { top: 253px; left: 375px; }
#content_infografik div#t23kas { top: 329px; left: 328px; }
#content_infografik div#t1jen { top: 288px; left: 431px; }
#content_infografik div#t28arn { top: 367px; left: 390px; }
#content_infografik div#t2che { top: 235px; left: 472px; }
#content_infografik div#t4che { top: 235px; left: 491px; }
#content_infografik div#t5che { top: 235px; left: 510px; }
#content_infografik div#t7che { top: 235px; left: 529px; }
#content_infografik div#t14che { top: 262px; left: 472px; }
#content_infografik div#t16che { top: 262px; left: 491px; }
#content_infografik div#t18che { top: 262px; left: 510px; }
#content_infografik div#t21che { top: 262px; left: 529px; }
#content_infografik div#t10zwi { top: 356px; left: 467px; }
#content_infografik div#t13zwi { top: 356px; left: 488px; }
#content_infografik div#t24zwi { top: 356px; left: 509px; }
#content_infografik div#t30zwi { top: 383px; left: 482px; }
#content_infografik div#t3nue { top: 444px; left: 378px; }
#content_infografik div#t6nue { top: 448px; left: 410px; }
#content_infografik div#t9nue { top: 448px; left: 442px; }
#content_infografik div#t19nue { top: 434px; left: 464px; }
#content_infografik div#t27hei { top: 480px; left: 305px; }
#content_infografik div#t12mue { top: 482px; left: 393px; }
#content_infografik div#t20mue { top: 482px; left: 426px; }

/* Icon-Positionen Zeitleiste */
#content_infografik div#z_t1 { top: 572px; left: 17px; }
#content_infografik div#z_t2 { top: 572px; left: 86px; }
#content_infografik div#z_t3 { top: 572px; left: 110px; }
#content_infografik div#z_t4 { top: 548px; left: 128px; }
#content_infografik div#z_t5 { top: 572px; left: 129px; }
#content_infografik div#z_t6 { top: 548px; left: 153px; }
#content_infografik div#z_t7 { top: 572px; left: 157px; }
#content_infografik div#z_t8 { top: 572px; left: 174px; }
#content_infografik div#z_t9 { top: 546px; left: 185px; }
#content_infografik div#z_t10 { top: 572px; left: 192px; }
#content_infografik div#z_t11 { top: 538px; left: 202px; }
#content_infografik div#z_t12 { top: 562px; left: 204px; }
#content_infografik div#z_t13 { top: 572px; left: 235px; }
#content_infografik div#z_t14 { top: 572px; left: 267px; }
#content_infografik div#z_t15 { top: 548px; left: 287px; }
#content_infografik div#z_t16 { top: 572px; left: 294px; }
#content_infografik div#z_t17 { top: 548px; left: 309px; }
#content_infografik div#z_t18 { top: 572px; left: 310px; }
#content_infografik div#z_t19 { top: 548px; left: 333px; }
#content_infografik div#z_t20 { top: 572px; left: 332px; }
#content_infografik div#z_t21 { top: 572px; left: 350px; }
#content_infografik div#z_t22 { top: 548px; left: 366px; }
#content_infografik div#z_t23 { top: 572px; left: 367px; }
#content_infografik div#z_t24 { top: 548px; left: 383px; }
#content_infografik div#z_t25 { top: 572px; left: 384px; }
#content_infografik div#z_t26 { top: 572px; left: 400px; }
#content_infografik div#z_t27 { top: 548px; left: 409px; }
#content_infografik div#z_t28 { top: 572px; left: 566px; }
#content_infografik div#z_t29 { top: 548px; left: 585px; }
#content_infografik div#z_t30 { top: 572px; left: 585px; }

/* Animation zum Einblenden */
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1.0; } }
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1.0; } }
@-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1.0; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1.0; } }

/* div. Link-Klassen der Icons, gesteuert via Javascript */
#content_infografik a { 
 z-index: 1; position: absolute; border: 0; background-image: url("../img/icons.png"); 
}
#content_infografik a.pigr, 
#content_infografik a.pigr_a { 
 display: block; width: 30px; height: 21px; background-position: -59px -5px; 
}
#content_infografik a.bogr, 
#content_infografik a.bogr_a { 
 display: block; width: 29px; height: 29px; background-position: -60px -30px; 
}
#content_infografik a.bkgr, 
#content_infografik a.bkgr_a { 
 display: block; width: 17px; height: 25px; background-position: -66px -62px; 
}
#content_infografik a.pigr_a { background-position: -90px -6px; }
#content_infografik a.bogr_a { background-position: -91px -31px; }
#content_infografik a.bkgr_a { background-position: -97px -63px; }

#content_infografik a.pikl, 
#content_infografik a.bokl, 
#content_infografik a.bkkl, 
#content_infografik a.pikl_a, 
#content_infografik a.bokl_a, 
#content_infografik a.bkkl_a { 
 display: block; margin: 6px; width: 18px; height: 18px; 
}
#content_infografik a.pikl { background-position: -6px -6px; }
#content_infografik a.bokl { background-position: -6px -36px; }
#content_infografik a.bkkl { background-position: -6px -66px; }
#content_infografik a.pikl_a { background-position: -36px -6px; }
#content_infografik a.bokl_a { background-position: -36px -36px; }
#content_infografik a.bkkl_a { background-position: -36px -66px; }

#content_infografik a.pigr_z, 
#content_infografik a.bogr_z, 
#content_infografik a.bkgr_z { 
 z-index: 4; display: block; width: 30px; height: 30px; 
 -webkit-animation:fadeIn 1.1s;
 -moz-animation:fadeIn 1.1s;
 -o-animation:fadeIn 1.1s;
 animation:fadeIn 1.1s;
}
#content_infografik a.pigr_z { background-position: -90px 0px; }
#content_infografik a.bogr_z { background-position: -90px -30px; }
#content_infografik a.bkgr_z { background-position: -90px -60px; }

/* Positionen der eingefaerbten Staedtenamen-Overlays */
img#a_Arnstadt { top: 334px; left: 361px; }
img#a_Chemnitz { top: 289px; left: 472px; }
img#a_Dortmund { top: 245px; left: 183px; }
img#a_Eisenach { top: 280px; left: 348px; }
img#a_Hamburg { top: 99px; left: 336px; }
img#a_Heilbronn { top: 448px; left: 278px; }
img#a_Jena { top: 307px; left: 404px; }
img#a_Kassel { top: 297px; left: 315px; }
img#a_Koeln { top: 298px; left: 192px; }
img#a_Muenchen { top: 505px; left: 390px; }
img#a_Nuernberg { top: 412px; left: 378px; }
img#a_Rostock { top: 50px; left: 428px; }
img#a_Stralsund { top: 73px; left: 472px; }
img#a_Zwickau { top: 324px; left: 463px; }
.hidden { z-index: 2; display: none; }

/* Textfeld-Definitionen */
#content_infografik div.textfeld { 
 display: none; z-index: 4; top: 133px; left: 18px; width: 332px; height: 388px; background-image: url("../img/textfeld_bg.png"); 
 -webkit-animation:fadeIn 1.6s;
 -moz-animation:fadeIn 1.6s;
 -o-animation:fadeIn 1.6s;
 animation:fadeIn 1.6s;
}

#content_infografik a.t_close { 
 top: 0px; left: 275px; display: block; width: 38px; height: 38px; background-image: none; 
}
#content_infografik div.t_datum { 
 top: 39px; left: 60px; font: 15px/15px 'Bitter', serif; letter-spacing: 6px; 
}
#content_infografik img.t_bild { 
 z-index: 4; top: 40px; left: 223px; width: 80px; height: 80px; 
}
#content_infografik div.t_stadt { 
 top: 105px; left: 48px; font: 16px/16px 'Bitter', serif; letter-spacing: 1px; 
}
#content_infografik div.t_text { 
 top: 134px; left: 48px; width: 256px; height: 210px; overflow: auto; font: 12px/16px 'Ubuntu+Condensed', sans-serif; 
}
#content_infografik div.t_text ul { margin: 1px 0 0 -25px; }

/* Sonstiges .. ;-) */
#content_infografik div#vtat, #content_infografik div#vsym, #content_infografik div#vtwn { 
 visibility: hidden; bottom: 0px; right: 0px; width: 0px; height: 0px; 
}