h1
{font-size:24px; color:#000; font-weight:bold; text-align: left; margin: 0 0 0 0; padding: 0 ; font-family:Arial,sans-serif;  line-height: 1;}
h2
{font-size:18px; color:#000; font-weight:300; text-align: left; margin: 30px 0 10px 0; padding: 0 ; font-family:Arial,sans-serif;  line-height: 1;}
h3
{font-size:14px; color:#000; font-weight:300; text-align: left; margin: 10px 0 0 0; padding: 0 0; font-family:Arial,sans-serif;  line-height: 1; }
h4
{font-size:16px; color:#000; font-weight:300; text-align: left; margin: 0 0 0 0; padding: 0 ; font-family:Arial,sans-serif;  line-height: 1;}




/*-------------------------Links----------------------*/
a:link, a:visited, a:active
{
 text-decoration: none;
 font-weight: bold;
 color: #333333;
 border: 0px;
 outline: none;
 font-size:12px;
 font-family:Arial,sans-serif;

}

a:hover, a:focus
{
 text-decoration: none;
 color: #000000;
 border:0px;
 outline: none;
 font-size:12px;
 font-family:Arial,sans-serif;
}

button:focus
{
 border:0px;
 outline: none;
}

/*----------------------Body----------------------------*/
html, body {
height: 100%;
width: 100%;
}

body
{
  margin: auto;
  margin-top: 0px;
  font-family: Arial,sans-serif;
  font-size:12px;
  font-weight:300;
  text-align: left;
  color: #FFFFF0;
  background: #404041;
}


#clear
{
 clear: both;
}

.trans
{
  opacity: .8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=80);
}

/*----------------------Wrapper----------------------------*/

#wrapper
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 /*overflow: hidden;*/
 z-index: 1;
}
* html #wrapper {
height: 100%;
}

/*----------------------Navi----------------------------*/

 header
 {
 position: relative;
 background-repeat: no-repeat;
 width: 90%;
 height: auto;
 margin: 10px auto 30px auto;
 padding: 0;
 z-index: 40;
 }

 footer {
 margin-top: 20px;
 width: 100%;
 text-align: right;
 }

 footer a:link, footer a:visited, footer a:active
{
 color: #999999;
}

footer a:hover, footer a:focus
{
 color: #666666;
}


/*----------------------Content---------------------------*/


#bild
{
 position: relative;
 margin: 0 auto 20px auto;
 padding: 0;
 width: 80%;
 height: 200px;
 z-index: 10;
 border: 10px solid #fffff0;

 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -ms-border-radius: 10px;
 -o-border-radius: 10px;
 -khtml-border-radius: 10px;
}

.b1{background: url('../images/bild1-mobile.jpg') center center no-repeat; background-size: cover;}

.b2{margin: 0px 45px 0px 45px; background: url('../images/bild2-mobile.jpg') center center no-repeat; background-size: cover;}

.b3{background: url('../images/bild3-mobile.jpg') center center no-repeat; background-size: cover;}



.text
{
 margin: -36px 0 0 0;
 padding: 10px;
 text-align: center;
 font-size: 20px;
 color: #fffff0;
 background: rgba(0, 0, 0, .5);
 z-index: 20;
}


footer {
height: 30px;
width: 90%;
}

footer .impressum {
position: absolute;
right: 10px;
}

footer .datenschutz {
position: absolute;
right: 90px;
}

footer .social {
position: absolute;
left: 30px;
}

.shariff .twitter {
	display: none;
}

.shariff .googleplus {
	display: none;
}

.shariff .info {
	display: none;
}

.shariff span,
.shariff span:before
 {
	color: #fff;
}

.page {
background: #fff;
color: #000;
font-weight: normal;
}

.page h1 {
margin: 0 10px;
}

.pagerow {
font-weight: normal;
color: #000;
}

.pagerow.abstand {
margin: 20px 0;
padding: 20px 0;
border-top: 5px solid #999;
border-bottom: 5px solid #999;
}

.page p, .pagerow p {
font-weight: normal;
color: #000;
}





.markenlogo {
display: block;
float: left;
width: 100px;
height: 60px;
margin: 5px;
text-indent: -9999px;
background-position: 0 0;
background-size: 100%;
background-repeat: no-repeat;
}

.stone-island {
background-image: url(../images/logos/stone-islands.jpg);
}
.marcopolo {
background-image: url(../images/logos/marcopolo.jpg);
}
.gant {
background-image: url(../images/logos/gant.jpg);
}
.closed {
background-image: url(../images/logos/closed.jpg);
}
.better-rich {
background-image: url(../images/logos/better-rich.jpg);
}
.denimsupply {
background-image: url(../images/logos/denimsupply.jpg);
}
.maison-scotch {
background-image: url(../images/logos/maison-scotch.jpg);
}
.schumacher {
background-image: url(../images/logos/schumacher.jpg);
}
.furstenberg {
background-image: url(../images/logos/furstenberg.jpg);
}
.laurel {
background-image: url(../images/logos/laurel.jpg);
}
.marccain {
background-image: url(../images/logos/marccain.jpg);
}
.minx {
background-image: url(../images/logos/minx.jpg);
}
.cambio {
background-image: url(../images/logos/cambio.jpg);
}
.allude {
background-image: url(../images/logos/allude.jpg);
}
.rosa {
background-image: url(../images/logos/rosa.jpg);
}
.italy {
background-image: url(../images/logos/italy.jpg);
}
.gockel {
background-image: url(../images/logos/gockel.jpg);
}
.luisa {
background-image: url(../images/logos/luisa.jpg);
}
.bluesisters {
background-image: url(../images/logos/bluesisters.jpg);
}
.frogbox {
background-image: url(../images/logos/frogbox.jpg);
}
.schraut {
background-image: url(../images/logos/schraut.jpg);
}
.dawn {
background-image: url(../images/logos/dawn.jpg);
}
.blonde {
background-image: url(../images/logos/blonde.jpg);
}
.lola {
background-image: url(../images/logos/lola.jpg);
}
.cooper {
background-image: url(../images/logos/cooper.jpg);
}
.ballerinas {
background-image: url(../images/logos/ballerinas.jpg);
}
.crimelondon {
background-image: url(../images/logos/crimelondon.jpg);
}
.ash {
background-image: url(../images/logos/ash.jpg);
}
.tosca {
background-image: url(../images/logos/tosca.jpg);
}
.primabase {
background-image: url(../images/logos/primabase.jpg);
}
.uzzuri {
background-image: url(../images/logos/uzzuri.jpg);
}
.emu {
background-image: url(../images/logos/emu.jpg);
}
.koc {
background-image: url(../images/logos/koc.jpg);
}
.stylesnob {
background-image: url(../images/logos/stylesnob.jpg);
}
.fruit {
background-image: url(../images/logos/fruit.jpg);
}
.mascaro {
background-image: url(../images/logos/mascaro.jpg);
}
.lazamani {
background-image: url(../images/logos/lazamani.jpg);
}
.birkenstock {
background-image: url(../images/logos/birkenstock.jpg);
}
.bibi {
background-image: url(../images/logos/bibi.jpg);
}

.dorothee-schumacher {background-image: url(../images/logos/dorothee-schumacher.jpg);}
.juvia {background-image: url(../images/logos/juvia.jpg);}
.mos-mosh {background-image: url(../images/logos/mos-mosh.jpg);}
.villa-gaia {background-image: url(../images/logos/villa-gaia.jpg);}
.lala-berlin {background-image: url(../images/logos/lala-berlin.jpg);}
.parajumpers {background-image: url(../images/logos/parajumpers.jpg);}
.roqa {background-image: url(../images/logos/roqa.jpg);}
.grace {background-image: url(../images/logos/grace.jpg);}
.nakd {background-image: url(../images/logos/nakd.jpg);}
.fiorucci {background-image: url(../images/logos/fiorucci.jpg);}

.princess {background-image: url(../images/logos/princess.jpg);}
.rosemunde {background-image: url(../images/logos/rosemunde.jpg);}
.masons {background-image: url(../images/logos/masons.jpg);}
.scotch-soda {background-image: url(../images/logos/scotch-soda.jpg);}


@media only screen and (min-width: 700px) {
        #wrapper
        {
         width: 900px;
        }

        header
         { width: 385px;
         height: 111px;
         margin: 10px 0 30px 0;
         }

        #bild
        {
        float: left;
        position: relative;
        margin: 0 10px 20px 30px;
        padding: 0;
        width: 240px;
        height: 500px;
        z-index: 10;
        border: 10px solid #fffff0;

         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
         -khtml-border-radius: 10px;
        }

        .b1{background: url('../images/bild1.jpg') 0px -500px no-repeat;}
        .b1:hover{background-position: 0px 0px;}

        .b2{margin: 0px 45px 0px 45px; background: url('../images/bild2.jpg') 0px -500px no-repeat;}
        .b2:hover{background-position: 0px 0px;}

        .b3{background: url('../images/bild3.jpg') 0px -500px no-repeat;}
        .b3:hover{background-position: 0px 0px;}

        .text
        {
         margin: 10px 0 0 0;
         background: none;
        }

        .page {
        width: 700px;
        height: 530px;
        overflow: auto;
        }

        .page.damen {
        background: url('../images/bg-damen.jpg') bottom right no-repeat;
        }

        .page.herren {
        background: url('../images/bg-herren.jpg') bottom right no-repeat;
        }

        .page.magenta {
        background: url('../images/bg-magenta.jpg') bottom right no-repeat;
        }

        .pagerow {
        float: right;
        width: 210px;
        }

        .pagerow.abstand {
        margin: 0 20px;
        padding: 0 10px;
        border-top: none;
        border-bottom: none;
        height: 100%;
        }

        .markenlogo {
        float: none;
        //width: 156px;
        //height: 70px;
        //margin: 10px;
        width: 126px;
        height: 60px;
        margin: 5px;
        }
     

        .markenlogo.ten {
        width: 85px;
        height: 40px;
        float: left;
        margin: 8px 10px;
        }

        footer
        {
        margin-top: 50px;
        height: 30px;
        width: 90%;
        }
}