@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(slimbox2.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:#E90101 url(../bilder/body_bg.jpg) 20px 100px no-repeat; }
  .page_margins { background:transparent; }

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

  #nav { }
  #nav ul { }

  #nav a { }
  #nav a span { }

  #nav li.current a:link,
  #nav li.current a:visited { border-color:#509ED2; background-color:#509ED2; background-position:-500px 0; color:#FFF; }

  #main { border-color:#0034A0; padding:0 0 0 20px; font-size:91.667%; font-family:Verdana,Arial,sans-serif;
    background:transparent; }

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

  #col1 { float:left; width:200px;  margin:0; }
  #col2 { float:right; width:200px;  margin:0; }
  #col3 { width:auto; margin:0 200px 0 200px; }
  #col1_content { padding:0 20px 0 0; }
  #col2_content { padding:0; }
  #col3_content { margin-top:77px; padding:0px; background-color:#FFF; }

  #col3_content .content { padding:0 2%; }

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

  #navi_content { border-top:20px solid #0034A0; padding-bottom:40px;
    background:transparent url(../bilder/navi_bottom.gif) bottom left no-repeat; }
  #navi_content ul { background-color:#0034A0; margin:0; padding:0 0 1.5em 0; }

  #navi_content li { position:relative; display:inline; list-style:none; margin:0; }

  #navi_content li.addlogo { background-color:#FFFFFF; }
  #navi_content li.addlogo img { position:absolute; right:0; margin-top:20px; }

  #navi_content li a { display:block; height:auto; padding:4px 0 4px 20px; font-weight:bold;
    background: #0034A0 url(../bilder/icn_navi.gif) left center no-repeat;
    line-height:1em; color:#FFF; }

  #navi_content li a:link,
  #navi_content li a:visited
  { text-decoration: none; }

  #navi_content li a:hover,
  #navi_content li a:active,
  #navi_content li a:focus
  { color:#B60000; }

  #navi_content li.highlight a:link,
  #navi_content li.highlight a:visited
  { color:#FFEE00; }
  #navi_content li.highlight a:hover,
  #navi_content li.highlight a:active,
  #navi_content li.highlight a:focus
  { color:#B60000; }


  #navi_content li.current
  { position:relative; display:block; }

  #navi_content li.current a { color:#77AAFF; }

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

  #col2_newsletter img { display:block; }
  /*-------------------------------------------------------------------------*/

 .col2_box-top { padding-top:50px; margin-top:74px;
   background:transparent url(../bilder/col2_top.gif) top left no-repeat; }

 .col2_box { padding-bottom:1em; background-color:#0034A0; }

 .col2_box-head { padding:8px; }
 .col2_box-head h3 { color:#77AAFF; margin:0; font-size:100%; line-height:1.3em; }

 .col2_box-body { padding:8px; }

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

 .col2_box li { margin:0 0 0.5em 0; list-style:none; line-height:1.2em; }

 .col2_box li span { display:block; color:#FFF; font-weight:normal; }

 .col2_box li.has_images a { padding-left:20px;
   background:transparent url(../bilder/icn_photo.gif) 0px 1px no-repeat; }

 .col2_box-list li { margin:0; }
 .col2_box-list li a { display:block; height:auto; padding:4px 0 4px 20px; font-weight:bold;
    background: #0034A0 url(../bilder/icn_navi.gif) left center no-repeat;
    line-height:1em; color:#FFF; }
 .col2_box-list li.current a { color:#77AAFF; }

 .col2_box a { font-weight:bold; color:#FFF; }

 .col2_box a:link,
 .col2_box a:visited { color:#FFF; }

 .col2_box a:hover,
 .col2_box a:active,
 .col2_box a:focus { color:#B60000; }

 .col2_box p.readmore a { display:block; padding-left:20px;
   background:transparent url(../bilder/icn_navi.gif) left center no-repeat; }

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

  #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; }

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

  .event_preview-entry { margin:0 0 8px 0; }

  .event_preview-head { background-color:#000; }
  .event_preview-head h2 { margin:0; font-size:236.36% }

  .event_preview-head a { display:block; font-family:Impact,Tahoma,Geneva,sans-serif; font-weight:normal;
    color:#FF9900; line-height:1em; letter-spacing:-1px; padding:20px 0 10px 10px;
    background:transparent url(../bilder/event_readmore.gif) top right no-repeat; }

  .event_preview-head h3 { border-left:320px solid #000; line-height:1.5em; color:#FFF;
    background-color:#9F0000; padding-left:8px; margin:0; font-size:109.09%; }

  .event_preview-body { overflow:hidden; padding-top:8px; background-color:#F0EDE8; }

  .event_preview-image { width:320px; float:left; margin:-8px 8px 0 0; }
  .event_preview-image img { display:block; }

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

  .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_gallery { margin:0 0 1em 0; }
  .content_gallery-item { margin:0 0 0.5em 0; }

  #img_desc { display:none; position:absolute; background-color:#E90101; border:1px solid #FFFFFF; color:#FFFFFF; height:auto; padding:5px;
  width:300px; }


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

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

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

  .content_list ul { margin:0; padding:0 0 1.5em 0; }

  .content_list li { position:relative; display:inline; list-style:none; margin:0; }

  .content_list li.addlogo { background-color:#FFFFFF; }
  .content_list li.addlogo img { position:absolute; right:0; margin-top:20px; }

  .content_list li a { display:block; height:auto; padding:4px 0 4px 18px; font-weight:bold;
    background: transparent url(../bilder/icn_list.gif) left center no-repeat;
    line-height:1em; }

  .content_list li a:link,
  .content_list li a:visited
  { text-decoration: none; }

  .content_list li a:hover,
  .content_list li a:active,
  .content_list li a:focus
  { color:#B60000; }

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

  .content_entrylist ul { margin:0; padding:0 0 1.5em 0; }

  .content_entrylist li {list-style-image:url(../bilder/icn_entrylist.gif);
    margin:0 0 0.5em 1.5em; padding:0; }

  .content_entrylist li span { display:block; }
  .content_entrylist li a { font-weight:bold; }

  .content_entrylist li.has_images a { padding-right:20px;
    background:transparent url(../bilder/icn_photo.gif) top right no-repeat; }

  .content_entrylist li a:link,
  .content_entrylist li a:visited
  { text-decoration: none; }

  .content_entrylist li a:hover,
  .content_entrylist li a:active,
  .content_entrylist li a:focus
  { color:#B60000; }

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

  #footer { margin:20px 0 0 370px; border-top:1px dashed #9F0000; padding-left:55px; }

  #footer a { display:block; width:auto; float:left; height:auto; padding:5px 12px;
    text-align:center; text-transform:uppercase; line-height:1em; font-weight:bold;
    text-decoration: none; background-color:#FFFFFF; }

  #footer a:link,
  #footer a:visited { color:#5F5848; }

  #footer a:hover,
  #footer a:active,
  #footer a:focus { color:#FF7E2C; background-color:#F0EDE8; }

  /*-------------------------------------------------------------------------*/
}