*{ margin: 0px; padding: 0px; border: 0px; }
        @font-face { font-family: 'Raleway-Thin';
             src: url('Raleway-Thin.ttf') format('truetype');
             src: url('Raleway-Thin.woff') format('woff');}
        @font-face { font-family: 'Raleway-Regular';
             src: url('Raleway-Regular.ttf') format('truetype');
             src: url('Raleway-Regular.woff') format('woff');}
        @font-face { font-family: 'Raleway-Black';
             src: url('Raleway-Black.ttf') format('truetype');
             src: url('Raleway-Black.woff') format('woff');}
        
        .wrapper{max-width: 480px;margin: 0 auto;}
        img{max-width: 100%;height: auto;}
        .headcontainer{width: 298px;height: auto;float: right;margin: 24px 18px 0px 0px;}
        
        DIV#kopf {display: none;}
        DIV#kopf2 {display: block;color:rgb(0,0,0); font-family:'Raleway-Regular','Arial','sans-serif'; font-size:12px;
        text-align:right;width: 252px;height: auto;padding-right: 12px; float: right;}

        DIV#backhomestart{display: none;}
        DIV#backhomestart2{display: block;width: 13px;padding: 24px 0px 300px 18px;float: left;}
        DIV#backhomeinside{display: none;}
        DIV#backhomeinside2{display: block;width: 13px;margin: 24px 0px 0px 40px;float: left;}
     
        .impressum{display: none;}
        .impressum2{display: block;color:rgb(0,0,0); font-family:'Raleway-Black','Arial','sans-serif'; font-size:10px;
        text-align:right;text-decoration: none;margin: 6px 12px 0px 0px;clear: both;float: right;}
        
        .container{width: 298px;height: auto;float: right;margin:6px 18px 0px 0px;}
        
        .impressumcontent {display: none;}

        .container .tr-slideIn {display: none;}
        
        .impressum:active .tr-slideIn {display: none;}
        
        DIV#navolg {display: none;}
        DIV#navomg {display: none;}
        DIV#navorg {display: none;}
        DIV#navulg {display: none;}
        DIV#navumg {display: none;}
        DIV#navurg {display: none;}
        
        DIV#navolr {display: none;}
        DIV#navomr {display: none;}
        DIV#navorr {display: none;}
        DIV#navulr {display: none;}
        DIV#navumr {display: none;}
        DIV#navurr {display: none;}
        
        
        
        .startol, .startom, .startor, .startul, .startum, .startur{background-size: contain;background-repeat: no-repeat;
        text-align: center;width: 120px;height: 60px;margin: 6px ;border: none;
        padding:30px 0px;float: left;text-decoration: none;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:20px;color: rgb(255,255,255); }
        
        .startol { background-image: url(sundownol.jpg);}
        .startom { background-image: url(sundownmo.jpg);}
        .startor { background-image: url(sundownro.jpg);}
        .startul { background-image: url(sundownul.jpg);}
        .startum { background-image: url(sundownmu.jpg);}
        .startur { background-image: url(sundownru.jpg);}
        
        .startol:active, .startom:active, .startor:active, .startul:active, .startum:active, .startur:active{ color: rgb(178,51,93);}
        
        
        .mail{text-decoration: none; font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:10px;
        color: rgb(178,51,93); }
        
        div#hlangebot, div#hlthemen, div#hlbeispiele, div#hlreferenzen, div#hlimpressum
        {width: auto;height: auto;margin: 24px 6px 0px 0px ;padding: 10px 0px 0px 0px;float: right;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:30px;color: rgb(178,51,93);}
        
        div#hlvita2, div#hlkontakt2{display: block;width: auto;height: auto;margin: 24px 6px 0px 0px ;
        padding: 10px 0px 0px 0px;float: right;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:30px;color: rgb(178,51,93);}

        div#hlvita{display: none;}
        
        div#hlkontakt{display: none;}
    
        div#copyangebot, div#copyvita1, div#copyvita2, div#copykontakt, div#copyimpressum {text-align: left;
        line-height: 1.4;width: 234px; height: auto;margin: 6px 0px 0px 0px;padding: 6px;border-left: 1px solid;
        border-color: rgb(178,51,93);float: right;font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:10px;
        color: rgb(0,0,0);}
        
        div#copythemen, div#copybeispiele{text-align: left;line-height: 1.8;width: 234px; height: auto;
        margin: 6px 0px 0px 0px;padding: 6px;border-left: 1px solid;border-color: rgb(178,51,93);float: right;
        font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:10px;color: rgb(0,0,0);}
        
        div#copyreferenzen{width: 240px; height: auto;margin: 6px 0px 0px 0px;padding: 6px;
        border-left: 1px solid;border-color: rgb(178,51,93);float: right;}
       
        div#picro {display: none;}
        div#picru {display: none;}
        div#picol {display: none;}
        div#picul {display: none;}
        div#picmo {display: none;}
        div#picmu {display: none;}
    
    div#logoarumedia, div#logoexcelsis, div#logopdirekt, div#logodaimler, div#logoevonet, div#logolook, div#logosgi
    {width: 73px;height: 73px;margin: 12px 12px 6px 155px;position: relative;border-left: 1px solid;border-top: 1px solid;float: left;
    position: relative;background-size: contain;background-repeat: no-repeat; }    
        
    div#logoarumedia {background-image: url(arumedia.png);}
    div#logoexcelsis {background-image: url(excelsis.png);}
    div#logopdirekt {background-image: url(pdirekt.png);}
    div#logodaimler {background-image: url(daimler.png);}
    div#logoevonet {background-image: url(evonet.png);}
    div#logolook {background-image: url(look.png);}
    div#logosgi {background-image: url(sgi.png);}
    
    .logo{-webkit-transition:webkit-transform 0.7s linear;transition:transform 0.7s linear;
    -webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;
    transform-style:preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;backface-visibility:hidden;}
    
    div#logoarumedia:after, div#logoexcelsis:after, div#logopdirekt:after, div#logodaimler:after, div#logoevonet:after, 
    div#logolook:after, div#logosgi:after {display: block;font-family: 'Raleway-Regular','Arial','sans-serif';font-size: 10px;
    text-align: center;line-height: 1.3;width: 146px;height: 26px;padding: 24px 16px;border-left: 1px solid;
    position: absolute;background: white;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;
    backface-visibility:hidden;}
    
    div#logoarumedia:after {display: block;content: 'AruMedia GmbH, Stuttgart Direktmarketing';}
    div#logoexcelsis:after {display: block;content: 'Excelsis AG, Stuttgart Informations Technologie';}
    div#logopdirekt:after {display: block;content: 'P Direkt GmbH, Karlsruhe Direktmarketing';}
    div#logodaimler:after {display: block;content: 'Daimler AG, Stuttgart Automobil';}
    div#logoevonet:after {display: block;content: 'Evonet GmbH, Stuttgart Informations Technologie';}
    div#logolook:after {display: block;content: 'LOOK GmbH, Stuttgart Werbung';}
    div#logosgi:after {display: block;content: 'Silicon Graphics Inc. Milpitas Informations Technologie';}
    
    div#contentarumedia:active div#logoarumedia, div#contentexcelsis:active div#logoexcelsis, 
    div#contentpdirekt:active div#logopdirekt, div#contentdaimler:active div#logodaimler,
    div#contentevonet:active div#logoevonet, div#contentlook:active div#logolook, div#contentsgi:active div#logosgi
    {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);
    transform:rotateY(180deg);}