@font-face {
        font-family: "AS Garamond";
        src: local("AS Garamond"), url("fonts/AS_Garamond.otf") format("opentype"),
        url("fonts/ASGaramond.svg.xml#ASGaramond") format("svg");
}
@font-face {
        font-family: "magazin-garamond";
        src: local("magazin-garamond"), url("fonts/MagazinUmbra.otf") format("opentype"),
        url("fonts/magazin-garamond-Bold.svg.xml#magazin-garamond-Bold") format("svg");
}
@font-face {
        font-family: "Black-Medium";
        src: local("Black-Medium"), url("fonts/BlackMed.otf") format("opentype"),
        url("fonts/magazin-garamond-Bold.svg.xml#Black-Medium") format("svg");
}

/*******************************/
/* contentStyles überschreiben */
/*******************************/
.cover {
  height:916px;
}
.cover > img{
	margin-top:-153px;
}

#e5wr_container p.tx-initial-block-x08::first-letter { /* standard (ios) */
  margin-top: -0.2em;
}
.os-Mac #e5wr_container p.tx-initial-block-x08::first-letter { /* webkit-mac */
  margin-top: -0.2em;
}
.os-Windows #e5wr_container p.tx-initial-block-x08::first-letter { /* webkit-windows */
  margin-top: 0.13em;
}
.browser-Firefox #e5wr_container p.tx-initial-block-x08::first-letter { /* firefox */
  margin-top: 0.03em;
}
.browser-Explorer #e5wr_container p.tx-initial-block-x08::first-letter { /* ie9 */
  margin-top: 2.15em;
  margin-bottom:-1.25em;
}


#e5wr_container .cover {
  position:static;
}
p.au-autorenname-12-14, p.x03-bildlegende-black-7-7-9-li-x11, p.x01-autorenbox-black-6-7-8-5-x07, p.au-autorennachweis-black-6-7-8-5-raster-x07 {
  font-size:1.2em !important;
}
#e5wr_container span.z-abschlusspunkt-ma-garamond-x59 {
  font-size: 1.1em;
  margin-top: -11px;
  top: 0.15em;
}
#e5wr_container p.tx-interview-frage-x40 {
  margin:0;
}
#e5wr_container p.au-autorenname-12-14 {
  margin: 0.7em 0em 1.06em;
}
#e5wr_container p.bild-zentriert {
	line-height: 1.3em;
	margin: 2.55em -23.6% 2.3em;
}
#e5wr_container p.trennlinie {
  margin: 1em 0px 0.9em;
}
#e5wr_container p.ti-inhalt-2-ma-garamond-10-8-13-6-x04 {
  margin:0;
  line-height: 1.42em;
}
#e5wr_container p.ti-inhalt-1-ma-garamond-20-5-22-5-x04 {
  line-height: 0.93em;
}

.os-Mac #e5wr_container p.tx-interview-frage-x40 {
  margin-top: -0.3em !important;
  margin-bottom: 0.3em !important;
}
.os-Mac #e5wr_container p.ti-inhalt-2-ma-garamond-10-8-13-6-x04 {
  margin-bottom:8px;
  line-height:1em;
}
.os-Mac #e5wr_container p.ti-inhalt-1-ma-garamond-20-5-22-5-x04 {
  margin-bottom: 8px;
}

.os-Mac #teaserInner h1 {
  margin-top:4px; margin-bottom:6px
}
.os-Mac .magi-nr {
  margin-top:-8px;
}

.browser-Chrome #e5wr_container span.z-ma-garamond-10-8-12-27-x53 {
 font-size: inherit;
}

.browser-Chrome #e5wr_container p.tx-initial-block-x08::first-letter {
 padding-bottom: 0.3em;
}

.browser-Chrome #e5wr_container p.ti-zwischentite-block-x09 {
 margin-bottom:0.3em;
}

.browser-Safari #e5wr_container span.z-ma-garamond-10-8-12-27-x53 {
 font-size: inherit;
}

.browser-Safari #e5wr_container p.tx-initial-block-x08::first-letter {
 padding-bottom: 0.3em;
}

.browser-Safari #e5wr_container p.ti-zwischentite-block-x09 {
 margin-bottom:0.3em;
}

.browser-Firefox #e5wr_container span.z-ma-garamond-10-8-12-27-x53 {
 font-size: inherit;
}

.browser-Firefox #e5wr_container p.ti-zwischentite-block-x09 {
 margin-bottom:0.3em;
}


/*******************************/



/*******************************/
/* slideshow */
/*******************************/
.e5_slideshow > .left_, .e5_slideshow > .right_ {
	font-size: 27px; 
	color: white;
	position: absolute;
  left: 10px;
	top: 48%;
	cursor:pointer;
}
.e5_slideshow .right_ {
  left:auto;
  right:10px;
}
/*******************************/



body {
  margin:0;
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	overflow-y:scroll;
}
#container {
  background-image: url(bilder/allgemein/dm_hg_cover.png);
  background-repeat: no-repeat;
  background-position: 56px 41px;
  position:relative;
  width:1024px; 
  margin:auto;
}
#soon {
	position:absolute;
	left:60px;
	top:30px;
	z-index:1;
}
#previewNavi img:hover {
  -webkit-transition:all 0.05s linear;
  -moz-transition:all 0.05s linear;
  transition:all 0.05s linear;
  opacity:0.7
}
#previewNavi img {
  -moz-box-shadow:1px -1px 8px 1px #888;
  -webkit-box-shadow:1px -1px 8px 1px #888;
  box-shadow:1px -1px 8px 1px #888;
  cursor:pointer;
}
#header {
  width:1022px; 
  margin:auto;
	height:106px;
	text-align: center;
	border-bottom: 1px solid #000000;
	z-index: 10;
}
#loginButton {
  background:transparent; border:none; font-family:Times New Roman, Times, serif; letter-spacing: 0.09em; font-size:12px; cursor:pointer;
  margin:0 0 2px 0; padding:0;
  border-bottom: 1px solid transparent;
}
#loginButton:hover {
  border-bottom: 1px solid black;
}
.viewer_ #container {
  padding-top:107px;
  background:none;
}
.viewer_ #header {
  position:fixed; 
  top:0; 
  left:0; 
  right:0; 
  background:#fff; 
}
.viewer_ #adresse {
  display:none;
}


#content {
	width: 914px;
	margin-top: 14px;
	padding-right: 55px;
	padding-left: 55px;
	height: 100%;
	z-index: 2;
}
#cover {
  min-height:450px; 
  width:308px;
	float: left;
	z-index: 1;
}
#teaser {
  min-height:450px; 
	width:348px;
	float: left;
	padding-left: 40px;
	padding-right: 30px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	z-index: 2;
}
#navigation {
	width:175px;
	float: left;
	padding-left: 10px;
	z-index: 2;
}
#navigation > .active_:before {
  content:'• '
}
#navigation > .noPoint:hover {
   border:none;
	  text-decoration:none;
}
#navigation > .active_.noPoint:before {
	  content:''
}
.articleLink:hover {
    border-bottom:1px solid #000;
}


#adresse {
	bottom: 10px;
	border-top: 1px solid #000000;
	padding: 20px 0 0 0;
	margin-bottom: 30px;
	margin-top: 20px;
	z-index: 2;
}
#footer {
	bottom: 10px;
	border-top: 1px solid #000000;
	padding-top: 5px;
	margin-bottom: 25px;
	z-index: 2;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
a:active {
	color: #0033FF;
	text-decoration: none;
}
a img {
	border: none;
}
#teaserInner p, #navigation p {
  margin: 0px;
}

#header, #footer, #navigation ,#adresse, #cover, #blaettern {
  letter-spacing: 0.09em; 
}
#teaserInner a {
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.3s linear;
}

#teaserInner h1 {
	font-family: "magazin-garamond";
	text-transform: uppercase;
	margin-top: 11px;
	padding-top: 0;
	letter-spacing:0.05em;
}

#teaserInner h2 {
	font-family: "AS Garamond";
	font-size: 18px;
	line-height: 20px;
}
#teaserInner p {
	font-family: "Black-Medium";
	font-size: 1em;
	line-height: 1.17em;
	text-transform: uppercase;
	letter-spacing: 0.083em;
	font-style:normal;
}


#teaserInner a:hover {
	  color:#3366FF;
}
.linie_horizontal {
	border-bottom: 1px solid #000000;
}
h1 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	padding-top: 8px;
}
h2 {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: .04em;
	font-weight: normal;
	margin: 0px;
}
.autor {
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 14px;
	letter-spacing: 0em;
}
.versal {
	text-transform: uppercase;
}
.kursiv {
	font-style: italic;
}

.magi-nr {
	position:absolute; font-family:'magazin-garamond'; display:inline-block; font-size:11px; letter-spacing:0; text-align:center; line-height:0.9em; min-width:53px;
}