html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}


body
{ font-family:'Rubik',sans-serif;
  color:#000;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  font-style:normal;
  font-weight:normal;
  margin:1em;
  padding:0;
}

.pagearea
{ display: grid;
  grid-template-columns: auto;
  grid-template-rows:auto auto 1fr auto auto;
    grid-template-areas:
   'head'
   'menu'
   'content'
   'teaser'
   'footer';
  grid-column-gap: 10px;
}
.headarea
{ grid-area:head;
  display: grid; 
  grid-template-columns:auto auto;
  height:100px;
  padding-top:25px;
  background:url('/pics/fotobuch/titlebg.png');
  background-repeat:repeat-x;
}
@supports (display:grid)
{ .headarea
  { padding-top:0;
  }
}
.headarea div
{ align-self:center;
}
.headarea .imglnk
{ display:none;
}
.menuarea
{ grid-area:menu;
}
.contentarea
{ grid-area:content;
}
.loopimage
{ display:none;
}
.loopheader
{ display:none;
}
div.sideteasers
{ display:flex;
  flex-flow:row wrap;
  justify-content:space-around;
}
div.sideteaser
{ width:200px;
}
.footerarea
{ grid-area:footer;
  border-top:2px solid #91125f;
}

@media (min-width:650px)
{ 
  @supports (display:grid)
  { .headarea .imglnk
    { display:block;
    }
  }
}


@media (min-width:820px)
{
  .pagearea
  { display: grid;
    grid-template-columns:1fr auto 600px 1fr;
    grid-template-rows:auto 1fr auto;
    grid-template-areas:
     '. head   head    .'
     '. menu   content .'
     '. menu   teaser  .'
     '. footer footer  .';
    grid-column-gap:10px;
  }
  .headarea
  { grid-column: 2/4;
    grid-template-columns:auto 1fr;
    height:100px;
  }
  .teaserarea
  { grid-area:teaser;
  }
}


@media (min-width:1020px)
{
  .pagearea
  { display: grid;
    grid-template-columns:1fr auto 600px 200px 1fr;
    grid-template-rows:auto 1fr auto;
    grid-template-areas:
     '. head   head    teaser .'
     '. menu   content teaser .'
     '. footer footer  footer .';
    grid-column-gap:10px;
  }
  .headarea
  { grid-column: 2/5;
    grid-template-columns:auto 1fr 200px;
    height:100px;
  }
  div.sideteasers
  { display:block;
  }
  .loopheader
  { display:block;
    margin-bottom:12px;
  }
}


.contentarea img
{ max-width:100%;
}

textarea
{ scrollbar-face-color:#FFFFDD;
  a_scrollbar-base-color:#085D8C;
  a_scrollbar-3dlight-color:#FFFFBB;
  scrollbar-arrow-color:#000;
  a_scrollbar-darkshadow-color:#000;
  a_scrollbar-highlight-color:#fff;
  a_scrollbar-shadow-color:#000;
  a_scrollbar-track-color:#FFFFDD;
}

p, div
{ text-align:justify;
}

a
{ color:#91125f;
  text-decoration:none;
}

a:hover
{ color:#91125f;
  text-decoration:underline;
}


div.mini a
{ color:#fff;
  font-size:2pt;
}

a.imglnk, a.imglnk img
{ border:none;
  border-color:none;
}


div.sectionmenu
{ text-align:left;
  width:100%;
}

div.sectionmenumain
{ padding-top:5pt;
  width:100%;
}

div.sectionmenusecond
{ padding-top:10pt;
  width:100%;
}

div.sectionmenuback
{ padding-top:10pt;
}


div.sectionmenumain a, div.sectionmenusecond a
{ font-weight:bold;
  text-decoration:none;
}

div.sectionmenumain a:hover, div.sectionmenusecond a:hover
{ font-weight:bold;
  text-decoration:underline;
}

div.sectionmenumain a.menu p, div.sectionmenusecond a.menu p
{ margin-top:2pt;
  margin-bottom:2pt;
  text-align:left;
  padding:4pt 5pt;
  white-space:nowrap;
  background:#ccc;
}

div.sectionmenumain a.menuentry p, div.sectionmenusecond a.menuentry p
{ margin-top:1pt;
  margin-bottom:1pt;
  padding-top:4pt;
  padding-bottom:4pt;
  padding-left:10pt;
  white-space:nowrap;
  background:#e0e0e0;
}


div.teaserborder h1
{ font-family:sans-serif;
  color:#000;
  font-size:110%;
  font-weight:bold;
}

div.teaserborder p
{ margin-bottom:3pt;
}



a.rightimage img
{ font-size:100%;
  vertical-align:middle;
  text-align:right;
  padding:3pt;
}


table.languages 
{ text-align:right;
  padding:1pt;
}


table.centershortcut
{ font-size:100%;;
  border:1px dotted #085D8C;
  margin:10pt;
  padding:3pt;
}

ul
{ padding-left:18pt;
  padding-right:5pt;
}

li
{ list-style-type:square;
}

a.centershortcut, b.centershortcut, em.centershortcut
{ font-size:100%;
  font-weight:bold;
  color:#000;
}

em.centershortcut
{ text-decoration:none;
  font-size:100%;
  color:#91125f;
}



.editwidth
{ width:100%;
}


table.pricelist
{ background:#eee;
}

table.pricelist td
{ white-space:nowrap;
  text-align:right;
}



table.download
{ width:100%;
  border:0pt;
  padding:0pt;
  cellspacing:9pt;
}

table.download th
{ background:#eee;
  font-style:normal;
  text-align:center;
  padding:3pt;
}

table.download td
{ font-style:normal;
  padding:5pt;
}



p.formats
{ margin:10pt;
}

div.article p.teaser
{ font-weight:bold;
  padding-left:3pt;
  border-left:2px solid #000;
}

div.sideteaser div.article p
{ padding-left:5pt;
  padding-right:5pt;
}



div.centerpage div.article p 
{ text-align:center;
  border:1pt;
}

div.article, div.article td, div.teaserarea, div.teaserarea td, div.sideteaser
{ font-size:100%;
  font-style:normal;
  vertical-align:top;
}

div.article h1, div.teaserarea h1, h1
{ font-size:110%;
  font-weight:bold;
}


div.article h2, div.teaserarea h2, h2
{ color:#222;
  font-size:100%;
  font-weight:bold;
}

div.article h3, div.teaserarea h3, h3
{ color:#333;
  font-size:100%;
  font-weight:bold;
}

div.article h4, div.teaserarea h4, h4
{ color:#333;
  font-size:100%;
  font-weight:normal;
  text-decoration:underline;
}

div.article tr th
{ color:#000;
  font-size:100%;
  font-weight:bold;
  vertical-align:top;
}

div.article dl dt
{ color:#000;
  font-size:100%;
  font-weight:bold;
}

div.sideteaser
{ display:block;
  background:#eee;
  padding:1pt;
  margin-bottom:5pt;
}

div.error404
{ display:block;
  background:#FF0000;
  color:#fff;
  margin:3pt;
  padding:3pt;
  font-weight:bold;
  text-align:center;
}

b.sumline
{ font-weight:normal;
  border-top:1px solid #000;
}

td.right, div.article td.right
{ align:right;
  text-align:right;
}

td.center, div.article td.center
{ align:center;
  text-align:center;
}

p.center
{ text-align:center;
}

small
{ font-size:6pt;
}


a img.mail
{ vertical-align:text-bottom;
  margin:0;
  border:0;
  padding:0;
}


code.coupon
{ display:block;
  background:#FFFF00;
  color:#000;
  margin:3pt 30pt;
  padding:3pt;
  font-family:monospace;
  font-size:12pt;
  font-weight:bold;
  text-align:center;
}