/* roboto-condensed-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 Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-300italic - 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 Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v27-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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 Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-italic - 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 Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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 Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v27-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,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,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:#dadbda; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }

/* ALLGEMEIN */
html { height: 100%; }
body { min-height: 101%; background-color: #2d2d2d; color:#333; font-family: 'Roboto Condensed', Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:0;  }

/* KOPF */
#kopf { min-width: 960px; clear:both; width: 100%; padding: 0; margin: 0; }

/* HOLIDAY */
#holiday {width:960px; margin-right:auto; margin-left:auto; text-align:left; margin-top: 10px; }
#holiday p { width: 230px; font-family: Helvetica, sans-serif; font-size: 0.8em; line-height:1.3em; color: white; padding: 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #0082d7;background-image: -webkit-gradient(linear, left center, right center, from(#0082d7), to(#2d2d2d));background-image: -webkit-linear-gradient(left, #0082d7, #2d2d2d);background-image: -moz-linear-gradient(left, #0082d7, #2d2d2d);background-image: -ms-linear-gradient(left, #0082d7, #2d2d2d);background-image: linear-gradient(left, #0082d7, #2d2d2d);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#0082d7', EndColorStr='#2d2d2d'); }

/* NAVI */
#navi { background-image: url(/media/media_allgemein/logo.gif); background-repeat: no-repeat; background-position: right 0; color:#ddd; font-size:.9em; padding:120px 0 20px 0; letter-spacing: 1px; width:960px; margin: 0 auto; text-align:left; }
#navi a:link,#navi a:visited { color:#7f7f7f; text-decoration:none; font-weight:normal; padding-right:15px; text-transform: uppercase; font-family: Helvetica, sans-serif; letter-spacing: 2px; }
#navi a:hover,#navi a.aktiv { color:white; }

/* SLOGAN */
#grayhound {min-width: 960px; clear:both; background-color:#327ed6; width: 100%; padding: 0; margin: 0; }
#slogan { text-align: left; color:white; font-size:1.3em; font-weight:normal; padding: 15px 0 15px 0; width:960px; margin-right:auto; margin-left:auto; }

/* CENTER background-image: url(/media/media_allgemein/box.jpg); background-repeat: no-repeat; background-position: right center; */

#centercomplete { min-width: 960px; background-color:white; width: 100%; padding: 0; margin: 0; overflow: hidden;  }
#center { text-align:left; padding:20px 0 20px 0; width:960px; margin-right:auto; margin-left:auto; }
#center h1 { color:#858585; font-size:1.9em; font-weight:normal; margin: 30px 40px 30px 0; }
#center h1 strong { color:#327ed6; }
#center h2 { line-height:1.4em; color:#858585; font-size:1.2em; font-weight:700; margin:40px 40px 40px 0; max-width: 960px; }
#center h3 { line-height:1.4em; color:#858585; font-size:1.3em; font-weight:700; margin:30px 0; width: 450px; clear: both; }
#center p { font-family: Helvetica, sans-serif; color:#858585; line-height:1.6em; color:#858585; font-size:.8em; margin:10px 40px 10px 0; }
#center p a:link, #center p a:visited, #center ol a:link, #center ol a:visited { color:#858585; text-decoration:underline; font-weight:700; }
#center p a:hover, #center ol a:hover { color:#7f7f7f; text-decoration:none; }
#center ul, #center ol { font-family: Helvetica, sans-serif; color:#858585; font-size:.8em; line-height:1.6em; padding-left:20px; }
#center li { list-style-type:square; padding: 0 0 10px 0; }

/* CENTER NEWSBEREICH */
.spalt { float: left; width: 240px; text-align:left; margin-bottom: 30px; }
.spalt h4 { font-size: 1.1em; color: #327ed6; padding: 20px 10px 0 0; }
.spalt h4 strong { color: #2e9f43 }
.spalt p { font-size: 0.75em; padding: 0 10px 0 0; }

/* FUSS */
#fusscomplete { font-family: Helvetica, sans-serif; position: relative; min-width: 960px; width: 100%; padding: 0; margin: 0; clear: both;   }

#fusssitemap { clear: both; width:960px; margin-right:auto; margin-left:auto; padding: 30px 0;  }
.col {float: left; padding-right: 15px; width: 200px; display: block; text-align:left; }
#fusssitemap h4 { font-size: 1em; color: #dadada; padding-bottom: 10px; }
#fusssitemap ul  { margin-bottom: 30px; }
#fusssitemap ul li { margin: 0; padding: 0; list-style-type: none; line-height: 16px; }
#fusssitemap a:link,#fusssitemap a:visited { font-size:.7em; color:#7f7f7f; text-decoration:none; font-weight:normal; }
#fusssitemap a:hover,#fusssitemap a.aktiv { color:#7f7f7f; text-decoration:underline; }

#fuss { padding:20px 0 30PX 0; text-align:left; width:960px; margin-right:auto; margin-left:auto; clear: both; border-top: 1px solid #707070; }
#fuss p { color:#7f7f7f; letter-spacing:1px; font-size:.7em; line-height:1.5em; }
#fuss a:link,#fuss a:visited { color:#7f7f7f; text-decoration:none; font-weight:700; }
#fuss a:hover,#fuss a.aktiv { color:#7f7f7f; text-decoration:underline; }

/* TABLES */
.table { margin-top:10px; }
.table td { padding-right:30px; padding-bottom:30px; }
#markentable { width:960px; margin-top:10px; }
#markentable td { padding-right:30px; padding-bottom:30px; }
#gebrauchttable { width:960px; margin-top:10px; }
#gebrauchttable td { padding-right:30px; padding-bottom:30px; vertical-align: top; }

/*  KLASSEN */
.bira { background-color:white; padding:5px; border:dotted 1px #bfbfbf; }
.birali { background-color:white; margin-right:10px; margin-bottom:1px; padding:3px; float:left; border:solid 1px #dcdcdc; }
.birare { background-color:white; margin-bottom:10px; padding:3px; float:right; margin-left:10px; border:solid 1px #dcdcdc; }
.bili { margin-right:10px; margin-bottom:10px; float:left; }
.bire { margin-bottom:10px; margin-left:10px; float:right; }
.clearer { clear:both; }
.trennage {padding: 20px 0 0 0; }
.button { font-family: Helvetica, sans-serif; background-color:#858585; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline-block; color:white; font-size:12px; font-weight:normal; padding:6px 20px 6px 20px; text-decoration:none; }
.button:hover { background-color:#327ed6; }
.button:active { position:relative; top:1px; }
.verkauft { font-family: Helvetica, sans-serif; background-color:#2e9f43; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline-block; color:white; font-size:12px; font-weight:normal; padding:6px 20px 6px 20px; text-decoration:none; }
.open {padding: 0 0 0 720px; font-size: 0.8em; line-height:1.3em; color: #327ed6; text-align: left; }
.testimon { width: 300px; height: 300px; float: left; }
.testimonimg { float: left; padding: 0 20px 10px 0; }
.markenlogo {text-align: center; vertical-align:middle; }