body {-webkit-text-size-adjust:none; -ms-hyphens: auto;  }

.container .content {margin-bottom: 0 !important;}
#footerid {margin-bottom: 40px !important;}

#menuelink, #menuelink2, #menuelink3 {display: none;}

.feEditAdvanced-allWrapper {float: left; width:auto;}

/*Panorama*/  
#panorama { width: 100%; float: left; height: 100%;position: relative }
#wrapper {
  background: url("panorama.jpg") repeat-x 0 0;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
#mask,#mask .bac,#mask .logo{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:40px;
  z-index:2;
}
#mask .bac,#mask .logo{
  position:absolute;
  top:0;
  left:0;
  background:white;
}
#mask .logo{
   background: rgba(0, 0, 0, 0) no-repeat 20px 10px;
}
#mask .bac{
-webkit-opacity:0;
-o-opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
  z-index:-1;
}
#mask .remote{
  position:absolute;
  width:20px;
  height:20px;
  top:35px;
  right:15px;
  z-index:2;
  cursor:pointer;
}
#mask .stop{
  background:url("pause.png") no-repeat;
}
#mask .play{
  background:url("play.png") no-repeat;
}

div.vrweb_player_main { display: inline-block;}

@media only screen and (max-width: 960px)
{
.maincontent {overflow: hidden; }
.container_all {width: 680px;  border: 0; margin: 0; padding: 0; }
.container {width: 680px; overflow: hidden;  border: 0; margin: 0; padding: 0; }
.container .pheader .headerimage, .container .header .headerimage  {width: 680px; margin: 0; padding: 0; background-position: center top; }
.container .pheader .headermenue, .container .header .headermenue {width: 680px; border: 0; margin: 0; padding: 0;  }
.container .pheader .headermenue ul, .container .header .headermenue ul {width: 680px; border: 0; margin: 0; padding: 0; }
.container .pheader .headertop, .container .header .headertop {background-position: right top;}
.container .pheader {}
.container .header .headermenue li {margin: 0 0.1em;}
.container .header .headermenue li.click {height: auto;}
.extmenue {width: 99%; overflow: hidden; height: 19em;}
.extmenue_text {width: 99%; font-size: 0.8em; height: 100%;}
.extmenue_text .sLink {width: 15.5em;}
.extmenue_text .sLink p {width: 100%; font-size: 0.9em;}
 .container .pheader .headermenue li,.container .header .headermenue li {width: 12.05%;font-size: 11px;}
 .container .pheader .headermenue li a , .container .header .headermenue li a {padding: 0; width: 100%; margin: 0; text-align: center;}
#marketingid {display: none;}
.footer {width: 100%;}
.main {width: 66%;}
.main .csc-default {width: 98%; padding: 0 1% 10px; overflow: hidden;}
.main .csc-default .news-latest-container .news-latest-item {width: 46%;}
.main .csc-default img {max-width: 100%;}
#menuid {width: 15.2em;}
.menu > .box { width: 15em;}

.container .content, .container .content .contentmain {position: static; padding-bottom: 10px;}
.additional {position: absolute; top: 140px; left: -195px; z-index: 10; width: 195px; }
.additional div.csc-default { float: left; min-height: 80px; position: relative;}
.additional .csc-default form.additional {position: absolute; top: 30px; left: 10px; width: 90%; margin-top: 30px;}
#footerid {margin-top: 10px; height: auto;}
.footer > .left {width: 46%;}
.footer > .owcenter {width: 46%;}
.footer > .right {width: 90%; float: left; text-align: center;}
#menuelink {position: absolute; top: 10px; right: -50px; display: block; width: 50px; height: 14px; padding: 40px 0 5px 0; text-align: center; background: url('menicon1.png') 4px 4px no-repeat #fff; font-size: 0.8em; overflow: hidden; 
box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000;}
#menuelink3 {position: absolute; top: 5px; left: 50%; z-index: 10; display: block;}

.eingeblendet {left: 0;}
.viewpoint {margin-top: 0;}
#mainid img { height: auto;}

.main .csc-default .news-list-container .news-list-item .news-list-date {min-width: 65px;}
.main .csc-default .news-single-imgcaption {width: 100%; height: auto;}
}

@media only screen and (max-width: 680px)
{
.menu {position: absolute; top: 85px; left: -210px; z-index: 11; }
#menuelink2 {position: absolute; top: 0; right: -47px; display: block; width: 50px; height: 15px; padding: 26px 0 3px 0; text-align: center; background: url('menicon2.png') 4px 4px no-repeat #fff; font-size: 0.8em; overflow: hidden;
box-shadow: 0px 0px 3px 0px #000000; -moz-box-shadow: 0px 0px 3px 0px #000000; -webkit-box-shadow: 0px 0px 3px 0px #000000; z-index:7; }
.menu div.box {position: relative; z-index:8;}

div#menuid.eingeblendet {left: 0;}

.container_all {width: 100%;  }
.container {width: 100%; }
.container .pheader .headerimage, .container .header .headerimage  {width: 100%; background-size:auto 100%; background-position: center 50px;}
.container .pheader .headermenue, .container .header .headermenue {width: 99%; height: 400px; float: left;  }
.container .pheader .headermenue ul, .container .header .headermenue ul {width: 100%; }
 .container .pheader,  .container .header {height: 550px;}
 .container .pheader .headermenue li,.container .header .headermenue li {width: 100%;font-size: 13px;}
 .container .pheader .headermenue li a , .container .header .headermenue li a {padding: 0; width: 100%; margin: 0; text-align: center;}
.extmenue {width: 0; visibility: hidden; height: 0; overflow: hidden; }
.footer {width: 100%;}
.main {width: 100%;}
#mainid img {max-width: 460px; height: auto;}
#menuelink3 {top: 60px; left: 10px;}
.container td.header {height: auto;}
}

 @media only screen and (max-width: 460px)
{
.main .csc-default .news-latest-container .news-latest-item {width: 96%;}

.footer > .left {width: 90%;}
.footer > .owcenter {width: 90%;}
.footer > .right {width: 90%;}
#mainid img {max-width: 300px;}
  }
  
#cookie-bar {background:#666; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:5px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 200; }
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#000099;}
#cookie-bar .cb-enable:hover {background:#000099;}
#cookie-bar .cb-disable {background:#000099;}
#cookie-bar .cb-disable:hover {background:#000099;}
#cookie-bar .cb-policy {background:#333;}
#cookie-bar .cb-policy:hover {background:#0055dd;}