@charset 'UTF-8';
/**
 *
 * The main stylesheet with HTML5 reset.
 *
 * @media          all
 * @author         Stefan Kloiber, <hello@fresh-flava.net>
 * @link           http://fresh-flava.net/
 *
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

ul, ol { list-style:none; }


/* screen styling */
@media screen, projection
{
  body, input, textarea, select { font:13px/16px 'Verdana', sans-serif; color:#bc1521; }

  a { font-weight:bold; color:#bc1521; text-decoration:none; }
  a:hover { color:#bc1521; }
  a:focus, a:active, a:visited{ outline:0; -moz-outline:0; }
  a.active { color:#bc1521; }


  body { background:#f0ece3 url('../img/Blumen.gif') no-repeat center bottom; }


  #container { position:relative; width:712px; margin:0 auto 900px; padding-left:262px; }


  header { position:relative; margin-bottom:20px; }
  #logo { display:block; }
  #logo img { display:block; }
  #language { position:fixed; top:22px; margin-left:642px; /*right:32px;*/ }
  /*
  #language { position:absolute; top:22px; right:0; }
  #language ul { overflow:hidden; clear:both; }
  #language li { float:left; margin-left:23px; }
  #language li span { display:block; float:left; font-size:11px; }
  #language li a:hover span { text-decoration:underline; }
  #language li span.angelbrackets-small-right { margin:1px 5px 0 0; }
  #language li span.bulletpoint-small { margin:6px 5px 0 0; }
  */
  nav#language li { padding:0 10px; border:1px solid #bc1521; font-size:11px; }
  #galleryStart { margin:8px 0 0 56px; }
  #galleryStart a { display:block; width:336px; }


  /* main navigation */
  nav#nav-main { position:fixed; top:211px; /*right:32px;*/ margin-left:517px; padding:13px 0 5px 9px; width:147px; height:129px; overflow:hidden; border:4px solid #bc1521; font-size:11px; text-transform:uppercase; background:#f0ece3; }
  nav#nav-main div.galleryLink a:hover { border-bottom:0; }
  nav#nav-main ul { position:absolute; bottom:4px; margin-left:70px; display:block; width:100%; }
  nav#nav-main a { display:block; padding-bottom:4px; line-height:15px; }
  nav#nav-main a:hover { border-bottom:4px solid #bc1521; padding-bottom:0; }
  nav#nav-main a.active { border-bottom:4px solid #bc1521; padding-bottom:0; }



  div#main { margin:0 24px 0 56px; width:336px; }


  h2 { margin-bottom:40px; font-weight:normal; font-size:72px; line-height:80px; text-transform:uppercase; border-bottom:8px solid #bc1521; }
  h3 { margin:50px 0 20px; font-weight:normal; font-size:24px; line-height:30px; text-transform:uppercase; /*text-decoration:underline;*/ }
  h4 { margin:30px 0 15px; font-weight:normal; font-size:24px; line-height:30px; text-transform:uppercase; }

  .sprite { display:block; overflow:hidden; background:transparent url('../img/sprite.png') no-repeat; }
  .angelbrackets-small-right { width:7px; height:14px; background-position:0 -7px; }
  .angelbrackets-medium-right { width:14px; height:28px; background-position:-78px -33px; }
  .angelbrackets-large-right { width:23px; height:46px; background-position:-69px -63px; }
  .bulletpoint-small { width:4px; height:4px; background-position:0 0; }
  .pdf { width:31px; height:31px; background-position:-61px 0; }
  .dotted-arrow { width:68px; height:15px; background-position:0 -175px; float:right; margin-right:6px; }
  .top { position:absolute; bottom:0; right:0; width:41px; height:10px; background-position:-51px -111px; }


  .bold { font-weight:bold; }
  .date { padding-right:10px; }

  h3 span { border-bottom:3px solid #bc1521; }

  article p { margin-bottom:15px; overflow:hidden; }
  .article { overflow:hidden; }
  .article h4 { margin:5px 0 0; }
  .article p { margin:15px 0 0; }
  .article img { display:block; width:100%; }
  .article div.iframe-wrapper { position:relative; padding-top:56.25%; height:0; margin-top:50px; }
  #intro .article div.iframe-wrapper { margin-top:0; margin-bottom:50px; background:url('../img/intro/Layer_Home_CD_Video.jpg') no-repeat; background-size:cover; }
  .article div.iframe-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
  .article div.chapterEnd { margin:15px 0 10px; }
  div.chapterEnd { position:relative; width:138px; height:5px; overflow:hidden; background:#bc1521; }
  div.chapterEnd.last { margin:10px 0 55px; width:100%; height:80px; overflow:hidden; background:transparent; font-size:72px; line-height:80px; }
  div.chapterEnd.inside { margin:10px 0 30px; width:100%; height:60px; overflow:hidden; background:transparent; font-size:52px; line-height:60px; }


  /* article navigation */
  section#press article h3, section#info article h3 { position:absolute; left:-5000px; margin-top:-20px; }
  section#press nav.article, section#info nav.article { margin-bottom:20px; }
  section#press nav.article a, section#info nav.article a { display:block; padding:5px 0; font-size:14px; line-height:18px; text-transform:uppercase; }
  section#press nav.article li.active a, section#info nav.article li.active a { padding-bottom:0; border-bottom:5px solid #bc1521; }


  .downloads { margin-bottom:0; }
  .downloads a { display:block; clear:both; overflow:hidden; }
  .downloads a span { display:block; float:left; margin:13px 0 0 5px; }
  .downloads a span.angelbrackets-large-right { margin:0 2px 0 8px; }
  .downloads ul { margin:10px 0; }
  .downloads ul li { margin:5px 0; }
  .downloads ul li a span { margin:6px 0 0 5px; }
  .downloads ul li a span.pdf { margin:0; }
  .downloads a:hover span { text-decoration:underline; }

  .download-sheet { width:780px; /*height:491px;*/ overflow:hidden; padding:15px 0 0 35px; color:#bc1521; }
  .download-sheet .download { width:220px; margin:0 60px 20px 0; float:left; font-size:11px; line-height:13px; }
  .download-sheet .download:nth-child(3n) { margin-right:0; }
  .download-sheet .download ul { margin:6px 0; }
  .download-sheet .download li { white-space:nowrap; }
  .download-sheet .download a { text-transform:uppercase; }
  .download-sheet .download a:hover { text-decoration:underline; }

  .hideOverflowX .fancybox-inner { overflow-x:hidden !important; overflow-y:scroll !important; }
  .fancybox-opened .fancybox-outer { background-color:#f0ece3; }
  .fancybox-opened .fancybox-close { top:0px; right:-33px; width:24px; height:23px; background:transparent url('../img/sprite.png') no-repeat -51px -123px; box-shadow:0; }
  #fancybox-overlay { background-color:#f0ece3 !important; }
  .fancybox-opened .fancybox-nav span { width:45px; height:91px; margin-top:-45px; background:transparent url('../img/sprite.png') no-repeat; }
  .fancybox-opened .fancybox-next span { background-position:0 -84px; right:140px; }
  .fancybox-opened .fancybox-prev span { background-position:-13px 0; left:140px; }
  .fancybox-opened .fancybox-next { right:-200px; padding-right:200px; }
  .fancybox-opened .fancybox-prev { left:-200px; padding-left:200px; }


  .preview .date { margin-bottom:0; font-weight:bold; }
  .preview h4 { margin:5px 0 15px; }
  .preview ul { margin-bottom:15px; }
  .preview div.chapterEnd { margin-bottom:55px; }
  .preview a.more { display:block; clear:both; overflow:hidden; font-size:11px; text-transform:uppercase; }
  .preview a.more span { display:block; float:left; margin:-2px 0 0 0; }
  .preview a.more span.angelbrackets-small-right { margin:0 7px 0 0; }
  .preview a.more:hover span { text-decoration:underline; }



  p.mailto { font-weight:normal; font-size:24px; line-height:30px; }
  p.mailto a:hover { text-decoration:underline; }




}

/* iPad landscape mode */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  #container { padding-left:262px; }
  nav#nav-main { right:32px; }
}

/* iPad portrait mode */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  #container { padding-left:56px; }
  nav#nav-main { right:32px; }
}



/* print styling */
@media print
{


}