body {
  behavior: url("fileadmin/templates/csshover3.htc");
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-image: url(/fileadmin/templates/images/bg_fond-klein.jpg);
}

#custom-doc
{
  width: 1000px;
  min-width: 250px;
  background-color: #ffffff;
  -moz-box-shadow: 0px -15px 15px #555555;
  -webkit-box-shadow: 0px -15px 15px #555555;
  box-shadow: 0px -15px 15px #555555;
}
#bd { /*new*/
        width:1000px;
}

#hd
{
  position:relative;
  height:68px;
  padding-top:20px;
  margin-left:20px;
  margin-right:20px;
}

#hdLogo
{
  position:absolute;
  top:20px;
  left: -8px;
}

#hdMembership
{
  position:absolute;
  top:20px;
  left:581px;
}

#hdMembership a {
  display: block;
  float:left;
  padding-right:20px;
}

#hdNav,
#nav li.navMobile .hdLang,
#nav li.navMobile .hdLang a
{
  font-weight: normal;
  font-family:verdana;
  font-size: 9px;
  text-align:right;
}
#hdNav {
  top:20px;
  position:absolute;
  right:0px;
  z-index:2;
}
#hdNav,
#nav li.navMobile .hdLang {
  width:100px;
}

#hdNav li
{
  padding-top:2px;
}

#hdNav a
{
  text-transform:uppercase;
  text-decoration:none;
  color:black;
}


#hdNav a:hover,
#hdNav a:focus {
  text-decoration:underline;
}


#hdNav a img {
  padding-left: 10px;
  padding-bottom: 6px;
 }

#hdNav .hdLang li.hdCn,
#nav li.navMobile .hdLang li.hdCn {
  xxfloat: right;
  margin-left: 19px;
  width: 23px;
  font-weight: bold;
  font-size: 10px;
  padding-top: 1px;
}

#hdNav .hdLang li,
#nav li.navMobile .hdLang li {
  width: 55px;
  float: right;
  margin: 0;
  padding: 0;
  padding-top: 2px;
}


#nav /*fixed*/
{
  position:relative;
  height:76px;
  margin-bottom: 65px;
}

#nav.overlay {
  margin-bottom: 0px;
}

#nav ul /*fixed*/
{
  position:absolute;
  bottom:0px;
  width:1000px;
}

#nav li
{
  display:block;
  float:left;
  width:176px;
  padding-left:10px;
  padding-right:10px;
  border-bottom:1px solid #a26562;
  border-top:1px solid white;
  padding-top: 11px;
  padding-bottom: 11px;
}

#nav ul li.first
{
  padding-left:20px;
}

#nav ul li.last
{
  padding-right:0px;
}

#nav ul li.navArrow { /*fixed*/
  text-align: center;
  padding-left:0px;
  padding-right:0px;
  float: left;
  width: 16px;
  padding: 19px 0 13px 4px;
}

#nav ul li.navArrow a { /*new*/
  padding-bottom: 1px;
  float:left;
  line-height:6px;
  height: 6px;
  padding-right:0;
  width: auto;
}

#nav li.navArrow a img { /*new*/
  display:block;
}

#nav li ul /*fixed*/
{
  display: none;
  position: absolute;
  z-index:99;
  top: 41px;
  left: 0px;
  padding-top:10px;
  padding-left: 10px;
  width:990px;
  float:left;
  height:65px;
  background-color: #FFF;

}

#nav li ul ul /*fixed*/
{
  width:auto;
}


#nav.overlay li ul {
  background-color: transparent;
  background-image: url(/fileadmin/templates/images/bg_overlay_nav.png);
  padding-left: 10px;
  width: 990px;
}

#nav li:hover ul
{
  display:block;
}

#nav li ul.show {
  display:block;
  z-index:50;
  width:990px;
  float:left;
}


/*
#navArrow
{
  position:absolute;
  right:0px;
  bottom:0px;
  width:20px;
  border-bottom:1px solid #a26562;
}
*/
#nav li a /*fixed*/
{
  font-family: Times New Roman, times, serif;
  font-size:14px;
  font-weight: bold;
  text-decoration:none;
  text-transform:uppercase;
  color:#721a25;
  letter-spacing: 0.05em;
  display:block;
  width:176px;
  padding-right:11px;
}

#nav li a a /*new*/
{
  width:auto;
  padding-right:0;
}

#nav li:hover,
#nav li.active
{
  border-top:1px solid #721a25;
  border-bottom:1px solid white;
}

#nav li.navArrow:hover {
  border-top:1px solid white;
  border-bottom:1px solid #721a25;
}

#nav li.active a {
  color: #000;
}

/* Ticket 5042 */
#nav li.active #nav_activeUl a.active {
  color:#000;
}

#nav li ul li,
#nav li ul li:hover
{
  padding-top: 0;
  padding-bottom: 0;
  position:relative;
  border: none;
}

#nav li ul li ul,
#nav.overlay li ul li ul {
  position: static;
  float: left;
  display: block;
  left: auto;
  right: auto;
  background-image: none;
  padding: 0;
  width: auto;
}


#nav li ul li ul a {
  color: #000;
  font-weight: normal;
  font-size:12px;
  line-height: 18px;
  padding: 0;

  /* Ticket 5042 */
  color:#721a25;
}

#nav li ul li ul li {
  padding: 0;
}

#nav li ul li ul a:hover,
#nav li ul li ul a.active {
  text-decoration:underline;
}

#subnav ul {
  height:65px;
  padding-top:
}

#teaser /*fixed*/
{
  padding-top:11px;
  padding-bottom:20px;
  position: relative;
}

#teaser img { /*new*/
        display:block;
}

#teaser div {
  float: left;
}

#teaser object {   /*new*/
  float: left;
}
#teaser img.first,
#teaser div.first {
  margin-right:10px;
}

#teaser img.last,
#teaser div.last {
  margin-left:10px;
  margin-right:0px;
}

/* for veranstalter/saele */
div.imgteaserhover {
  position: absolute;
  left: 206px;
  opacity: 0;
}
div.imgteaserhover:hover {
  opacity: 1;
}

#bodyLeftCol /*fixed*/
{
  float:left;
  width:176px;

  padding:0;
  margin-left:20px;
  display:inline;
  margin-right:10px;
}

#bodyLeftCol div.box
{
  border-top:1px solid #721a25;
  padding-top:7px;
  padding-bottom:10px;
  padding-left:7px;
}

#bodyLeftCol div{
  padding-bottom: 10px;
}

#bodyLeftCol div.premium .imagebutton .button{
  padding-top: 5px;
}

#bodyLeftCol div.premiumbox{
  border-top:1px solid #721a25;
  margin-top: 121px;
}

#bodyLeftCol div.box h3
{
  font-size:90%;
}

#bodyLeftCol div.box img
{
  margin-bottom: 20px;
}

#bodyLeftCol div.box img.first
{
  margin-top: 20px;
}

#bodyContent
{
  width:588px;
  float:left;
}

#bodyContent1Col,
.bodyContent1ColFlexCE
{
  border-top:1px solid #721a25;
  float:left;
  margin-left:10px;
  margin-right:10px;
  width:176px;
  padding-top: 3px;
}

.bodyContent1ColFlexCE {
  margin-right:0px;
  margin-left:0px;
}

#bodyContent2Col .divider { /*new*/
        height:1px;
        overflow:hidden;
}

#bodyContent3Col .divider {
  height:1px;
  overflow:hidden;
  margin-left: 10px;
}

#bodyContent2Col,
.bodyContent2ColFlexCE
{
  border-top:1px solid #721a25;
  float:left;
  margin-right:10px;
  padding-left:10px;
  /* padding-right:10px; */
  /* padding-top:20px; */
  width:382px;
}

.bodyContent2ColFlexCE /*new*/
{
  margin:0;
  padding:0;
  width:382px;
}

.bodyContent2ColFlexCE div /*new*/
{
  margin-left:10px;
}

.personByEventday .bodyContent2ColFlexCE h1{
  margin-left: 10px;
}

.bodyContent2ColFlexCE div div /*new*/
{
  margin-left:0;
}


#bodyContent2Col { /*new*/
        width:383px;
        margin:0;
        padding:0;
        float:left;
        display:inline;
        overflow:hidden;
}

.bodyInnerContent2Col { /* new with tag */
        float:left;
        display:inline;
        margin: 0 0 0 10px;
        width:373px;
}
/*
.bodyContent2ColFlexCE {
  padding-left:0px;
}
*/
#bodyContent2Col.flash {
  margin-right:0px;
  padding-right:10px;
}

#bodyContent3Col
{
/*  background-color:green; */
  float:left;
/*  padding-left:10px; */
  padding-right:10px;
  width:568px;
}

#bodyRightCol /*fixed*/
{
  float:right;
  padding-left:10px;
  padding-right:20px;
  width:176px;
  margin:0;
  padding:0;
  float:right;
  display:inline;
  margin-right:20px;
  margin-left:8px;
}
#bodyRightCol .bodyNav div.dropdown {
  margin-left: 0;
  width: 156px;
}
#bodyRightCol .bodyNav div.dropdown ul,
#bodyRightCol .bodyNav div.dropdown ul li {
  width: 156px;
}

#bodyRightCol div.terminsuche {
  border:1px solid #e7e0c6;
  margin-bottom: 10px;
  padding:1px 0;
}

#bodyRightCol input.terminsuche
{
  height:20px;
  width:174px;
  color:#721a25;
  border: none;
  font-weight:bold;
  font-size:110%;
  padding:0 4px;
  font-family: Times New Roman, times, serif;
  background-color: #fff;
  text-align: left;
  letter-spacing: 0.05em;
  cursor: pointer;
  background-color: transparent;
  /*
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  */

}

#bodyRightCol select.quicklinks,
#bodyRightCol select.quicklinks option {
  font-family: Times New Roman, times, serif;
  font-size:14px;
  color:#721a25;
  font-weight:bold;
  letter-spacing: 0.05em;
  padding-top: 2px;
  vertical-align: middle;
  line-height: 1;
}

#bodyRightCol select.quicklinks
{
/*
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  */
  height:20px;
  width:174px;
  border:1px solid #e7e0c6;
  border: none;
  padding:0 4px;
  cursor: pointer;
}

#bodyRightCol select.quicklinks option {
  padding-left:6px;
  cursor: pointer;
}

#toggleDivRight {
  margin-top: 20px;
}

#toggleDivRight div {
  display: none;
}

#toggleDivRight .show {
  display: block;
}

#toggleLinks .active {
  text-decoration: underline;
}



#ft
{
  font-family:verdana;
  font-size:11px;
  margin-top:40px;
  padding-bottom:5px;
/*
  margin-left:20px;
  margin-right:20px;
*/
}

#ftNav {
  border-top:1px solid #721a25;
}

#ftNav > ul
{
  padding-left:20px;
}

#ftNav li
{
  display:block;
  float:left;
  padding-right:30px;
  padding-top: 5px;
}

#ftNav a
{
/*  font-weight:bold; */
  color:#721a25;
  text-decoration:none;
}

#ftNav a:hover,
#ftNav a:focus {
  text-decoration:underline;
}

#ftNav li.ftBackToTop {
  padding-right:10px;
}

div.ftCopyright
{
  padding-top: 5px;
  padding-right: 20px;
  float:right;
/*  font-weight:bold; */
  color:#721a25;
}

#bodyLeftCol,
#bodyContent1Col,
#bodyContent3Col .bodyContent1ColFlexCE {
  font-family:verdana;
  font-size: 11px;
  line-height: 1.4em;
}

#bodyContent1Col .footer,
.bodyContent1ColFlexCE .footer {
  margin-top: 10px;
}

#bodyContent1Col .footer div.container,
.bodyContent1ColFlexCE .footer div.container {
  padding-bottom: 10px;
  clear: both;
}

#bodyContent1Col .footer img,
.bodyContent1ColFlexCE .footer img {
  display: block;
  float:left;
}

#bodyContent1Col .footer .reminder img,
.bodyContent1ColFlexCE .footer .reminder img{
  margin-left: 1px;
}

#bodyContent1Col .footer div.text,
.bodyContent1ColFlexCE .footer div.text  {
  padding-top: 4px;
  padding-left: 29px;
}

#bodyContent1Col .footer .share,
.bodyContent1ColFlexCE .footer .share {
  padding-left: 29px;
  padding-top: 4px;
  clear:both;
  z-index: 5000;
  overflow: visible;
}

#bodyContent1Col .footer .share a,
#bodyContent1Col .footer .share span,
.bodyContent1ColFlexCE .footer .share a,
.bodyContent1ColFlexCE .footer .share span {
  display: block;
  float:left;
  padding-top: 10px;
  padding-right: 5px;
}

#bodyContent1Col .footer .newsletter,
.bodyContent1ColFlexCE .footer .newsletter {
  clear:both;
}
#bodyContent1Col .footer .newsletter .newslettertext,
.bodyContent1ColFlexCE .footer .newsletter .newslettertext{
  padding-top: 4px;
}
#bodyContent1Col .footer .newsletter img,
.bodyContent1ColFlexCE .footer .newsletter img{
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 6px;
}
#bodyContent1Col .footer .newsletter a,
.bodyContent1ColFlexCE .footer .newsletter a {
  display: block;
  width: 100%;
}

#bodyContent .bodyNav {
  width: 382px;
  height: 36px;
}

.bodyNav .filter.withPaging {
  float:right;
}

.bodyNav li {
  float:left;
}

.bodyNav a {
  text-decoration:none;
}

.bodyNav li div.box,
.bodyNav li div.page,
.bodyNav div.dropdown {
  font-family:verdana;
  font-size: 11px;
  padding-top: 4px;
  margin-bottom: 10px;
  height: 20px;
  text-align: center;

  height:16px;
  padding-bottom:4px;
  line-height:16px;
  vertical-align:middle;
}

.bodyNav li div.box,
.bodyNav div.dropdown {
  cursor: pointer;
  padding-top: 4px;
  width: 30px;
  width: 28px; /*bo*/
  padding-top: 3px; /*bo*/
  padding-bottom: 3px; /*bo*/
  border: 1px solid #dfd1ae; /*bo*/
}


.bodyNav li div.back,
.bodyNav div.dropdown {
  float:left;
  color:#000;

  width: auto;
  text-align: left;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform:uppercase;
}

.bodyNav li div.active,
.bodyNav div.dropdown {
  background-color: #dfd1ae;
  border: 0; /*bo*/
  width: 30px; /*bo*/
  padding-top: 4px; /*bo*/
  padding-bottom: 4px; /*bo*/
}

.bodyNav li div.back,
.bodyNav div.dropdown{
  width: auto;
}
.bodyNav li div.page {
  width: 48px;
}



.bodyNav li div.hover,
.bodyNav div.dropdown {
  position: relative;
  float:left;

  text-align: left;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#bodyContent .bodyNav li div.hover {
  width: 100px;
}
#bodyContent .bodyNav li.pageDropdown div.hover {
  width: 156px;
}
#bodyContent .bodyNav li.pageDropdown div.hover ul.toggle {
  min-width: 156px;
  white-space: nowrap;

}
#bodyContent .bodyNav ul.withPaging li.pageDropdown div.hover {
  width: 100px;
}
#bodyContent .bodyNav ul.withPaging li.pageDropdown div.hover ul.toggle,
#bodyContent .bodyNav #headerGallerySelector ul.toggle {
  width: auto;
  min-width: 100px;
  white-space: nowrap;
  position: absolute;
  top: 25px;
  border-top: 2px solid white;
}
#bodyContent .bodyNav ul.withPaging li.pageDropdown div.hover ul.toggle li hr {
  display: none;
}

.hover:hover .toggle {
  display: block;
}

.bodyNav .toggle {
  display: none;
  /* border:1px solid #DFD1AE; */
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
  background-color:#DFD1AE;
  margin: 0px !important;
  min-width: 100px;
  position: absolute;
  left: 0;
  top: 30px;
  height:auto;
  z-index: 30;
}
#bodyContent .bodyNav ul.toggle li {
  float: none;
  padding: 2px 0;
}

.bodyNav .hover ul.opened {
  display:block;
}
.bodyNav .hover ul.closed {
  display:none;
}



#bodyContent .bodyNav hr,
#bodyRightCol .bodyNav hr {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px dashed #000;
  background-color: transparent;
  width: 100%;
}

#bodyContent  .bodyNav ul.toggle li a {
  text-decoration:none;
}









.rounded {
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius:4px / 4px;
}


/***** Frames ******/
.accordionGallery,
.headerGallery {
  display: none;
}




/***** Text styles ******/

#bodyContent {
/*  font-family:verdana; */
  font-family: Times New Roman, times, serif;
  font-size: 14px;
}

#bodyContent p {
/*  color: #404040; */
  line-height: 1.4em;
  padding-bottom:1em;
}
/*
#bodyContent p a {
  color: #404040;
}
*/
#bodyContent a,
#bodyRightCol .bodyNav div.dropdown a {
  color:black;
  text-decoration:none;
}

#bodyContent2Col a,
#bodyContent3Col a {
  text-decoration:underline;
}

#bodyContent a:hover,
#bodyContent a:focus,
#bodyContent3Col .bodyContent1ColFlexCE a:hover,
#bodyContent3Col .bodyContent1ColFlexCE a:focus,
#headerGallerySelector li:hover,
#headerGallerySelector li:focus {
  text-decoration:underline;
}


#bodyContent2Col a:hover,
#bodyContent2Col a:focus,
#bodyContent3Col a:hover,
#bodyContent3Col a:focus {
  color: #4c4c4c;
  /* color: #000; */
}


#bodyContent1Col a,
#bodyContent3Col .bodyContent1ColFlexCE a {
  text-decoration:none;
  color: #4c4c4c;
}

#bodyContent1Col,
#bodyContent3Col .bodyContent1ColFlexCE {
  color: #4c4c4c;
}


#bodyContent strong {
  font-weight: bold;
}

/***** RTE Styles ******/

#bodyContent span.hint {
  color:#f00;
}

#bodyContent span.black {
  color:#000;
}


#bodyContent .align-center {
  text-align: center;
}

#bodyContent .align-right {
  text-align: right;
}

#bodyContent .align-left {
  text-align: left;
}

#bodyContent a.saele {
  text-decoration:none;
}
#bodyContent a.saele:hover,
#bodyContent a.saele:focus {
  text-decoration:underline;
}

#bodyContent .verdana {
  font-family:verdana;
  font-size: 11px;
}

/***** list ******/

#bodyContent .csc-default ul,
#bodyContent .csc-default ol {
  margin-left:0px;
  /* color: #404040; */
}

#bodyContent .csc-default li {
  list-style-position:outside;
  padding:4px 0px;
  padding-left:5px;
}

#bodyContent .csc-default ul li {
  list-style-type:none;
  padding-left:15px;
  background: url(images/li_bg.gif) no-repeat 0px 8px;
  line-height: 1.4em;
}

#bodyContent .csc-default ul ul,
#bodyContent .csc-default ol ol{
  margin-left:15px;
  /* color: #404040; */
}

#bodyContent .csc-default ul ul li {
  padding-left:20px;
  background: url(images/li_bg_level2.gif) no-repeat 0px 8px;
}

#bodyContent .csc-default ol li {
  padding-left:6px;
  list-style-type:decimal;
}

#bodyContent .csc-textpic ul li {
  list-style-type:none;
  padding:0px;
  background:none;
}



/***** table ******/


#bodyContent table {
  /* color: #404040; */
  font-family:verdana;
  font-size: 11px;
  width: 100%;
  margin-bottom:1em;
}

#bodyContent table td,
#bodyContent table th {
  border: 1px solid #721a25;
  height: 38px;
  padding: 5px;
  vertical-align: top;
}

#bodyContent table th,
#bodyContent table tr.trHeadline {
  background-color:#f6f2e7;
}

#bodyContent table tr:hover {
  background-color:#dfd1ae;
}

#bodyContent table tr.trHeadline:hover {
  background-color:#f6f2e7;
}




#bodyContent table.noborder,
#bodyContent table .noborder,
#bodyContent table.noborderSmall,
#bodyContent table .noborderSmall {
  font-family: Times New Roman, times, serif;
  font-size: 14px;
  width: 100%;
  margin-bottom:1em;
}

#bodyContent table.verdana,
#bodyContent table .verdana {
  /* color: #404040; */
  font-family:verdana;
  font-size: 11px;
  width: 100%;
  margin-bottom:1em;
}

#bodyContent table.noborderSmall,
#bodyContent table .noborderSmall {
  font-size: 12px;
}


#bodyContent table.noborder td,
#bodyContent table.noborder th,
#bodyContent table .noborder td,
#bodyContent table .noborder th,
#bodyContent table.noborderSmall td,
#bodyContent table.noborderSmall th,
#bodyContent table .noborderSmall td,
#bodyContent table .noborderSmall th {
  border: 0;
  height: auto;
  padding: 0;
}

#bodyContent table .noborder th,
#bodyContent table.noborder th,
#bodyContent table .noborderSmall th,
#bodyContent table.noborderSmall th {
  background-color:#f6f2e7;
}

#bodyContent table .noborder tr:hover,
#bodyContent table.noborder tr:hover,
#bodyContent table .noborderSmall tr:hover,
#bodyContent table.noborderSmall tr:hover,
#bodyContent table.orgel tr:hover {
  background-color:#fff;
}

#bodyContent table td.tdTopLine {
  border-top: 1px solid #721a25;
  padding-top: 3px;
}

/***** headline ******/


#bodyContent2Col h1,
#bodyContent3Col h1{
  text-transform:uppercase;
  font-family:verdana;
  font-size:24px;
  padding-top:20px;
  padding-bottom:20px;
/*  border-bottom:1px solid #721a25; */
/*  margin-bottom:8px; */
}

#bodyContent2Col h2,
#bodyContent3Col h2,
#bodyContent1Col h1,
#bodyContent1Col h2,
#bodyContent3Col .bodyContent1ColFlexCE h1,
#bodyContent3Col .bodyContent1ColFlexCE h2 {
  font-family: Times New Roman, times, serif;
  font-size: 16px;
  font-weight:bold;
  padding-bottom: 10px;
}

#bodyContent3Col .bodyContent1ColFlexCE h1,
#bodyContent3Col .bodyContent1ColFlexCE h2{
  padding-top:0px;
}

#bodyContent2Col h2,
#bodyContent3Col h2{
  letter-spacing: 1px;
}

#bodyContent h4 {
  font-family:verdana;
  font-size:11px;
  font-weight:bold;
  padding-bottom: 30px;
}

#bodyContent2Col h3 {
  font-weight:bold;
  padding-bottom: 10px;
}

#bodyContent1Col { /*new*/
        width:176px;
        margin:0;
        float:left;
        display:inline;
        overflow:hidden;
        margin-left:10px;
}


#bodyContent1Col h1,
#bodyContent1Col h2,
#bodyContent3Col .bodyContent1ColFlexCE h1,
#bodyContent3Col .bodyContent1ColFlexCE h2{
  padding-bottom: 10px;
}

#bodyContent1Col h1.event,
#bodyContent3Col .bodyContent1ColFlexCE h1.event,
#bodyContent1Col h2.event,
#bodyContent3Col .bodyContent1ColFlexCE h2.event {
  font-family:verdana;
  font-size: 11px;
  text-transform:uppercase;
  color: #404040;
}

#bodyContent2Col h6,
#bodyContent3Col h6{
  font-family: Times New Roman, times, serif;
  font-style: italic;
  color: #721A25;
  font-size: 19px;
}

#bodyContent2Col h6 a,
#bodyContent3Col h6 a{
  font-family: verdana, sans-serif;
  font-size: 24px;
  color: #721A25;
  font-style: normal;
  text-decoration: none;
}


#bodyContent hr {
  border:0;
  border-top: 1px solid #721a25;
  margin:0;
}






#bodyContent2Col hr { /*new*/
  border:none;
  height: 1px;
  line-height: 1px;
  color: #721A25;
  background-color: #721A25;
  padding:0;
  margin: 0;
  width: 100%;
  float: left;
}


#bodyContent3Col hr { /*fixed*/
  float:left;
  border:none;
  height: 1px;
  color: #721A25;
  background-color: #721A25;
  padding:0;
  margin: 0;
  width: 100%;
}

.splitContentContainer .bodyContent1ColFlexCE {
        margin-left:10px;
        display:inline;
}

.eventlist .bodyContent2ColFlexCE {
        width: 372px;
}

/*
#bodyContent3Col .csc-default {
  margin-left: 10px;
}

#bodyContent3Col .splitContentContainer .csc-default {
  margin-left: 0px;
}
*/

#bodyContent1Col hr,
#bodyContent3Col .bodyContent1ColFlexCE hr { /*fixed*/
  margin-top:10px;
  margin-bottom:3px;
  margin-left: 0px;
  border:none;
  height: 1px;
  color: #721A25;
  background-color: #721A25;
  width: 100%;
}



/***** ext: kiwi_accordion ******/
#bodyContent .close {
  background: url(images/nav_open.gif) no-repeat 95% 16px;
}

#bodyContent .open {
  background: url(images/nav_close.gif) no-repeat 95% 16px;
}

#bodyContent .ka-panel {
  border-bottom:1px solid #721a25;
/*  border-top:1px solid #721a25; */
}

#bodyContent .ka-handler {
  cursor:pointer;
}

#bodyContent .ka-handler h1,
#bodyContent h5 {
  color:#721a25;
  font-family: Times New Roman, times, serif;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  padding-bottom: 10px;
  padding-top: 10px;
/*  padding-left: 10px; */
  padding-right: 30px;
  letter-spacing: 0.05em;
}

#bodyContent .ka-content {
/*  padding-left: 10px; */
}


#bodyContent3Col .ka-panel {
  margin-left: 10px;
}

/***** ext: rgsmoothgallery ******/
.tx-rgsmoothgallery-pi1 {
  float:left;
/*  margin-right:10px; */
}


.tx-rgsmoothgallery-pi1 .myGallery {
  border: 0;
}

.tx-rgsmoothgallery-pi1 .jdGallery a.right{
  background: url("images/coolnext.gif") no-repeat scroll right center transparent;
  margin-right: 0px;
  opacity: 0.7;
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

.tx-rgsmoothgallery-pi1 .jdGallery a.left{
  background: url("images/coolprev.gif") no-repeat scroll left center transparent;
  margin-left: 0px;
  opacity: 0.7;
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

.tx-rgsmoothgallery-pi1 .jdGallery a.open{
  background: url("images/coolplus.gif") no-repeat scroll center center transparent;
  opacity: 0.7;
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

.tx-rgsmoothgallery-pi1 .jdGallery a.left:hover,
.tx-rgsmoothgallery-pi1 .jdGallery a.right:hover,
.tx-rgsmoothgallery-pi1 .jdGallery a.open:hover{
  opacity: 0.9;
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  filter:alpha(opacity=90);
}

div.slideInfoZone{
  display: none;
}

div#rglbOverlay{
  z-index: 55;
  background-color: #000000;
}

div#rglbCenter,
div#rglbBottom{
  z-index: 60;
  background-color: #ffffff;
}

a#rglbPrevLink:hover{
  background: url("images/coolprev.gif") no-repeat scroll left center transparent;
  margin-left: 0px;
}

a#rglbNextLink:hover{
  background: url("images/coolnext.gif") no-repeat scroll right center transparent;
  margin-right: 0px;
}

div.rglbLoading {
  background: none;
  border: 0 none;
}

a#rglbCloseLink {
  background: url("images/close.gif") no-repeat scroll center center transparent;
  width: 45px;
}

div#rglbDescription div#rglbTitle{
  padding-top: 10px;
}


/***** ext: pagebrowse ******/
#bodyContent ul.tx-pagebrowse li,
#bodyContent li.tx-pagebrowse-pages ol,
#bodyContent div.bodyNav ul li {
  background:none;
  padding: 0;
}

#bodyContent li.tx-pagebrowse-pages {
  width:auto;
}


/***** ext: tx-spevent-pi1 ******/
.tx-spevent-pi1 form {
        float:left;
}
.tx-spevent-pi1 label {
        float: left;
        display:inline;
}
.tx-spevent-pi1 fieldset {
        float: left;
        display:inline;
}

.tx-spevent-pi1 .datelabel {
        float: left;
        margin-left: 0;
        margin-right: 10px;
        display:inline;
}

.tx-spevent-pi1 input {
        float: left;
        display:inline;
}

.tx-spevent-pi1 .date fieldset .frontendlabel {
    margin-left:53px;
        display:inline;
}

.tx-spevent-pi1 .date2cal_img_cal {
        display:inline;
        float: right;
        margin: 3px 3px 3px 0;
}

.tx-spevent-pi1 .date fieldset {
        display:inline;
}

.tx-spevent-pi1 .date fieldset input {
        float: right;
        padding-left: 4px;
}

.tx-spevent-pi1 .jscalendar{
        width: 186px !important;
}

.tx-spevent-pi1 input.hidden {
        display:none;
}
/*
.eventcalwrap {
        margin-left: 8px;
}
*/


/************* formhandler *************/
.Tx-Formhandler {
  font-family:verdana;
  font-size:11px;
}

.Tx-Formhandler .left {
  float: left;
  width: 45%;
}

.Tx-Formhandler .right {
  float: right;
  width: 45%;
}

#bodyContent2Col .Tx-Formhandler hr {
  margin: 15px 0;
}

.Tx-Formhandler input,
.Tx-Formhandler textarea,
.Tx-Formhandler select {
  border: 1px solid #721A25;
  margin: 3px 0;
  width: 290px;
  height: 22px;
}

.Tx-Formhandler textarea {
  height: 125px;
}

.Tx-Formhandler .checkbox input,
.Tx-Formhandler .radio input {
  margin: 3px 0px 2px 0px;
}

.Tx-Formhandler label {
  display: block;
  float: left;
  width: 80px;
  margin: 3px 0;
  padding-top: 3px;
}

.Tx-Formhandler .checkbox label,
.Tx-Formhandler .radio label {
/*
  display: inline;
  float: none;
  */
  padding: 0;
  width: auto;
  margin: 2px 0;
  margin-left: 10px;

}


.Tx-Formhandler .preview_box label,
.Tx-Formhandler .preview_box input,
.Tx-Formhandler .salutation_box label,
.Tx-Formhandler .salutation_box input {
  margin: 3px 0;
}
.Tx-Formhandler .preview_box label,
.Tx-Formhandler .salutation_box label {
  margin-left: 10px;
}
.Tx-Formhandler .salutation_box label {
  margin-right: 12px;
}

.Tx-Formhandler .right .checkbox label,
.Tx-Formhandler .right .radio label {
  width: 140px;
}


.Tx-Formhandler .checkbox input,
.Tx-Formhandler .radio input {
  display: block;
  float: left;
  width: auto;
  height: auto;
}

.Tx-Formhandler .submit,
button.submitdummy div.submit {
  border: none;
  width: auto;
  background-color: #E7E0C6;
  text-align: center;
  padding: 2px 10px;
  margin-top: 20px;
  font-weight: bold;
}

button.submitdummy div.submit
{
  xmargin-top: 0px;
  padding: 4px 12px;
}

button.submitdummy
{
  border: 0px;
  background-color: white;
}

.Tx-Formhandler label.zip {
  width: 40px;
}

.Tx-Formhandler label.city {
  width: 40px;
}

.Tx-Formhandler input.zip {
  width: 40px;
  margin-right:4px;
}

.Tx-Formhandler input.city {
  width: 240px;
}

.Tx-Formhandler .legend {
  font-weight: bold;
  margin: 15px 0;
}

#bodyContent .Tx-Formhandler .legend .hint {
  font-weight: normal;
  color: #000;
}

.Tx-Formhandler label#lbl_title,
.Tx-Formhandler label#lbl_kind,
.Tx-Formhandler label#lbl_setup,
.Tx-Formhandler label#lbl_setoff,
.Tx-Formhandler label#lbl_date,
.Tx-Formhandler label#lbl_visitors,
.Tx-Formhandler label#lbl_duration,
.Tx-Formhandler label#lbl_note{
  font-weight: bold;
}

.Tx-Formhandler #eventenquiry label{
  width: 120px;
  height: 30px;
}

.Tx-Formhandler #eventenquiry input,
.Tx-Formhandler #eventenquiry textarea,
.Tx-Formhandler #eventenquiry select{
  width: 250px;
}

.Tx-Formhandler #eventenquiry select#kind{
  width: 252px;
}

.Tx-Formhandler #eventenquiry .submit{
  width: auto;
}
.Tx-Formhandler #eventenquiry label.zip,
.Tx-Formhandler #eventenquiry input.zip{
  width: 40px;
}

.Tx-Formhandler #eventenquiry label.city{
  width: 80px;
}

.Tx-Formhandler #eventenquiry input.city{
  width: 200px;
}

.Tx-Formhandler #eventenquiry input.eventday,
.Tx-Formhandler #eventenquiry input.eventmonth{
  width: 20px;
}

.Tx-Formhandler #eventenquiry input.eventvisitors,
.Tx-Formhandler #eventenquiry input.eventyear{
  width: 46px;
}

.Tx-Formhandler #eventenquiry input.eventdaily{
  width: 72px;
}

.clear {
  clear:both;
}

.Tx-Formhandler #subscription .category input {
  width: 25px;
}

span.error{
  display: none;
}

#bodyContent .Tx-Formhandler li.error a,
#bodyContent .Tx-Formhandler li.error a span.error{
  color: #ff0000;
  display: block;
}

.Tx-Formhandler #ausbildungsboerse input,
.Tx-Formhandler #ausbildungsboerse textarea{
  width: 250px;
}

.Tx-Formhandler #ausbildungsboerse textarea{
  height: 90px;
}

.Tx-Formhandler #ausbildungsboerse label{
  width: 120px;
}

.Tx-Formhandler #ausbildungsboerse .switched input{
  width: 40px;
  float: left;
}

.Tx-Formhandler #ausbildungsboerse .switched label{
  width: 320px;
  margin-left: 8px;
}

.Tx-Formhandler #ausbildungsboerse input#smallstand,
.Tx-Formhandler #ausbildungsboerse input#largestand,
.Tx-Formhandler #ausbildungsboerse input#customstand1{
  width: 25px;
}

.Tx-Formhandler .visit_box{
  color: #000000;
}

.Tx-Formhandler #ausbildungsboerse label#lbl_smallstand,
.Tx-Formhandler #ausbildungsboerse label#lbl_largestand,
.Tx-Formhandler #ausbildungsboerse label#lbl_customstand1{
  margin-left: 23px;
  width: 320px;
  color: #000000;
}

.Tx-Formhandler #ausbildungsboerse label#lbl_smallstand,
.Tx-Formhandler #ausbildungsboerse label#lbl_hs9{
  margin-top: -12px;
}

.Tx-Formhandler #ausbildungsboerse label#lbl_customstand{
  margin-left: 8px;
  width: 270px;
}

.Tx-Formhandler #ausbildungsboerse input#customstand{
}

.Tx-Formhandler #ausbildungsboerse .switched label#lbl_electricity{
  margin-top: 0;
  padding-top: 0;
}

.Tx-Formhandler #ausbildungsboerse select{
  width: 42px;
  float: left;
}

.Tx-Formhandler #ausbildungsboerse .checkbox input{
  width: 40px;
}

.Tx-Formhandler #ausbildungsboerse .checkbox label{
  color: #000000;
  width: 320px;
}

.Tx-Formhandler .submitdummy{
  margin-bottom: 24px;
}

.Tx-Formhandler #wms .tcs_box label{
  width: 90%;
}
.Tx-Formhandler #wms .choose_box{
  padding-left: 13px;
}
.Tx-Formhandler #wms .engagement_box{
  padding-left: 25px;
}
.Tx-Formhandler #wms .gender_box{
  padding-left: 80px;
}
.Tx-Formhandler #wms .choose_box input{
  margin-left: 1px;
  margin-right: 5px;
}
.Tx-Formhandler #wms .engagement_box label,
.Tx-Formhandler #wms .gender_box label{
  margin-left: 7px;
  margin-right: 14px;
}

.Tx-Formhandler #wms .required{
  display: none;
}

.Tx-Formhandler #wms #lbl_birthday{
  margin-top: -2px;
}

/************* tx-felogin-pi1 AND tx_tipafriend *************/

.tx-felogin-pi1,
.tx_tipafriend {
  font-family:verdana;
  font-size:11px;
}

.tx-felogin-pi1 input,
.tx-felogin-pi1 textarea,
.tx-felogin-pi1 select,
.tx_tipafriend input,
.tx_tipafriend textarea,
.tx_tipafriend select {
  border: 1px solid #721A25;
  margin: 3px 0;
  width: 290px;
  height: 22px;
}

.tx-felogin-pi1 label,
.tx_tipafriend label {
  display: block;
  float: left;
  width: 80px;
  margin: 3px 0;
  padding-top: 3px;
}

.tx-felogin-pi1 .submit,
.tx_tipafriend .submit {
  border: none;
  width: auto;
  background-color: #E7E0C6;
  text-algin: center;
  padding: 2px 10px;
  margin-top: 20px;
  font-weight: bold;

}

/************* tx-felogin-pi1 *************/
.tx-felogin-pi1 .checkbox label,
.tx-felogin-pi1 .radio label {
  padding: 0;
  /* width: auto; */
  width: 340px;
  margin: 2px 0;
  margin-left: 10px;

}

.tx-felogin-pi1 .checkbox input,
.tx-felogin-pi1 .radio input {
  display: block;
  float: left;
  width: auto;
  height: auto;
}

/************* tx_tipafriend *************/
.tx_tipafriend .tx_tipafriend_codetext,
.tx_tipafriend .tx_tipafriend_werbemail {
  float:left;
  width: 290px;
  margin-top: 8px;
}

.tx_tipafriend .tx_tipafriend_codetext img {
  margin: 10px 0;
}

.tx_tipafriend .tx_tipafriend_url {
  margin-bottom: 15px;
}

.tx_tipafriend textarea {
  height: 150px;
}

/*** johannisberg international table style ***/
#bodyContent table td.kat1{
  color: #ce9300;
  vertical-align: middle;
}

#bodyContent table td.kat2{
  vertical-align: middle;
  color: #C40E62;
}

#bodyContent table td.kat3{
  color: #006AA2;
  vertical-align: middle;
}

#bodyContent table td.kat4{
  color: #00682A;
  vertical-align: middle;
}

#bodyContent table td.kat5{
  color: #F07418;
  vertical-align: middle;
}

/*** cancel texts events ***/
.cancelled{
  font-family: Verdana,Arial,Sans-serif;
  font-size: 12px;
  color: #ff0000;
}

/*** facebook plugin ***/
.bodyContent2ColFlexCE .fb_iframe_widget iframe{
  margin-top: 30px;
}

.share .addthis_default_style .at15t_expanded,
.share .addthis_default_style .at15t_compact {
    margin-right: 0;
}

.bodyContent1ColFlexCE .footer .share .addthis_default_style .addthis_button_compact,
.bodyContent1ColFlexCE .footer .share .addthis_default_style a,
.bodyContent1ColFlexCE .footer .share .addthis_default_style a span,
#bodyContent1Col .footer .share .addthis_default_style .addthis_button_compact,
#bodyContent1Col .footer .share .addthis_default_style a,
#bodyContent1Col .footer .share .addthis_default_style a span{
  padding: 0;
  margin: 0;
}
.bodyContent1ColFlexCE .footer .share .addthis_default_style a.at300m,
.bodyContent1ColFlexCE .footer .share .addthis_default_style a.at300b,
#bodyContent1Col .footer .share .addthis_default_style a.at300m,
#bodyContent1Col .footer .share .addthis_default_style a.at300b{
  margin-top: 7px;
  margin-right: 2px;
}

/*** slider - text and javascript ***/
.scrollable {position:relative;overflow:hidden;width:794px;height:284px;border:0px solid #ccc}
.scrollable .items {
        width:20000em;
        position:absolute;
}
.items > div {
        float:left;
}

#sp_slider .infopart h2 {font-size:16px;font-weight:bold;padding-top:8px}
#sp_slider .infopart h1,
#sp_slider .infopart h2.headline {font-size:21px;font-weight:bold;}
#sp_slider .infopart h1.subheadline,
#sp_slider .infopart h2.subheadline {font-weight:normal;padding-top:10px;padding-top: 8px;}

#sp_slider .scrollable {font-size:14px;font-family: Verdana,sans-serif; color:#fff}
#sp_slider .slideimg {width:450px;height:284px;float:left;}
#sp_slider .slideimgWrap {overflow:hidden;width:390px;height:284;float:left;}
#sp_slider .infopart {font-family:verdana, sans-serif;color:#fff;width:380px;height:284px;float:left;}
#sp_slider .infopartContent {margin:32px 27px;}
#sp_slider .slidenav {position:absolute; bottom:16px; right:33px; font-size: 12px;}
#sp_slider .slidenav a{cursor:pointer;}

#sp_slider a.slidelink:hover {color:#efefef;}
#sp_slider .slidelink.prev,
#sp_slider .slidelink.next {float:left;font-weight:bold;}
#sp_slider .slidelinks {float:left;}

#sp_slider .slidelink.prev,
#sp_slider .slidelink.next,
#sp_slider .slidelinks a { padding:2px 7px;width:10px;display:block;float:left;text-align:center;text-decoration:none;cursor:pointer;}

#sp_slider .slidelinks a.activeNavItem {background-image:url(/fileadmin/templates/images/jsslider_actNavBg.png)}
#sp_slider a.showmore {color:#fff; text-decoration:none; margin-top:80px; font-size: 13px;}
#sp_slider a.showmore:hover {text-decoration:underline;}

#sp_slider_bg .infopart h2{font-size:14px;font-weight:bold;padding-top:4px; letter-spacing: 1px;}
#sp_slider_bg .infopart h1,
#sp_slider_bg .infopart h2.headline
{font-size:19px;font-weight:bold;letter-spacing: 1px;}
#sp_slider_bg .infopart h1.subheadline,
#sp_slider_bg .infopart h2.subheadline
{font-weight:normal;padding-top:10px;padding-top: 4px;font-size:19px;}
#sp_slider_bg .scrollable {font-size:14px;font-family: Verdana,sans-serif; color:#fff}
#sp_slider_bg .slideimg {width:450px;height:284px;float:left;}
#sp_slider_bg .slideimgWrap {overflow:hidden;width:390px;height:284;float:left;}
#sp_slider_bg .infopart {font-family:verdana, sans-serif;color:#fff;width:380px;height:284px;float:left;}
#sp_slider_bg .infopartContent {margin:32px 27px;}
#sp_slider_bg .slidenav {position:absolute; bottom:16px; right:33px; font-size: 12px;}
#sp_slider_bg .slidenav a{cursor:pointer;}

#sp_slider_bg a.slidelink:hover {color:#efefef;}
#sp_slider_bg .slidelink.prev,
#sp_slider_bg .slidelink.next {float:left;font-weight:bold;}
#sp_slider_bg .slidelinks {float:left;}

#sp_slider_bg .slidelink.prev,
#sp_slider_bg .slidelink.next,
#sp_slider_bg .slidelinks a { padding:2px 7px;width:10px;display:block;float:left;text-align:center;text-decoration:none;cursor:pointer;}

#sp_slider_bg .slidelinks a.activeNavItem {background-image:url(/fileadmin/templates/images/jsslider_actNavBg.png)}
#sp_slider_bg a.showmore {color:#fff; text-decoration:none; margin-top:80px; font-size: 13px; letter-spacing: 1px;}
#sp_slider_bg a.showmore:hover {text-decoration:underline;}
#sp_slider_container { float:right;position:relative; overflow:hidden; width:794px; height:284px; }
#sp_slider_container #sp_slider_bg { float:right; }
#teaser #sp_slider_container #sp_slider,
#teaser #sp_slider_container #slider { position:absolute; top:0px; right:0px; float:none;}

/*** public tours form ***/
.tx-spguides-pi1{
  line-height: 1.4em;
}

.tx-spguides-pi1 form {  margin: 0;  font-family:verdana;font-size:11px;line-height: 1.4em;}
.tx-spguides-pi1 .inputfield,
.tx-spguides-pi1 .selectfield,
.tx-spguides-pi1 .checkboxfield,
.tx-spguides-pi1 .buttons {  margin:10px 0px;}
.tx-spguides-pi1 .f_newsletter{ margin-bottom: 0; }
.tx-spguides-pi1 .inputfield label,
.tx-spguides-pi1 .selectfield label { display:inline-block; width:90px; clear:left; float:left; padding-top:5px; }
.tx-spguides-pi1 .checkboxfield label { vertical-align: text-bottom; }
.tx-spguides-pi1 .f_other1 label { padding-top:0px; line-height: 1.4em; }
.tx-spguides-pi1 input { width:280px; border: 1px solid #721A25; height: 22px; margin: 3px 0; }
.tx-spguides-pi1 .checkboxfield input { width: auto; height: auto; }
.tx-spguides-pi1 select { border: 1px solid #721A25; margin: 3px 0; }
.tx-spguides-pi1 select option { padding:2px; padding-right:7px; }
.tx-spguides-pi1 .buttons{ clear:both; padding-top:10px; }
.tx-spguides-pi1 .buttons button{ background-color: #E7E0C6; border: medium none; font-weight: bold; height: 22px; padding: 3px 2px 4px; border-radius: 4px 4px 4px 4px; }
.tx-spguides-pi1 .error { color:red; font-weight:bold; }
.tx-spguides-pi1 .as_h1 { font-size:24px; text-transform:uppercase; }
.tx-spguides-pi1 .f_street { margin-bottom:0; }
.tx-spguides-pi1 .f_zip { float:left; }
.tx-spguides-pi1 .f_zip input { width:45px; }
.tx-spguides-pi1 .f_city { float:left; }
.tx-spguides-pi1 .f_city .error { padding-left:10px; }
.tx-spguides-pi1 .f_city input { width:223px; margin-left:10px;}
.tx-spguides-pi1 .f_tour select { width:280px; }
#bodyContent2Col .tx-spguides-pi1 hr { margin:15px 0; float:none; }
#bodyContent2Col .tx-spguides-pi1 .toursubheader{
  padding-top: 0;
  line-height: 28px;
}

#bodyLeftCol .kooperationspartner .csc-textpic-imagerow,
#bodyLeftCol .kooperationspartner .csc-textpic-imagerow div,
.kooperationspartner .csc-textpic-imagerow ul,
.kooperationspartner .csc-textpic-imagerow ul li { padding:0px; line-height:0px; xheight:0px; }

/*** imagebutton leftcol space to cooperation show ***/
#bodyLeftCol .imagebutton { margin-top: 135px; }
#bodyLeftCol div.premium .imagebutton { margin-top: 0; }

/*** lieblingsveranstaltung form ***/
#liebling{ width: 370px; margin-bottom: 15px;}
#lbl_liebling{ width: 370px;}

/*** students nl form ***/
#formhandler_students_form{ margin-bottom: 20px; }
#wishlist{ margin-bottom: 18px; }
#wishlistrow label{ width: 200px; }
#wishlist{ margin-left: 80px; }

/* Orgidea BFRE 2014-11-26 addon */
#bodyContent2Col .eventlist a, #bodyContent3Col .eventlist a{
  text-decoration: none;
}

#bodyRightCol div.quicklinks div.spacer,
div.eventmonthselect div.spacer,
li.pageDropdown div.spacer,
#bodyContent .bodyNav #headerGallerySelector div.spacer {
  height:10px;
  background-color: transparent;
}

#bodyRightCol div.quicklinks ul.toggle,
div.eventmonthselect ul.toggle,
#bodyContent .bodyNav ul.withPaging li.pageDropdown div.hover ul.toggle,
#bodyContent .bodyNav #headerGallerySelector ul.toggle {
  position: absolute;
  top: 30px;
  /*border-top: 2px solid white;*/
}

/* 360° iframe */
#c947,
#c948 {
  width: 100%;
  height: 100%;
}

/* RESPONSIVE ADD-ON */
/* incl in header viewport meta, also changes made in ts "main menu" and "header images" */
#hdNavToggle,
#nav span.navToggleX,
#nav li.navMobile,
#ftMobile,
div.pagingPagesBefore,
div.pagingPagesAfter,
.mobileEventcalwrap,
div.nexteventbutton {
  display: none;
}

@media only screen and (max-width: 997px) {
  #bodyLeftCol{ display: none; }
  #bodyContent{ margin-left: 10px; }
  #teaser img.first{ display: none; }
  #teaser{ margin-left: 10px; }
  div.imgteaserhover {
    left: 0px;
  }
  #custom-doc, #bd, #nav, #nav ul{ width: 804px; }
  #hdMembership{ width: 291px; left: 390px;}
  #nav li{ width: 137px; }
  #nav li.first{ padding-left: 18px; }
  #nav li ul.show, #nav li ul{ width: 794px; }
  #nav li a{ font-size: 12px; width: 142px; }
  #nav li { line-height: 17px; }
  #nav ul li ul { padding-left: 0; }
  #nav ul li ul li.lispecials{ margin-left: -119px; }
  #nav ul li ul li.liueberuns{ margin-left: -40px; }
  #nav ul li ul li.lienspecials{ margin-left: -70px; }
  #nav ul li { width: 147px; padding-right: 0; }
  #nav ul li.last { width: 136px; }
  #nav li ul li ul a { font-size: 11.7px; }
  #nav li ul li ul, #nav.overlay li ul li ul{ padding-left: 10px; }
  #nav.overlay li ul { background-color: white; background-image: none; width: 100%; padding-left: 0; top: 41px; }
  #ft {
    font-size: 13px;
    margin-top: 20px;
  }
  #ftMobile {
    display:block;
  }
  #ftMobilePremiumsponsor,
  #ftMobileKooperationspartner,
  #ftNav {
    float: left;
  }
  #ftMobilePremiumsponsor > div,
  #ftMobileKooperationspartner > div {
    margin: 0px 0px 0px 10px;
  }

  #ftMobilePremiumsponsor .button {
    background-color: #eaeaea;
    padding: 0 5px 5px;
    width: 166px;
  }

  #ftNav > ul,
  #ftNav > div.ftCopyright {
    margin: 0px 10px 0px 10px;
  }
  #ftNav > ul li.ftFirst {
    padding-top: 0;
  }
  #ftNav > ul li.ftCopyright {
    padding-top: 15px;
  }
  #ftNav {
    border-top: none;
  }
  #ftMobilePremiumsponsor > div,
  #ftMobileKooperationspartner > div,
  #ftNav > ul {
    padding: 5px 0 0 0;
    border-top: 1px solid #721a25;
  }
  #ft.withPremiumsponsor #ftNav > ul,
  #ft.withKooperationspartner #ftNav > ul {
    padding-left: 0;
  }
  #ft.withPremiumsponsor #ftNav li,
  #ft.withKooperationspartner #ftNav li {
    float: none;
  }

  #ftMobilePremiumsponsor div.premiumbox,
  #ftMobileKooperationspartner div.box {
    padding-bottom: 5px;
  }

  #ft.withPremiumsponsor.withKooperationspartner #ftMobilePremiumsponsor,
  #ft.withPremiumsponsor.withKooperationspartner #ftMobileKooperationspartner,
  #ft.withPremiumsponsor.withKooperationspartner #ftNav {
    width: 33.33%;
  }

  #ft.withoutPremiumsponsor.withKooperationspartner #ftMobileKooperationspartner {
    width: 66.66%;
  }

  #ft.withoutPremiumsponsor.withKooperationspartner #ftNav {
    width: 33.33%;
  }

  #ft.withoutPremiumsponsor.withoutKooperationspartner #ftNav {
    width: 100%;
  }

  #ftMobileKooperationspartner .csc-textpic-image {
    margin: 0;
  }

  #ftMobileKooperationspartner .csc-textpic .csc-textpic-imagewrap UL LI {
    float: none;
  }
  #ftMobileKooperationspartner .csc-textpic-imagewrap {
    width: auto !important;
  }
  #ftMobileKooperationspartner .csc-textpic-imagerow {
    float: left;
  }
}

@media only screen and (max-width: 801px) {
  xbodyRightCol{ height: 62px; margin-left: -190px; top: 22px; position: absolute; }
  #bodyRightCol .tx-spevent-pi1{ display: none; }
  #custom-doc, #bd, #nav, #nav ul{ width: 606px; }
  #hdMembership{ display: none; }
  div.ftCopyright{ float: left; }
  #hdNav span.socialwebsites,
  #hdNav #metaNav {
    display: none;
  }
  #nav ul li{ width: 97px; padding-top: 14px; }
  #nav ul li.last {
    padding-bottom: 20px;
    width: auto;
  }
  #nav li ul.show, #nav li ul{ width: 596px; }
  #nav li a{ font-family: Verdana; font-size: 9px; width: 142px; }
  #nav li ul li ul a{ font-size: 9px; }
  #nav li ul{ top: 38px; }
  #nav ul li ul li.lispecials{ margin-left: -240px; }
  #nav ul li ul li.liueberuns{ margin-left: -160px; }
  #nav ul li ul li.lienspecials{ margin-left: -160px; }
  #nav li.navArrow{ width: 19px; }
  .imgteaser{ width: 382px; overflow: hidden; }
  .imglast{ width: 214px; overflow: hidden; }
  #sp_slider_container, #sp_slider_container #sp_slider_bg, .scrollable{ height: 213px; width: 596px; }
  #sp_slider_bg .slideimgWrap{ width: 293px;}
  #sp_slider_bg .slideimg{ width: 338px; height: 213px; }
  #sp_slider_bg .infopart{ width: 285px; height: 213px; }
  #sp_slider_bg .infopart h1, #sp_slider_bg .infopart h2.headline{ font-size: 16px; }
  #sp_slider_bg .infopart h1.subheadline, #sp_slider_bg .infopart h2.subheadline{ font-size: 13px; }
  #sp_slider_bg a.showmore{ font-size: 10px; }
  #sp_slider_bg .infopartContent{ margin: 15px 18px; }
  #sp_slider_bg .slidenav{ font-size: 10px; right: 26px; bottom: 11px; }
  #teaser .tx-spevent-pi1{ width: 596px; overflow: hidden; height: 199px; }
  #eventTeaserImgRight{ width: 214px; overflow: hidden; display: none; }
  #eventTeaserImgMiddle{ float: left; }
  #teaser .imgteaser{ float: left; width: 382px; }
  #teaser .imgfirst{ float: right; width: 199px; }
  #teaser .imglast{ display: none; }
  #teaser #eventTeaserImgMiddle .imgteaser{ width: 382px; }
  #teaser .tx-spevent-pi1{ width: 382px; }
  #teaser img.first{ display: block; }
  #teaser{ padding-top:50px; }
  xbodyRightCol{ height: 26px; margin-left: -581px; top: 100px; width: 400px; position: absolute; }
  #bodyRightCol .rounded{ width: 174px; float: left; margin-right: 20px; }
  #bodyRightCol .bodyNav div.dropdown { float:left; width: 156px; }
  #bodyRightCol .bodyNav div.dropdown ul, #bodyRightCol .bodyNav div.dropdown ul li { width: 156px; }
  /* Rauemlichkeiten */
  #toggleDivRight { display: none; }
  /* Bestuhlung Beispiele */
  #c420 { display: none; }

  #hdNav{ top: 107px; }
  #hdLogo img{ width: 215px !important; height: 44px !important; }
  xxxx.tx-spevent-pi1 .bodyNav .filter{ float: left; }
  .bodyNavTop ul.filter { float: left; }
  /* .eventlist{ width: 382px; } */
  /* .eventlist .bodyContent1ColFlexCE{ display: none !important;} */
  #teaser img.firstHome{ display: none; }
  #bodyContent{ font-size: 16px; }
  .tx-spevent-pi1 .reminderdialog{ left: -75px; }

  #nav {
    position: absolute;
    top: -88px;
    background-color: white;
    height: auto;
    z-index: 100;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
    display: none;
  }
  #nav.opened {
    display: block;
  }
  #nav ul {
    padding: 10px;
    position: relative;
    top: 0;
    bottom: auto;
    width: 85%;
  }
  #nav ul li,
  #nav ul li.first {
    padding: 5px;
    float:none;
    border: none;
    width:100%;
  }
  #nav li:hover, #nav li.active {
    border: none;
  }
  #nav li a {
    font-family: Times New Roman, times, serif;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
  }
  #nav li ul li a {
    font-family: verdana;
  }
  /* second level */
  #nav li ul {
    padding: 0 0 0 10px;
    position: static;
  }
  #nav li ul li ul, #nav.overlay li ul li ul {
    float: none;
  }
  #nav li ul li, #nav li ul li:hover {
    padding: 0;
  }
  #nav li ul li ul li,
  #nav li ul li:hover ul li {
    padding: 10px 0;
  }
  #nav li ul li ul a {
    font-size: 20px;
    line-height: auto;
  }
  #nav li:hover ul {
    display:none;
  }
  #nav li.active ul {
    display:block;
  }
  #nav li ul.show, #nav li ul {
    width: auto;
    height: auto;
    float: none;
  }
  #nav li.navArrow {
    display: none;
  }
  #nav span.navToggleX {
    display: block;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 0;
    padding: 20px 0 0 0;
    width: 30px;
    text-align: center;
    z-index: 50;
  }
  #nav span.navToggleX a {
    color: #721a25;
    text-decoration: none;
  }
  #hdNavToggle {
    display: block;
  }
  #nav li.navMobile,
  #nav li.navMobile ul {
    display: block;
    padding: 0;
    width: 100%;
  }
  #nav li.navMobile {
    padding: 0px 0 0 5px;
  }
  #nav li.navMobile #metaNavMobile {
    padding: 10px 0;
    background-image: none;
  }
  #nav li.navMobile a {
    font-size: 13px;
    font-family: Verdana;
    color: black;
    padding: 5px 0;
  }
  #nav li.navMobile .metaNavMobile a {
    line-height: 1em;
  }
  #nav li.navMobile span.socialwebsites a {
    display: inline;
    padding-right: 10px;
  }
  #nav ul li ul li.lispecials,
  #nav ul li ul li.liueberuns,
  #nav ul li ul li.lispecials,
  #nav ul li ul li.lienspecials {
    padding-left: 0 !important;
    margin-left: 0;
  }

  #bd {
    position: relative;
  }
  xbodyRightCol{ height: 26px; margin-left: 0; left:20px; top: 10px; width: 400px; position: absolute; }
  #bodyRightCol div.terminsuche { left: 20px; top: 10px; position: absolute; }
  #bodyRightCol div.quicklinks { left: 216px; top: 10px; position: absolute; }

  #nav li ul.show li {
    width: 100%;
  }
  #nav li ul li ul li,
  #nav li ul li:hover ul li {
    padding: 5px 0;
  }
  #nav li ul li ul a {
    font-size: 13px;
    line-height: 22px;
  }

  #nav li.closed ul {
    display: none;
  }
  #nav li.closed a {
    color: #721a25;
  }
  #nav li.opened ul {
    display: block;
  }
  #nav li.opened a {
    color: #000;
  }
}

@media only screen and (max-width: 801px) and (min-width:625px) {
  #nav {
    height: 400px;
  }
  #nav > ul > li {
    width: 48%;
  }
  #nav li.navMobile .hdLang {
    display: none;
  }

  #nav li.active > ul,
  #nav li.opened > ul {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 50%;
  }
  /* Programmkalender */
  body.calendar .bodyContent1ColFlexCE {
   /* 186px */
    display: none;
  }
  body.calendar #bodyContent3Col {
    width: 382px;
  }
  body.calendar #bodyContent {
    width: 390px;
  }
  body.calendar #bodyRightCol .tx-spevent-pi1 {
    display: block;
    position: relative;
    top: -15px;
    xwidth: 178px;
    xposition: absolute;
    xright: -164px;
    xtop: 238px;
  }
}

.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.navbar-toggle-menu {
  cursor: pointer;
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
  border: 0 none;
  display: block;
  right: 0;
  outline: 0 none;
  padding: 20px 0 0 0;
  position: absolute;
  top: 0;
}

.navbar-toggle-menu .icon-bar {
  background-color: #721a25;
  display: block;
  height: 4px;
  margin-bottom: 5px;
  width: 25px;
}

@media only screen and (max-width: 624px) {
  .tx-felogin-pi1 input, .tx-felogin-pi1 textarea, .tx-felogin-pi1 select,
  .tx_tipafriend input, .tx_tipafriend textarea, .tx_tipafriend select{ width: 100%;}
  .tx_tipafriend .tx_tipafriend_codetext, .tx_tipafriend .tx_tipafriend_werbemail{ width: 100%; }
  #hd {
    height: 50px;
  }
  #custom-doc, #bd, #nav, #nav ul{ width: 382px; }
  #teaser img.first{ display: none; }
  #teaser{ margin-left: 0; padding-top: 80px; padding-bottom: 10px; }
  .firstHome{ display: none; }
  .imglast{ display: none; }
  #bodyContent{ width: 382px; margin-left: 0; }
  #bodyContent1Col{ width: 362px; margin-bottom: 20px; }
  /* in calendar, smartphone-version the bodyNav is empty */
  body.calendar #bodyContent .bodyNav {
    height: 0;
  }
  /* for example: Programmkalender */
  #bodyContent .bodyNavTop li div.hover,
  /* Raeumlichkeiten */
  ul.contentpager.withPageDropdown { display: none; }
  #bodyContent div.bodyNav ul li.pageDropdown {
    position: absolute;
    left: 0px;
    width: 156px;
  }
  #bodyContent .bodyNav ul.withPaging li.pageDropdown div.hover {
    width: 156px;
  }
  /*
  #bodyContent div.bodyNav ul li.pageDropdown div.hover,
  .bodyNav li.pageDropdown .toggle {
    width: 150px;
  }
  */
  .bodyNavTop ul.filter li div.hover,
  .bodyNavTop ul.filter .toggle {
    width: 156px;
  }
  .bodyNavBottom {
    display: none;
  }
  #bodyRightCol div.terminsuche { left: 0; }
  #bodyRightCol .bodyNav div.quicklinks {
    float: none;
    position: absolute;
    left: 196px;
    top: 45px;
    width: 156px;
  }
  #bodyRightCol .bodyNav div.nexteventbutton {
    display: block;
    position: absolute;
    left: 10px;
    top: 45px;
    width: 156px;
  }
  #bodyContent .bodyNavTop li div.eventmonthselect,
  #bodyContent .bodyNavTop li div.eventseasonselect {
    display: block;
    position: absolute;
    left: 10px;
    top: 45px;
    width: 156px;
    margin-left: 0;
  }
  #bodyRightCol .bodyNav div.dropdown ul, #bodyRightCol .bodyNav div.dropdown ul li {
    width: 156px;
  }
  #bodyRightCol .bodyNav div.dropdown ul li {
    padding: 2px 0;
  }
  .bodyNav .tx-pagebrowse-pi1,
  .bodyNav .tx-pagebrowse {
    display: none;
  }
  div.pagingPagesBefore,
  div.pagingPagesAfter {
    display: block;
  }
  #bodyContent3Col{ width: 362px; margin-left: 10px; }
  .eventlist .bodyContent2ColFlexCE{ width: 176px; }
  .tx-spevent-pi1 .eventlist .bodyContent2ColFlexCE{ width: 344px; }
  .tx-spevent-pi1 .eventdetail .bodyContent2ColFlexCE,
  .tx-spevent-pi1 .eventdetail .bodyContent1ColFlexCE{ width: 344px; }
  .tx-spevent-pi1 .eventlist .bodyContent1ColFlexCE{ display: none; }
  #teaser img.last, #teaser div.last{ display: none; }
  #bd #bodyContent .tx-spevent-pi1 .eventdetail .bodyContent2ColFlexCE{ width: 352px; }
  #bodyContent1Col, .bodyContent1ColFlexCE{ width: 362px; }
  .eventlist #bodyContent1Col, .eventlist .bodyContent1ColFlexCE{ width: 176px; }
  .fb_iframe_widget{ display: none; }
  .bodyInnerContent2Col{ width: 362px; }
  #bodyRightCol{ left: 0; top: 10px; margin: 0; width: 100%; }
  #bodyRightCol .rounded {
    width:360px;
    margin-right: 0;
  }
  #bodyRightCol input.terminsuche {
    width: 100%;
    text-align: center;
  }
  .rounded{ float: left; /*width: 166px;*/ margin-left: 10px; }
  .tx-pagebrowse .rounded{ margin-left: 0; }
  .tx-spevent-pi1 form{ width: 362px; }
  .tx-spevent-pi1 .frontendlabel{ width: 140px; }
  .tx-spevent-pi1 .date fieldset .frontendlabel{ margin-left: 41px; }
  .tx-spevent-pi1 .submit{ margin-left: 140px; }
  .eventcalwrap {
    display: none;
  }
  .mobileEventcalwrap {
    display: block;
  }
  .tx-spevent-pi1 .eventcalwrap {
    margin-left: 88px;
    margin-bottom: 20px;
    margin-left: 31px;
    width: 264px;
  }
  #bodyContent .bodyNav li #headerGallerySelector {
    margin-right: 10px;
    width: 156px;
  }
  #bodyContent .bodyNav #headerGallerySelector ul.toggle,
  #bodyContent .bodyNav ul.withPaging li.pageDropdown div.hover ul.toggle {
    min-width: 156px;
    white-space: nowrap;
  }
  #hdNav { display: none; }
  #nav li.navMobile .hdLang {
    position: absolute;
    bottom: 10px;
    right: -52px;
    left: auto;
    top: auto;
    font-weight: normal;
  }
  #sp_slider_bg .slideimgWrap{ width: 382px; height: 284px; }
  #sp_slider_container, #sp_slider_container #sp_slider_bg, .scrollable{ width: 382px; height: 284px; }
  #sp_slider_bg .infopartContent{ margin: 23px 20px; margin-left: -357px; margin-right: 402px; }
  #sp_slider_bg .slideimg{ width: 450px; height: 284px; }
  #sp_slider_bg .infopart{ width: 380px; height: 284px; }
  #sp_slider_bg .infopart h1, #sp_slider_bg .infopart h2.headline{ font-size: 19px; }
  #sp_slider_bg .infopart h1.subheadline, #sp_slider_bg .infopart h2.subheadline{ font-size: 19px; }
  #sp_slider_bg a.showmore{ font-size: 16px; }
  #sp_slider_bg .slidenav{ font-size: 12px; right: 33px; bottom: 16px; }
  #bodyContent2Col.flash{ width: 372px; }
  .eventhighlight{ width: 362px; overflow: hidden; }
  .bodyContent2ColFlexCE { width: 362px; }
  .eventsearch .bodyContent2ColFlexCE{ width: 362px; }
  .eventsearch .tx-spevent-pi1 form{ width: 352px; }
  .tx-spevent-pi1 .eventsearch .additionalContentRightWrap{ width: 344px; }
  .tx-spevent-pi1 .frontendlabel{ margin-bottom: 3px; }
  .tdHideSmallViewport{ display: none; }
  #bodyContent table td, #bodyContent table th{ padding: 3px; }
  iframe.fb_ltr, .fbFeedbackContent, .fbModeratorFullView{ width: 344px !important; }
  iframe .fbConnectWidgetFooter{ display: none !important; }
  iframe .commentContent{ width: 344px !important; }
  .Tx-Formhandler .right .checkbox label, .Tx-Formhandler .right .radio label{ width: 137px; }
  .preview_box label{ width: 337px; }
  .tx-spevent-pi1 .jscalendar{ width: 170px !important; }
  #bodyContent .tx-spevent-pi1 .tx-cal-controller .month-weekdays th{ font-size: 21px; padding-top: 6px !important; padding-bottom: 6px !important; }
  #bodyContent .tx-spevent-pi1 .tx-cal-controller table td{ font-size: 18px; padding-top: 6px !important; padding-bottom: 6px !important; }
  .tx-spevent-pi1 select{ width: 340px !important; }
  #bodyContent3Col .eventsearch hr{ width: 340px; }
  .tx-spevent-pi1 input{ width: 340px !important; }
  .tx-spevent-pi1 .eventcalwrap select{ width: 180px !important; }
  .tx-spevent-pi1 .calnav select, .tx-spevent-pi1 .calnav option{ font-size:  12px !important; }
  button.submitdummy div.submit{ margin: 0; font-size: 15px; }
  .Tx-Formhandler #eventenquiry label{ height: auto; }
  .Tx-Formhandler #eventenquiry input, .Tx-Formhandler #eventenquiry textarea, .Tx-Formhandler #eventenquiry select{ width: 360px; }
  .Tx-Formhandler #eventenquiry label.city{ width: 320px; }
  .Tx-Formhandler #eventenquiry input.city{ width: 310px; }
  .Tx-Formhandler #eventenquiry .row{ width: 362px; }
  #eventenquiry #lbl_kind{ width: 111px; }
  .Tx-Formhandler #eventenquiry select#kind{ width: 362px; }
  .Tx-Formhandler #eventenquiry .submit{ margin-top: 20px; margin-left: 0; font-size: 14px; }
  .Tx-Formhandler #formhandler_contact_form input,
  .Tx-Formhandler #formhandler_contact_form textarea,
  .Tx-Formhandler #formhandler_contact_form select{ width: 360px; }
  .Tx-Formhandler #formhandler_contact_form .radio input, .Tx-Formhandler #formhandler_contact_form .checkbox input{ width: auto; }
  .Tx-Formhandler #wms #lbl_cv, .Tx-Formhandler #wms #lbl_repertoire,.Tx-Formhandler #wms #lbl_birthday{ width: 100%; }
  .Tx-Formhandler #wms #lbl_birthday{ margin-top: 3px; }
  .Tx-Formhandler #wms #zip{ width: 55px; }
  .Tx-Formhandler #wms #city{ width: 295px; }
  .Tx-Formhandler #wms .clear_responsive{ clear: both; }
  .salutation_box{ clear: both; }
  .preview_box label{ width: 337px !important; }
  #formhandler_contact_form button.submitdummy div.submit{ margin-top: 20px; margin-left: 0; font-size: 14px; }
  #ftNav li.ftFirst{ display: none; }
  #ftNav li{ padding-right: 25px; }
  #sp_slider_bg .infopartContent{ margin: 23px 20px; }
  #sp_slider_bg a.showmore{ text-shadow: none; display: block; }
  #sp_slider_container, #sp_slider_container #sp_slider_bg, .scrollable{ height: 568px; }
  #sp_slider_bg .infopart{ width: 382px; }
  #xsp_slider_bg .slidelinks{ width: 314px; height: 10px; }
  #xsp_slider_bg .slidelinks a{ display: none; }
  #xsp_slider_bg .slidelink.prev, #xsp_slider_bg .slidelink.next, #xsp_slider_bg .slidelinks a{ height: 20px; width: 25px; font-weight: normal; }

  #sp_slider_bg .slidelinks{ display: none; }
  #sp_slider_bg .slidelink.prev, #sp_slider_bg .slidelink.next {
    color: transparent;
    font-size: 0;
    height: 99%;
    opacity: 0.7;
    position: absolute;
    width: 25%;
    z-index: 10;
  }
  #sp_slider_bg .slidelink.prev {
    background: url("images/coolprev.gif") no-repeat scroll left center transparent;
    left: 0;
  }
  #sp_slider_bg .slidelink.next {
    background: url("images/coolnext.gif") no-repeat scroll right center transparent;
    right: 0;
  }
  #sp_slider_bg a.slidelink:hover {
    color: transparent;
    opacity: 0.9;
  }
  #sp_slider_bg .slidenav{
    height:284px;
    width: 100%;
    left: 0;
    top: 0;
  }


  #xsp_slider_bg .slidenav{
    width: 382px; left: 0; height: 20px; top: 50px; font-size: 36px;
    transform:scale(1,20); /* W3C */
    -webkit-transform:scale(1,5); /* Safari and Chrome */
    -moz-transform:scale(1,5); /* Firefox */
    -ms-transform:scale(1,5); /* IE 9 */
    -o-transform:scale(1,5); /* Opera */ }
  #sp_slider_bg a.showmore{ margin-top: 0; }
  #sp_slider_bg .slidelink.prev{ padding-left: 0; }
  #bodyContent3Col .bodyContent2ColFlexCE{ width: 362px; }
  #bodyContent3Col .bodyContent1ColFlexCE{ margin-top: 50px; width: 352px !important; margin-left: 0; padding-left: 10px; }
  #bodyContent2Col{ margin-bottom: 20px; }
  .tx-spevent-pi1 .reminderdialog{ left: 45px; }
  .tx-spevent-pi1 .reminderdialog input#email{ width: 170px !important; }
  .tx-spevent-pi1 .reminderdialog input{ width: 18px !important; height: 18px !important; }
  .tx-spevent-pi1 .reminderdialog input.btn_ok{ width: 30px !important; height: 22px !important; }
  .tx-spevent-pi1 .reminderdialog form{ width: 235px; }
  .eventlist{ width: 362px; }
  #bodyContent3Col .eventlist .bodyContent2ColFlexCE{ width: 342px; }
  /* .splitContentContainer .bodyContent1ColFlexCE{ display: none; } */
  .tx-felogin-pi1 label, .tx_tipafriend label{ padding-top: 3px !important; }
  #tafmust{ margin-top: 10px; margin-bottom: 20px; float: left; }
  #tafsubmit label, #tafmust label{ display: none; }
  .tx_tipafriend_url a{ display: block; width: 362px; overflow: hidden; }

  #sp_slider_bg .slidelink.next{ padding-right: 0; }

  #nav {
    top: -70px;
  }

  #nav ul {
    width: 300px;
  }

  #nav li ul {
    padding: 0;
  }

  #nav li ul li ul li, #nav li ul li:hover ul li {
    padding: 8px 0 5px 0;
  }

  #nav li ul li ul a {
    font-size: 13px;
    line-height: 1em;
  }

  #ft {
    font-size: 11px;
  }
  #ftNav {
    font-size: 13px;
  }
  #ft.withPremiumsponsor.withKooperationspartner #ftMobilePremiumsponsor,
  #ft.withPremiumsponsor.withKooperationspartner #ftMobileKooperationspartner {
    width: 50%;
  }
  #ft.withPremiumsponsor.withKooperationspartner #ftMobilePremiumsponsor > div {
    margin-right: 5px;
  }
  #ft.withPremiumsponsor.withKooperationspartner #ftMobileKooperationspartner > div {
    margin-left: 5px;
    margin-right: 10px;
  }

  #ft.withPremiumsponsor.withKooperationspartner #ftNav,
  #ft.withoutPremiumsponsor.withoutKooperationspartner #ftNav {
    padding-top: 20px;
    width: 100%;
  }
  #ft.withPremiumsponsor.withKooperationspartner #ftNav li,
  #ft.withoutPremiumsponsor.withoutKooperationspartner #ftNav li {
    float: left;
  }
  #ft.withPremiumsponsor.withKooperationspartner #ftNav li.ftBackToTop,
  #ft.withoutPremiumsponsor.withoutKooperationspartner #ftNav li.ftBackToTop {
    padding-right: 0;
  }

  #ft.withoutPremiumsponsor.withKooperationspartner #ftMobileKooperationspartner,
  #ft.withoutPremiumsponsor.withKooperationspartner #ftNav {
    width: 50%;
  }

}

@media only screen and (max-width: 181px) {
  #custom-doc, #bd, #nav ul,
  #bodyContent,
  #bodyContent2Col,
  #bodyContent1Col, .bodyContent1ColFlexCE,
  .bodyInnerContent2Col,
  #bodyContent2Col.flash,
  #teaser .imgteaser {
    width: auto;
  }
  #nav {
    width: 100%;
  }
  #nav li.navMobile .hdLang {
    right: 10px;
  }
  #sp_slider_container, #sp_slider_container #sp_slider_bg, .scrollable {
    width: 100%;
  }
  #teaser .imgteaser img {
    width: 100% !important;
    height: auto !important;
  }
  .eventhighlight, #bodyContent2ColFlex, .bodyContent2ColFlexCE {
    width: 100%;
  }
  #sp_slider_bg .slideimgWrap,
  #sp_slider_bg .slideimg {
    width: 100%;
  }
  #sp_slider_bg .infopart {
    width: 100%;
  }
  #bodyContent2Col,
  #bodyContent2Col.flash {
    margin: 0 10px;
    padding: 0;
  }
  #bodyContent1Col {
    margin: 0 10px;
  }
  .bodyInnerContent2Col {
    margin: 0;
  }
  #myGallery, .rgsgnest {
    /* @todo needs to be fixed values to override size in document itself */
    width:300px !important;
    height:156px !important;
  }
}

#xnav {
/* temp */
display: none;
}