@charset "UTF-8";

@import url(yaml/slim_base.css);

@import url(http://www.kreuztal.de/css/site_plain.css);
@import url(content.css);
@import url(forms.css);

@import url(shadowbox.css);
/* @import url(yaml/print_draft.css); */

/*
 *  WICHTIG !!!
 *  Header-Anpassungen finden sich in der Datei ___ site_plain.css ___
 *  Hier nur individuelle Änderungen (Farben, Bilder) vornehmen und
 *  KEINE grundlegenden Anpassungen wie Breite der Navigationspunkte, etc.
 *
 */

@media screen, projection
{
  body { background:#DAD4CA url(../bilder/body_kreuztal-kultur.gif) 1024px 180px no-repeat scroll;  }

  .page_margins { background-color:transparent; }
  .page { padding:0; background:#DAD4CA url(../bilder/header-panorama-01.jpg) top left no-repeat; }

  #header { background-color:#9E131B; }
  #nav { background-color:#9E131B; }
  #nav ul { background-color:#9E131B; }

  #nav li { border-color:#C92E37; }
  #nav a { color:#E9E6E1; }

  #nav li.current a:link,
  #nav li.current a:visited { border-color:#9E131B; background-color:#9E131B; background-position:-100px 0; color:#FFF; }

  #main { border-color:#9E131B; background-color:#DAD4CA;  }

  /*-------------------------------------------------------------------------*/

  #col1 { float:left; width:210px;  margin:0; font-size:91.667%; }
  #col2 { float:right; width:250px;  margin:0; }
  #col3 { width:auto; margin:0 250px 0 210px; }

  #page_1 #col3,
  #page_42 #col3,
  #page_43 #col3,
  #page_44 #col3,
  #page_45 #col3,
  #page_46 #col3,
  #page_47 #col3,
  #page_48 #col3,
  #page_49 #col3
   { width:auto; margin:0 0 0 210px; }


  #col1_content { padding:0 0 20px 0; }
  #col2_content { padding:20px 0px 0 10px; }
  #col3_content { margin:20px 20px 0 40px; padding:0; background-color:#5C5C5E; }

  #page_0 #col3_content { margin:20px 20px 0 40px; background-color:transparent; }

  #col3_content h1 { padding:10px 15px 0; }

  /*-------------------------------------------------------------------------*/

 #navi_content { padding:20px 0 0; background:#9E131B none; }

 #navi_content ul { margin:0; padding:0; }
 #navi_content li { margin:0; padding:0; list-style:none; display:inline; }

 #navi_content a { display:block; font-weight:bold; padding:3px 0 3px 30px; border-bottom:1px solid #888; }

 #navi_content .first a { border-top:0; }

 #navi_content a:link,
 #navi_content a:visited { color:#FF9900; background:#5C5C5E url(../bilder/icn_navi.gif) 11px 5px no-repeat; }

 #navi_content li.main { color:#FFF; }
 #navi_content li.main a:link,
 #navi_content li.main a:visited { color:#FFF; background-color:transparent; }

 #navi_content li.main a:hover,
 #navi_content li.main a:active,
 #navi_content li.main a:focus { color:#FF9900; }

 #navi_content li.current { color:#FFF; }
 #navi_content li.main { color:#FF9900; }
 #navi_content li.current a:link,
 #navi_content li.current a:visited { color:inherit; background-image:url(../bilder/icn_navi_current.gif); }

 #navi_content a:hover,
 #navi_content a:active,
 #navi_content a:focus { color:#FFF; text-decoration:none; outline:0; }

 /* Ebene 2 */

 #navi_content li.main ul { background-color:#7E0009; }
 #navi_content li ul { background-color:#808080; }

 #navi_content li.current li a { padding:1px 0 1px 30px; border-color:#5C5C5E; }
 #navi_content li.current li a:link,
 #navi_content li.current li a:visited { color:#FFF;
   padding-left:38px; background:transparent url(../bilder/icn_subnavi.gif) 27px 5px no-repeat; }

 #navi_content li.current li a:hover,
 #navi_content li.current li a:active,
 #navi_content li.current li a:focus { color:#FF9900; }

 #navi_content li.current li.current a:link,
 #navi_content li.current li.current a:visited { color:#FF9900; background-image:url(../bilder/icn_subnavi_current.gif); }

 #navi_content li.main li a:link,
 #navi_content li.main li a:visited { color:#FFF; border-color:#9E131B; }

 #navi_content li.main li.current a:link,
 #navi_content li.main li.current a:visited,
 #navi_content li.main li a:hover,
 #navi_content li.main li a:active,
 #navi_content li.main li a:focus { color:#FF9900; }

 /* Ebene 3 */

 #navi_content li li ul { padding-bottom:0.5em; border-top:0px solid #8ABEED; }

 #navi_content li.current li.current li a { line-height:1.2em; border:0; }

 #navi_content li.current li.current li a:link,
 #navi_content li.current li.current li a:visited { color:#8ABEED; padding-left:54px;
   background:url(../bilder/icn_subsubnavi_sprite.gif) 45px 7px no-repeat; }

 #navi_content li.current li.current li.current a:link,
 #navi_content li.current li.current li.current a:visited { color:#FFF; }

 #navi_content li.current li.current li a:hover,
 #navi_content li.current li.current li a:active,
 #navi_content li.current li.current li a:focus { background-position:45px -48px; color:#FFF; background-color:#003399; }


  /*-------------------------------------------------------------------------*/

 .col1_box { background:#5C5C5E none; margin-top:4px; padding:9px 0; color:#FFF; }


 .col1_box address { padding:0 9px; margin:0; }
 .col1_box p { clear:both; padding:0 9px; }

 .col1_box h3 { font-size:100%; font-weight:bold; color:#FFF; padding:0 9px 0 9px; }

 .col1_box dl { margin:0 9px; }
 .col1_box dt { clear:both; float:left; width:55px; }
 .col1_box dd { margin:0 0 0 55px; line-height:1.3em; }

 .col1_box-nobg { background:transparent none; padding:0; }

 .col1_box ul { margin:0; padding:0; }
 .col1_box li { margin:0; padding:0; list-style:none; display:inline; }

 .col1_box li a { display:block; background:transparent url(../bilder/icn_navi.gif) 9px 5px no-repeat;
   padding:2px 0 2px 30px; border-bottom:1px solid #C0C0C0; color:#48A1E5; font-weight:bold; }

 .col1_box li a:link,
 .col1_box li a:visited {  }

 .col1_box li a:hover,
 .col1_box li a:active,
 .col1_box li a:focus { color:#000; text-decoration:none; outline:0; }

 .col1_box-programm { margin:0; }
 .col1_box-programm img { display:block; margin:0 auto; }
 .col1_box-programm a span { display:block; font-weight:bold; margin-top:0px; padding:7px 0 2px 30px; border-top:0px solid #FF9900;
   background:#5C5C5E url(../bilder/icn_navi.gif) 11px 9px no-repeat; }

  /*-------------------------------------------------------------------------*/

 .col2_box { margin-bottom:1em; font-size:91.667%; background:#5C5C5E none; }
 .col2_box-bg { background:#FF9900 none; }

 .col2_box h3 { background:#9E131B none; color:#FFF;
   line-height:1.8em; padding:0 10px; margin:0; font-size:109.09%; }

 .col2_box-altheader h3 { background:transparent none; color:#3366CC;
   line-height:1.8em; padding:0 10px; font-weight:bold; margin:0; border-bottom:1px dashed #003399; }


 .col2_box .col2_box-body { margin-top:5px; overflow:hidden; }

 .col2_box p { padding:0 10px; }

 .col2_box-bg p.readmore a { color:#9E131B; background-image:url(../bilder/icn_link_dark.gif); }


 .col2_box dl { margin:0 0 0.5em 0; padding:0; }

 .col2_box dt { margin:0; padding:3px 0; float:right; width:55px; color:#C0C0C0; font-size:125%; }

 .col2_box dd { margin:0; padding:3px 23px; border-bottom:1px dashed #C0C0C0; }
 .col2_box dd a { display:block; background:transparent url(../bilder/icn_link.gif) 0 3px no-repeat; padding-left:15px;
   margin-left:-15px; font-weight:bold; }

 .col2_box ul { margin:0; padding:0; }

 .col2_box li { margin:0; list-style:none; border-bottom:1px solid #888; }

 .col2_box li a { display:block; padding:1px 10px 1px 25px; font-weight:bold; line-height:1.8em;
   background:transparent url(../bilder/icn_link.gif) 10px 5px no-repeat; }

 .col2_box li a span { display:block; font-weight:normal; }

 .col2_list-multiline li a { line-height:1.3em; background-position:10px 3px; padding-top:1px; }

 .col2_box li a:link,
 .col2_box li a:visited { }

 .col2_box li a:hover,
 .col2_box li a:active,
 .col2_box li a:focus { }

 .col2_box-events { background:#5C5C5E none; }

 .col2_box-events li a { line-height:1.3em; padding:3px 10px; }

 .col2_box-events li a span { color:inherit; font-weight:bold; }

 .col2_box-events li a span.event-date { color:#FFF; }

 .col2_box-events li a:link,
 .col2_box-events li a:visited { color:#FF9900; background:transparent none; }

 .col2_box-events li a:hover,
 .col2_box-events li a:active,
 .col2_box-events li a:focus { background-color:transparent; color:#FFF; }

  /*-------------------------------------------------------------------------*/


  #content { overflow:hidden; }

  #col3_breadcrumb { margin:0 0 1em 0; font-size:91.667%; }

  #col3_breadcrumb a { color:#444; font-weight:normal; }

  #col3_breadcrumb a:hover,
  #col3_breadcrumb a:active,
  #col3_breadcrumb a:focus { color:#039; }

  /*-------------------------------------------------------------------------*/

  .news_entry,
  .news_entry-header,
  .news_entry-image { position:relative; }


  .news_entry { background:#5C5C5E none; overflow:hidden;
    margin:0 0 1em 0; height:200px; }

  .news_entry-teaser { height:275px; }

  .news_entry-musik { height:auto; }

  .news_entry-header { background:#404041 none;
    height:auto !important; height:3.75em; min-height:3.75em; }

  .news_entry-header h2,
  .news_entry-header h3 { color:#FF9900; line-height:1.3em; padding:5px 10px; margin:0; font-family:Arial,sans-serif;}

  .news_entry-header h2 { font-size:100%; margin-left:200px; font-weight:bold; }
  .news_entry-header h3 { float:left; width:190px; font-size:100%; font-style:italic; }

  .news_entry-image { float:left; width:200px; }
  .news_entry-image img { display:block; float:left; margin:-20px 0 0 0; }

  .news_entry-body { margin:5px 10px 0 210px; }

  .news_entry-body * { color:#FFF; }

  .news_date { margin:0; font-size:83.33%; }

  .news_entry p.readmore { position:absolute; bottom:5px; right:5px; }
  #news_entry-soldout { bottom: 5px; left: 5px; position: absolute; z-index: 9; }

  /*-------------------------------------------------------------------------*/


  p.readmore { margin:0 0 0.25em 0; font-weight:bold; }
  p.readmore a { color:#FF9900; padding-left:15px;
    background:transparent url(../bilder/icn_readmore.gif) left center no-repeat; }
  p.readmore a:hover,
  p.readmore a:active,
  p.readmore a:focus { color:#000; outline:0; }

  /*-------------------------------------------------------------------------*/

  .content_image { clear:both; display:block; width:auto; }
  .content_image-right { float:right; margin-left:0.5em; }

  .content_image-left { float:left; margin-right:0.5em; }
  .content_image-center { margin:0 auto; width:210px; }
  .content_image-noclear { clear:none; }
  .content_image-doublewidth { width:410px; }

  .content_image-body { background-color:#EBE4D9; border:5px solid #EBE4D9; margin-bottom:0.5em; }
  .content_image-body p { margin:0 0.25em; color:#000; font-size:91.667%;  }

  .content_image-body-center img { display:block; margin:0 auto; }
  .content_image-body-center p { text-align:center; }

  /*-------------------------------------------------------------------------*/

  .content_container { padding:10px 15px; color:#FFF; }
  .content_container-separator { border-top:8px solid #DAD4CA; }
  .content_container-bgcolor { background-color:#DAD4CA; }
  .content_container-full { padding:10px 0; }

  /*-------------------------------------------------------------------------*/

  .content_list { clear:both; display:block; width:auto; margin:0 0 1em 0; }
  .content_list ul { padding:0; margin:0 0 0.5em 0; }
  .content_list li { padding:0; margin:0; list-style:none; }
  .content_list li a { display:block; border-bottom:1px solid #888; padding-left:17px;
   background:transparent url(../bilder/icn_link.gif) 2px 4px no-repeat; height:1%; }

  .content_list li a:hover,
  .content_list li a:active,
  .content_list li a:focus { background-color:#404040; color:#FFF; }

  .content_list li a span { font-weight:normal; }

  /*-------------------------------------------------------------------------*/

  .content_tablist {}
  .content_tablist dl { margin:0 0 0.5em 0; padding:0; }
  .content_tablist dt { float:left; }
  .content_tablist dd { margin:0 0 0 160px; }
  .content_tablist-small dd { margin:0 0 0 75px; }

  /*-------------------------------------------------------------------------*/

  .content-panorama { height:auto; width:100%; overflow:auto; margin-bottom:1em; }
  .content-panorama img { display:block; }

  /*-------------------------------------------------------------------------*/

  h1.event-header { color:#000000; line-height:1em; margin:0 0 0.5em; }
  h1.event-header span { color:#D1C6C3; margin-left:8em; font-size:67.9%; }
  h2.event-header { color:#D1C6C3; margin:-0.8em 0 0.8em 5em; }

  /*-------------------------------------------------------------------------*/

  .content_imglist {}
  .content_imglist div { display:block; width:75px; height:50px; float:left; margin:0 5px 5px 0; overflow:hidden; }
  .content_imglist div img { display:block; }
  .content_imglist div.newline { clear:both; }

  /*-------------------------------------------------------------------------*/

  .kultur-reminder img { display:block; }
  .kultur-reminder a { color:#FFF; }
  .kultur-reminder a:hover { color:#FF9900; }
  .kultur-reminder a span { display:block; background-color:#9F0000; padding:5px; }

  /*-------------------------------------------------------------------------*/

  table.content_table { width:100%; border:0; }

  .content_table th,
  .content_table td { vertical-align:top; padding:0.25em 0.5em; color:#FFF; }

  tbody th:first-child { background:transparent url(../bilder/icn_link.gif) 10px 4px no-repeat; font-weight:normal; padding-left:25px; }

  tbody th { border-bottom: 1px solid #888; text-align: left; }
  tbody td { border-bottom: 1px solid #888; }

  tbody tr:hover td,
  tbody tr:hover th { background-color: #404041; }

  /*-------------------------------------------------------------------------*/

  .content_event-details h1 { margin-bottom:0.2em; }
  .content_event-details h1 span { display:block; color:#D41144; }
  .content_event-details h2 { padding:10px 15px 0; color:#FFF; font-size:100%; font-weight:bold; margin-bottom:1em; }

  /*-------------------------------------------------------------------------*/

  #site_intro { position:absolute; width:990px; height:100%; z-index:10; background-color:#000; }
  #site_intro div { width:640px; height:360px; overflow:hidden; margin:15% auto 0; }
  #site_intro div object { margin-top:-1px; margin-left:-1px; }

  /*-------------------------------------------------------------------------*/

  #footer { clear:none; padding:0 0 0 1em; margin:1em 0 1em 250px; border-top:1px solid #404041; border-left:1px solid #404041;
    background-color:#4C4C4E; }
  #footer p { line-height:2em; font-weight:bold; margin:0; font-size:91.667%; }
  #footer span { border-left:1px solid #8ABEED; padding:0.5em 0 0.5em 1em; margin-left:0.5em; }

  #footer a { background:transparent url(../bilder/icn_link.gif) 0 2px no-repeat; padding-left:15px; margin-left:5px; }

  /*-------------------------------------------------------------------------*/

  a.eventinfo {display:block; width:390px; min-height:18px; margin: 0 0 0 15px; padding:10px 20px 7px 17px; background: #5C5C5E url('/bilder/icn_link.gif') 2px 12px no-repeat; border-bottom: 1px solid #888888; }
  a.eventinfo:hover, a.eventinfo:focus, a.eventinfo:active {background: #6C6C6F url('/bilder/icn_link.gif') 2px 12px no-repeat; }

  .pi_inhalte div, .pi_inhalte div p, .pi_inhalte p {margin: 0 0 0 15px; padding:0 20px 10px 2px; color:white;}
  .pr_downloads { width:426px; margin: 0 0 0 15px; padding:0 0 20px 2px; color:white; border-bottom: 1px solid #888888;}
  .pr_downloads .pr_image { margin-right:5px; }

  #lbCaption a:hover, #lbCaption a:focus, #lbCaption a:active { color:#9E131B;}
}