*{ 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: 780px;margin: 0 auto;}
        img{max-width: 100%;height: auto;}
        
        .headcontainer{width: 62.083234vw;height: auto;float: right;margin: 4.999992vw 3.749994vw 0px 0px;}
        DIV#kopf {display: none;}
        DIV#kopf2 {display: block;color:rgb(0,0,0); font-family:'Raleway-Regular','Arial','sans-serif'; font-size:2.08333vw;
        text-align:right;width: 41.6666vw;height: auto;padding-right: 2.499996vw; float: right;}
        DIV#backhomestart{display: none;}
        DIV#backhomestart2{display: block;width: 2.708329vw;padding: 4.999992vw 0px 62.4999vw 3.749994vw;float: left;}
        DIV#backhomeinside{display: none;}
        DIV#backhomeinside2{display: block;width: 2.708329vw;margin: 4.999992vw 0px 0px 8.33332vw;float: left;}
        
        .impressum{display: none;}
        .impressum2{display: block;color:rgb(0,0,0); font-family:'Raleway-Black','Arial','sans-serif'; font-size:1.666664vw;
        text-align:right;text-decoration: none;margin: 1.249998vw 2.499996vw 0px 0px;clear: both;float: right;}/*font-size entspricht 8px*/
        
        .container{width: 62.083234vw;height: auto;float: right;margin:1.249998vw 3.749994vw 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: 24.99996vw;height: 12.49998vw;margin: 1.249998vw ;border: none;
        padding:6.24999vw 0px;float: left;text-decoration: none;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:4.16666vw;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:2.08333vw;
        color: rgb(178,51,93); }
        
        
        div#hlangebot, div#hlthemen, div#hlbeispiele, div#hlreferenzen, div#hlimpressum
        {width: auto;height: auto;margin: 4.999992vw 1.249998vw 0px 0px ;padding: 2.08333vw 0px 0px 0px;float: right;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:6.24999vw;color: rgb(178,51,93);}
        div#hlvita2, div#hlkontakt2{display: block;width: auto;height: auto;margin: 4.999992vw 1.249998vw 0px 0px ;
        padding: 2.08333vw 0px 0px 0px;float: right;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:6.24999vw;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: 48.749922vw; height: auto;margin: 1.249998vw 0px 0px 0px;padding: 1.249998vw;border-left: 1px solid;
        border-color: rgb(178,51,93);float: right;font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:2.08333vw;
        color: rgb(0,0,0);}
        div#copythemen, div#copybeispiele{text-align: left;line-height: 1.8;width: 48.749922vw; height: auto;
        margin: 1.249998vw 0px 0px 0px;padding: 1.249998vw;border-left: 1px solid;border-color: rgb(178,51,93);float: right;
        font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:2.08333vw;color: rgb(0,0,0);}
        div#copyreferenzen{width: 49.99992vw; height: auto;margin: 1.249998vw 0px 0px 0px;padding: 1.249998vw;
        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: 15.208309vw;height: 15.208309vw;margin: 2.499996vw 2.499996vw 1.249998vw 32.291615vw;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: 2.08333vw;
    text-align: center;line-height: 1.3;width: 30.416618vw;height: 5.416658vw;padding: 4.999992vw 3.333328vw;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);}