*{ 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{width: 1280px;margin: 0 auto;}
        img{max-width: 100%;height: auto;}
        
        .headcontainer{width: 960px;height: 54px;float: left;margin-top: 48px;margin-bottom: 12px;}
        
        div#kopf { color:rgb(0,0,0); font-family:'Raleway-Regular','Arial','sans-serif'; font-size:1.25vw;
        text-align:right;width: 600px;height: auto;margin: 6px 7px 0px 0px; float: right}
        
        div#kopf2 { display: none;}
        
        div#backhomestart{width: 21px;padding: 294px 0px 312px 0px;margin-top: 102px;margin-right: 30px;
        margin-left: 140px;float: left;}
        DIV#backhomestart2{display: none;}
        div#backhomeinside{padding: 294px 0px 312px 0px;margin-top: 102px;margin-right: 30px;margin-left: 140px;
        float: left;}
        DIV#backhomeinside2{display: none;}

        .impressum{color:rgb(0,0,0); font-family:'Raleway-Black','Arial','sans-serif'; font-size:12px;
        text-align:right;margin: 7px 7px 0px 0px;clear: both;float: right;}
        .impressum2{display: none;}
        
        .container{width: 960px;height: 666px;float: left;position: relative;overflow: hidden;}
        
        .impressumcontent {display: block;position: absolute;bottom: 0; right: 0;padding: 40px 0px 0px 48px;background: white;
        font-family:'Raleway-Regular','Arial','sans-serif'; font-size:1.093750vw;text-align:left;line-height: 2.4;}
        
        .container .slideIn {display: block;right:  -1000px;width: 500px; height: 216px;margin: 80px 0px 220px 0px;
	opacity: 0.9;background:white;color: black;-webkit-transition:slideIn 0.5s;-moz-transition:slideIn 0.5s;
	-o-transition:slideIn 0.5s;transition:all 0.5s;}
        
        .impressum:hover .slideIn {right: 0;}
        
        div#navolg {width: 21px;height: 21px;margin: 0px 3px 3px 7px;border: none;float: left; }
        div#navomg {width: 21px;height: 21px;margin: 0px 3px 3px 3px;border: none;float: left;}
        div#navorg {width: 21px;height: 21px;margin: 0px 3px 3px 3px;border: none;float: left;}
        div#navulg {width: 21px;height: 21px;margin: 3px 3px 3px 7px;border: none;clear: left;float: left;}
        div#navumg {width: 21px;height: 21px;margin: 3px 3px 3px 3px;border: none;float: left;}
        div#navurg {width: 21px;height: 21px;margin: 3px 3px 3px 3px;border: none;float: left;}
        
        div#navolr {width: 21px;height: 21px;margin: 0px 3px 3px 7px;border: none;float: left; }
        div#navomr {width: 21px;height: 21px;margin: 0px 3px 3px 3px;border: none;float: left;}
        div#navorr {width: 21px;height: 21px;margin: 0px 3px 3px 3px;border: none;float: left;}
        div#navulr {width: 21px;height: 21px;margin: 3px 3px 3px 7px;border: none;clear: left;float: left;}
        div#navumr {width: 21px;height: 21px;margin: 3px 3px 3px 3px;border: none;float: left;}
        div#navurr {width: 21px;height: 21px;margin: 3px 3px 3px 3px;border: none;float: left;}
 
        .nav:hover{display: block;border: none;-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);
        -o-transform:scale(1.2) rotate(360deg);transform:scale(1.2) rotate(360deg);
        -webkit-transition:webkit-transform 0.5s ease-out;transition:all 0.5s ease-out;}
        
        .startol, .startom, .startor, .startul, .startum, .startur{display: block;background-size: contain;background-repeat: no-repeat;
        text-align: center;width: 240px;height: 60px;margin: 7px ;border: none;
        padding: 123px 33px;float: left;text-decoration: none;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size:3.3vw;color: rgb(255,255,255);-webkit-transition:color 1.0s linear;transition:color 1.0s linear; }
       
        .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:hover, .startom:hover, .startor:hover, .startul:hover, .startum:hover, .startur:hover{ color: rgb(178,51,93);}
        
        .mail{text-decoration: none; font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:14px;
        color: rgb(0,0,0); -webkit-transition:color 0.3s linear;transition:color 0.3s linear; }
        .mail:hover {color: rgb(178,51,93);}
        
        
        div#hlangebot{text-align: center;width: 240px;height: 60px;margin: 7px 327px 7px 7px ;border: none;
        padding: 123px 33px;float: left;text-decoration: none;font-family: 'Raleway-Thin','Arial','sans-serif';
        font-size: 42px;color: rgb(0,0,0);}
        
        div#hlthemen, div#hlbeispiele, div#hlreferenzen, div#hlvita, div#hlkontakt{text-align: center;width: 240px;height: 60px;margin: 7px ;border: none;
        padding: 123px 33px;float: left;font-family: 'Raleway-Thin','Arial','sans-serif';  font-size:42px;
        color: rgb(0,0,0);}
        
        div#hlvita2{display: none;}
        
        div#hlkontakt2{display: none;}
        
        div#copyangebot{text-align: justify;line-height: 1.3;width: 486px;height: 306px;margin: 7px 77px 7px 77px ;
        border: none;float: left;font-family: 'Raleway-Regular','Arial','sans-serif';  font-size:1.093750vw;
        color: rgb(0,0,0);}
        
        div#copythemen{text-align: center;line-height: 2.2;width: 306px;height: 262px;margin: 7px  ;
        border: none;padding-top: 4px;float: left;font-family: 'Raleway-Regular','Arial','sans-serif'; 
        font-size:14px; color: rgb(0,0,0);}
        
        div#copybeispiele{text-align: left;line-height: 2.2;width: 585px;height: 292px;margin: 7px 7px 0px 7px ;
        border: none;padding-top: 14px;padding-left: 41px;float: left;font-family: 'Raleway-Regular','Arial','sans-serif'; 
        font-size:14px; color: rgb(0,0,0);}
        
        div#copyreferenzen{width: 619px;height:306px;margin: 7px 7px 7px 7px ;
        border: none;float: left;}
       
        div#copyvita1, div#copyvita2{text-align: left;line-height: 1.3;width: 306px;height: 256px;margin: 7px ;
        border: none;padding-top: 50px;padding-bottom: 0px;float: left;font-family: 'Raleway-Regular','Arial','sans-serif'; 
        font-size:14px; color: rgb(0,0,0);}
        
        div#copykontakt{text-align: left;line-height: 1.8;width: 246px;height: 256px;margin: 7px  ;
        border: none;padding: 50px 20px 0px 40px;float: left;font-family: 'Raleway-Regular','Arial','sans-serif'; 
        font-size:14px; color: rgb(0,0,0);}
        
        div#picro, div#picru, div#picol, div#picul, div#picmo, div#picmu {width: 306px;height: 306px;margin: 7px ;
        border: none;float: left;background-size: contain;background-repeat: no-repeat;}
        
        div#picro {background-image: url(sundownro.jpg);}
        div#picru {background-image: url(sundownru.jpg);}
        div#picol {background-image: url(sundownol.jpg);}
        div#picul {background-image: url(sundownul.jpg);clear: left;float: left;}
        div#picmo {background-image: url(sundownmo.jpg);}
        div#picmu {background-image: url(sundownmu.jpg);}
    
    div#logoarumedia, div#logoexcelsis, div#logopdirekt, div#logodaimler, div#logoevonet, div#logolook, div#logosgi
    {width: 92px;height: 92px;position: relative;border-left: 1px solid;border-top: 1px solid;float: left;
    background-size: contain;background-repeat: no-repeat; }
    
    div#logoarumedia {margin: 53px 7px 7px 200px;background-image: url(arumedia.png);}
    div#logoexcelsis {margin: 53px 7px 7px 7px;background-image: url(excelsis.png);}
    div#logopdirekt {margin: 53px 7px 7px 7px;background-image: url(pdirekt.png)}
    div#logodaimler {margin: 7px 7px 7px 200px;background-image: url(daimler.png)}
    div#logoevonet {margin: 7px 7px 7px 7px;background-image: url(evonet.png)}
    div#logolook {margin: 7px 7px 7px 7px;background-image: url(look.png)}
    div#logosgi {margin: 7px 0px 7px 7px;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 {font-family: 'Raleway-Regular','Arial','sans-serif';font-size: 14px;
    text-align: center;line-height: 1.3;width: 184px;height: 32px;padding: 30px 20px;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:hover div#logoarumedia, div#contentexcelsis:hover div#logoexcelsis, 
    div#contentpdirekt:hover div#logopdirekt, div#contentdaimler:hover div#logodaimler,
    div#contentevonet:hover div#logoevonet, div#contentlook:hover div#logolook, div#contentsgi:hover div#logosgi
    {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);
    transform:rotateY(180deg);}