/**** General styles **********************************************************/
  *
  {
    font-family:Arial,Verdana,Helvetica,SansSerif;
    font-size:12px;
  }

  html
  {
    height:100%;
  }

  body
  {
    background-color:white;
    background-image:url('../images/background/bg_main.gif');
    background-position:center top;
    background-repeat:repeat-y;
    color:black;
    height:100%;
    margin:0px;
    padding:0px;
  }

  h1  {
    color:#ff2929;
    font-size:16px;
    padding:0px 15px 0px 15px;
  }

/**** Styles for simple text entered in cms ***********************************/
  .content_text2 a[href]
  {
    background-image:url('../images/background/arrow_link.gif');
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 13px;
    color: #ff2929;
  }

  .content_text2 h1
  {
    color:black;
    font-size:14px;
    padding:0px;
  }

  .content_text2 li
  {
    float:none;
    line-height:1em;
    position:static;
    width:auto;
  }

  .content_text2 ul
  {
    border:none;
    list-style-type:disc;
    list-style-position:outside;
    padding:0px 0px 1px 26px;
  }

  .content_text2 td.td-0
  {
    padding-right:5px;
    vertical-align:top;
  }

  .content_text2 td.td-last.td-1
  {
    vertical-align:top;
  }

  .content_text2 .csc-textpic.csc-textpic-intext-left.csc-textpic-equalheight
  {
    float:left;
    margin-bottom:5px;
    width:50%;
  }

  .content_text2 .csc-textpic.csc-textpic-caption-c
  {
    width:100%;
  }

  .content_text2 .csc-header
  {
    clear:both;
  }

  .content_text2 .csc-textpic .csc-textpic-text p.bodytext
  {
    margin-top:0px;
  }

  dd.csc-textpic-caption
  {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-size: 11px;
    margin-bottom: 5px;
  }

/**** Styles for tags generated by cms ****************************************/
/* -- sitemap ----------------------------------------------------------------*/
  div.csc-sitemap  ul
  {
    list-style-type:none;
  }

  div.csc-sitemap > ul > li > ul
  {
    padding-top:3px;
  }

  div.csc-sitemap ul li a
  {
    display:block;
    line-height:18px;
  }

  div.csc-sitemap > ul > li > ul > li
  {
    border-bottom:2px solid #6f6f6f;
    padding:8px 0px;
  }

  div.csc-sitemap > ul > li > ul > li:first-child
  {
    border-top:2px solid #6f6f6f;
  }

  div.csc-sitemap > ul > li > ul > li > a
  {
    background-color:white;
  }

  div.csc-sitemap > ul > li > ul > li > ul > li
  {
    background-color:#e1e1e1;
    margin-bottom:2px;
    width:320px;
  }

  div.csc-sitemap > ul > li > ul > li > ul > li > ul > li
  {
    background-color:#f3f3f3;
    margin-bottom:2px;
    width:270px;
  }

  div.csc-sitemap > ul > li > ul > li > ul > li > ul > li > a
  {
    background-color:none;
    width:257px;
  }

/* -- image gallery --------------------------------------------------------- */
  .tx-chgallery-pi1 .img a[href]
  {
    background-image:none;
    padding:0px;
  }

/* -- news / course directors / program ------------------------------------- */

  .content_text2 div.news-list-category
  {
    font-style:italic;
  }

  .content_text2 div.news-list-item
  {
    margin-bottom:36px;
  }

  .content_text2 div.news-left
  {
    border-right:1px solid #6f6f6f;
    float:left;
    padding:0px 9px 0px 0px;
    vertical-align:top;
    /*  white-space:nowrap; */
    width:198px;
  }

  .content_text2 div.news-left a
  {
    background-image:none;
    padding:0px;
  }

  .content_text2 div.news-left img
  {
    float:left;
    margin-right:9px;
  }

  .content_text2 div.news-right
  {
    float:left;
    padding:0px 0px 0px 9px;
    width:435px;
  }

  .content_text2 div.events-list-container,
  .content_text2 div.news-list-container
  {
    margin-top:10px;
  }

  .content_text2 div.event-item-wrapper
  {
    background-color: #f0f0f0;
    margin-bottom:15px;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .content_text2 div.event-item
  {
    background-image:url('../images/background/border_right_119x1.gif');
    background-repeat:repeat-y;
    height:100%;
    padding-bottom: 0px;
  }

  .content_text2 div.event-item i
  {
    color:#6f6f6f;
  }

  .content_text2 div.event-item-date
  {
    border-right:1px solid #6f6f6f;
    float:left;
    padding:0px 9px 0px 9px;
    vertical-align:top;
    width:100px;
  }

  .content_text2 div.event-item-location
  {
    float:left;
    padding:0px 9px 0px 9px;
    vertical-align:top;
    width:150px;
  }

  .content_text2 div.event-item-info
  {
    border-left:1px solid #6f6f6f;
    float:left;
    padding:0px 9px 0px 9px;
    vertical-align:top;
    width:348px;
  }

  .content_text2 div.event-item-audition-info
  {
    border-left:1px solid #6f6f6f;
    border-right:1px solid #6f6f6f;
    float:left;
    padding:0px 9px 0px 9px;
    vertical-align:top;
    width:194px;
  }

  .content_text2 div.event-item-contact
  {
    border:none;
    float:left;
    padding:0px 9px 0px 9px;
    vertical-align:top;
    width:135px;
  }

/* -- fieldsets ------------------------------------------------------------- */
  fieldset.csc-mailform
  {
    border:none;
    margin:0px;
    padding:0px;
  }

  fieldset.csc-mailform label
  {
    /*  display:block;  */
    float:left;
    width:130px;
  }

  fieldset.csc-mailform div.csc-mailform-field
  {
    padding:2px 0px 0px 0px;
  }

  fieldset.csc-mailform input
  {
    width:280px;
  }

  fieldset.csc-mailform textarea
  {
    border:1px solid #6f6f6f;
    width:280px;
  }

  fieldset.csc-mailform input.csc-mailform-submit
  {
    background-color:#d02d2e;
    color:white;
    margin:20px 0px 0px 310px;
    width:100px;
  }

/**** Individual styles *******************************************************/
  #main_container
  {
    height:100%;
    padding:0px 0px 0px 1px;
    text-align:center;
    width:979px;
  }

  #main_content
  {
    height:100%;
    text-align:left;
    width:979px;
  }

  #home
  {
    background-image:url('../images/background/home_default.jpg');
    background-repeat:no-repeat;
    height:370px;
    left:50%;
    margin-top:-185px;
    margin-left:-489px;
    position:absolute;
    top:50%;
    width:979px;
  }

  #language
  {
    background-image:url('../images/background/strudel_streifen_hell.png');
    background-repeat:no-repeat;
    border-top: 3px solid white;
    clear:right;
    height:27px;
    padding-left:6px;
    padding-top:6px;
  }
  
  #main_header
  {
    background-image:url('../images/background/head_w_logo.jpg');
    background-repeat:no-repeat;
  }

  #main_headernavi
  {
    background-color:#ffffff;
    color:#6f6f6f;
    filter:Alpha(opacity=85, finishopacity=85, style=3);
    font-size:11px;
    height:15px;
    /*  line-height:22px; */
    opacity: 0.85;
    padding:6px 0px 4px 0px;
    text-align:right;
    width:100%;
  }

  #main_headernavi a:link, #main_headernavi a:visited, #main_headernavi a:focus, #main_headernavi a:active {
    color:#6f6f6f;
    font-size:11px;
    margin:0px 8px 0px 8px;
  }

  #main_footer
  {
    background-image:url('../images/background/bg_bottom.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    bottom:0px;
    height:33px;
    position:fixed;
    width:979px;
  }

  #footer_logos
  {
    bottom:44px;
    height:44px;
    left:0px;
    margin-left:5px;
    position:relative;
    width:54px;
  }
  
  #menu
  {
    float:left;
    margin-right:25px;
    margin-top:28px;
    width:270px;
  }

  #content
  {
    float:left;
    width:684px;
  }

  #treeinfo
  {
    color:#6f6f6f;
    font-size:11px;
    height:17px;
    padding-top:11px;
  }

  #treeinfo a
  {
    color:#6f6f6f;
    font-size:11px;
    height:17px;
    padding-top:11px;
    text-decoration: none;
  }

  #treeinfo a:hover
  {
    color:#6f6f6f;
    font-size:11px;
    height:17px;
    padding-top:11px;
    text-decoration: none;
  }

/**** Classes ***********************************************************************************/
  .content_header
  {
    color:white;
    font-size:24px;
    height:35px;
    margin-bottom:16px;
    padding-left:15px;
    padding-top:90px;
  }

  .content_header_dozenten
  {
    background-image:url('../images/background/bg_workshops_dozenten.jpg');
    background-repeat:no-repeat;
  }

  .content_header_kammermusik
  {
    background-image:url('../images/background/bg_workshops_kammermusik.jpg');
    background-repeat:no-repeat;
  }

  .content_header_probespiel
  {
    background-image:url('../images/background/bg_auditions_probespiel.jpg');
    background-repeat:no-repeat;
  }

  .content_text1
  {
    margin:0px 6px 0px 6px;
  }

  .content_text2
  {
    margin:0px 9px 0px 9px;
  }

  .innerpanel
  {
    background:none;
    bottom:7px;
    color:white;
    font-size: 16px;
    line-height:18px;
    padding:39px 6px 3px 0px;
    position:absolute;
    right:3px;
    width:127px;
  }

  .innerpanel:hover
  {
    background:none;
    color:black;
    padding:45px 6px 3px 0px;
    text-decoration:none;
    width:127px;
  }

  .panel
  {
    background-image:url('../images/background/bg_panel_page.png');
    color: white;
    float: left;
    font-size: 16px;
    height: 63px;
    margin-right: 0px;
    padding: 0px 2px 0px 3px;
    position: relative;
    text-align: right;
    top:0px;
    width: 133px;
  }

  .panel:hover, .panel.selected
  {
    background-image:url('../images/background/bg_panel_page_select.png');
    background-position:top right;
    background-repeat:no-repeat;
    color: black;
    height:81px;
  }

  .panel:hover a,
  .panel.selected a
  {
    color:black;
    padding-top: 53px;
  }

  body > center
  {
    height:100%;
  }

  input
  {
    background-color:white;
    border:1px solid #6f6f6f;
  }

  input.search
  {
    background-image:url('../images/background/arrow_right.png');
    background-position:right;
    background-repeat:no-repeat;
    height:13px;
    padding-right:10px;
    width:103px;
  }

  td.left
  {
    border-right:1px solid #6f6f6f;
    padding-left: 9px;
    padding-right: 9px;
    vertical-align:top;
    white-space:nowrap;
  }

  td.left.img
  {
    width:196px;
  }

  td.left.noimg
  {
    width:117px;
  }

  td.left.grey,
  td.right.grey
  {
    background-color: #f0f0f0;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  td.right
  {
    padding-left:9px;
    vertical-align:top;
  }

  ul.main_headersections
  {
    border-top:none;
    height: 87px;
    padding-left:289px;
  }

/**** Popups for navigation *********************************************************************/
/* -- first level ----------------------------------------------------------*/
  ul
  {
    border-top: 2px solid #6f6f6f;
    list-style: none;
    margin: 0px;
    padding: 0px;
  }

  ul.dropdown
  {
    width: 270px;
  }

  li
  {
    float: left;  /* wg. Spalt im IE */
    line-height: 22px;
    position: relative;
    width: 270px;
  }

  li.l1,
  li.active
  {
    border-bottom: 2px solid #6f6f6f;
  }

  li.active1
  {
    border-bottom: 2px solid #6f6f6f;
  }

  ul.dropdown li.active1 a, ul.dropdown li.active1 a:hover
  {
    background-color: #e1e1e1;
    color:black;
  }

  li.l2
  {
    line-height: 15px;
  }

  ul.dropdown li a
  {
    /*  background-color: white;  */
    color: #6f6f6f;
    display: block;
    padding: 0px 4px 0px 44px;
    text-decoration: none;
    width: 222px;
  }

  ul.dropdown li a:hover
  {
    background-color: #e1e1e1;
    color: black;
    width: 222px;
  }

  ul.dropdown li.active a
  {
    background-color: #e1e1e1;
    background-image:url('../images/background/arrow_down_black.gif');
    background-position: left top;
    background-repeat:no-repeat;
    color:black;
  }

  ul.dropdown li.activenosub
  {
    background-color: #e1e1e1;
    border-bottom: 2px solid #6f6f6f;
  }

  ul.dropdown li.activenosub a, ul.dropdown li.activenosub a:hover
  {
    background-color: #e1e1e1;
    color:black;
  }

/**** second level **********************************************************/
  /* -- floating -----------------------------------------------------------*/
  ul.dropdown li ul
  {
    background-color: #e1e1e1;
    border-bottom: 2px solid #6f6f6f;
    /*  next line is commented because IE won't display navigation level 3
        if transparency is set */
    /*  filter:Alpha(opacity=85, finishopacity=85, style=3);  */
    left: -999em;
    margin-left: 270px;
    margin-top:-24px;
    opacity: 0.90;
    padding: 6px 0px 6px 0px;
    position: absolute;
  }

  ul.dropdown li:hover ul ul,
  ul.dropdown li.iehover ul ul
  {
    left: -999em;
  }

  ul.dropdown li:hover ul,
  ul.dropdown li.iehover ul,
  ul.dropdown ul li:hover ul,
  ul.dropdown ul li.iehover ul,
  ul.dropdown ul li.active ul
  {
    left: auto;
  }

  li.l1 ul li,
  li.l2 ul li,
  li.active ul li.l2 ul li
  {
    border-bottom: 0px none;
    line-height: 15px;
    width: 185px;
  }

  ul.dropdown li ul li a,
  ul.dropdown li.active ul li a,
  ul.dropdown li.active ul li.l2 ul li a
  {
    background-color: #e1e1e1;
    padding: 0px 6px 0px 6px;
    width: 173px;
  }

  ul.dropdown li ul li a:hover,
  ul.dropdown li.active ul li a:hover,
  ul.dropdown li.active ul li.l2 ul li a:hover
  {
    background-color: #f3f3f3;
    color: #ff2929;
    width: 173px;
  }

  /* -- static --------------------------------------------------------------*/
  ul.dropdown li.active ul,
  ul.dropdown li.active ul li.active ul
  {
    border-bottom: 0px none;
    border-top:    2px solid #6f6f6f;
    display:       block;
    margin-left:   0px;
    margin-top:    0px;
    padding:       6px 0px 6px 0px;
    position:      static;
    width:         270px;
  }

  ul.dropdown li.active ul li
  {
    border-bottom: 0px none;
    line-height: 15px;
    width: 270px;
  }

  ul.dropdown li.active ul li a
  {
    background-image:none;
    color: black;
    padding: 0px 4px 0px 44px;
    width: 222px;
  }

  ul.dropdown li.active ul li a:hover
  {
    width: 222px;
  }

/**** third level ***********************************************************/
  /* -- floating -----------------------------------------------------------*/
  ul.dropdown li ul li ul
  {
    margin-left: 185px;
    margin-top:-23px;
    position: absolute;
  }

  ul.dropdown li.active ul li ul
  {
    border-bottom: 2px solid #6f6f6f;
    margin-left: 270px;
    margin-top:-23px;
    position: absolute;
    width: 185px;
  }

  li.active ul li.l2 ul li a
  {
    color: #6f6f6f;
  }

  /* -- static --------------------------------------------------------------*/
  ul.dropdown li.active ul li.active ul
  {
    background-color: #e1e1e1;
    border-top: 0px none;
    padding:2px 0px 2px 0px;
  }

  li.active ul li.active
  {
    background-color: #e1e1e1;
  }

  li.active ul li.active ul li a
  {
    background-color: #f3f3f3;
    color: black;
    padding: 0px 4px 0px 24px;
    margin-left: 44px;
    width: 198px;
  }

  li.active ul li.active ul li a:hover
  {
    width: 198px;
  }

  ul.dropdown li.active ul li a:hover,
  ul.dropdown li.active ul li.active > a,
  ul.dropdown li.active ul li.active ul li a:hover,
  ul.dropdown li.active ul li.active ul li.active > a
  {
    color: #ff2929;
  }

  li.active ul li.active ul li.active a
  {
    background-image:url('../images/background/arrow_right_red.gif');
    background-position: left top;
    background-repeat:no-repeat;
  }
/**** End Popups ********************************************************************************/
/* Standard links ----------------------------------------------------------------------------- */

  a:link, a:visited, a:focus, a:active  {
    text-decoration : none;
  }

  a:hover  {
    text-decoration : underline;
  }

  a.more
  {
    background-image:url('../images/background/arrow_link.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 13px;
    color: #ff2929;
  }

  /*
  a.active_black  {
    color:black;
  }
  */

.content_news_item_1 {
  width:655px;
  float:left;
}

.content_news_item_link_3 p {
  width:655px;
  padding:0;
}

.content_news_item_link_3 img {
  border:0;
  margin:0;
  margin-right:4px;
}

.content_news_item_1 .title {
  width:655px;
  float:left;
  padding: 10px 0 10px 0;
}

.content_news_item_1 .title h3 {
  width:655px;
  float:left;
  padding:0;
  margin:0;
  padding-top: 5px;
  padding-right:10px;
  font-size:12px;
  font-weight:bold;
  color:#000000;
  text-align:left;
  vertical-align:text-bottom;
}

.content_news_item_1 .title h2 {
  width:655px;
  float:left;
  padding:0;
  margin:0;
  padding-right:10px;
  font-size:14px;
  font-weight:bold;
  color:#000000;
  text-align:left;
  vertical-align:text-bottom;
}

.content_news_item_1 .title .content_news_item_date {
  clear:both;
  padding-top:2px;
  font-size:10px;
  font-weight:normal;
}

.line_clear {
  line-height:0;
  clear:both;
}

.content_news_item_link_3 {
  width:655px;
  float:left;
  margin:5px 0 0 0;
  font-size:9px;
  color:#005091;
  text-align:left;;
}

.content_news_item_link_3 p {
  margin:0px;
  padding:0;
}

.content_news_item_link_3 img {
  border:0;
  margin:0;
  margin-right:4px;
}

.content_news_item_link_1 {
  width:655px;
  float:left;
  text-align:right;
  margin-top:5px;
}

.content_news_item_link_2 {
  width:655px;
  float:left;
  text-align:left;
  margin-top:15px;
}

.content_news_item_link_3 {
  width:655px;
  float:left;
  margin:5px 0 0 0;
  text-align:left;
}

.news-single-img {
  float:left;
  margin:5px 5px 5px 0;
}

p.news-single-imgcaption {
  width:100%;
  margin:0;
  font-size:10px;
}

div.event-item p.bodytext,
div.news-list-item p.bodytext
{
  margin:0;
}

dl.news-single-links,dl.news-single-files,dl.news-single-related {
  color:#000000;
}

.sb_download_flexWrap {
  width:100%;
  float:left;
}

.sb_download_flex {
  width:100%;
  float:left;
}

.sb_download_info {
  background-color: #f0f0f0;
  width:100%;
  float:left;
}

.sb_download_text {
  float:left;
}

.sb_download_flex .description {
  width:100%;
  float:left;
  margin-bottom:5px;
}

.sb_download_flex .links {
  float:left;
  margin: 5px 0 5px 0;
}

.sb_download_flex .links a,.sb_download_flex .links a:hover {
  background:none;
  text-decoration: none;
  margin:0;
  padding:0;
  line-height:20px;
}

.sb_download_flex .links img {
  margin:0;
  padding:0;
  vertical-align:middle;
}

.sb_download_flex .sb_download_image {
  width:145px;
  float:left;
  margin: 0 15px 0 0;
}