@charset "UTF-8";
.testclass{border:10px solid #666}

body, html { height: 100%; }

* { margin: 0; padding: 0; border: 0 none }

body {
  background: #FFF;
  color:#444;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 1em;
  }

/* structure */
.greyblock, footer {
  background: #EDEDED;
  height:50px;
  margin: 0 auto;
  box-shadow: inset 0px 0px 3px #CCC;
  width: 100%;
}

#container-outer {
  background: #FFF url('/fileadmin/template/pix/bg-header.png') no-repeat 0 0;
  max-width: 1280px;
  margin: 0 auto;
}

#container {
  width: 980px;
  max-width: 980px;
  margin: 0 auto;
}

#header {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

#logo {
  float: left;
  position: relative;
  margin: -50px 0 1em 45px;
  z-index: 42;
}

.link-logo {
  width: 190px;
  height:135px;
  text-decoration: none;
  background: url('/fileadmin/template/pix/logo-tycx-190.png') no-repeat 0 0;
 /* box-shadow: 0 0 2px 2px #DDD;*/
   box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2);

}

div#search-r {
  float:right;
  position: relative;
  z-index: 42;
  margin: -38px 0 0 0;
  background: #FFF;
}
#indexedsearchbox { width: 242px; }
#indexedsearchbox input#searchbox-sword {
  width: 210px;
  padding: .3em 0 .1em .2em;
  color: #2A3040;
  font-size: .875em;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
#indexedsearchbox .searchbox-button { margin-top: 3px; float: right; padding: 0 .2em .2em 0; }
.searchbox-button { cursor:pointer }

#slider {
  float:left;
  z-index: -1;
  margin-top: -101px
}

#topnav {
  float:right;
  clear:both;
  position: relative;
  z-index: 42;
  margin: -50px 0 0;
  width: 840px;
  background:transparent;
}

/* hide the last 3 links 1st level*/
ul#nav > li:nth-last-of-type(3), ul#nav > li:nth-last-of-type(2), ul#nav > li:nth-last-of-type(1) {display:none}

#casual {
  margin: -21px 0 21px 0;
  margin: 9px 0 21px 0;
}

.margin {padding: 0 0 2em}

.link-fb {
  float:left;
  width: 120px;
  height: 45px;
  margin: 2px 0 0 0;
  padding: 0;
  text-decoration: none;
  background: url('/fileadmin/template/pix/find-us-on-fb.png') no-repeat;
}

#link-fb-nav2 {display:none}

#breadcrumbs {
  float:none;
  margin: 29px 0 0 141px;
  color: #A0A2A6
}
#breadcrumbs p {
  margin: 0 0 0 0 !important;
  font-size: .7em !important;
}

#breadcrumbs a { text-decoration:none }
#breadcrumbs a:hover { text-decoration:underline }

#col-nav-2 {
  clear:both;
  margin: 0 0 21px 0;
  text-transform: uppercase;
}
ul.nav-2 { list-style: none;}
ul.nav-2 li {
  border-bottom: 1px solid #CCC;
  padding: .2em 1em .2em .5em;
}
.nav-2-first {border-top: 0 none !important}
.nav-2-last  {border-bottom: 0 none !important}
.nav-2 a:link {text-decoration: none}
.nav-2-current a {color: #5CC5ED !important}

#main{
  min-height: 200px;
  width: 100%;
  margin-bottom: 2em;
}

.hp-col-left, .cl3{
  margin-right: 21px;
  width: 404px;
}

.hp-col-right, .cr3 {
  margin-right: 0;
  width: 404px;
}

#thelines, #headicons { display: none; }

.capitalized {text-transform:uppercase;}

#fs-80 ul {
  padding-left:3px !important;
}

footer {
  position: fixed;
  bottom: 0;
  text-align: center;
  clear:both;
  color: #B6B6B6;
  margin-top: 1em;
  z-index: 99;
}

footer .f980 { max-width: 980px; margin: 0 auto; }
footer p {font-size: smaller; line-height: 50px }
footer #footerlinks-left {float:left; text-transform: uppercase}
footer #footerlinks-right {float:right}
footer #otto-link, footer #salut-link {margin-left: 2em}
footer #salut-link img {margin-top: -.5em}

/* links */
a:link    { color:#E10019; text-decoration: underline;}
a:visited { color:#E10019; }
a:hover   { color:#5CC5ED; }
a:active  { color:#5CC5ED; }
a:focus { outline: none }

/* headings */

h1, h2, h3, h4, h5, h6 { color: #E10019; }

.h5schwarz { color: #000; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family:'Ubuntu', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

h5schwarz {color: #000000 !important;
}

h4 > a, h5 > a {
  text-decoration: none !important;
}

#main p, #main .content ul, .margin p, #inline_content p, #inline_content_ka p, #inline_content_dr p {
  font-size: .8em;
  margin: 1em 0;
  line-height: 1.4em;
  letter-spacing:.02em;
}

#inline_content p, #inline_content_ka p, #inline_content_dr p { margin: .5em 0 !important;}
.margin p { margin: 0 0 0 .2em !important;}

#c26 #news-latest-content {
  /*line-height: 1.2em;*/
  letter-spacing:0;
}
#c26 .news-latest-item {
  overflow:hidden
}

#main .content ul {list-style-type:none; margin-left: 1em}

#main .content ul li:before {content:"- ";position:relative; left: -5px;}

#main .content ul ul { font-size: 1em; margin: 0}
#main .content ul li { text-indent:  -8px; }
#main .content ul {list-style-type:none; padding-left: .5em}

#main .content ul.tx-pagebrowse {font-size: 1.2em; margin-left: 0}
#main .content ul.tx-pagebrowse li:before {content:"";position:relative; left: 0;}
#main .content ul.tx-pagebrowse li { text-indent:0; }

#topnav a:link, footer a:link {text-decoration: none;}

footer a:link {color: #B6B6B6;}
footer a:visited {color:#B6B6B6;}
footer a:hover   {color:#5CC5ED;}
footer a:active  {color:#5CC5ED;}

.content h1, .content h2, .margin h1,
#inline_content h1, #inline_content h2,
#inline_content_ka h1, #inline_content_ka h2, #inline_content_dr h1, #inline_content_dr h2
 {
  margin-bottom: 1.1em;
  font-size: 1em;
  padding: .5em 0 0 0;
}

.content h1, .content h2 {
  margin-bottom: .8em;
  padding: .2em .5em .2em;
  color: #FFF !important;
  background: #E10019 !important;
}

.news-list-item h2 { margin-bottom: 5px;
  }


.content h1 a, h2 a {
  color: #FFF !important;
  text-decoration: none !important;
}

.margin h1 {background: #FFF;}

#inline_content h1, #inline_content h2; #inline_content_ka h1, #inline_content_ka h2, #inline_content_dr h2 {
  margin-bottom: .5em;
  padding: .2em .5em .2em;
  color: #E10019 !important;
  background: #FFF !important;
  padding: .5em 0 0 0;
}

.divider {
background-color: #CCC;
border-style: solid;
color: #CCC;
height: 1px;
width: 100%;
}




/*Bilder*/
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 20px;
    margin-top: 3px;
}



div.csc-textpic DIV.csc-textpic-text { padding-left: 1em; }

/* teaser */
.tx-jppageteaser-pi1-list-entry {
 margin: 0 0 1em 0;
}

.tx-jppageteaser-pi1-list-entry-image IMG {
 float: left;
 margin: 0 1em 0 0;
 border : none
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    border: 1x solid #CCC !important;
    padding: 0px !important;
}


/* 1. Absatz nach H1 kein Abstand nach oben */
.csc-textpic-text p:first-child{
  margin-top: 0 !important;
  }



.tx-jppageteaser-pi1-list-entry-description {margin: 0 0 0 270px}
.tx-jppageteaser-pi1-list-entry-description a:hover { text-decoration:none}
.tx-jppageteaser-pi1-list-entry-p p { float: left;}

/* 1. zeile neuer absatz */
.tx-jppageteaser-pi1-list-entry-p b { display: block; margin-bottom: .5em}

.tx-jppageteaser-pi1-list-entry-link-item a {
  float: right;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.6em;
  height: 28px;
  line-height: 1.6em;
  width: 118px;
  margin: 0 0 0 0;
  background: url("/fileadmin/template/pix/link-arrow.png") no-repeat scroll 89px -27px rgba(0, 0, 0, 0);
}

.tx-jppageteaser-pi1-list-entry-link-item a:hover {
  background: url('/fileadmin/template/pix/link-arrow.png') no-repeat 89px 0;
}

.tx-jppageteaser-pi1-list-entry-link-item a:link    { color:#A0A2A6;text-decoration:none;font-weight:bold;}
.tx-jppageteaser-pi1-list-entry-link-item a:visited { color:#A0A2A6; }
.tx-jppageteaser-pi1-list-entry-link-item a:hover   { color:#5CC5ED; }
.tx-jppageteaser-pi1-list-entry-link-item a:active  { color:#5CC5ED; }


/*schema grau für einleitungstext*/
.intro-grau-rot-weiss {
  background: #CCC;
  padding: 0;
  margin: 0 0 21px;
  max-height: 150px;
 overflow:hidden;
}


.intro-grau-rot-weiss h1 {
  text-align: center;
  float: left;
  height: 100%;
  width: 250px;
  max-width: 250px;
  line-height: 125px;
  margin: 0 21px 0 0;
  padding:0;
}

.intro-grau-rot-weiss p {
  padding: 0 21px 0 0;
  margin: 1em 0 !important;
  max-height: 150px;
  overflow:hidden;
}

/*schema blau*/
.box-blau-rot-weiss {
  background: #5CC5ED url('/fileadmin/template/pix/3eck-rot.png') no-repeat right top;
  padding: 0 .5em;
  margin: 0 0 21px;
  box-shadow: 0 0 1px 1px #CCC;
  color: #FFF;
  text-align: left;
  min-height: 187px;
  max-height: 187px;
}
.margin .box-blau-rot-weiss h1 { min-width: 70px; }

.box-blau-rot-weiss h1 {
  display:inline-block;
  height: 19px;
  min-width:84px;
  background: #E10019 !important;
  color: #FFF;
  padding: .1em .5em .2em;
  margin-left: -.5em;
}
.margin .box-blau-rot-weiss h1 { min-width: 70px; }

.box-blau-rot-weiss h2, .box-blau-rot-weiss h3 { color: #FFF; background: #5CC5ED !important; }

.box-blau-rot-weiss .list-view p {margin: .2em 0 !important; }
.box-blau-rot-weiss .hr-fff {border-top: 1px solid #FFF; margin: .2em 0 !important; }
.box-blau-rot-weiss .list-view {padding: 0 .5em .5em}

.list-view a.url {float:right}

/*schema rot-weiss-rot */
.box-rot-weiss-rot {
  background: #E10019 url('/fileadmin/template/pix/3eck-blau.png') no-repeat right top;
  box-shadow: 0 0 1px 1px #CCC;
  padding: 0 .5em;
  margin: 0 0 21px;
  color: #FFF;
  text-align: left;
  min-height: 187px;
  max-height: 187px;
}
.box-rot-weiss-rot h1 {
  display:inline-block;
  height: 19px;
  min-width:84px;
  background: #FFF !important;
  color: #E10019 !important;
  padding: .1em .5em .2em;
  margin-left: -.5em;
}

.margin .box-rot-weiss-rot h1 { min-width: 70px; }

.box-rot-weiss-rot h2, .box-rot-weiss-rot h3, .box-rot-weiss-rot .news-latest-date { color: #FFF; text-transform: uppercase}

.box-rot-weiss-rot a:link { color: #FFF; }
.box-rot-weiss-rot a:visited { color: #FFF; }
.box-rot-weiss-rot a:hover { color: #5CC5ED; }
.box-rot-weiss-rot a:active{ color: #5CC5ED; }

.box-rot-weiss-rot h1 a:link { color: #E10019 !important;}
.box-rot-weiss-rot h1 a:visited { color: #E10019 !important;}
.box-rot-weiss-rot h1 a:hover { color: #5CC5ED !important;}
.box-rot-weiss-rot h1 a:active{ color: #5CC5ED !important;}

.box-rot-weiss-rot .news-latest-subheader { display:none }
.box-rot-weiss-rot p#news-latest-content  { float:left; width: 250px;}
.box-rot-weiss-rot .news-latest-item img {
 float: right;
 border: none;
 margin: 1em .5em 0 0;
}

/* schema rot-blau-weiss */
.box-rot-blau-weiss {
  background: #E10019 url('/fileadmin/template/pix/3eck-blau.png') no-repeat right top;
  box-shadow: 0 0 1px 1px #CCC;
  padding: 0 .5em;
  margin: 0 0 21px;
  color: #FFF;
  text-align: left;
  min-height: 187px;
  max-height: 187px;
}
.box-rot-blau-weiss h1 {
  display:inline-block;
  height: 19px;
  min-width:84px;
  color: #5CC5ED;
  background: #FFF;
  padding: .1em .5em .2em;
  margin-left: -.5em;
}
.box-rot-blau-weiss h2, .box-rot-blau-weiss h3, .box-rot-blau-weiss a { color: #FFF;}
.margin .box-rot-blau-weiss h1 { min-width: 70px; }

/* schema weiss */
.box-weiss-rot-weiss {
  background: #FFF url('/fileadmin/template/pix/3eck-blau.png') no-repeat right top;
  padding: 0 .5em 0 .4em;
  margin: 0 0 21px;
  box-shadow: 0 0 1px 1px #CCC;
  color: #E10019;
  text-align: left;
  min-height: 187px;
}
.box-weiss-rot-weiss h1 {
  display:inline-block;
  height: 19px;
  min-width:84px;
  color: #FFF;
  background: #E10019;
  padding: .1em .5em .2em .5em;
  margin-left: -.4em;
}
.margin .box-weiss-rot-weiss h1 { min-width: 70px; }

.appended-pic {
  float:right;
  margin: -2px -10px 0 0;
  border: 0 none;
}

.appended-pic2 {
  float:right;
  margin: -1px -10px 0 0;
  border: 0 none;
}

.csc-sitemap ul {padding: 0 0 0 1em}
.csc-sitemap ul li {padding: .3em 0}

.video-hold {
  max-width: 410px;
  height:187px;
  max-height:187px;
  overflow: hidden;
  padding-right: 25px;
  background: #000 url('/fileadmin/template/pix/3eck-rot.png') no-repeat right top;
}

#videoframe {
  height:187px;
  max-height:187px;
  overflow: hidden;
  width: 100%;
}

#formhandler_contact_form label {
  font-size: smaller;
  display:block;
/* float:left;*/
  margin-bottom: .25em;
}

#formhandler_contact_form #musikmobil label {
  font-size: .8em;
  font-weight: bold !important;
  display:block;
/* float:left;*/
  margin-bottom: .25em;
}

#formhandler_contact_form input, #formhandler_contact_form textarea, #newsletter-unsubscription input {
  background-color: #F0F0F0;
  color: #444;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: .8em;
  padding: .25em;
  width: 95%;
}

#formhandler_contact_form #jahreskonzert input[type='radio'] {
  width: 1em !important;
  float:left !important;
  margin: .3em .3em 0 0 ;
}


#formhandler_contact_form #musikmobil input, #formhandler_contact_form #musikmobil textarea {width:90%;}

#formhandler_newsletter_form input, #formhandler_newsletter_form textarea, #newsletter-unsubscription input {
  width: 168px;
}
#formhandler_contact_form #musikmobil-hamburg .button-submit,
#formhandler_contact_form #musikmobil-ka .button-submit,
#formhandler_contact_form #musikmobil-dr .button-submit,
#formhandler_contact_form #jahreskonzert .button-submit
{
  color: #FFF;
  background-color:#E10019;
  font-weight: bold;
  width: 96.5%;
}

.overlay {min-height: 24px}

p.required_fields {font-weight: bold}

#formhandler_contact_form div.row, #newsletter-unsubscription div.row {
  margin-bottom: 1em;
}

#formhandler_contact_form #musikmobil div.row {
  margin-bottom: 1em;
}

#formhandler_contact_form #musikmobil textarea {
  height:84px;
}

.formhandler-ajax-validation-result, .error, .formerror a {
  /*display:block;*/
  clear:both;
  color: #E10019 !important;
  font-size: .9em;
}

/* form musikmobil */
.first-input{
  background-color: #FFF !important;
  font-weight:bold;
  font-size:.7em;
  width:95% !important;
  padding-left:0 !important;
}

.tx-felogin-pi1 input { width: 110px; border-bottom: 1px solid #CCC}
.tx-felogin-pi1 legend { display:none}
.tx-felogin-pi1 label { font-size:.85em}

@media \0screen {
.content img, .margin img, embed, object, video {width: auto\9}/* for ie 8 */
}

/* dam */
.dam-list { margin: 0 .5em;}
.dam-list-item { margin: 0 0 0 0; min-height: 3em; border-bottom: 1px solid #CCC; }
.dam-list-item-download { float: left; margin: 1em 1em 0 0}
.dam-list-item-desc { float: left; width: 75%; font-weight: bold }
.dam-list-item-creator { font-weight: normal}
.dam-list-item-date { float: right; margin: 0 0 3em 0; color: #A0A2A6}

table.browsebar {display:none}

/* button-download */
.button-download {
  width: 50px;
  height: 50px;
  text-decoration: none;
  display: block;
  background: url('/fileadmin/template/pix/pdf-icon-50.png');
}

/* pagebrowse */
.tx-pagebrowse { color: #A0A2A6; }
.tx-pagebrowse-next, .tx-pagebrowse-prev {display:none !important}

.tx-pagebrowse li a  { text-decoration:none}
.tx-pagebrowse li a:hover { text-decoration:underline}

.invisible {display:none}
.nonvisible {visibility:hidden}

/* non-semantic helper classes */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* media queries */
.indicate800 {float:left}
.indicate768 {float:left}
.indicate480 {float:left}
.indicate320 {float:left}

@media (max-width: 800px)  { .indicate800 {float:none} }
@media (max-width: 768px)  { .indicate768 {float:none} }
@media (max-width: 480px)  { .indicate480 {float:none} }
@media (max-width: 320px)  { .indicate320 {float:none} }
@media (max-width : 1270px){ #container-outer {background: none} }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 600px) and (max-width : 800px) {
/*#container, #colophon{width:95%;}*/
/*.flexslider {width:980px;}*/

container-outer, #container, #header, .flexslider  {
  width: 800px;
  max-width: 800px;
}

#header {margin-bottom: 2.6em}
#logo {margin: -50px 0 1em 100px}

#topnav {
  width: 100%;
  margin: -40px 0 0;
}
.sf-menu li {width: 16.54%; }

#breadcrumbs {margin: 0}

#col-nav-2 {
  position: absolute;
  top: 0;
  left: 300px;
  background: #FFF;
  height: 135px;
  box-shadow: 0 0 2px 2px #DDDDDD;
  z-index: 60;
}

#link-fb {display:none}
#link-fb-nav2 {display:block}
.link-fb {
  float:none;
  width: 45px;
  height: 45px;
  margin: 0.2em 1em 0.2em 0.5em;
  text-decoration: none;
  background: url('/fileadmin/template/pix/find-us-on-fb-2.png') no-repeat;
}

.link-fb img#fb-trans {width:45px}

#main {width: 96%; margin: 0 1em}

footer #footerlinks-left {
  margin-left: 1em
}
#search-r, footer #footerlinks-right {
  margin-right: 1em !important;
}
footer #otto-link, footer #salut-link {
  margin-left: 1em;
}

.grid_2 {
  min-width: 300px;
  width: 100%;
  max-width:100%;
  margin-right: 0;
}
#col-margin-first, #col-margin-second, #col-partner-link {
  float:left;
  width: 120px;
  max-width: 120px;
  padding-right: 5px;
  margin: 0 0 0 1em;
}

#col-partner-link {
  margin: 0 0 1em 1em;
}

.flexslider2, .flexslider2 ul {
  width:105px !important;
  overflow: hidden;
}

.grid_5 {
  min-width: 368px;
  width: 368px;
}
.grid_10 {width:100%;}

/* startseite */
.gallery-left-column-teaser {
    margin: 10px 20px 0 0.5em !important;
}
.gallery-right-column-teaser {
  max-width: 130px;
  max-height: 120px;
  overflow: hidden;
}
.box-rot-weiss-rot p#news-latest-content {
  width: 200px;
}

.videoframe {
  width:342px
}

/* media */

.gallery-title {display:none}

.gallery-header h2 {
  max-width: 535px !important;
}
.gallery-date {
  padding: .1em 19px .1em 0 !important;
}
.gallery-left-column img {
  height: 152px !important;
}
.gallery-right-column {
  width: 470px !important;
}
.gallery-right-column img {
  width: 84px !important;
}

.showhiddenlink-wrap, .shownlink-wrap {
  max-width: 84px !important;
}

.gallery-video:nth-child(3n+3) { margin-right: 0 !important}
.gallery-video {
  max-width: 228px !important;
  overflow:hidden
}

/* pressespiegel */
.dam-list-item-desc {width:50%;}

}

/* large smartphones ----------- */
@media (max-width: 768px) {

#container-outer, #container, #header, .flexslider  {
  width: 768px;
  max-width: 768px;
}

header{padding:10px 0 1px 0;}
header h1{ font-size:1.4em;}

#logo {margin: -50px 0 1em 95px}

#topnav {
  width: 100%;
  margin: -35px 0 0;
}

.sf-menu li { width: 127px }

.grid_5 {
  min-width: 350px;
  width: 350px;
}

.videoframe {
  width:324px
}

.box-rot-weiss-rot p#news-latest-content  { width: 190px;}

}

/* medium smartphones ----------- */
@media (max-width: 600px) {

.content {
  width:95%;
}

.grid_12 {
  width:95%;
}

}

/* medium smartphones ----------- */
@media (max-width: 480px){
body, #container-outer, #container, #header, .flexslider {
  width: 480px;
  max-width: 480px;
}

#logo {margin: 0px 0 0 14px}

#c91 { display: block !important; }

.link-logo {
    width: 93px;
    height: 66px;
    background: url(/fileadmin/template/pix/logo-tycx-93.png) no-repeat 0 0;
    /* box-shadow: 0 0 1px 1px #DDD; */
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.greyblock, #slider{display:none}

.margin {padding: 0 0 0 0}

.grid_2 {
  min-width: 400px;
  width: 100%;
  max-width:100%;
}

.box-rot-weiss-rot{margin-bottom:0}
#c20{margin-top:20px}

#col-margin-first, #col-margin-second, #col-partner-link {
  float:left;
  width: 120px;
  max-width: 120px;
  padding-right: 5px;
  margin: 0 0 0 1em;
}
.flexslider2, .flexslider2 ul {
  width:105px !important;
  overflow: hidden;
}

.headerstart {
  background: #E10019;
  height: 97px;
  margin: 0 auto;
  width: 100%;
}

.header2col {
  background: #E10019;
  height: 50px;
  margin: 0 auto;
  width: 100%;
}

.link-logo {
  width: 93px;
  height:66px;
  background: url('/fileadmin/template/pix/logo-tycx-93.png') no-repeat 0 0;
  /*box-shadow: 0 0 1px 1px #DDD;*/
 box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.logo2col {
  margin: 0 auto;
  background: 0 none;
  box-shadow: 0;
}

.logotext {
  display:block;
  color: #FFF;
  font-size: larger;
  font-weight: bold;
  margin: .8em 0 0 0;
  /*text-shadow: 0 1px 0 rgba(60, 60, 60, 0.8);*/
}
#logo a:link    {color: #FFF; text-decoration:none;}
#logo a:visited {color: #FFF; text-decoration:none;}
#logo a:hover   {color: #FFF !important; text-decoration: underline;}
#logo a:active  {color: #FFF}
#logo a:focus   {outline: none;}

#search-r, .nav-2 {display:none}

.headicons-start {
  float:right;
  margin: 66px 11px 0 42px;
}
.headicons-2col {
  float:left;
  margin: .8em 11px 0 60px;
}

#headicons-mail, #headicons .link-fb, #headicons-search {float:left; margin: 0 0 0 14px}

.headicons-search-480 { margin: 0 0 0 160px !important;}

.topnavstart {margin: 8px 0 0 0 !important;}
.topnav2col  {margin: 14px 0 0 0 !important;}

ul#nav li:nth-last-of-type(3), ul#nav li:nth-last-of-type(2), ul#nav li:nth-last-of-type(1) {
 display:list-item;
}
#footerlinks-left a:nth-of-type(2),#footerlinks-left a:nth-of-type(1),#footerlinks-left a:nth-of-type(0){display:none}
#footerlinks-left span:nth-of-type(2),#footerlinks-left span:nth-of-type(1),#footerlinks-left span:nth-of-type(0){display:none}

#thelines {
  background: url("/fileadmin/template/pix/3lines.png") no-repeat;
  cursor: pointer;
  display: block;
/*  float: right;*/
  height:26px;
  width: 36px;
  opacity: 1;
  text-decoration: none;
  position: absolute;
  top: 12px;
  right: 10px
}
#casual{margin: 0}
#breadcrumbs {margin: .5em 0}

.link-fb {
  float:right;
  width: 24px;
  height: 24px;
  background: url('/fileadmin/template/pix/find-us-on-fb-3.png') no-repeat;
}

#col-find-us-on-fb {display:none}

#main {
  margin: 0 auto;
  width: 95%;
}

.box-rot-weiss-rot p#news-latest-content {width: 270px}

.intro-grau-rot-weiss {
  width:100%;
  max-width:100%;
  max-height:210px;
}
.intro-grau-rot-weiss h1 {
  float:none;
  line-height: 1.2em;
  text-align: left;
  height: auto;
  min-width:98.25%;
  max-width:100%;
  margin: 0 auto;
  padding: 1em 0 1em .5em;
}
.intro-grau-rot-weiss p {padding: 0 .5em .5em; max-height:210px}

.tx-jppageteaser-pi1-list-entry-image, .tx-jppageteaser-pi1-list-entry-p p {display:none}
.tx-jppageteaser-pi1-list-entry-description {margin: 0}
.videoframe {width:410px}

.dam-list-item-desc {width: 75%}
.dam-list-item-date { float: left; margin: 0 0 0 0;}
.dam-list-item-desc p { margin: 1em 0 .2em !important;}
.dam-list-item-date p { margin: 0 0 1em !important;}


/* text mit bild */
DIV.csc-textpic-text {margin-left:-265px;}

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  clear: both;
  float: none;
  padding-left: 0
}

footer {
  position: relative;
  height: 91px;
  text-align:left;
  margin-top: 0;
}

footer .f980 { max-width: 980px; margin: 0 auto; }
footer p {font-size: smaller; line-height: 1.5em}
footer #footerlinks-left {margin: 5px 0 0 10px; clear:right}
footer #footerlinks-right {float:left; clear:left; margin: 5px 0 0 10px;}
/*footer #otto-link, footer #salut-link {margin: 10px 20px 0 10px}*/
footer #salut-link img {margin-top: -1em}

#footerclaim {display:block; margin-bottom:10px}

/* form musikmobil */
.first-input{
  background-color: #FFF !important;
  font-weight:bold;
  font-size: .8em !important;
  width:95%
}

.flexslider {display:block;}
.flex-direction-nav li a {
  background: none;
}

header h1{ font-size:1em; margin-bottom:10px;}

.grid_2 {
  width: 100%;
  max-width:100%;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right: 0px !important;
}
#googlemap {margin-top:20px !important}

}

/* medium smartphones, portrait ----------- */
@media (max-width: 320px) {
body, #container-outer, #container, #header, .flexslider {
  width: 320px;
  max-width: 320px;
}

.grid_2 {
  width: 100%;
  max-width:100%;
}

#search-r {display:none}

#main {
  margin: 0;
  width: 320px;
  max-width:320px
}
#main p, #main .content ul { margin: 1em .5em;}

.grid_5, .grid_10 {
  margin: 0;
  margin-bottom: 20px;
  width:100%;
  min-width:100%;
  max-width:100%;
}

#breadcrumbs { margin: .5em 0 .5em .5em}

.box-rot-weiss-rot p#news-latest-content {width: 280px}
.box-rot-weiss-rot .news-latest-item img {display: none}
.tx-jppageteaser-pi1-list-entry-p {margin: 0 .5em}
.tx-jppageteaser-pi1-list-entry-link-item {margin-right: .5em}

.videoframe {width:295px}
.video-hold {
  width:320px;
  padding-right:0;
  max-width:320px
}

#inline_content, #inline_content_ka, #inline_content_dr, #colorbox {width: 310px !important;}

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  clear: both;
  float: none;
  padding-left: .5em
}


}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
/*/  @page { margin: 0.5cm; }*/
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


DIV.csc-textpic DIV.csc-textpic-imagecolumn {
margin-bottom: 10px !important;
}


DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
  float: none;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img {
  float: left;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap  img{
  float: right;
}

#picticket {
  width: 100%;
  height: 1175px;
  padding: 0;
  overflow: hidden;

}

.errorField {
  color: red;
}

#c76 {
  display: none;
}#c885 {
  display: none;
}#c899 {
  display: none;
}
#c898 {
  display: none;
}
#c1676 {
  display: none;
}

ul.browseLinksWrap { list-style: none; margin-left: -8px !important;  }
ul.browseLinksWrap li {
    float: left;
    text-indent: 0 !important;
    margin: 0 2px;
}
ul.browseLinksWrap li:before {
    content: none !important;
}


.csc-uploads li {
    margin: 0 0 0 0;
    min-height: 3em;
    border-bottom: 1px solid #CCC;
    min-height: 61px;
    overflow: hidden;
}

.csc-uploads li:before {
    content: none !important;
}

.csc-uploads-element-pdf {
    padding-left: 74px;
    background: transparent url(/fileadmin/template/pix/pdf-icon-50.png) no-repeat left top;

}

.csc-uploads-date {
    color: #A0A2A6;
    float: right;
}

/* textbox home unten links */
.box-blau-rot-weiss .csc-textpic {margin-top:.5rem}
.box-blau-rot-weiss div.csc-textpic-left div.csc-textpic-text {clear: none !important}
.box-blau-rot-weiss .csc-textpic-imagewrap {
	float:left !important;
	margin-right: 1rem;
}
.box-blau-rot-weiss  a:hover {color: #fff}