/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v32-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
table {	border-collapse: separate;	border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* ALLGEMEIN 400,100,300,700 */
body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);  box-shadow: 0px 0px 10px rgba(0,0,0,.8);  z-index: 100; }
body { color: #998888; font-family: 'Roboto', serif; text-align: center; background-color: #f9f9f9; background-image: url(/media/allgemein/grayhound.png); }
#complete { text-align: left; width: 950px; margin-right: auto; margin-left: auto;  }

/* KOPF  */
#kopfwrapper { padding: 50px 0; clear: both; background-image: url(/media/allgemein/kopfen.jpg); width: 100%; text-align: center; }
#kopf { text-align: left; width: 950px; margin: 0 auto 30px auto;  }
#navi { text-align: right;  width: 950px; margin-right: auto; margin-left: auto; }
#navi a:link, #navi a:visited { color: #998888; font-size: 1em; font-weight: 700; text-decoration: none; letter-spacing: 1px; padding: 0 0 0 15px; }
#navi a:hover, #navi a.current { color: #af1f4a; }

/* CONTENT */
#content { width: 649px; padding: 0 0 30px 0; float: left; }
#content h1 { letter-spacing: 1px; font-size: 1.2em; font-weight: 700; margin: 18px 0 30px 0; text-transform: uppercase;  }
#content h1 strong { font-weight: 400; }
#content h2 { font-size: 1.4em; font-weight: 100; line-height: 1.2em; padding: 10px 20px 40px 0; }
#content h3 {  font-size: 0.85em; font-weight: normal; letter-spacing: 3px; padding: 30px 0; }
#content p { font-size: 0.95em; line-height: 1.4em; padding: 10px 20px 0 0; font-weight: 300; }
#content p a:link, #content p a:visited { color: #af1f4a; font-weight: 700; text-decoration: none; }
#content p a:hover { color: black; text-decoration: underline; }
#content ul { font-size: 0.95em; line-height: 1.4em; padding: 20px 20px 20px 50px; font-weight: 400; }
#content ul li { padding: 0 0 0 5px; list-style-type:square;  }

#content sup { vertical-align: top; position: relative; top: -0.5em; font-size: 0.65em; }

/* SPALTE */
#spalte { width: 290px; padding: 20px 0 40px 0; float: right; }
.spaltenfrost { margin: 0 0 30px 10px; background-color: #fff; padding: 20px 0; background-image: url(/media/allgemein/eumel.png); background-repeat: no-repeat; background-position: top right; }
#spalte h1 { letter-spacing: 1px; font-weight: 700; font-size: 1em; padding: 0 0 15px 30px; text-transform: uppercase; }
#spalte p { font-size: 0.85em; line-height: 1.4; padding: 0; font-weight: 300; padding: 0 20px 0 30px; }
#spalte a:link, #spalte a:visited { color: #998888; font-weight: 400; }
#spalte a:hover { color: black; }
.spalt { border-top: 10px solid #f9f9f9; margin-top: 20px; }

/* FUSS */
#fusswrapper { padding: 30px 0; clear: both; background-image: url(/media/allgemein/darkgrayhound.jpg); text-align: center; width: 100%; }
* html #fusswrapper { position: absolute; top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); }

#fuss { letter-spacing: 1px; color: #9b9d9f; font-size: 0.85em; line-height: 1.4; text-align: left; width: 950px; margin-right: auto; margin-left: auto; }
#fuss a:link, #fuss a:visited { color: #fff; font-weight: 700; padding-right: 10px; }
#fuss a:hover { color: #998888; text-decoration: underline; }

/* TABELLE */
#newstabelle { margin: 0 0 20px 0;  }
#newstabelle td { font-weight: 300; font-size: 0.9em; line-height: 1.4em; padding: 20px 30px 20px 0; vertical-align: top; }
#newstabelle td b { font-weight: 700; }

/* KLASSEN */
.bili { margin-bottom: 5px; margin: 0 30px 30px 0; float: left; }
.bire { margin-bottom: 5px; margin-left: 10px; float: right; }
.clearer { clear: both; }
.map-content { font-size: 0.75em; line-height: 1.7em; padding: 0 20px 0 0; }
.dbtn { color: #fff !important; font-weight: 400; text-decoration: none; background-color: #af1f4a; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px 8px; margin-top: 10px; }
.dbtn:hover { background-color: #998888; }
.abstand { margin-top: 30px;  }
.abstandunten { margin-bottom: 30px;  }

/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#slideshow {
  position:relative;
  width:950px;
  height:400px;
margin: 0 auto 30px auto;
  overflow:hidden;
}
#slideshow img {
  position:absolute;
  width:950px;
  height:400px;
  top:50%;
  left:50%;
  margin-left:-475px;
  margin-top:-200px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 5s, 40s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 5s, 40s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 5s, 40s;
  transition-property: opacity, transform;
  transition-duration: 5s, 40s;
}
#slideshow img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}
#slideshow .fx {
  -webkit-transform: scale(1.4) translate(30px);
  -moz-transform: scale(1.4) translate(30px);
  -o-transform: scale(1.4) translate(30px);
  transform: scale(1.4) translate(30px);
  opacity:1;
}