@charset "utf-8";
@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?83553450');
  src: url('font/fontello.eot?83553450#iefix') format('embedded-opentype'),
  url('font/fontello.woff?83553450') format('woff'),
  url('font/fontello.ttf?83553450') format('truetype'),
  url('font/fontello.svg?83553450#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('font/fontello.svg?83553450#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-cancel:before { content: '\e800'; } /* '' */
.icon-doc-text:before { content: '\e801'; } /* '' */
.icon-down-open:before { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-angle-double-up:before { content: '\e804'; } /* '' */
.icon-angle-double-down:before { content: '\e805'; } /* '' */
.icon-left:before { content: '\e806'; } /* '' */
.icon-right:before { content: '\e807'; } /* '' */
.icon-book:before { content: '\e808'; } /* '' */
.icon-down-open-big:before { content: '\e809'; } /* '' */
.icon-up-open-big:before { content: '\e80a'; } /* '' */
.icon-left-1:before { content: '\e80b'; } /* '' */
.icon-right-1:before { content: '\e80c'; } /* '' */
.icon-record:before { content: '\e80d'; } /* '' */
.icon-twitter-bird:before { content: '\e80e'; } /* '' */
.icon-facebook:before { content: '\e80f'; } /* '' */
.icon-pinterest-circled:before { content: '\e810'; } /* '' */
.icon-gplus:before { content: '\e811'; } /* '' */
.icon-tumblr:before { content: '\e812'; } /* '' */
.icon-forward:before { content: '\e813'; } /* '' */
.icon-mail-alt:before { content: '\e815'; } /* '' */
/* globals */
* {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    overflow-y: scroll;
}
body {
    background-color: #ededed;
    color: #000;
    font-family: georgia, serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}
article, aside, audio, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, time, video { 
    display: block;
}
header {
    position: relative;
}
header img.headerImage {
    position: absolute;
    top: 0;
    right: 7px;
    height: 32px;
    width: auto;
}
img {
    border: 0;
    display: block;
    -ms-interpolation-mode: bicubic;
}
li {
    list-style-type: none;
}
a {
    color: #000;
    text-decoration: none;
}
a:active {
    outline: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, select {
    vertical-align: middle;
}
textarea {
    overflow: auto;
}
.ie6 legend, .ie7 legend {
    margin-left: -7px;
}
input[type="radio"] {
    vertical-align: text-bottom;
}
input[type="checkbox"] {
    vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}
.ie6 input {
    vertical-align: text-bottom;
}
label, input[type=button], input[type=submit], button {
    cursor: pointer;
}
button, .btn-submit {
    overflow: visible;
    width: auto;
}
.hide {
    position: absolute;
    left: -9999px;
}
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;	
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
/* /globals */

/* Grundaufbau Buehne */
#outerWrapper {
    margin: 30px auto;
    position: relative;
    width: 1020px;
}
#innerWrapper {
    background: #fff;
    -moz-box-shadow: 0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
    box-shadow: 0 0 7px #ccc;
    padding: 28px 21px;
    position: relative;
    width: 978px;
    z-index: 1000;
}
#innerWrapper.withSearchHeader {
    padding-top: 0;
}
.s1, .s2, .s3, .s4, .s5, .s6 {
    display: inline;
    float: left;
    margin: 0 7px;
    min-height: 1px;
}
.s1 {width: 149px;}
.s2 {width: 312px;}
.s3 {width: 475px;}
.s4 {width: 638px;}
.s5 {width: 801px;}
.s6 {width: 964px;}
/* /Grundaufbau Buehne */

/* Werbeformen und Tracking */
#superbanner, #richmedia {
    position: relative;
    z-index: 2000;
}
#skyscraper {
    left: 1020px;
    position: absolute;
    top: 0;
    z-index: 2000;
}
#billboard {
    margin: 0 0 10px;
}
.contentbar {
    margin: 0 7px 14px 7px;
    text-align: center;
    z-index: 2000;
}
.contentbar img, .contentbar object {
    margin: 0 auto;
}
.rectangle {
    border: 1px solid #ccc;
    margin-bottom: 14px;
    min-height: 305px;
    padding: 0 5px 5px 5px;
    width: 300px;
    z-index: 2000;
}
.rectangle * {
    margin: auto;
}
.col .rectangle {
    margin: 0 auto 21px auto;
}
.rectangle span {
    color: #999;
    display: block;
    font-size: 11px;
    height: 31px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: right;
}
.rectangleFrame {
    position: absolute;
    top: 136px;
    left: 282px;
}
.col .rectangleFrame {
    position: absolute;
    top: 150px;
    left: 48px;
}
.contentbar span {
    color: #999;
    display: block;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: right;
}
.off {
    display: none;
}
.afc {
    border: 1px solid #ccc;
    padding: 0 7px;
}
.afc ul li {
    margin-top: 10px;
    zoom: 1;
}
.afc ul li p {
    padding: 0;
}
.afc .afcLabel {
    border-bottom: 1px solid #ccc;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
}
.afc .afcLabel a {
    color: #999;
}
.afc .afcHeadline {
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 900;
    line-height: 14px;
    text-transform: uppercase;
}
.afc .afcText {
    color: #666;
    font-size: 12px;
    line-height: 15px;
}
.afc .afcLink {
    font-size: 12px;
    line-height: 15px;
}
.s2 .afc {
    height: 310px;
    margin-bottom: 14px;
    overflow: hidden;
    width: 296px;
}
article .col .afc {
    height: auto;
    margin: 0 0 21px 0;
    overflow: hidden;
    padding-bottom: 13px;
    width: 392px;
}
article .col .afc ul li {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
}
article .col .afc p a {
    text-decoration: none;
}
.afc .afcLink a:hover, .afc .afcLink a:focus, .afc .afcLink a:active,
article .col .afc p a:hover, article .col .afc p a:focus, article .col .afc p a:active {
    color: #000;
    text-decoration: underline;
}
article .afc {
    height: 106px;
    margin: 0 30px 30px 30px;
    width: 860px;
}
article .afc ul li {
    display: inline;
    float: left;
    margin-left: 100px;
    width: 218px;
}
article .afc ul li:first-child {
    margin-left: 0;
}
.photoGallery .hentry .ad {
    background-color: #ebebeb;
    height: 584px;
    margin-bottom: 87px;
    width: 876px;
}
.photoGallery .hentry .rectangle {
    margin:10% auto;
}
.col .photoGallery .hentry .ad {
    height: 612px;
    width: 408px;
    margin-bottom: 103px;
}
.mark {
    text-align: right;
    width: 962px;
    color: #000;
    font-size: 10px;
    line-height: 8px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin: 0 7px;
}
.mark span {
    margin: 0 30px 0 0;
    background-color: #fff;
    text-transform: uppercase;
    position: relative;
    top: 5px;
    padding: 0 10px;
}
#content + .mark {
    margin: 6px 7px;
    border-bottom: none;
    border-top: 1px solid #000;
}
#content + .mark span{
    top: -5px;
}
.ie7 .mark {
    border-left: none;
    border-right: none;
}
/* /Werbeformen und Tracking */

/* Navigation und Footer */
nav {
    font-size: 14px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 21px;
}
nav strong {
    color: #a8a8a8;
    font-weight: 900;
}
nav .navmain {
    left: -3px;
    position:relative;
}
.withSearchHeader nav .navmain {
    margin-top: 0;
    padding-top: 6px;
    border-top: 1px solid #dadada;	
}
nav .navmain li {
    display: inline;
    float: left;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin: 0 13px;
    text-transform: uppercase;
}
nav .navmain li a:hover, nav .navmain li a:focus, nav .navmain li a:active {
    color: #ff00cd;
}
nav .breadcrumb {
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 13px;
  height: 15px;
  margin: 0 7px;
  margin-bottom: 2px;
}
nav .breadcrumb h1 {
  display: inline;
  font-size: 13px;
  font-weight: normal;
  color: black;
}
nav .breadcrumb li {
    display: inline;
    float: left;
    padding: 0 2px 0 0;
}
nav .breadcrumb a {
    color: #999;
}
nav .breadcrumb a:hover, nav .breadcrumb a:focus, nav .breadcrumb a:active {
    color: #000;
    text-decoration: underline;
}
/* detailsLeiste */
nav .navSubjects {
    /*margin: 0px 7px 15px 7px;*/
    margin: 0px;
    width: 964px;
    float: left;
    margin-left: 7px;
}
nav .navSubjects h2 {
  line-height: 19px;
  display: inline-block;
  margin: 0px;
  text-transform: none;
  font-size: 22px;
  font-family: Georgia, Arial, Sans-Serif;
  font-style: italic;
  color: #a8a8a8;
}
nav .navSubjectsBottomLine {
    float: right;
    position: relative;
    height: 2px;
    width: 100%;
    background-color: #a8a8a8;
    margin-top: -1px;
    margin-bottom: 28px;
}
/* dropdown menu */
nav .navSubjects ul {
    list-style: none;
    display: block;
}
nav .navSubjects ul li {
    position: relative;
    display: list-item;
    z-index: 2010;
}
nav .navSubjects > ul > li {
    float: left;
    margin-left: 25px;
}
nav .navSubjects > ul li:hover > a {
  color: black;
}
nav .navSubjects > ul > li:first-child {
    margin-left: 0px;
    height: 31px;
}
nav .navSubjects > ul a {
    white-space: nowrap;
    display: block;
    padding: 5px 7px;
}
nav .navSubjects ul > li.active > a, nav .navSubjects ul > li.active > a h2 {
    color: black;
}
nav .navSubjects > ul > li:hover > ul {
    display: block;
}
nav .navSubjects ul ul {
    position: absolute;
    background-color: #a8a8a8;
    border: 6px solid #a8a8a8;
    margin-left: 6px;
    display: none;
    z-index: 2010;
}
nav .navSubjects ul ul li {
    border: none;
    border-top: 1px solid #CFCFCF;
}
nav .navSubjects ul ul li:first-child {
    border-top: none;
}
nav .navSubjects li a {
  font-size: 22px;
  font-family: Georgia;
  color: #a8a8a8;
  font-style: italic;
}
nav .navSubjects ul ul li a  {
    background-color: #a8a8a8;
    color: white;
    padding: 5px 10px 5px 10px;
}
/* book icon styling */
nav .navSubjects li.header div.book {
    position: relative;
    /*background: url('/National_Library/20161222123739oe_/http://www.stylebook.de/img/iconBook_21px.png');*/
    float: left;
    left: -1px;
    width: 21px;
    height: 21px;
}
nav .navSubjects li.header {
    background-color: #a8a8a8;
}
nav .navSubjects li.header a {
    font-size: 18px;
    font-family: Arial Black, Sans-Serif;
    font-weight: bolder;
    font-style: normal;
    color: white;
}
.fb-like, .fb-like-en {
    border: 0;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 44px;
    width: 80px;
}
.fb-like-en {
    width: 50px;
}
.skip {
    margin: 0;
}
.skip a {
    background: #fc0;
    background: rgba(255,204,0,.2);
    display: inline;
    float: left;
    font-size: 18px;
    font-style: italic;
    left: -9999px;
    margin: 10px;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: -9999px;
}
.skip a:focus {
    left:0;
    top:0;
    z-index:9999;
}
.logo {
    margin-bottom: 14px;
    padding: 0 7px;
}
.fb-activity {
    height: 312px;
    width: 312px;
}
footer {
    color: #999;
    font-size: 11px;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 16px 0 0 0;
    margin: 0 7px;
    text-align: center;
}
footer section, footer ol {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/trenner.gif) repeat-x 0 0 transparent;
}
footer  ol {
    background-position: 0 100%;
    color: #999;
    font-size: 13px;
    height: 42px;
    margin-bottom: 26px;
    padding: 0 4px;
    text-transform: uppercase;
}
footer ol li {
    display: inline;
    float: left; 
    margin: 0 6px 0 0 ;
    padding: 16px 0 0 0;
    vertical-align: baseline;
}
footer ol li.alt {
    font-size: 9px;
    padding: 17px 0 0;
}
footer ol li#bild {
    display: inline;
    float: right;
    font-size: 9px;
    padding: 15px 0 0 0;
    margin: 0 -4px 0 0;
}
footer ol li#bild img {
    display: inline;
    vertical-align: middle;
    position: relative;
    top: -8px;
}
footer ol li a,
footer ul li a {
    color: #999;
}
footer li a:hover,
footer li a:active,
footer li a:focus {
    text-decoration: underline;
}
footer h3 {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 2px 0;
}
footer h4 {
    margin: 0 0 4px 0;
}
footer h4 abbr {
    border: 0;
}
footer h4 span {
    color: #fff;
    background: #999;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 20px;
    padding: 0 10px;
    text-transform: uppercase;
}
footer ul {
    line-height: 12px;
    font-size: 10px;
    margin: 0 auto 5px;
    width: 92%;
}
footer ul li {
    display: inline;
}
/*/Navigation und Footer */

/* Teaserblock */
hr.seam {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/trenner.gif) repeat-x;
    border: 0;
    color: #ccc;
    height: 1px;
    margin: 14px 7px 28px 7px;
}
hr.blank {
    border: 0;
    color: #fff;
    height: 1px;
    margin: 14px 7px 0px 7px;
}
h2 {
    color: #a8a8a8;
    font-size: 29px;
    font-weight: normal;
    line-height: 32px;
    margin: 0 7px 14px 7px;
    text-transform: uppercase;
}
.content h2 {
    margin: 0 0 14px 0;
}
.hentry {
    position: relative;
    margin-bottom: 14px;
}
.hentry .entry-content {
    clear: both;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding: 5px 10px 0 10px;
    margin-bottom: -5px;
}
.hentry .getIt {
    height: 58px;
    position: absolute;
    right: 6px;
    top: -2px;
    width: 17px;
}
.hentry .getIt a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/get-it-17x58.png) no-repeat;
    display: block;
    height: 58px;
    overflow: hidden;
    text-indent: -9999px;
    width: 17px;
}
/* Highlight auf Home und Channelseiten z.Z. nicht gewünscht
.hentry .getIt a:hover, .hentry .getIt a:focus, .hentry .getIt a:active {
        background-position: -17px 0;
}
*/
.hentry .getTheLook {
    height: 143px;
    position: absolute;
    right: 10px;
    top: -2px;
    width: 23px;
}
.hentry .getTheLook a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/get-the-look-23x143.png) no-repeat;
    display: block;
    height: 143px;
    overflow: hidden;
    text-indent: -9999px;
    width: 23px;
}
/* Highlight auf Home und Channelseiten z.Z. nicht gewünscht
.hentry .getTheLook a:hover, .hentry .getTheLook a:focus, .hentry .getTheLook a:active {
        background-position: -23px 0;
}
*/
.t16 .getIt {
    left: 10px;
}
.entry-title .kicker {
    color: #a8a8a8;
    display: block;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}
.entry-title .headline {
    display: block;
    font-style: italic;
    font-weight: normal;
    text-transform: uppercase;
}
.t1:hover .entry-title .headline span, .t1:focus .entry-title .headline span, .t1:active .entry-title .headline span,
.t5:hover .entry-title .headline span, .t5:focus .entry-title .headline span, .t5:active .entry-title .headline span,
.t9:hover .entry-title .headline span, .t9:focus .entry-title .headline span, .t9:active .entry-title .headline span,
.t11:hover .entry-title .headline span, .t11:focus .entry-title .headline span, .t11:active .entry-title .headline span,
.t12:hover .entry-title .headline span, .t12:focus .entry-title .headline span, .t12:active .entry-title .headline span,
.t13:hover .entry-title .headline span, .t13:focus .entry-title .headline span, .t13:active .entry-title .headline span,
.stylesTeaser .hentry:hover .entry-title .headline span,
.stylesTeaser .hentry:focus .entry-title .headline span,
.stylesTeaser .hentry:active .entry-title .headline span,
.rotatingTeaser .hentry:hover .entry-title .headline span,
.rotatingTeaser .hentry:focus .entry-title .headline span,
.rotatingTeaser .hentry:active .entry-title .headline span,
.t3 a:hover div, .t3 a:focus div, .t3 a:active div,
.t3 a:hover .kicker, .t3 a:focus .kicker, .t3 a:active .kicker,
.t4 a:hover div, .t4 a:focus div, .t4 a:active div,
.t4 a:hover .kicker, .t4 a:focus .kicker, .t4 a:active .kicker,
.t7 a:hover div, .t7 a:focus div, .t7 a:active div,
.t7 a:hover .kicker, .t7 a:focus .kicker, .t7 a:active .kicker,
.t17 a:hover div, .t17 a:focus div, .t17 a:active div,
.t17 a:hover .kicker, .t17 a:focus .kicker, .t17 a:active .kicker, .t24 a:hover span {
    background-color: #000;
    color: #fff;
}
.t0 * {
    margin: auto;
}
.t1 {
    height: 312px;
    width: 312px;
}
.t2 {
    height: 638px;
    width: 312px;
}
.t3 {
    background: #000;
    height: 312px;
    width: 638px;
}
.t4 {
    background: #000;
    height: 359px;
    width: 638px;
}
.t5 {
    height: 312px;
    width: 638px;
}
.t6 {
    height: 83px;
    width: 312px;
}
.t7 {
    overflow: hidden;
    width: 964px;
    zoom: 1;
}
.t8 {
    height: 80px;
    overflow: hidden;
    width: 312px;
}
.t9 {
    height: 312px;
    width: 475px;
}
.t10 {
    height: 64px;
    overflow: hidden;
    width: 312px;
}
.t11, .rotatingTeaser .hentry {
    height: 638px;
    width: 638px;
}
.t12 {
    height: 638px;
    width: 964px;
}
.t13 {
    height: 638px;
    width: 312px;
}
.t14 {
    height: 312px;
    width: 475px;
}
.t15 {
    height: 246px;
    width: 312px;
}
.t16 {
    height: 149px;
    width: 638px;
}
.t17 {
    background: #000;
    height: 542px;
    margin-bottom: 0;
    width: 964px;
}
.t18 {
    height: 149px;
    width: 628px;
    margin-left: 18px;
}
.t18 .entry-footer {
    font-family: georgia, serif;
    font-size: 13px;
    text-align: left;
    padding: 5px 0 0 0;
    margin: 0;	
}
.t23 {
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    height: 200px;
    padding: 42px 55px 68px;
    width: 200px;
}
.t1 .entry-title, .t2 .entry-title, .t5 .entry-title,
.t9 .entry-title, .t11 .entry-title, .t12 .entry-title,
.t13 .entry-title, .stylesTeaser .hentry .entry-title {
    margin-right: 10px;
}
.t1 a div, .t5 a div, .t9 a div, .t13 a div, .stylesTeaser .hentry a div {
    bottom: 10px;
    cursor: pointer;
    left: 0;
    position: absolute;
}
.t23 div {
    top: 10px;
    left: 0;
    position: absolute;
}
.t24 div {
    bottom: 10px;
    left: 0;
    position: absolute;
}
.t23 .shopping {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.35);
    border-radius: 12px;
    box-shadow: 0px 0px 4px rgba(0,0,0,.35);
    bottom: 8px;
    color: #ff00cd;
    display: block;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 21px;
    height: 25px;
    left: 105px;
    position: absolute;
    text-align: center;
    width: 110px;
}
.t23 .soldout {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/bg-button.png) top left repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.35);
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0,0,0,.35);
    bottom: 6px;
    color: #ff00cd;
    display: block;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
    height: 33px;
    left: 96px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    width: 118px;
}
.no-boxshadow .t23 .shopping, .no-boxshadow .t23 .soldout {
    border: 1px solid #e3e3e3;
}
.t23 .shopping:hover, .t23 .shopping:focus, .t23 .shopping:active {
    background-color: #ff00cd;
    color: #fff;
}
.stylesTeaser .hentry a div {
    width: 428px;
}
.t2 a div {
    bottom: 70px;
    cursor: pointer;
    left: 0;
    position: absolute;
}
.t3 a div, .t4 a div {
    background-color: #fff;
    bottom: 20px;
    cursor: pointer;
    height: 74px;
    left: -4px;
    margin-right: 10px;
    position: absolute;
}
.t17 a div {
    background-color: #fff;
    bottom: 40px;
    cursor: pointer;
    height: 90px;
    left: -4px;
    margin-right: 10px;
    position: absolute;
}
.t3 a div, .t4 a div, .t17 a div {
    background-color: rgba(255,255,255,.7);
}
.t6 a div, .t8 a div, .t10 a div, .t15 a div, .t16 a div, .t18 a div {
    cursor: pointer;
}
.t7 a div {
    background: #fff;
    cursor: pointer;
    height: 113px;
    left: 50%;
    margin: -67px 0 0 -213px;
    overflow: hidden;
    padding: 12px 10px 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 406px;
}
.t11 a div, .t12 a div {
    bottom: 35px;
    cursor: pointer;
    left: 0;
    position: absolute;
}
.t14 a div {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
}
.t14 .lotd {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/lotd-quer.png) no-repeat;
    height: 312px;
    width: 475px;
}
.t14:hover .lotd, .t14:focus .lotd, .t14:active .lotd {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/lotd-quer.png) no-repeat 0 -312px;
}
.t14 .kicker {
    margin-top: 108px;
}
.t1 .photo {
    height: 312px;
    overflow: hidden;
    width: 312px;
}
.t2 .photo, .t13 .photo {
    height: 638px;
    overflow: hidden;
    width: 312px;
}
.t3 .player, .t3 .photo {
    margin: 0 42px;
}
.t5 .photo {
    height: 312px;
    overflow: hidden;
    width: 638px;
}
.t4 .photo {
    height: 359px;
    overflow: hidden;
    width: 638px;
}
.t6 .photo {
    display: inline;
    float: left;
    margin-right: 14px;
}
.t8 .photo {
    display: inline;
    float: left;
    margin-right: 14px;
}
.t9 .photo, .t14 .photo {
    height: 312px;
    overflow: hidden;
    width: 475px;
}
.t15 .photo {
    margin-bottom: 6px;
}
.stylesTeaser .photo {
    height: 638px;
    overflow: hidden;
    width: 428px;
}
.themenseiten .stylesTeaser .photo {
    height: 312px;
    width: 312px;
}
.t1 .kicker, .t2 .kicker, .t5 .kicker, .t9 .kicker, .t13 .kicker,
.t14 .kicker, .t23 .kicker, .stylesTeaser .hentry .kicker, .reviewTeaser .output .kicker,
.searchfilter .kicker {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/schaerpe-links.png) no-repeat bottom left;
    color: #fff;
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin-left: -4px;
    padding: 4px 10px 8px 14px;
}
.t7 .kicker {
    color: #000;
    font-size: 23px;
    line-height: 23px;
    margin: 0 0 8px 0;
}
.t7 .headline {
    font-size: 37px;
    line-height: 41px;
    height: 80px;
    overflow: hidden;
}
.t7 .headline span {
    display: inline;
    padding: 0 5px;
}
.t11 .kicker, .t12 .kicker, .rotatingTeaser .hentry .kicker {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/schaerpe-links.png) no-repeat bottom left;
    color: #fff;
    display: inline;
    float: left;
    font-size: 20px;
    line-height: 23px;
    margin-left: -4px;
    margin-bottom: 4px;
    padding: 2px 10px 8px 19px;
}
.t1 .headline, .t5 .headline, .t9 .headline,
.t13 .headline, .stylesTeaser .hentry .headline {
    font-size: 28px;
    line-height: 32px;
}
.t24 .headline {
  font-size: 18px;
  line-height: 32px;
}
.t11 .headline, .rotatingTeaser .hentry .headline {
    font-size: 42px;
    line-height: 45px;
}
.t12 .headline {
    font-size: 60px;
    line-height: 65px;
}
.t1 .headline span, .t5 .headline span,
.t9 .headline span, .t13 .headline span,
.stylesTeaser .headline span, .t24 .headline span {
    background: #fff;
    clear: left;
    display: inline;
    color: #000;
    float: left;
    padding: 0 5px 0 10px;
}
.t23 .headline span {
    font-size: 20px;
    line-height: 26px;
    background: #fff;
    display: inline;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 236px;
    width: 292px;
}
.t11 .headline span, .t12 .headline span, .rotatingTeaser .hentry .headline span {
    background: #fff;
    clear: left;
    display: inline;
    float: left;
    padding: 0 10px 0 15px;
}
.t11 .entry-content, .t12 .entry-content, .rotatingTeaser .hentry .entry-content {
    padding: 10px 10px 0 10px;
    margin-bottom: 0;
}
.dualTeaser {
    height: 312px;
    margin-bottom: 14px;
    width: 638px;
}
.dualTeaser li {
    display: inline;
    float: left;
    height: 312px;
    width: 312px;
}
.dualTeaser .t1, .tripleTeaser .t6, .quadTeaser .t6 {
    margin-bottom: 0;
}
.dualTeaser li:first-child {
    margin-right: 14px;
}
.s6 .videoPlayer {
    min-height: 359px;
    margin-bottom: 14px;
    position: relative;
    width: 964px;
}
.s6 .videoPlayer .t4 {
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
}
.tripleTeaser, .quadTeaser {
    height: 359px;
    left: 652px;
    position: absolute;
    top: 0;
    width: 312px;
}
.tripleTeaser li {
    margin-top: 30px;
}
.quadTeaser li {
    margin-top: 9px;
}
.ie7 .tripleTeaser li, .ie7 .quadTeaser li {
    display: inline;
    float: left;	
}
.tripleTeaser li:first-child, .quadTeaser li:first-child {
    margin: 0;
}
.t2 .lotd {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/look-of-the-day.png) 0 0 no-repeat;
    padding-top: 138px;
    min-width: 200px;
}
.t2:hover .lotd, .t2:focus .lotd, .t2:active .lotd {
    background-position: 0 -1068px;
}
.t3 .duration, .t4 .duration {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 13px;
    font-style: italic;
    line-height: 18px;
}
.t17 .duration {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 16px;
    font-style: italic;
    line-height: 19px;
}
.ie7 .t3 .duration, .ie7 .t4 .duration {
    position: relative;
    text-align: right;
    margin-bottom: -18px;
}
.ie7 .t17 .duration {
    position: relative;
    text-align: right;
    margin-bottom: -19px;
}
.t3 .entry-title, .t4 .entry-title {
    min-width: 225px;
    padding: 0 10px 0 84px;
}
.t17 .entry-title {
    padding: 0 10px 0 100px;
}
.t3 .kicker, .t4 .kicker {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 0 0 0;
    height: 18px;
    overflow: hidden;
}
.t17 .kicker {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    padding: 8px 0 10px 0;
    height: 19px;
    overflow: hidden;
}
.t3 .headline, .t4 .headline {
    font-size: 28px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}
.t17 .headline {
    font-size: 28px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}
.t6 .kicker,
.t8 .kicker,
.t10 .kicker,
.t15 .kicker {
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
}
.t6 .headline {
    font-size: 19px;
    height: 69px;
    line-height: 22px;
    margin-top: 2px;
    overflow: hidden;
}
.t10 .headline,
.t15 .headline {
    font-size: 20px;
    height: 46px;
    line-height: 23px;
    margin-top: 3px;
    overflow: hidden;
}
.t8 .headline {
    font-size: 16px;
    height: 38px;
    line-height: 19px;
    margin-top: 1px;
    overflow: hidden;
}
.t6 a:hover .headline, .t6 a:focus .headline, .t6 a:active .headline,
.t8 a:hover .headline, .t8 a:focus .headline, .t8 a:active .headline,
.t10 a:hover .headline, .t10 a:focus .headline, .t10 a:active .headline,
.t15 a:hover .headline, .t15 a:focus .headline, .t15 a:active .headline,
.t16:hover .headline, .t16:focus .headline, .t16:active .headline,
.t18:hover .headline, .t18:focus .headline, .t18:active .headline,
.moreVideos a:hover, .moreVideos a:focus, .moreVideos a:active {
    text-decoration: underline;
}
.t3 .playerIcon, .t4 .playerIcon {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/playbutton-video-teaser-gross.png) no-repeat;
    display: inline;
    float: left;
    height: 78px;
    text-indent: -9999px;
    width: 74px;
}
.t6 .playerIcon {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/playbutton-video-teaser-klein.png) no-repeat;
    height: 34px;
    left: -4px;
    position: absolute;
    top: 40px;
    width: 30px;
    text-indent: -9999px;
}
.t15 .playerIcon {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/playbutton-video-teaser-mittel.png) no-repeat;
    height: 49px;
    left: -4px;
    position: absolute;
    top: 120px;
    width: 45px;
    text-indent: -9999px;
}
.t17 .playerIcon {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/playbutton-video-teaser-maxi.png) no-repeat;
    display: inline;
    float: left;
    height: 94px;
    text-indent: -9999px;
    width: 90px;
}
.t16 a img {
    display: inline;
    float: left;
    margin-right: 14px;
}
.t16 .entry-title,
.t18 .entry-title {
    padding-top: 14px;
}
.t16 .kicker,
.t18 .kicker {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/schaerpe-links.png) bottom left no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin-left: -18px;
    padding: 4px 10px 9px 18px;
    position: relative;
    z-index: 1;
}
.t16 .kicker {
    max-width: 456px;
}
.t16 .headline {
    font-size: 20px;
    line-height: 23px;
    margin-top: 2px;
    max-height: 46px;
    overflow: hidden;
}
.t18 .headline {
    margin: 4px 0 1px 0;
    height: 23px;
    overflow: hidden;
}
.t16 .entry-content,
.t18 .entry-content {
    clear: none;
    color: #000;
    font-size: 14px;
    height: 57px;
    line-height: 19px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 2px 10px 0 0;
}
.moreVideos  {
    height: 20px;
    width: 282px;
}
.moreVideos a  {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/weitere-videos.png) top right no-repeat;
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: 900;
    height: 20px;
    padding-right: 30px;
    text-align: right;
    text-transform: uppercase;
    width: 282px;
}
.hTopList li {
    display: inline;
    float: left;
    margin-right: 14px;
}
.hTopList .last {
    margin-right: 0;
}
.vTopList {
    height: 312px;
    overflow: hidden;
    width: 312px;
    margin-bottom: 14px;
}
.vTopList .t8 {
    margin-bottom: 36px;
}
.hTopList .t8 .index, .vTopList .t8 .index {
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
}
.rotatingTeaser {
    height: 638px;
    position: relative;
    width: 638px;
}
.rotatingTeaser .photo, .t11 .photo, .t12 .photo {
    bottom: 0;
    left: 0;
    position: absolute;
}
.rotatingTeaser .hentry a div {
    bottom: 85px;
    cursor: pointer;
    left: 0;
    position: absolute;
}
.rotatingTeaser nav {
    left: 14px;
    position: absolute;
    top: 10px;
    z-index: 100;
}
.rotatingTeaser nav ol li {
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 2px;
}
.rotatingTeaser nav ol li a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/paginierung-teaserliste-home.png) no-repeat;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
}
.rotatingTeaser nav ol .active a {
    background-position: 0 -20px;
}
.rotatingTeaser .prev {
    position: absolute;
    bottom: 20px;
    left: -8px;
    width: 43px;
    height: 43px;
}
.videoSlider .prev {
    position: absolute;
    top: 60px;
    left: -8px;
    width: 43px;
    height: 43px;
    display: none;
}
.photoSlider .prev {
    position: absolute;
    top: 82px;
    left: -8px;
    width: 43px;
    height: 43px;
}
.rotatingTeaser .prev a, .videoSlider .prev a, .photoSlider .prev a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/pfeile-teaserliste-home.png) no-repeat;
    display: block;
    height: 43px;
    overflow: hidden;
    text-indent: -9999px;
    width: 43px;
}
.rotatingTeaser .prev a:hover, .rotatingTeaser .prev a:focus, .rotatingTeaser .prev a:active,
.videoSlider .prev a:hover, .videoSlider .prev a:focus, .videoSlider .prev a:active,
.photoSlider .prev a:hover, .photoSlider .prev a:focus, .photoSlider .prev a:active {
    background-position: 0 -43px;
}
.rotatingTeaser .next {
    position: absolute;
    bottom: 20px;
    right: -8px;
    width: 43px;
    height: 43px;
}
.videoSlider .next {
    position: absolute;
    top: 60px;
    right: -8px;
    width: 43px;
    height: 43px;
    display: none;
}
.photoSlider .next {
    position: absolute;
    top: 82px;
    right: -8px;
    width: 43px;
    height: 43px;
}
.videoSlider .next.active,
.videoSlider .prev.active {
    display: block;
}
.rotatingTeaser div.prev,
.rotatingTeaser div.next,
.rotatingTeaser nav {
    display: none;
}
.rotatingTeaser .prev.active,
.rotatingTeaser .next.active,
.rotatingTeaser .active {
    display: block;
}
.rotatingTeaser .next a, .videoSlider .next a, .photoSlider .next a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/pfeile-teaserliste-home.png) no-repeat -43px 0;
    display: block;
    height: 43px;
    overflow: hidden;
    text-indent: -9999px;
    width: 43px;
}
.rotatingTeaser .next a:hover, .rotatingTeaser .next a:focus, .rotatingTeaser .next a:active,
.videoSlider .next a:hover, .videoSlider .next a:focus, .videoSlider .next a:active,
.photoSlider .next a:hover, .photoSlider .next a:focus, .photoSlider .next a:active {
    background-position: -43px -43px;
}
.videoSlider {
    position: relative;
    height: 246px;
    width: 964px;
    margin-bottom: 14px;
}
.videoSlider .videoTeaser {
    height: 246px;
    margin-left: -4px;
    overflow: hidden;
    position: relative;
    width: 968px;
}
.videoSlider .videoTeaser ul {
    height: 246px;
    left:4px;
    position: absolute;
    top: 0;
    width: 9780px;
}
.videoTeaser ul li {
    display: inline;
    float: left;
    margin-right: 14px;
}
.videoSlider ul li .t15 .headline {
    width:312px;/*ie8*/
}
.photoSlider {
    position: relative;
    height: 204px;
    width: 964px;
    margin-bottom: 14px;
}
.photoSlider .photoTeaser {
    height: 204px;
    overflow: hidden;
    position: relative;
    width: 964px;
}
.photoSlider .photoTeaser ul {
    height: 204px;
    left: 0;
    position: absolute;
    top: 0;
    width: 9780px;
}
.photoSlider .photoTeaser ul li {
    display: inline;
    float: left;
    margin-right: 14px;
}
.rotatingTeaser ul li {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    background-color: #fff; /*ie*/
}
.rotatingTeaser ul li.active {
    opacity: 1;
    display: block;
    filter: alpha(opacity=100);
}
.scrolling .videoTeaser {
    margin-left: 0;
    width: 964px;
}
.scrolling .videoTeaser ul {
    left: 0;
}
.stylesTeaser {
    height: 638px;
    position: relative;
    width: 638px;
    margin-bottom: 14px;
}
.themenseiten .stylesTeaser {
    height: 312px;
}
.stylesTeaser .hentry {
    height: 638px;
    margin-bottom: 0;
    width: 428px;
}
.themenseiten .stylesTeaser .hentry {
    height: 312px;
    width: 312px;
}
.stylesTeaser .stylesList {
    -moz-box-shadow: 0 0 8px #e3e3e3;
    -webkit-box-shadow: 0 0 8px #e3e3e3;
    box-shadow: 0 0 8px #e3e3e3;
    border: 1px solid #e3e3e3;
    height: 610px;
    left: 428px;
    padding: 13px 0;
    position: absolute;
    top: 0;
    width: 208px;
}
.stylesTeaser .stylesList li {
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding-bottom: 4px;
    text-align: center;
    width: 208px;
}
.stylesTeaser .stylesList li a {
    color: #a8a8a8;
    display: block;
    font-style: italic;
    font-weight: normal;
    height: 30px;
    padding-bottom: 4px;
    text-transform: uppercase;
}
.stylesTeaser .stylesList li .active, .stylesTeaser .stylesList li a:hover,
.stylesTeaser .stylesList li a:focus, .stylesTeaser .stylesList li a:active {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/schaerpe-rechts.png) no-repeat right bottom;
    color: #fff;
    margin-right: -4px;
    zoom: 1;
}
.stylesTeaser .stylesList li .active {
    font-size: 17px;
}
.stylesTeaser .stylesTeaserContent {
    height: 638px;
    left: 0;
    position: absolute;
    top: 0;
    width: 428px;
}
.stylesTeaser.themenseiten .stylesTeaserContent {
    height: 312px;
    width: 312px;
}
.stylesTeaser .stylesTeaserContent li {
    display: none;
}
.stylesTeaser .stylesTeaserContent li.active {
    display: block;
}
.stylesTeaser .hentry .getTheLook {
    right: 20px;
}
.entry-content.alt {
    color: #000;
}
/* /Teaserblock */

/* twitter */
.twitterTeaser {
    border: 1px solid #eaeaea;
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    height: 310px;
    margin-bottom: 14px;
    overflow: hidden;
    width: 310px;
}
.no-boxshadow .twitterTeaser {
    border: 2px solid #eaeaea;
    height: 308px;
    width: 308px;
}
.twitterTeaser section {
    margin-bottom: 0;
    padding: 20px 0 8px 20px;
}
.twitterTeaser .twtr-hd,
.twitterTeaser .twtr-ft {
    display: none;
}
.twitterTeaser .twtr-widget .twtr-tweet-wrap {
    padding-left: 0;
}
.twitterTeaser h2 {
    color: #000;
    font-size: 28px;
    line-height: 24px;
    margin: 0 0 12px 0;
}
.twitterTeaser h2 img {
    display: inline;
    display: inline-block;
    left: 6px;
    position: relative;
    top: 3px;
}
.twitterTeaser .feed {  
    height: 218px;
    width: 281px;
}
.twitterTeaser .feed .created,
.twitterTeaser .feed .user {
    color: #0cd;
}
.twitterTeaser .feed .created {
    display: block;
}
/* /twitter */
/* Facebook Activity */
.facebookActivityFeed {
    height: 312px;
    margin-bottom: 14px;
    overflow: hidden;
    width: 312px;
}
.facebookurl {
    visibility:hidden;
    position:absolute;
    left:-9999px;
}
/* /Facebook Activity */
/* scrollbar */
.scrollerWrapper {
    left: 0;
    padding: 0 43px 0 0;
    position: absolute;
    top: 0;
}
.scrollbar {
    visibility:hidden;
}
.scrollEnabled .scrollbar {
    visibility:visible;
}
.scrollbar, 
.scrollbar .next,
.scrollbar .prev {
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
}
.scrollbar .next,
.scrollbar .prev {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/pfeile-teaserliste-home_vertical.png) 0 0 no-repeat;
    cursor: pointer;
    height: 43px;
    text-indent: -9999px;
}
.scrollbar .next {
    background-position: 0 -43px;
    bottom: 0;
    top: auto;
}
.scrollbar div.active {
    background-position: -43px 0;
}
.scrollbar .next.active{
    background-position: -43px -43px;
}
/* /scrollbar */
/* Fadeframe (Galerien)*/
.fadeFrame {
    background-color: #fff;
    display: none;
    height: 105%; /*wegen der Schaerpe*/
    left: 0;
    position: absolute;
    top: -5px;
    width: 100%;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.gtlShop .fadeFrame {
    height: 102%;
}
.isFading .fadeFrame {
    display: block;
}
/* /Fadeframe */
/* Review */
.reviewTeaser {
    height: 475px;
    width: 978px;
    margin-bottom: 14px;
}
.reviewTeaser .hentry {
    margin-bottom: 0;
}
.reviewTeaser li {
    display: inline;
    float: left;
    margin: 0 14px 0 0;
    margin-bottom: 14px;
    position: relative;
}
.reviewTeaser .extender {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.reviewTeaser .output {
    width: 312px;
}
.reviewTeaser .output .hentry {
    height: 149px;
    position: relative;
    width: 312px;
}
.reviewTeaser .output .entry-title {
    position: absolute;
    top: 10px;
}
.reviewTeaser .output .headline {
    clear: left;
    font-size: 28px;
    padding-left: 10px;
    line-height: 31px;
}
/* Bug in Safari lässt nachfolgende Inhalte flackern
.reviewTeaser a:hover img, .reviewTeaser a:focus img, .reviewTeaser a:active img {
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
        box-shadow: 0px 0px 10px rgba(0,0,0,.25);
        position: relative;
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 200;
}
.reviewTeaser img {
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease;
}
*/
/* /Review */

/* In & Out */

div.inOutTeaser {
    -webkit-box-shadow: inset 0px 0px 5px #e1e1e1;
    -moz-box-shadow: inset 0px 0px 5px #e1e1e1;
    box-shadow: inset 0px 0px 5px #e1e1e1;
    height: 275px;
    margin-bottom: 14px;
    padding: 19px 19px 18px;
}
.no-boxshadow div.inOutTeaser {
    border: 2px solid #e1e1e1;
    height: 271px;
}
div.inOutTeaser.author .in,div.inOutTeaser.author .out {
    margin-bottom: -55px;
}
div.inOutTeaser .in,div.inOutTeaser .out {
    width: 292px;
}
div.inOutTeaser .in {
    display: inline;
    float: left;
}
div.inOutTeaser .in h3,
div.inOutTeaser .in .entry-content {
    text-align: right;
}
div.inOutTeaser .out {
    display: inline;
    float: right;
}
div.inOutTeaser .out .photo {
    display: inline;
    float: left;
    margin-right: 10px;
}
div.inOutTeaser .in .photo {
    display: inline;
    float: right;
    margin-left: 10px;
}
div.inOutTeaser div.author {
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    width: 100%;
}
div.inOutTeaser div.author img {
    margin:0 auto 10px;
    position: relative;
}
div.inOutTeaser .author {
    color: #999;
}
div.inOutTeaser .author strong {
    color: #000;
}
div.inOutTeaser h3 {
    overflow:hidden;
    font-size: 20px;
    line-height: 21px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
}
div.inOutTeaser .entry-content {
    clear: none;
    color: #000;
    font-size: 14px;
    line-height: 19px;
}
div.inOutTeaser .entry-title {
    height: 65px;
    text-indent: -9999em;
}
div.inOutTeaser .in .entry-title {
    background: #fff url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/inout-in.png) 60px 0 no-repeat;	
}
div.inOutTeaser .out .entry-title {
    background: #fff url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/inout-out.png) 165px 0 no-repeat;	
}
.ie7 div.inOutTeaser .out .entry-title {
    background-position: 4px 0;
} 
.inOutTeaser .source {
    background: #fff url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/inout-speech-bubble.png) top center no-repeat;	
    padding-top: 24px;
}
.inOutTeaser .source span.pre {
    position: relative;
    top: -3px;
}
.inOutTeaser .source span.pre,
.inOutTeaser .source span.post {
    font-size: 12px;
    line-height: 21px;
    font-style: normal;
    letter-spacing: 0;
}
.inOutTeaser .source span.middle {
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 0;
}
.inOutTeaser .source {
    color: #000;
    text-transform: uppercase;
}
/* /In & Out */
/* Fashionblogs-Module */
.fashionBlog {
    position: relative;
    -webkit-box-shadow: inset 0px 0px 5px #e1e1e1;
    -moz-box-shadow: inset 0px 0px 5px #e1e1e1;
    box-shadow: inset 0px 0px 5px #e1e1e1;
    border: 1px solid #e4e4e4;
    height: 310px;
    margin-bottom: 14px;
}
.fashionBlog ul {
    display: table;
    height: 42px;
    position: absolute;
    top: 0;
    right: 18px;
    width: 632px;
}
.fashionBlog li {
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    display: table-cell;
    text-align: center;
    line-height: 42px;
    text-transform: uppercase;
}
.ie8 .fashionBlog ul,
.ie7 .fashionBlog ul {
    display: block;
}
.ie8 .fashionBlog li,
.ie7 .fashionBlog li {
    display: inline;
    float: left;
    padding: 0 23px;
}
.fashionBlog li a:hover,
.fashionBlog li a:active,
.fashionBlog li a:focus,
.fashionBlog a.more:hover,
.fashionBlog a.more:active,
.fashionBlog a.more:focus {
    text-decoration: underline;
}
.fashionBlog .active a:hover,
.fashionBlog .active a:active,
.fashionBlog .active a:focus {
    text-decoration: none;
}
.fashionBlog .photo {
    height: 312px;
    left: -1px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: 312px;
}
.fashionBlog li strong {
    background: #000;
    color: #fff;
    padding: 3px 8px;
}
.fashionBlog section {
    margin: 42px 0 0 0;
    text-align: right;
    position: static;
    padding: 0 17px 0 312px;
}
.fashionBlog .entry-title a {
    background: transparent url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/fashionblogs-bg.gif) right top no-repeat;
    display: block;
    padding: 150px 0 0 0;
    height: 31px;
    overflow: hidden;
}
.fashionBlog .more {
    background: transparent url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/fashionblogs-arrow.gif) 0 50% no-repeat;
    color: #ff00cd;
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 0 20px;
}
.fashionBlog h3 {
    font-size: 28px;
    line-height: 31px;
    font-weight: normal;
    text-transform: uppercase;
}
.fashionBlog p.entry-content {
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}
.fashionBlog .meta {
    color: #ff00cd;
    font-style: italic;
    font-size: 13px;
    line-height: 21px;
    padding: 1px 0 2px;
}
.fashionBlog .meta time {
    display: inline;
}
.s2 .fashionBlog, .s3 .fashionBlog, .dualTeaser .fashionBlog {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    height: auto;
}
.s2 .fashionBlog section, .s3 .fashionBlog section, .dualTeaser .fashionBlog section {
    background: none;
    margin: 0;
    padding: 0;
}
.s2 .fashionBlog .photo, .dualTeaser .fashionBlog .photo {
    height: 312px;
    overflow: hidden;
    position: static;
    width: 312px;
}
.s3 .fashionBlog .photo {
    height: 312px;
    overflow: hidden;
    position: static;
    width: 475px;
}
.s2 .fashionBlog ul, .dualTeaser .fashionBlog ul {
    width: 312px;
    position: absolute;
    right: 0;
    top: 166px;
    z-index: 1;
}
.s3 .fashionBlog ul {
    width: 475px;
    position: absolute;
    right: 0;
    top: 103px;
    z-index: 1;
}
.s2 .fashionBlog li, .dualTeaser .fashionBlog li {
    color: #fff;
    float: none;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 900;
    height: auto;
    width: auto;
}
.dualTeaser .fashionBlog li:first-child {
    margin-right: 0;
}
.s3 .fashionBlog li {
    color: #fff;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 900;
}
.ie8 .s2 .fashionBlog li,
.ie7 .s2 .fashionBlog li,
.ie8 .dualTeaser .fashionBlog li,
.ie7 .dualTeaser .fashionBlog li {
    display: inline;
    float: none;
    font-size: 9px;
    padding: 0 0 0 5px;
}
.ie8 .s3 .fashionBlog li,
.ie7 .s3 .fashionBlog li {
    display: inline;
    float: none;
    font-size: 14px;
    padding: 0 0 0 7px;
}
.s2 .fashionBlog li a, .s3 .fashionBlog li a, .dualTeaser .fashionBlog li a {
    color: #fff;
}
.s2 .fashionBlog .entry-title, .dualTeaser .fashionBlog .entry-title {
    background: transparent url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/fashionblogs-bg-312x312.png) 0 96% no-repeat;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    height: 312px;
    width: 312px;
}
.s3 .fashionBlog .entry-title {
    background: transparent url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/fashionblogs-bg-475x312.png) 0 96% no-repeat;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    height: 312px;
    width: 475px;
}
/* /Fashionblogs-Module */

/* Alternative Inhalte iFrame, HTML, Flash */
.t1 .misc {
    height: 312px;
    overflow: hidden;
    width: 312px;
}
.t5 .misc {
    height: 312px;
    overflow: hidden;
    width: 638px;
}
.t6 .misc {
    height: 83px;
    overflow: hidden;
    width: 312px;
}
.t9 .misc {
    height: 312px;
    overflow: hidden;
    width: 475px;
}
.t11 .misc {
    height: 638px;
    overflow: hidden;
    width: 638px;
}
.t12 .misc {
    height: 638px;
    overflow: hidden;
    width: 964px;
}
.t13 .misc {
    height: 638px;
    overflow: hidden;
    width: 312px;
}
.t15 .misc {
    height: 246px;
    overflow: hidden;
    width: 312px;
}
.t16 .misc {
    height: 149px;
    overflow: hidden;
    width: 638px;
}
/* /Alternative Inhalte iFrame, HTML, Flash */

/* Paginierung */
.pagList {
    height: 43px;
    position: relative;
}
.pagList ul {
    display: inline;
    float: left;
    left: 50%;
    position: relative;
    text-align: center;
}
.pagList ul li {
    display: inline;
    float: left;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 43px;
    padding: 0 2px;
    position: relative;
    right: 50%;
}
.pagList li .active, .pagList li a:hover, .pagList li a:focus, .pagList li a:active {
    color: #a8a8a8;
}
.pagList .prev {
    position: absolute;
    top: 0;
    left: -8px;
    width: 43px;
    height: 43px;
}
.pagList .prev a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/pfeile-teaserliste-home.png) no-repeat;
    display: block;
    height: 43px;
    overflow: hidden;
    text-indent: -9999px;
    width: 43px;
}
.pagList .prev a:hover, .pagList .prev a:focus, .pagList .prev a:active {
    background-position: 0 -43px;
}
.pagList .next {
    position: absolute;
    top: 0;
    right: -8px;
    width: 43px;
    height: 43px;
}
.pagList .next a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/pfeile-teaserliste-home.png) no-repeat -43px 0;
    display: block;
    height: 43px;
    overflow: hidden;
    text-indent: -9999px;
    width: 43px;
}
.pagList .next a:hover, .pagList .next a:focus, .pagList .next a:active {
    background-position: -43px -43px;
}
/* /Paginierung */
/* Overlay */
.overlay {
    background-color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    position: fixed; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    z-index: 1001;
}
#overlayWrapper{
    position: fixed; 
    z-index: 1002;
    top: 20%; 
    left: 0;
    width:760px;
    background-color: #fff;
}
#overlayWrapper .overlayContent,
#overlayWrapper .overlayContent:focus  {
    position: relative; 
    background-color: #fff;
    margin:0 auto;
    outline: none;
    -moz-outline-style: none;
    /*
            padding:20px;
            min-height:400px;
        -moz-box-shadow: 1px 1px 5px #ccc;
        -webkit-box-shadow: 1px 1px 5px #ccc;
        box-shadow: 1px 1px 5px #ccc;
    */
}
#overlayWrapper .overlayContent.loading {
    background:#fff url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/loading.gif) 50% 50% no-repeat;
}
#overlayWrapper .close {
    display:block;
    position:absolute;
    top:8px;
    right:8px;
    width:20px;
    height:20px;
    overflow:hidden;
    background:url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/close.png) 0 0 no-repeat;
    text-indent:-9999px;
}
#overlayWrapper.videoOverlay,
#overlayWrapper .videoPlayer {
    height: 540px;
    margin: 0;
    width: 964px;
}
#overlayWrapper.videoOverlay {
    padding:36px 36px 40px 36px;
    min-height:400px;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
}
/* /Overlay */
/* Editor's Choice */
.editorsChoice section {
    display: inline;
    float: left;
}
.editorsChoice .photoSlider {
    display: inline;
    float: right;
}
.editorsChoice .photoSlider ul a {
    border: 1px solid #eaeaea;
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
    display: block;
    height: 140px;
    margin-bottom: 8px;
    padding: 5px;
    width: 140px;
}
.editorsChoice .photoSlider ul a:focus, 
.editorsChoice .photoSlider ul a:hover,
.editorsChoice .photoSlider ul a.active {
    border: 1px solid #ff00cd;
    display: block;
}
.editorsChoice .photoSlider, .editorsChoice .photoTeaser {
    height: 312px;
    width: 638px;
}
.editorsChoice .photoSlider .prev, .editorsChoice .photoSlider .next {
    top: 135px;
}
.editorsChoice .photoSlider .photoTeaser ul li {
    margin-right: 10px;
}
.editorsChoice .fb-recommend, .editorsChoice .fb-recommend-en {
    border: 0;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 80px;
}
.editorsChoice .fb-recommend-en { width: 70px;
}
/* /Editor's Choice */
/* Tracking code */
.trackingcode {
    display: none;
}
/* /Tracking code */
/* 404 und 500 Seite */
.error404 {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/error404.png) right top no-repeat;
    height: 190px;
    margin: 100px auto;
    padding-top: 90px;
    text-align: center;
    width: 470px;
}
.error500 {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/error500.png) right top no-repeat;
    height: 190px;
    margin: 100px auto;
    padding-top: 90px;
    text-align: center;
    width: 470px;
}
.error404 h2, .error500 h2 {
    color: #000;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: 900;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
}
.error404 p, .error500 p {
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px;
}
.error404 a, .error500 a {
    font-size: 14px;
    line-height: 21px;
    text-decoration: underline;
}
.error404 span a, .error500 span a {
    background: #000 url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/arrow.gif) right top no-repeat;
    color: #fff;
    display: block;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    height: 23px;
    line-height: 23px;
    margin: 20px auto;
    text-decoration: none;
    text-transform: uppercase;
    width: 280px;
}
/* 404 und 500 Seite */
/* Sitemap */
.siteIndex, .siteList {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    padding: 14px 0;
}
.siteList a:hover, .siteList a:focus, .siteList a:active {
    color: #a8a8a8;
}
.sitemap .pagList ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.sitemap .pagList ul .active {
    color: #ff00cd;
    font-weight: bold;
}
/* Sitemap */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    body {
        -webkit-text-size-adjust: none;	
    }
}
/* Search header */
nav .navheader {
    padding: 8px 2px 12px 0;
}
nav .navheader ul {
    float: right;
}
nav .navheader ul li {
    float: left;
    padding: 0 8px 0 8px;
    border-right: 1px solid #dadada;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    line-height: 15px;
}
nav .navheader ul li a {
    color: #999;
    text-decoration: underline;
}
nav .navheader ul li a:hover, 
nav .navheader ul li a:active,
nav .navheader ul li a:focus {
    color: #000;
}
nav .navheader ul li a:first-child img {
    padding-left: 0px;
}
nav .navheader ul li img {
    float: left;
    padding-left: 8px;
}
/* search input field */
form.searchform {
    float: right;
    display: block;
    padding: 0 0 0 8px;
}
form.searchform fieldset {
    border: 1px solid #f2f2f2;
    display: block;
    background-color: #f8f8f8;
    height: 14px;
    width: 182px;
    position: relative;
}
form.searchform #search {
    width: 167px;
    height: 12px;
    padding: 0 0 0 3px;
    font-size: 11px;
    line-height: 12px;
    border: none;
    background-color: #f8f8f8;
    position: absolute;
    top: 0px;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
form.searchform #searchBtn {
    width: 15px;
    height: 13px;
    border: none;
    background: url("/National_Library/20161222123739oe_/http://www.stylebook.de/img/search-sprite.png") no-repeat 0 0;
    position: absolute;
    right:0px;
}
form.searchform #searchBtn:hover,
form.searchform #searchBtn:active,
form.searchform #searchBtn:focus {
    background-position: 0 -14px;
}
/*
 * Search result styles
*/
/* main headline */
.searchresults legend {
    font-family: Arial Black, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;	
    text-transform: uppercase;
    padding: 11px 0 8px 0;
    width: 100%;
}
/* sub-headline */
.searchresults legend span {
    font-family: georgia, serif;
    font-style: italic;
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid #d6d6d6;
    margin: 11px 0 0 0;
    color: black;
    display: block;
    line-height: 34px;
}
.searchresults > fieldset {
    border: none;
}
/* result details "x Ergebnis Seite 1 von 6" */
.searchresults > fieldset > p {
    float: left;
    color: #999;
    padding-bottom: 6px;
    font-size: 13px;
    line-height: 20px;
}
/* "sort by" label */
.searchresults > fieldset > label {
    font-size: 13px;
    float: right;
    color: #999;
    padding-bottom: 6px;
}
.searchresults select {
    margin: -2px 0 0 5px;
    width: 150px;
    float: right;
}
/*
 * Search filter 
*/
.searchfilter {
    border: 2px solid #d6d6d6;
    height: 416px;
    padding: 16px 20px 0 20px;
    margin: 0 0 16px;
    width: 268px;
}
.searchfilter fieldset {
    border: none;
    clear: both;
}
.searchfilter fieldset legend {
    position: relative;
    display: block;
    padding: 0;
    /* fixed width because otherwise to wide in IE7 */
    width: 166px;
}
.searchfilter fieldset legend span.kicker {
    display: block;
    float: none;
    margin: 0 0 0 -26px;
    padding-left: 25px;
    text-transform: uppercase;
    font-family: 'Arial Black',Arial,Helvetica,sans-serif;	
}
/* search filter input field */
.searchfilter #searchfilter {
    clear: both;
    display: block;
    background-color: #f2f2f2;
    border: 1px solid #d6d6d6;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #838383;
    line-height: 14px;
    padding: 5px 0 5px 0;
    width: 100%;
    margin-top: 12px;
    /* fixes safari bug on margins with legend */
    -webkit-margin-top-collapse: separate;		
}
/* all labels within search filter */
.searchfilter label {
    display: block;
    line-height: 16px;
    font-size: 14px;
    text-transform: uppercase;
}
/* sub-headline "suche verfeinern" */
.searchfilter p {
    font-family: georgia, serif;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0;
}
.searchfilter input[type='checkbox'] {
    margin: 0 5px 1px 0;
    width: 13px;
    height: 13px;
    padding: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.searchfilter ul ul {
    border-top: 1px solid #d6d6d6;
    padding-top: 6px;
    margin: 4px 0 0 20px;	
    height: 99px;
}
/* IE tweak for correct vertical centering of checkboxes */
.ie7 .searchfilter ul ul li {
    margin: 1px 0;
}
.searchfilter ul ul li {
    margin: 4px 0;
}
/* labels of sub-lists */
.searchfilter ul ul li label {
    text-transform: none;
    font-size: 14px;
}
/* search button */
.searchfilter .btn-submit {
    width: 100%;
    font-family:  'Arial Black', Arial,Helvetica, sans-serif;
    font-size: 13px;
    color: white;
    background-color: #000;
    height: 30px;
    border: 0;
    text-transform: uppercase;
    padding: 0;
    line-height: 12px;
}
.searchfilter .btn-submit:hover,
.searchfilter .btn-submit:active,
.searchfilter .btn-submit:focus {
    background-color: #ff00cd;
}
.noSearchResults {
    font-family: georgia, serif;	
    font-style: italic;
    margin: 15px 0 25px 0;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 28px;
}
/* BlogStars */
.blogStars {
    position: relative;
    border: 1px solid #e4e4e4;
    box-shadow: inset 0px 0px 4px #e4e4e4;
    height: 312px;
    margin-bottom: 14px;
}
.blogStarsList {
    position: absolute;
    left: 0;
    top: 0;
    height: 312px;
    width: 162px;
}
.blogStarsList li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 30px;
    height: 34px;
    width: 148px;
    text-indent: 32px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.blogStarsList li:first-child {
    margin-top: 20px;
}
.blogStarsList li a {
    display: block;
    margin-left: -5px;
    height: 34px;
}
.blogStarsList li .active,
.blogStarsList li a:hover,
.blogStarsList li a:active {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/schaerpe-links.png) no-repeat bottom left;
    color: #fff;
}
.blogStarsContent {
    height: 314px;
    left: 162px;
    position: absolute;
    top: -1px;
    width: 800px;
}
.blogStarsContent header {
    position: absolute;
    left: 314px;
    top: 0;
    z-index: 1;
}
.blogStarsContent .socialmedia {
    position: absolute;
    top: 14px;
    right: 14px;
}
.blogStarsContent .socialmedia span {
    color: #a8a8a8;
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
    font-style: italic;
    float: left;
}
.blogStarsContent .socialmedia ul {
    float: right;
}
.blogStarsContent .socialmedia li {
    float: left;
    margin-left: 4px;
    height: 14px;
    width: 14px;
    overflow: hidden;
    text-indent: -9999px;
}
.blogStarsContent .socialmedia li:first-child {
    margin-left: 8px;
}
.blogStarsContent .socialmedia li a {
    display: block;
}
.blogStarsContent .socialmedia .facebook a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/facebook-icon.png) no-repeat;
}
.blogStarsContent .socialmedia .twitter a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/twitter-icon.png) no-repeat;
}
.blogStarsContent .socialmedia .pinterest a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/pinterest-icon.png) no-repeat;
}
.blogStarsContent .socialmedia .googleplus a {
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/googleplus-icon.png) no-repeat;
}
.blogStarsContent .socialmedia .facebook a:hover,
.blogStarsContent .socialmedia .facebook a:focus,
.blogStarsContent .socialmedia .facebook a:active,
.blogStarsContent .socialmedia .twitter a:hover,
.blogStarsContent .socialmedia .twitter a:focus,
.blogStarsContent .socialmedia .twitter a:active,
.blogStarsContent .socialmedia .pinterest a:hover,
.blogStarsContent .socialmedia .pinterest a:focus,
.blogStarsContent .socialmedia .pinterest a:active,
.blogStarsContent .socialmedia .googleplus a:hover,
.blogStarsContent .socialmedia .googleplus a:focus,
.blogStarsContent .socialmedia .googleplus a:active {
    background-position: 0 -14px;
}
.blogStarsContent header h2 {
    margin: 28px 0 0;
}
.blogStarsContent header h2 a {
    display: block;
    height: 101px;
    width: 486px;
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/blogstars.png) 10px 0 no-repeat;
    text-indent: -9999px;
}
.blogStarsContent .photo {
    border: 1px solid #c8c8c8;
    float: left;
    width: 312px;
    height: 312px;
}
.blogStarsContent a div {
    float: right;
    width: 458px;
    height: 175px;
    padding: 140px 14px 0 8px;
}
.blogStarsContent a .author {
    font-style: italic;
    color: #a8a8a8;
    font-size: 14px;
}
.blogStarsContent a .author span {
    font-weight: 900;
}
.blogStarsContent a:hover .author,
.blogStarsContent a:focus .author,
.blogStarsContent a:active .author {
    color: #f0c;
}
.blogStarsContent a h3 {
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    margin-top: 5px;
}
.blogStarsContent a:hover h3,
.blogStarsContent a:focus h3,
.blogStarsContent a:active h3 {
    text-decoration: underline;
}
.blogStarsContent a .entry-content {
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: #000;
    margin: 9px 0 0;
    padding: 0;
}
.blogStarsContent a .entry-content span {
    color: #f0c;
}
.blogStarsContent a:hover .entry-content span,
.blogStarsContent a:focus .entry-content span,
.blogStarsContent a:active .entry-content span {
    text-decoration: underline;
}
.blogStarsContent footer {
    position: absolute;
    bottom: 0;
    left: 314px;
    width: 486px;
    height: 29px;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.blogStarsContent .brands {
    margin: 0 14px;
    border-top: 1px solid #c8c8c8;
    background: none;
}
.blogStarsContent .brands p {
    position: absolute;
    right: 14px;
    bottom: 3px;
}
.blogStarsContent .brands p span {
    float: left;
    margin-right: 10px;
}
.blogStarsContent .brands p span a {
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    color: #a8a8a8;
}
.blogStarsContent .brands p span a i {
    text-transform: none;
    font-family: georgia, serif;
    font-weight: 900;
    font-style: italic;
}
.blogStarsContent .brands p span a:hover,
.blogStarsContent .brands p span a:focus,
.blogStarsContent .brands p span a:active {
    color: #f0c;
}
.blogStarsContent .brands p em a {
    float: right;
    text-indent: -9999px;
    width: 71px;
    height: 15px;
    overflow: hidden;
    background: url(/National_Library/20161222123739oe_/http://www.stylebook.de/img/boomads.png) no-repeat;
}
.blogStarsContent .brands p em a:hover,
.blogStarsContent .brands p em a:focus,
.blogStarsContent .brands p em a:active {
    background-position: 0 -15px;
}
/* /BlogStars */