/* Breite an Anzahl der Themen Anpassen */

.content_wrapper {
    width:11520px; height:1080px;
}

#content1 {  width:840px; left: 840px; top: 730px; background-color:#fff;   } 
#content1a { width:120px; left: 40px; top: 880px; background-color:#fff; padding:10px; opacity:1;  } 
#content2 {  width:640px; left: 180px; top: 655px; background-color:#141415; opacity:1; } 
#content3 {  width:450px; left: 1225px; top: 250px; background-color:#EE305A;  } 
#content3a { width:200px; left: 180px; top: 250px; box-shadow:none; opacity:0.5;  }
#content3a:hover  { opacity:1; width:1000px; }
#content3a img  {  width: 200px; transition : all 1s ease-in-out; padding:20px; background:#fff;    }
#content3a img:hover { width:1000px; opacity:1; padding:10px; margin-top:-20px; margin-left:-20px; background:#fff;    }
#content3b { width:120px; right: 120px; top: 880px; background-color:#fff; padding:10px; opacity:1;  } 


#content7 {  width:550px; left: 937px; top: 232px; background-color:#dddedf; }
#content9 {  width:800px; left: 105px; top: 838px; background-color:#EE305A; }





 

#content4 {  width:800px; left: 342px; top: 740px; background-color:#dddedf;   }
#content5 {  width:300px; top:630px; left:1400px; background-color:#fff;  
  -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
             }
#content5 .subtext {
    display:none;  line-height:115%;  font-size:4px;
}

#content5:hover {
  margin-top:-250px; 
  margin-left:-100px;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
    transform:scale(1.8);
    -ms-transform:scale(1.8);
    -moz-transform:scale(1.8);
    -webkit-transform:scale(1.8);
    -o-transform:scale(1.8);
}
#content5:hover .subtext {
    display: block; line-height:115%;  font-size:8px;
}
         
#content6 {  width:150px; left: 50px; top: 850px; background-color:#fff; opacity:1; } 


#content8 {  width:300px; left: 200px; top: 760px; background-color:#fff;
          transition: all 0.5s ease; } 
#content8 .img_info {  display:none; }  
#content8:hover {  width:1200px; margin-top:-150px; }  
#content8 img {  width:300px; } 
#content8:hover img {  width:600px; float:left; }
#content8:hover .img_info {  display:block; margin-left:30px; }
                          


#content10 {  width:600px; left: 920px; top: 300px; height:600px; background-color:#fefefe; font-family:Arial; overflow:auto;  opacity:0.4;  }  
#content10:hover {  opacity:1;  }

table {
    width:100%;
}
td.empty {
    height:100px; background: url(timeline_bg.png) center center repeat-y;
}

td.left {
    text-align:right;
    width:40%;
}
td.right {
    width:40%;
}
td.year {
    width:20%;
    text-align:center; background: url(timeline_bg.png) center center repeat-y; font-family: 'RobotoBold'; font-size:30px;
}

td.year div {
    text-align:center; line-height:80px; height:80px; width:80px; border:5px solid #bbb; margin:20px; border-radius:50%; display:inline-block; background:#ee305a;
}



#content11 {  width:500px; left: 262px; top: 334px; background-color:#dddedf; }

#content12 {  left: 1450px; top: 940px; width:350px; height:24px; overflow:hidden; background-color:#00bbf2; border-radius:20px;   }   
#content12 p {  display:none; }
#content12 h3 {  padding:0; margin:0; text-align:center; } 
#content12:hover {  width:800px; height:450px; overflow:hidden; background-color:#fff; margin-top:-400px; margin-left:-450px; }  
#content12:hover p {  display:block; }