body {                
        position:relative;                    
        padding:0;       
        margin:0; 
        top:0;                                 
        background: #e1e4e7;                               
        width:100%;         
         background-attachment: fixed;
        background-image: url(../Grafik/hg-1b.png);  
        background-repeat: repeat;
        background-size: 100% auto ;
        background-position: center top; 
    } 
    
    
    
    @font-face {
        font-family: 'Font1';             
        src: url('Font1.ttf');         
        src: local('?'),                              
        url('Font1.ttf') format('truetype'),
        font-weight: normal;
        font-style: normal;
    }     
    div.all {                   
        overflow:visible; 
        position:relative; 
        padding:0; 
        margin:50px auto;                        
        width:1155px; 
    }       
    div.head {                    
        float:left;          
        overflow:hidden;
        padding:0;
        margin:0;            
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;       
        transition: filter 300ms linear;  
    }               
    div.head div.headover {       
        background-image: url(../Grafik/head-over.png);
        top:0;
        left:0;
        z-index: 1;
    }                
    div.head div.headbetween {       
        background: #000;
        top:0;
        left:0;
        opacity: 0;
        z-index: 30;
    }                
    div.head div.head1 {  
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;     
        background-image: url(../Grafik/head-4c.png);   
        background-size: 100%;   
        top:0;
        left:0;   
        z-index: 30;                
    }                  
    div.head div.head2 { 
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;      
        background-image: url(../Grafik/head-1c.png);         
        background-size: 100%;   
        background-position: top center;  
        top:0;
        left:0;    
        z-index: 10;                  
    }                  
    div.head div.head3 {  
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;     
        background-image: url(../Grafik/head-2g.png);          
        background-size: 100%; 
        background-position: top right;  
        top:0;
        left:0;     
        z-index: 15;                  
    }                    
    div.head div.head4 {    
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;   
        background-image: url(../Grafik/head-5.png);          
        background-size: 100%; 
        background-position: top right;  
        top:0;
        left:0;     
        z-index: 15;                 
    }                          
    div.head div.head5 {    
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;   
        background-image: url(../Grafik/head-3.png);          
        background-size: 100%; 
        background-position: top right;  
        top:0;
        left:0;     
        z-index: 15;                 
    }                         
    div.head div.head-Impressum {    
        position:absolute;
        width:100%; 
        height:650px;          
        background-position: center center;
        background-size: 100%;   
        background-image: url(../Grafik/head-Impressum.png);          
        background-size: 100%; 
        background-position: top right;  
        top:0;
        left:0;     
        z-index: 15;                 
    } 
    
    
    div#infobox {             
        position:absolute;
        top:10%;
        left:12%;     
        z-index: 55;                 
        transition: filter 300ms linear;
        border: 1px solid rgba(255, 255, 255, 0.3);                 
        background: rgba(0, 0, 0, 0.7);      
        width: 240px;
        height: 70px;      
        overflow: hidden;
    } 
     
    div#info {       
        position: absolute;
        width: 100%;
        height: 800px;
        top: 70px;
        margin: 0;   
        opacity: 1;
    }  
    div#kontakt {       
        position: absolute;
        width: 100%;
        height: 800px;
        top: 60px;   
        margin: 0;     
        opacity: 0;
    }      
    div#impressum {       
        position: absolute;
        width: 100%;
        height: 800px;
        top: 60px;   
        margin: 0;     
        opacity: 0;
    } 
       
    div.infotext1 {       
        position: relative;
        float:left;
        width: 100%;
        height: auto;
        color: #fff;                           
        font-family: 'Cabin Sketch', Helvetica, Arial, Tahoma, sans-serif;
        margin:15px 20px 10px 20px;      
        opacity: 0;
    } 
    
    div.infotext1 span{     
        color: #fff;                               
        font-size: 2.2em;
        font-weight: 400 ;     
        font-style: normal;
        letter-spacing: 0.04em;
        text-shadow: 2px 2px 3px #000000;   
    } 
    
    div.infotext2 {          
        position: relative;
        float:left;
        width: 100%;
        height: auto;
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: uppercase;
        margin: 0px 20px;     
        left: -30px;
        opacity: 0;          
    } 
    
    div.infotext2 span{     
        font-size: 1.1em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.04em;   
        line-height: 1.4em;                 
        text-shadow: 2px 2px 3px #000000;   
    }   
    div#infobox div.infotext3 {   
        position: relative;
        float:left;
        width: 100%;
        height: auto;   
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: uppercase;
        margin: 25px 20px 5px 20px;     
        left: -30px;
        opacity: 0; 
    } 
    
    div.infotext3 span{     
        font-size: 1.2em;
        font-weight: 400 ;
        font-style: italic;
        letter-spacing: 0.04em;         
        line-height: 1.0em;               
        text-shadow: 2px 2px 3px #000000;   
    }                          
    
    
    div#infobox  div.infotext4 {       
        position: relative;
        float:right;
        width: 90%;
        height: 200px;
        top: 0px;
        color: #fff;                         
        font-family: 'Abel', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: none;
        margin: 3px 20px;     
        left: 50px;
        opacity: 0;
        text-align: right;          
    } 
    
    div.infotext4 span{     
        font-size: 1.0em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.02em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }        
    
    
    div.head div#infobox div.infobild {           
        position: relative;
        float:left;
        top:50px;
        width: 100%;
        height: 200px;                    
        margin: 15px 0 0 0;   
        opacity: 0;              
        background-image: url(../Grafik/info-1.png);          
        background-size: 100%;                
    } 
    
   
    
    div#infobox  div.kontakttext2 {       
        position: relative;               
      	float: left;
        width: 90%;
        top: 0px;
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: uppercase;
        margin: 0 20px;     
        left: 50px;
        opacity: 0;
        text-align: left;
    } 
    
    div.kontakttext2 span{     
        font-size: 1.4em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.02em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }   
    
    div#infobox  div.kontakttext3 {         
        position: relative;                 
      	float: left;
        width: 90%;
        top: 0px;
        color: #fff;                         
        font-family: 'Abel', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: none;
        margin: 20px 0 0 20px;     
        left: 50px;
        opacity: 0;
        text-align: left;
    } 
    
    div.kontakttext3 span{     
        font-size: 1.0em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.04em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }          
    .kontaktmail {        
        position:relative;
        overflow:visible;  
        float:left;                       
        z-index: 10; 
        margin: 5px 0 0 0;     
        width:auto;  
        height:30px;                       
      cursor: pointer;    
    }                 
    .kontaktmail a {                  
        float:left;    
      cursor: pointer;    
    }                      
    .kontaktmail span {                  
        float:left;        
        color: #fff;                         
        font-family: 'Abel', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: none;
        margin: 0;     
      cursor: pointer;    
    }                           
    .kontaktmail div{        
        position:relative;
        overflow:hidden;  
        float:left;                       
        z-index: 10;  
        margin: 0 0 0 5px;   
        top: -10px; 
        left:0px;     
        width:30px;  
        height:30px;        
        background-image: url(../kopf-link2.png);            
        background-position: 0 0; 
        background-size: 60px 60px; 
        background-repeat: no-repeat;    
        border-radius: 50%;                     
        -webkit-transform:rotate(0deg);
   -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
     -o-transform:rotate(0deg);
        transform:rotate(0deg);          
        transition: all 150ms linear; 
        -webkit-transition: all 150ms linear; 
        -moz-transition: all 150ms linear;     
        opacity:0.6;          
      cursor: pointer;    
    }                              
    .kontaktmail:hover div{                     
        background-position:-30px -30px;  
        -webkit-transform:rotate(-90deg);
   -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
     -o-transform:rotate(-90deg);
        transform:rotate(-90deg);           
        opacity:0.8;  
    }                                   
    .kontaktmail:hover span{     
      color: #cceeff; 
    } 
    div.kontaktbild {        
        position: relative;
        float:left;
        width: 100%;
        height: 200px;                    
        margin: 5px 0 0 0;   
        opacity: 0;              
        background-image: url(../Grafik/kontakt-2.png);          
        background-size: 100%;               
    }                
    
    
    div#infobox  div.impressumtext2 {       
        position: relative;               
      	float: left;
        width: 90%;
        top: 0px;
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: uppercase;
        margin: 0 20px;     
        left: 50px;
        opacity: 0;
        text-align: left;
    } 
    
    div.impressumtext2 span{     
        font-size: 1.4em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.02em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }   
    
    div#infobox  div.impressumtext3 {         
        position: relative;                 
      	float: left;
        width: 90%;
        top: 0px;
        color: #fff;                         
        font-family: 'Abel', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: none;
        margin: 20px 0 0 20px;     
        left: 50px;
        opacity: 0;
        text-align: left;
    } 
    
    div.impressumtext3 span{     
        font-size: 1.0em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.04em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }          
    .impressummail {        
        position:relative;
        overflow:visible;  
        float:left;                       
        z-index: 10; 
        margin: 5px 0 0 0;     
        width:auto;  
        height:30px;                       
      cursor: pointer;    
    }                 
    .impressummail a {                  
        float:left;    
      cursor: pointer;    
    }                      
    .impressummail span {                  
        float:left;        
        color: #fff;                         
        font-family: 'Abel', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: none;
        margin: 0;     
      cursor: pointer;    
    }                           
    .impressummail div{        
        position:relative;
        overflow:hidden;  
        float:left;                       
        z-index: 10;  
        margin: 0 0 0 5px;   
        top: -10px; 
        left:0px;     
        width:30px;  
        height:30px;        
        background-image: url(../kopf-link2.png);            
        background-position: 0 0; 
        background-size: 60px 60px; 
        background-repeat: no-repeat;    
        border-radius: 50%;                     
        -webkit-transform:rotate(0deg);
   -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
     -o-transform:rotate(0deg);
        transform:rotate(0deg);          
        transition: all 150ms linear; 
        -webkit-transition: all 150ms linear; 
        -moz-transition: all 150ms linear;     
        opacity:0.6;          
      cursor: pointer;    
    }                              
    .impressummail:hover div{                     
        background-position:-30px -30px;  
        -webkit-transform:rotate(-90deg);
   -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
     -o-transform:rotate(-90deg);
        transform:rotate(-90deg);           
        opacity:0.8;  
    }                                   
    .impressummail:hover span{     
      color: #cceeff; 
    } 
    div.impressumbild {        
        position: relative;
        float:left;
        width: 100%;
        height: 100px;                    
        margin: 15px 0 0 0;   
        opacity: 0;              
        background-image: url(../Grafik/impressum-1.png);          
        background-size: 100%;               
    } 
    
    
    div#infobox  div.referenzentext2 {       
        position: relative;               
      	float: left;
        width: 90%;
        top: 0px;
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: uppercase;
        margin: 0 20px;     
        left: 50px;
        opacity: 0;
        text-align: left;
    } 
    
    
    div.referenzentext2 span{     
        font-size: 1.4em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.02em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }   
    
    div#infobox  div.referenzentext3 {         
        position: relative;                 
      	float: left;
        width: 90%;
        top: 0px;
        color: #fff;                         
        font-family: 'Abel', Helvetica, Arial, Tahoma, sans-serif;   
        text-transform: none;
        margin: 20px 0 0 20px;     
        left: 50px;
        opacity: 0;
        text-align: left;
    } 
    
    div.referenzentext3 span{     
        font-size: 1.0em;
        font-weight: 400 ;
        font-style: normal;
        letter-spacing: 0.04em;         
        line-height: 0.6em;               
        text-shadow: 1px 1px 2px #000000;   
    }     
    div.referenzenbild {        
        position: relative;
        float:left;
        width: 100%;
        height: 100px;                    
        margin: 15px 0 0 0;   
        opacity: 0;              
        background-image: url(../Grafik/impressum-1.png);          
        background-size: 100%;               
    } 
    .referenzenOne {
           
        position: relative;
        float:left;
        width: 80px;
        height: 60px;                    
        margin: 5px 0 0 6px;   
        opacity: 1;
        background: rgba(113, 113, 113, 0.6);
        overflow: hidden;     
    }      
    .referenzenOneOver {
           
        position: absolute;
        width: 80px;
        height: 60px;          
        z-index: 20;
    }  
    .referenzenOneLogo {
           
        position: absolute;   
        top: 0px;
        width: 80px;
        height: 60px;                    
        margin: 0 0 0 0;      
        background-position: center; 
        background-repeat: no-repeat;
        background-size: 100% auto;
        transition: all 200ms linear;            
        opacity:1.0;
    }
    .referenzenOne:hover div.referenzenOneLogo{
        
        top: 20px;        
        height: 35px;         
        background-size: 105% auto;   
        opacity:1.0; 
    }                               
    .referenzenOneTextContainer {
           
        position: absolute;   
        top: -5px;
        width: 80px;
        height: 22px;                    
        margin: 0 0 0 0;      
        background: rgba(0, 0, 0, 0.5);
        opacity:0;
        transition: all 250ms linear; 
        overflow: hidden;
    } 
    .referenzenOne:hover div.referenzenOneTextContainer{
        
        top: 0px;        
        opacity:1.0;
    }      
    .referenzenOneText {
           
        position: absolute;
        top: 30px;
        width: 80px;
        height: 30px;                    
        margin: 0 0 0 0;   
        color: #eee;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;  
      	text-align: center;
      	font-size: 0.86em;
      	letter-spacing: 0.06em;  
      	text-shadow: 1px 1px 2px #000000;
        opacity: 0.0;                       
        transition: all 250ms linear;
        cursor: default;
    }       
    .referenzenOne:hover div.referenzenOneText{
        top: 2px;        
        opacity: 0.9;                       
    }      
    #ref1 div {            
    }       
    #ref1 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/Sportcast.png); 
    }         
    #ref2 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/StudioBerlin.png);  
    }          
        #ref2 .referenzenOneText {      
                  margin: 3px 0 0 0;                
                	font-size: 0.76em; 
                  line-height: 0.9em;
              }  
    #ref3 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/DFL.png);  
    }           
    #ref4 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/Topvision.png);  
    }                                                            
    #ref5 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/UEFA.png);  
    }                                                             
              #ref5XXXX .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.76em; 
                  line-height: 0.9em;
              }                                                               
    #ref6 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/EuroTV.png);  
    }                                                                  
              #ref6 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 0.8em;
              }                                                   
    #ref7 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/Triofilm.png);  
    }                                                                        
    #ref8 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/DSV.png);  
    }                                                            
    #ref9 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/TVSkyline.png);  
    }                                                             
    #ref10 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/TVN.png);  
    }                                                       
              #ref10 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 0.9em;
              }                                                     
    #ref11 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/EMG.png);  
    }                                                                      
    #ref12 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/OBS.png);  
    }                                                    
              #ref12 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 0.84em;
              }                                                     
    #ref13 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/HBS.png);  
    }                                                                
    #ref14 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/ATP.png);  
    }                                                                 
    #ref15 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/RedBull.png);  
    }                                                          
              #ref15 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 0.8em;
              }                                                                    
    #ref16 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/MMC.png);  
    }                                                             
              #ref16 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 1.7em;
              }                                                             
    #ref17 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/ARD.png);  
    }                                                                      
    #ref18 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/ORF.png);  
    }                                                                
    #ref19 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/ZDF.png);  
    }                                                                
    #ref20 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/RTL.png);  
    }                                                                
    #ref21 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/UCOM.png);  
    }                                                                  
    #ref22 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/0221.png);  
    }           
    #ref22 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 0.8em;
              }                                                       
    #ref23 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/tvsquare.png);  
    }                                                                 
    #ref24 .referenzenOneLogo {
        background-image: url(../Grafik/ReferenzenLogos/videohouse.png);  
    }              
    #ref24 .referenzenOneText {      
                  margin: 0 0 0 0;                
                	font-size: 0.66em; 
                  line-height: 0.8em;
              } 
    
    
    div#menuebox {                            
        position:absolute;
        top:95%;
        left:12%;     
        z-index: 55;                 
        transition: filter 300ms linear;
        border: 1px solid rgba(255, 255, 255, 0.2);                 
        background: rgba(0, 0, 0, 0.7);      
        width: 350px;
        height: 100px;      
        overflow: hidden;    
        opacity: 0;
    } 
    div.menue {                       
      	float: none;
      	width: 330px;
      	height: 40px;
      	overflow: hidden;
      	position: relative;
      	margin: 0 auto;
      	font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;
      	font-size: 0.8em;
      	font-weight: 500;
      	text-shadow: 1px 1px 2px #000000;
      	letter-spacing: 0.06em;
    }       
    div.menue div {            
        position: relative;        
        float:left; 
        margin: 10px 10px;
        width:auto; 
        height: 40px;      
    }         
    div.menue span{            
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        transition: all 300ms linear;
    }         
    .m-off {                    
        color: #9aadb6;        
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        cursor:pointer;                               
    }       
    .m-on {                    
        color: #cceeff;        
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        cursor:default;                             
    }             
    .m-off :hover{                    
        color: #eeeeee;    
    }   
    
    div.datenschutzLink {                          
        position:absolute;
        top:95%;
        right:2%;     
      	height: 40px;
      	overflow: hidden;
      	margin: 0;
      	font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;
      	font-size: 0.8em;
      	font-weight: 500;
      	text-shadow: 1px 1px 2px #000000;
      	letter-spacing: 0.06em;
        z-index:60;
    }       
    div.datenschutzLink div {            
        position: relative;        
        float:left; 
        margin: 10px 22px;
        width:auto; 
        height: 40px;      
    }         
    div.datenschutzLink a{            
        color: #9aadb6;         
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        transition: all 300ms linear;
    }            
    div.datenschutzLink a:hover{                    
        color: #eeeeee;   
    }         
         
    div.headDatenschutz {                    
        float:left;          
        overflow:visible;
        padding:0;
        margin:0;            
        position:absolute;
        width:100%; 
        min-height:650px;          
        background-position: center center;
        background-size: 100%;       
        transition: filter 300ms linear;  
    }     
    div#datenschutz {       
        position: absolute;
        width: 750px;
        height: auto;
        top: 210px;   
        left:12%;   
        margin: 0; 
        border: 1px solid rgba(255, 255, 255, 0.3);                 
        background: rgba(0, 0, 0, 0.7);  
        overflow: hidden;
    }     
    div#datenschutz div {              
        position: relative;
        float:none;
        width: 90%;
        height: auto;
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif; 
        font-size: 1.2em;  
        text-transform: uppercase;
        margin: 20px auto;  
        opacity: 1;          
    } 
    .datenText {               
        color: #fff;                         
        font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;      
        font-size: 0.8em;  
        text-transform: none;
    } 
    
    div#menuebox2 {                            
        position:absolute;
        top:21%;
        left:12%;     
        z-index: 55;                 
        transition: filter 300ms linear;
        border: 1px solid rgba(255, 255, 255, 0.2);                 
        background: rgba(0, 0, 0, 0.7);      
        width: 100px;
        height: 30px;      
        overflow: hidden;    
        opacity: 0;
    } 
    div.menue2 {                       
      	float: none;
      	width: 76px;
      	height: 40px;
      	overflow: hidden;
      	position: relative;
      	margin: 0 auto;
      	font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;
      	font-size: 0.8em;
      	font-weight: 500;
      	text-shadow: 1px 1px 2px #000000;
      	letter-spacing: 0.06em;
    }       
    div.menue2 div {            
        position: relative;        
        float:left; 
        margin: 6px 8px;
        width:auto; 
        height: 40px;      
    }         
    div.menue2 span{            
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        transition: all 300ms linear;
    }          
    div.menue2 a{ 
      	font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;
      	font-size: 1.2em;                 
        color: #9aadb6;  
      	text-shadow: 1px 1px 2px #000000;
      	letter-spacing: 0.06em;           
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        transition: all 300ms linear;
    }      
    
    
    div.fussmenue {                    
        float:left;                             
        width:100%;
        height:40px; 
        overflow:hidden;
        position:relative;
        padding:0;        
        margin: 0 0 40px 0;
        border-top: 1px solid #9aaeb1;                                              
        font-family: Helvetica, Arial, Tahoma, sans-serif;      
        font-size: 0.92em;
        font-weight: bold;
        text-align: justify;      
    }
    div.fussmenue div {                    
        float:right; 
        margin: 10px 10px;
    }         
    div.fussmenue a{                    
        color: #3b504f;        
        text-transform:uppercase;
        vertical-align: middle; 
        text-decoration:none;   
        cursor:pointer;
    }      
    div.fussmenue a:hover{                    
        color: #059eff;    
    }       
    div.inhalt {                    
        float:left;                             
        width:100%; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin: 20px 0;            
    }
    div.i {                    
        float:left;                             
        width:33%; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin:0;        
    }              
    div.ihead {                    
        float:none;                             
        width:140px; 
        height:140px;
        overflow:hidden;
        position:relative;
        margin:0 auto;      
        background-position: center center;     
        background-size: 100%; 
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;                   
      transition: all 600ms linear; 
      -webkit-transition: all 600ms linear; 
      -moz-transition: all 600ms linear; 
    }                   
    div#ihead1 {   
        background-image: url(../Grafik/ihead-1.png);   
        background-size: 145%;               
        background-position: -10px center;  
    }                   
    div#ihead2 {   
        background-image: url(../Grafik/ihead-2.png);        
        background-size: 165%;               
        background-position: -90px center;     
    }                   
    div#ihead3 {   
        background-image: url(../Grafik/ihead-3.png);   
        background-size: 130%;               
        background-position: -12px center;           
    }                                     
    div.itextueber {                    
        float:none;                             
        width:90%; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin:15px auto;                                              
        font-family: Font1, Helvetica, Arial, Tahoma, sans-serif; 
        font-size: 1.8em;     
    }                                         
    div.itextunter {                    
        float:none;                             
        width:90%; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin:0 auto;                                              
        font-family: Font1, Helvetica, Arial, Tahoma, sans-serif; 
        font-size: 1.2em;     
    }                                  
    div.itext {                    
        float:none;                             
        width:80%; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin:10px auto;                                              
        font-family: Helvetica, Arial, Tahoma, sans-serif;      
        font-size: 1.0em;
        font-weight: 600;
        text-align: justify;     
        color: #3b504f;
    }
                 
    div.isign {                    
        float:none;                             
        width:100%px; 
        height:140px;
        overflow:hidden;
        position:relative;
        margin:0 auto;      
        background-position: center center;     
        background-size: auto;      
        background-repeat: no-repeat;        
      transition: all 600ms linear; 
      -webkit-transition: all 600ms linear; 
      -moz-transition: all 600ms linear; 
    }                   
    div#isign1 {   
        background-image: url(../Grafik/sign-1.png);  
        height:100px; 
    }                   
    div#isign2 {   
        background-image: url(../Grafik/sign-2.png);    
        height:100px;
    }                   
    div#isign3 {   
        background-image: url(../Grafik/sign-3.png);     
        height:200px;
    }                           
    div.headname {                    
        float:left;                             
        width:350px; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin:20px 0 0 2%;              
        background-image: url(../Grafik/os-name.png);
        background-position: center top;
        background-size: 100%;         
        height:430px;        
    }   
        
    div.headtext {                                      
        width:400px; 
        overflow:hidden;
        position:relative;
        padding:0;
        margin:100px auto 0 auto;                                
        background: #fff;
        opacity: 0.7;    
        height:120px;    
        z-index: 4;           
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);        
    }          
    div.headpart {        
        float:left;           
        overflow:visible; 
        position:relative; 
        padding:0; 
        margin:0;                                          
        width:25%;
        height:150px;        
    }                      
    div#headpart17 {                
        background: #a1c692;     
        background-image: url(../Grafik/IMG_3738.JPG);
        background-position: center center;
        background-size: 105%;   
    }                      
    div#headpart27 {                
        background: #fff;          
    }                    
    div#headpart37 {                
        background: #a192c6;                        
        background-image: url(../Grafik/110_F_283544_f4IE2qdRNgzIEfTPrexlY09SGCeRNp.jpg);
        background-position: center center;
        background-size: 105%;   
    }                    
    div#headpart47 {                
        background: #a1c692;                                   
        background-image: url(../Grafik/IMG00093-20100728-1143.jpg);
        background-position: center center;
        background-size: 105%;   
    }