meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* regex to replace from px to rem-calc */
/*
=\s*(\d+\.?d*)px
= rem-calc($1)

:\s*(\d+\.?d*)px
:rem-calc($1)

([-]?\d+\.?d*)px
rem-calc($1)

(\d+)em;
rem-calc($1)

(\d*.?\d+)em\s*=
rem-calc($1) =
*/
/*
Reset CSS Template
------------------

############################################################

Credits:
This CSS Template is based on:
Neal Grosskopf's for his "Div Layout Template":
http://www.nealgrosskopf.com/dev/div_layout_template.html
Thanks for creating this, Neal! :)

############################################################

/****************************************************************
Reset - http://tantek.com/log/2004/undohtml.css - http://meyerweb.com/eric/tools/css/reset/
 http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps
****************************************************************/
/*
html, body, h1, h2, h3, h4, h5, p, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{ margin: 0; padding: 0; text-align: left; }
h1,h2,h3 {clear: left; float: left;}


address { font-style: normal; }
acronym, abbr { border-bottom:rem-calc(1) #000000 dashed; cursor: help; }

a img, img { border: none; }
a { text-decoration: none; }
img { display: block; }

ul, ol {
	margin-top: rem-calc(1);
	margin-bottom: rem-calc(1);
}
*/
/****************************************************************
General Classes
****************************************************************/
/* rem-calc( 4) = rem-calc(64) */
/* rem-calc( 3) = rem-calc(48) */
/* rem-calc(2.75) = rem-calc(45) */
/* rem-calc(2.55) = rem-calc(42) */
/* rem-calc(2.45) = rem-calc(40) */
/* rem-calc(2.35) = rem-calc(38) */
/* rem-calc(2.3) = rem-calc(37) */
/* rem-calc(2.25) = rem-calc(36) */
/* rem-calc(2.2) = rem-calc(35) */
/* rem-calc( 2) = rem-calc(32) */
/* rem-calc(1.8) = rem-calc(29) */
/* rem-calc(1.6) = rem-calc(26) */
/* rem-calc(1.5) = rem-calc(24) */
/* rem-calc(1.45) = rem-calc(23) */
/* rem-calc(1.4) = rem-calc(22) */
/* rem-calc(1.3) = rem-calc(21) */
/* rem-calc(1.25) = rem-calc(20) */
/* rem-calc(1.1875) = rem-calc(19) */
/* rem-calc(1.125) = rem-calc(18) */
/* rem-calc(1.05) = rem-calc(17) */
/* rem-calc( 1) = rem-calc(16) */
/* rem-calc(0.95) = rem-calc(15) */
/* rem-calc(0.875) = rem-calc(14) */
/* rem-calc(0.8) = rem-calc(13) */
/* rem-calc(0.75) = rem-calc(12) */
/* rem-calc(0.7) = rem-calc(11) */
/* rem-calc(0.625) = rem-calc(10) */
/* rem-calc(0.55) = rem-calc(9) */
/* rem-calc(0.5) = rem-calc(8) */
/* rem-calc(0.4375) = rem-calc(7) */
/* rem-calc(0.375) = rem-calc(6) */
/* rem-calc(0.3125) = rem-calc(5) */
/* clearfix hack: http://www.webtoolkit.info/css-clearfix.html */
/*
.clearfix:after,
form div:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix, form div { display: inline-block; }

html[xmlns] .clearfix,
html[xmlns] form div { display: block; }

* html .clearfix, * html form div { height: 1%; }
*/
/* end clearfix hack*/
/*
.clear {
	font-size:0;
	line-height:0;
	height:0;
	clear: both;
}
*/
.top {
  vertical-align: top; }

.bottom {
  vertical-align: bottom; }

.middle {
  vertical-align: middle; }

.sub {
  vertical-align: sub; }

.sup {
  vertical-align: super; }

.txtBold {
  font-weight: 700; }

.unVisible {
  visibility: hidden; }

.noneDisplay {
  display: none; }

.floatL {
  float: left !important; }

.floatR {
  float: right !important; }

.clearB {
  clear: both !important; }

.clearL {
  clear: left !important; }

.clearR {
  clear: right !important; }

.txtAL {
  text-align: left !important; }

.txtACTR {
  text-align: center !important; }

.txtAR {
  text-align: right !important; }

.posAbs {
  position: absolute; }

ul.collapse {
  display: inline;
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  padding: 0; }

ul.collapse li {
  display: inline; }

/* GLOBALS - Foundation => _global.scss */
.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

/****************************************************************
Template & Layout - http://www.tutorialtastic.co.uk/page/create_a_tableless_layout
http://www.alistapart.com/articles/howtosizetextincss
http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html
****************************************************************/
/*
html {
	height:100%;
	font-size: 100%;
	overflow: scroll;
}
*/
/****************************************************************
##############  CDV  ##############
****************************************************************/
/* LINKS */
a:link {
  font-weight: 900;
  color: #fff;
  text-decoration: none;
  outline-style: none; }

A:visited {
  font-weight: 900;
  color: #ddd;
  text-decoration: none;
  outline-style: none; }

a:hover {
  font-weight: 900;
  color: #aaa;
  text-decoration: none;
  outline-style: none; }

a:active {
  font-weight: 900;
  color: #f00;
  text-decoration: none;
  outline-style: none; }

a:focus {
  font-weight: 900;
  color: #aaa;
  text-decoration: none;
  outline-style: none; }

a.invers:link {
  font-weight: 700;
  letter-spacing: 0;
  color: #aaa;
  text-decoration: underline;
  outline-style: none; }

A.invers:visited {
  font-weight: 900;
  color: #ddd;
  text-decoration: none;
  outline-style: none; }

a.invers:hover {
  font-weight: 900;
  color: #fff;
  text-decoration: underline;
  outline-style: none; }

a.invers:active {
  font-weight: 900;
  color: #f00;
  text-decoration: none;
  outline-style: none; }

a.invers:focus {
  font-weight: 900;
  color: #fff;
  text-decoration: underline;
  outline-style: none; }

body {
  background-color: #000;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #fff;
  margin: 0 auto !important;
  width: 60rem; }

.max-width-40em BODY.site-has-mobil-version {
  width: 100%; }

select, textarea, input {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.6875rem;
  width: 20rem; }

div {
  text-align: left; }

textarea {
  overflow-y: scroll;
  height: 2.5rem; }

.fett1 {
  font-weight: 900; }

.f11 {
  font-size: 0.6875rem; }

.f12 {
  font-size: 0.75rem; }

.f13 {
  font-size: 0.8125rem; }

.f14 {
  font-size: 0.875rem; }

.f100 {
  font-weight: 100; }

.f200 {
  font-weight: 200; }

.f300 {
  font-weight: 300; }

.f400 {
  font-weight: 400; }

.f500 {
  font-weight: 500; }

.f600 {
  font-weight: 600; }

.f700 {
  font-weight: 700; }

.f800 {
  font-weight: 800; }

.f900 {
  font-weight: 900; }

.cRed {
  color: red; }

.cGreen {
  color: green; }

.cBlue {
  color: blue; }

.cBlack {
  color: black; }

.cWhite {
  color: white; }

/* $cdvRed: #e30613; */
.cdvRed {
  color: #741318; }

.hoppetosseYellow {
  color: #db9200; }

.bgRed {
  background-color: red; }

.bgGreen {
  background-color: green; }

.bgBlue {
  background-color: blue; }

.bgBlack {
  background-color: black; }

.bgWhite {
  background-color: white; }

/* ############################################################################# */
/* .site-has-mobil-version  .site-no-mobil-version  .min-width-41em  .max-width-40em */
/* .max-width-40em .site-has-mobil-version  */
/* ############################################################################# */
/* PAGE */
#allBox {
  visibility: hidden; }

.min-width-41em #allBox, .max-width-40em .site-no-mobil-version #allBox {
  visibility: visible !important;
  width: 60rem;
  margin: 9.375rem auto; }

.max-width-40em .site-has-mobil-version #allBox {
  visibility: visible !important;
  width: 20rem;
  margin: 0 auto; }

/* ### HEADER ### */
.min-width-41em #headerBox, .max-width-40em .site-no-mobil-version #headerBox {
  width: 57.5rem;
  height: 4.375rem;
  margin: 0 0 0 1.5625rem;
  padding: 0; }

.max-width-40em .site-has-mobil-version #headerBox {
  position: relative;
  top: 34.375rem;
  left: 0.9375rem;
  width: 18.125rem;
  height: 2.1875rem;
  padding: 0; }

#headerTxtLinks {
  width: 31.25rem;
  height: 1.625rem;
  margin: 0.75rem 5.625rem; }

.max-width-40em .site-has-mobil-version #headerTxtLinks {
  display: none; }

.headerLinks {
  margin: 0 1.5625rem 0 0;
  font-size: 0.75rem; }

/* margin-right:rem-calc(3); */
.max-width-40em .site-has-mobil-version #headerImg {
  display: none; }

#headerImg {
  width: 25rem;
  height: 2.8125rem;
  margin: -0.75rem 0.9375rem 0 0; }

.min-width-41em #headerImgMobil {
  display: none; }

.max-width-40em .site-has-mobil-version #headerImgMobil {
  display: block;
  width: 18.125rem;
  height: 2.1875rem; }

.headerTxt {
  font-size: 0.875rem;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase; }

.max-width-40em .site-has-mobil-version .headerTxt {
  max-width: 18.125rem !important;
  line-height: 1.375rem; }

DIV[id^="post-"] DIV.headerTxt:first-child {
  text-transform: none; }

P.headerTxt.cdvRed:before {
  content: "CDV: "; }

P.headerTxt.hoppetosseYellow:before {
  content: "HOPPETOSSE: "; }

/* ### MAIN ### */
#mainBox {
  margin-top: 0.3125rem; }

.max-width-40em .site-has-mobil-version #mainBox {
  width: 18.25rem;
  margin: -1.25rem 0.875rem 0.9375rem 0.875rem; }

.min-width-41em #bgImgBox, .max-width-40em .site-no-mobil-version #bgImgBox {
  margin-top: -0.0625rem;
  width: 60rem;
  height: 21.875rem; }

.max-width-40em .site-has-mobil-version #bgImgBox {
  margin-top: -0.0625rem;
  width: 18.25rem;
  height: 32.125rem; }

.min-width-41em #ocBox, .max-width-40em .site-no-mobil-version #ocBox {
  position: absolute;
  margin: -29rem 0 0 40.625rem;
  width: 13.75rem;
  height: 13.75rem;
  background-color: transparent;
  z-index: 100; }
  .min-width-41em #ocBox IMG[alt="closed"], .max-width-40em .site-no-mobil-version #ocBox IMG[alt="closed"] {
    margin-top: 1.25rem; }

.max-width-40em .site-has-mobil-version #ocBox {
  position: relative;
  top: -31.25rem;
  left: 3.65625rem;
  width: 10.9375rem;
  height: 7.8125rem;
  background-color: transparent;
  z-index: 100; }

.min-width-41em #recommendationLinkBox, .max-width-40em .site-no-mobil-version #recommendationLinkBox {
  margin: -5rem 0 0 41.875rem;
  width: 10.75rem;
  height: 10.75rem;
  z-index: 1000; }

.max-width-40em .site-has-mobil-version #recommendationLinkBox {
  display: none; }

#contentBox {
  width: 60rem; }

.max-width-40em .site-has-mobil-version #contentBox {
  width: 18.125rem;
  margin-top: -2.5rem; }

.site-no-mobil-version .contentWidth {
  width: 60rem; }

/* ####  HOME  #### */
#homeBox {
  width: 37.5rem;
  height: 12.5rem;
  padding-left: 2.5rem;
  padding-top: 1.875rem; }

.max-width-40em .site-has-mobil-version #homeBox {
  width: 18.25rem;
  padding: 0; }

#today, #now, #next, #special {
  width: 33.75rem; }

.max-width-40em .site-has-mobil-version #today, .max-width-40em .site-has-mobil-version #now, .max-width-40em .site-has-mobil-version #next, .max-width-40em .site-has-mobil-version #special {
  width: 18.125rem;
  margin-top: 1.25rem; }

#next {
  margin-top: 1.5625rem; }

#todayTxt, #nowTxt, #specialTxt, #nextTxt {
  width: 5rem; }

.max-width-40em .site-has-mobil-version #todayTxt, .max-width-40em .site-has-mobil-version #nowTxt, .max-width-40em .site-has-mobil-version #specialTxt, .max-width-40em .site-has-mobil-version #nextTxt {
  width: 5rem; }

.max-width-40em .site-has-mobil-version #specialTxt {
  width: 6.875rem;
  height: 1.25rem; }

.max-width-40em .site-has-mobil-version #specialTxt:after {
  float: right;
  text-align: right;
  content: url(../img/special-mobil.png); }

#nextContentBox {
  width: 25rem;
  margin: 0; }

.max-width-40em .site-has-mobil-version #nextContentBox {
  width: 18.125rem; }

#nextDate, #specialDate {
  width: 8.5rem; }

.max-width-40em .site-has-mobil-version #nextDate, .max-width-40em .site-has-mobil-version #specialDate {
  width: 7.5rem;
  margin-top: 0;
  line-height: 1.75rem; }

#todayDate {
  margin-top: 0; }

#nextDate {
  margin-top: 0; }

#specialDate {
  margin-top: 0; }

#nowContent:after {
  content: '.';
  color: black; }

#todayContent, #nextContent {
  width: 25rem;
  margin: 0;
  padding-top: 0; }

#todayContent P.headerTxt:nth-child(2) {
  margin: 0.625rem 0 0 0; }

#nowContent P.headerTxt:first-child, #nextContent P.headerTxt:first-child, #specialContent P.headerTxt:first-child {
  margin: 0.625rem 0 0 0; }

.max-width-40em .site-has-mobil-version #todayContent, .max-width-40em .site-has-mobil-version #nowContent, .max-width-40em .site-has-mobil-version #nextContent, .max-width-40em .site-has-mobil-version #specialContent {
  width: 18.125rem;
  padding: 0; }

.max-width-40em .site-has-mobil-version #todayContent, .max-width-40em .site-has-mobil-version #nowContent, .max-width-40em .site-has-mobil-version #specialContent, .max-width-40em .site-has-mobil-version #nextContentBox {
  margin: 0.625rem 0 0 0; }

.max-width-40em .site-has-mobil-version #nowContent {
  margin: 0; }

.max-width-40em .site-has-mobil-version #todayContent P.headerTxt, .max-width-40em .site-has-mobil-version #nowContent P.headerTxt, .max-width-40em .site-has-mobil-version #nextContent P.headerTxt, .max-width-40em .site-has-mobil-version #specialContent P.headerTxt {
  margin: 0 0 0 0;
  padding: 0; }

.max-width-40em .site-has-mobil-version #todayContent P.headerTxt:first-child, .max-width-40em .site-has-mobil-version #nowContent P.headerTxt:first-child, .max-width-40em .site-has-mobil-version #nextContent P.headerTxt:first-child, .max-width-40em .site-has-mobil-version #specialContent P.headerTxt:first-child {
  margin: 0.625rem 0 0 0; }

/* #nextContent P.headerTxt:first-child { margin:rem-calc(10) 0 0 0; } */
.max-width-40em .site-has-mobil-version #nextContent P.headerTxt:first-child {
  margin: 0; }

#nextContent P:nth-child(2) {
  height: 0.0625rem;
  margin: 0.0625rem 0; }

#special {
  margin-top: 1.875rem;
  padding-top: 0.625rem; }

#specialContent {
  width: 21.25rem;
  margin-left: 0;
  padding-top: 0; }

.max-width-40em .site-has-mobil-version #specialContent {
  width: 18.125rem;
  margin-left: 0;
  padding-top: 0; }

#specialImg {
  margin-left: -3.125rem;
  margin-top: -0.625rem;
  width: 2.6875rem;
  height: 2.625rem; }

.max-width-40em .site-has-mobil-version #specialImg {
  display: none; }

.theID {
  width: 33.75rem;
  margin: 0 0 0 0; }

.max-width-40em .site-has-mobil-version .theID {
  width: 18.125rem;
  margin: 0 0 0 0; }

.hrDivider {
  color: #ffffff;
  width: 25rem;
  margin-bottom: 1.375rem !important; }

.max-width-40em .site-has-mobil-version .hrDivider {
  width: 16.25rem; }

/* ********************************* */
.min-width-41em #rightContainer {
  width: 23.125rem;
  /* rem-calc(310) */
  position: relative;
  top: -7.5rem;
  /* #occLinks */ }
  .min-width-41em #rightContainer #occLinks {
    width: 19.375rem;
    height: 25rem;
    margin: 1rem 3.125rem 0 0.875rem;
    text-align: center;
    /* ********************************* */
    /* **** Sylvester 2015  ||  NYE **** */
    /* ********************************* */ }
    .min-width-41em #rightContainer #occLinks:before, .min-width-41em #rightContainer #occLinks:after {
      content: " ";
      display: table; }
    .min-width-41em #rightContainer #occLinks:after {
      clear: both; }
    .min-width-41em #rightContainer #occLinks FIGURE {
      /* A:first-child { margin:rem-calc(7) 0 0 rem-calc(65); } */
      /* A:last-child { margin:0 rem-calc(65) 0 0; } */ }
      .min-width-41em #rightContainer #occLinks FIGURE:before, .min-width-41em #rightContainer #occLinks FIGURE:after {
        content: " ";
        display: table; }
      .min-width-41em #rightContainer #occLinks FIGURE:after {
        clear: both; }
      .min-width-41em #rightContainer #occLinks FIGURE A {
        float: none;
        display: block;
        margin: 0 auto; }
    .min-width-41em #rightContainer #occLinks DIV#nye-right IMG {
      width: 23.125rem;
      margin: 1.25rem 0 0; }

/* #rightContainer */
.max-width-40em #rightContainer {
  display: none; }

.min-width-41em #mobilCDVLink {
  display: none; }

.max-width-40em .site-has-mobil-version #mobilCDVLink {
  width: 4.875rem;
  margin: 2.5rem 6.6875rem 1.875rem 6.6875rem; }

.max-width-40em .site-has-mobil-version #mobilCDVLink A, .max-width-40em .site-has-mobil-version #mobilCDVLink A IMG {
  width: 4.875rem; }

.max-width-40em .site-has-mobil-version #mobilCDVLink A IMG {
  margin-bottom: 0.75rem; }

.max-width-40em .site-has-mobil-version #mobilCDVLink IMG#mobilCDVLinkSpacer {
  width: 4.875rem;
  height: 1.875rem; }

/* ####  PROGRAMM  #### */
/* Revision 2013.06.22 */
/* #programmBox{position:absolute; width:rem-calc(960); height:rem-calc(220); padding-left:rem-calc(40); padding-top:rem-calc(30); overflow:hidden; z-index:100;} */
#programmBox {
  position: absolute;
  width: 60rem;
  height: 13.75rem;
  padding-left: 2.5rem;
  padding-top: 1.875rem;
  overflow: visible;
  z-index: 100; }

#pCTop {
  position: absolute;
  background: url(../img/cTopLarge.gif) 0 0 repeat-x;
  width: 43.75rem;
  height: 2.5rem;
  margin-top: -1.875rem;
  margin-left: 8.75rem;
  z-index: 300; }

#programm {
  position: absolute;
  width: 8.75rem; }

#programmC {
  position: absolute;
  width: 43.75rem;
  margin: 0 0 0 8.75rem;
  font-size: 0.75rem; }

.programmCContentBox {
  margin: -1.625rem 12.5rem -0.625rem 6.25rem; }

#programmC > DIV[id^="post-"]:first-child DIV.programmCContentBox {
  margin-top: -0.625rem !important; }

#programmC P {
  margin-top: 0.5rem; }

/* Revision 2013.06.22 */
/* #scrollBar{left:rem-calc(910); top:rem-calc(34); width:rem-calc(16); height:rem-calc(180); } */
#scrollBar {
  display: none;
  left: 56.875rem;
  top: 2.125rem;
  width: 1rem;
  height: 11.25rem; }

#dragImg {
  background-color: #fff;
  z-index: 100; }

/* Revision 2013.06.22 */
/* #pCBottom{background: url(../img/cBottom.gif) 0 0 repeat-x; width:rem-calc(700);  height:rem-calc(20); margin-top:rem-calc(200); margin-left:rem-calc(140);} */
#pCBottom {
  display: none;
  background: url(../img/cBottom.gif) 0 0 repeat-x;
  width: 43.75rem;
  height: 1.25rem;
  margin-top: 12.5rem;
  margin-left: 8.75rem; }

/* ####  BOOT  #### */
#contentBootBox1 {
  display: block; }

#contentBootLeft {
  width: 8.75rem;
  margin-left: 2.5rem;
  margin-top: 1.875rem;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: left; }

#contentBootMiddle {
  width: 37.5rem;
  margin-top: 0.625rem; }

#contentBoot1Middle-1 {
  margin-top: 1.25rem; }

#contentBoot1Middle-2 {
  margin-top: 0.625rem; }

#contentBoot1Middle-3 {
  margin-top: 0.625rem; }

#contentBootRight {
  width: 5rem;
  height: 1.5625rem;
  margin-left: 1.875rem;
  margin-top: 10.5rem; }

#contentBoot1Right {
  border: 0;
  width: 5rem;
  height: 1.25rem;
  padding-top: 0.3125rem;
  text-align: center;
  vertical-align: bottom;
  background-color: #c00418;
  font-size: 0.6875rem;
  font-weight: 400; }

#contentBootBox2 {
  display: none;
  padding-left: 2.5rem;
  padding-top: 1.875rem; }

/* ####  BOOT NEU  #### */
.boot-span-a-www {
  display: none; }

a:visited.boot-a {
  color: #fff; }

a:hover.boot-a {
  color: #06325e; }

a:active.boot-a {
  color: #042043; }

TABLE#boot-table-rhein TR:first-child TD {
  width: 60rem !important; }

/* ####  NEWSLETTER  #### */
#content {
  position: absolute;
  width: 60rem;
  height: 13.75rem;
  padding-left: 2.5rem;
  padding-top: 1.875rem; }

#newsletterWrapper {
  width: 57.5rem;
  margin: 1.75rem 0 0 2.5rem; }
  #newsletterWrapper LABEL {
    display: block;
    float: left;
    width: 3.125rem;
    height: 0.8125rem; }
  #newsletterWrapper #newsletterTitle {
    float: left;
    width: 6.25rem;
    padding-top: 0.1875rem;
    font-size: 0.875rem;
    font-weight: 900; }
  #newsletterWrapper #newsletterBody {
    width: 43.75rem;
    margin-left: 4.0625rem; }
  #newsletterWrapper #newsletterBody FORM FIELDSET {
    border: 0 solid transparent; }
  #newsletterWrapper #newsletterTxt {
    float: left;
    width: 43.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.0625rem; }
  #newsletterWrapper #newsletterInputWrapper {
    width: 43.75rem;
    height: 6.25rem;
    margin-top: 1.25rem; }
  #newsletterWrapper #newsletterInputWrapper INPUT {
    width: 17rem; }
  #newsletterWrapper #newsletterInputWrapper LABEL {
    font-weight: 700; }
  #newsletterWrapper #newsletterInputWrapper LABEL[for="newsletterMailInput"] {
    margin-left: 2.1875rem; }
  #newsletterWrapper #newsletterNameInput {
    width: 17rem; }
  #newsletterWrapper #newsletterMailInput {
    width: 17rem; }
  #newsletterWrapper #newsletterSendBtn {
    width: 4.0625rem !important;
    height: 1.5625rem;
    margin: 1.25rem 1.375rem 0 0;
    border: 0;
    background-color: #c00418;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 900;
    vertical-align: top;
    text-align: center !important; }

/* \#newsletterWrapper */
/* ####  KONTAKT  #### */
#contentKontaktBox {
  position: absolute;
  width: 60rem;
  height: 13.75rem;
  padding-left: 2.5rem;
  padding-top: 1.875rem; }
  #contentKontaktBox #contentKontaktLeft {
    float: left;
    width: 6.25rem;
    height: 6.25rem;
    margin-left: 0;
    margin-top: 0;
    font-size: 0.875rem;
    font-weight: 900; }
  #contentKontaktBox #contentKontaktMiddle {
    float: left;
    width: 43.75rem;
    height: 6.25rem;
    margin-left: 2.5rem;
    margin-top: 0;
    font-size: 0.75rem;
    font-weight: 400; }
  #contentKontaktBox #contentKontaktMiddle P {
    margin: 0; }
  #contentKontaktBox #contentKM1 {
    padding-top: 0.0625rem; }
  #contentKontaktBox #contentKM2 {
    margin-top: 0.375rem !important; }
  #contentKontaktBox .dot {
    vertical-align: 0.1875rem; }
  #contentKontaktBox #contentKM3 {
    margin-top: 0.1875rem !important; }
  #contentKontaktBox #contentKM4 {
    margin-top: 0.625rem !important; }
  #contentKontaktBox #contentKontaktBottom {
    float: left;
    width: 60rem;
    height: 6.25rem;
    margin-top: 2.5rem;
    padding-top: 0; }
  #contentKontaktBox .contactForm {
    float: left; }
  #contentKontaktBox FORM.wpcf7-form DIV.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: none;
    width: 28.8rem;
    margin: 0 0em 1em;
    padding: 0 0 0 2.3rem;
    display: inline-block;
    width: 37.5rem;
    color: #741318; }
  #contentKontaktBox FORM.wpcf7-form DIV.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {
    clear: both;
    position: relative;
    top: 2em;
    padding: 1em; }
  #contentKontaktBox FORM.wpcf7-form DIV.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    border: none;
    display: block;
    width: 22rem;
    vertical-align: top;
    padding: 0;
    height: 1.5rem;
    margin: 4rem 0 0 9rem;
    color: #741318 !important;
    font-weight: 700; }
  #contentKontaktBox FORM.wpcf7-form SPAN.wpcf7-not-valid-tip {
    margin-top: 2rem; }
  #contentKontaktBox .wpcf7-form LABEL {
    display: block;
    float: left;
    width: 3.125rem;
    width: 6rem;
    height: 0.8125rem; }
  #contentKontaktBox #cf7Name, #contentKontaktBox #cf7FirstName {
    float: left;
    margin: -0.625rem 0 0 2.8rem; }
  #contentKontaktBox #cf7FamilyName {
    clear: both;
    float: left;
    margin: 1.25rem 0 0 2.8rem; }
  #contentKontaktBox #cf7Company {
    clear: both;
    float: left;
    margin: 1.25rem 0 0 2.8rem; }
  #contentKontaktBox #cf7Email {
    clear: both;
    float: left;
    margin: 1.25rem 0 0 2.8rem; }
  #contentKontaktBox #cf7Message {
    float: left;
    margin: -6.1rem 0 0 1.4375rem; }
    #contentKontaktBox #cf7Message LABEL {
      width: 3rem; }
    #contentKontaktBox #cf7Message TEXTAREA {
      height: 8.75rem; }
    #contentKontaktBox #cf7Message .wpcf7-not-valid-tip {
      margin: 10rem 0 0 3rem; }
  #contentKontaktBox #cf7Send input {
    border: 0;
    margin-left: 49.0625rem;
    margin-top: 0.625rem;
    width: 4.0625rem;
    height: 1.5625rem;
    background-color: #741318;
    vertical-align: top;
    text-align: center !important;
    font-size: 0.625rem;
    font-weight: 900;
    color: #000; }

/* \#contentKontaktBox */
/* ####  IMPRESSUM  #### */
/* Revision 2013.06.22 */
/* #impressumBox{width:rem-calc(960); height:rem-calc(220); padding-left:rem-calc(40); padding-top:rem-calc(30); overflow:hidden; z-index:100;} */
#impressumBox {
  width: 60rem;
  height: 13.75rem;
  padding-left: 2.5rem;
  padding-top: 1.875rem;
  overflow: visible;
  z-index: 100; }

#iCTop {
  background: url(../img/cTopLarge.gif) 0 0 repeat-x;
  width: 43.75rem;
  height: 2.5rem;
  margin-top: -1.875rem;
  margin-left: 8.75rem;
  z-index: 300; }

#impressum {
  width: 8.75rem; }

/* Revision 2013.06.22 */
/* #impressumC{width:rem-calc(700);  margin:rem-calc(30) rem-calc(140); font-size:rem-calc(12);} */
#impressumC {
  width: 43.75rem;
  margin: 1.875rem 2.5rem;
  font-size: 0.75rem; }

/* Revision 2013.06.22 */
/* .impressumCContentBox{margin:rem-calc(-10) rem-calc(100);} */
.impressumCContentBox {
  margin: -0.625rem 0;
  max-width: 38.125rem;
  padding-right: 1.25rem; }

#impressumC P {
  margin-top: 0.5rem; }

/* see Programm */
/* #scrollBar{left:rem-calc(910); top:rem-calc(34); width:rem-calc(16); height:rem-calc(180); } */
/* #dragImg{background-color:#fff; z-index:100;} */
/* Revision 2013.06.22 */
/* #iCBottom{background: url(../img/cBottom.gif) 0 0 repeat-x; width:rem-calc(700);  height:rem-calc(20); margin-top:rem-calc(200); margin-left:rem-calc(140);} */
#iCBottom {
  display: none;
  background: url(../img/cBottom.gif) 0 0 repeat-x;
  width: 43.75rem;
  height: 1.25rem;
  margin-top: 12.5rem;
  margin-left: 8.75rem; }

/* ####  LOCATION  #### */
DIV#location-content-wrapper {
  margin: 0; }

TABLE#locations-table-wrapper {
  display: block;
  margin: -0.625rem 0 0 0; }

.locations-span-a-www {
  display: none; }

a:visited.locations-a {
  color: #fff; }

a:hover.locations-a-hoppetosse {
  color: #06325e; }

a:active.locations-a-hoppetosse {
  color: #042043; }

a:hover.locations-a-anhalt {
  color: #8d3107; }

a:active.locations-a-anhalt {
  color: #652300; }

a:hover.locations-a-rosengarten {
  color: #366928; }

a:active.locations-a-rosengarten {
  color: #234b1a; }

a:hover.locations-a-wilhelmsstrand, a:hover.locations-a-bootshaus {
  color: #97730a; }

a:active.locations-a-wilhelmsstrand, a:active.locations-a-bootshaus {
  color: #6b5304; }

IMG#locations-img-hoppetosse-logo {
  width: 23.75rem !important;
  height: 3rem !important; }

/*
.min-width-41em #ocBox, .max-width-40em .site-no-mobil-version #ocBox{ position:absolute; margin:rem-calc(-520) rem-calc(0) rem-calc(0) rem-calc(650); width:rem-calc(220); height:rem-calc(220); background-color:transparent; z-index: 100; }
.max-width-40em .site-has-mobil-version #ocBox { position:relative; top:rem-calc(-500); left:rem-calc(80); width:rem-calc(125); height:rem-calc(125); background-color:transparent; z-index: 100; }
*/
/* ####  PUBLIC STATE  #### */
DIV#ocBoxPS {
  position: absolute;
  left: 21.875rem;
  top: 20rem; }

DIV#contentBox DIV#ffl-container-modal {
  float: left; }

#changstateFormBox {
  width: 6.25rem;
  margin: 1.875rem 0; }

FORM#change-state-form {
  display: inline-block; }

/* FORM#change-state-form INPUT[type='submit'] { width:rem-calc(100); border-left-width:0; padding:0; text-align:center; font-weight:700; } */
FORM#change-state-form INPUT[type='image'] {
  width: 4.375rem;
  height: 3.75rem; }

#ocBtnLabel {
  font-weight: 700; }

#ffl-user-info.flexible-frontend-login {
  top: -9.375rem !important; }

.max-width-40em .site-has-mobil-version #ocBoxPS {
  position: relative;
  left: 2.5rem;
  top: -31.25rem; }

.max-width-40em .site-has-mobil-version #ffl-container-modal {
  margin: -10rem 0 0 0.3125rem; }

.max-width-40em .site-has-mobil-version #ffl-dialog {
  width: 18.125rem;
  left: 0.9375rem !important; }
  .max-width-40em .site-has-mobil-version #ffl-dialog TABLE, .max-width-40em .site-has-mobil-version #ffl-dialog TBODY, .max-width-40em .site-has-mobil-version #ffl-dialog INPUT {
    width: 13.4375rem; }
  .max-width-40em .site-has-mobil-version #ffl-dialog BUTTON {
    width: 14.6875rem; }
  .max-width-40em .site-has-mobil-version #ffl-dialog LABEL {
    width: 0; }

.max-width-40em .site-has-mobil-version #ffl-user-info {
  top: -10rem !important; }

.max-width-40em .site-has-mobil-version #changstateFormBox {
  margin: -8.75rem 0 0 0 !important; }

/****************************************************************
Print - http://www.alistapart.com/stories/goingtoprint/
****************************************************************/
@media print {
  #Header,
  #Menu,
  #SubMenu,
  #Footer {
    display: none; }
  #Wrap {
    border-width: 0;
    color: #000;
    width: 6.7in;
    float: none; }
  #Wrap a {
    text-decoration: underline;
    border-bottom-width: 0; }
  #Wrap a:after {
    content: " [ " attr(href) " ] ";
    font-size: 70%;
    font-style: italic;
    padding-left: 0.75rem; }
  #Wrap a[href^="/"]:after {
    content: " [ http://www.clubdervisionaere.com" attr(href) " ] ";
    padding-left: 0.75rem; } }

/****************************************************************
Handheld
****************************************************************/
@media handheld {
  #Accessibility {
    display: block; } }

/****************************************************************
Aural (Screen Reader)
****************************************************************/
@media aural {
  #Accessibility {
    display: block; } }