@charset "UTF-8";

@import url(/css/yaml/slim_base.css);

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

@import url(/css/slimbox2.css);
@import url(/css/simpleviewer.css);
@import url(/css/forms.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-color:#444; }
  .page { padding:0; background:#444 url(../bilder/header-panorama-01.jpg) top left no-repeat; }

  #header { background-color:#FFAD00; }
  #nav { background-color:#FFAD00; }
  #nav ul { background-color:#FFAD00; }

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

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

  #main { border-color:#888888; padding:8px 0 0 20px; background-color:#444; }

  #main { padding:0; }

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

  #col1 { float:left; width:210px;  margin:0; font-size:91.667%; }
  #col2 { float:right; width:250px;  margin:0; }
  #col3 { width:auto; margin:0 0 0 210px; }
  #col1_content { padding:0 0 20px 0; }
  #col2_content { padding:20px 0px 0 10px; }
  #col3_content { padding:20px 20px 0 40px; }

  #page_0 #col3 { width:auto; margin:0 250px 0 210px; }

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

 .navi_content { padding:10px 0; margin-bottom:4px; background:transparent url(../bilder/col1_navi_bg.jpg) left bottom no-repeat; }
 .navi_content-first { padding:20px 0; }

 .navi_content h3 { font-size:100%; margin-left:9px; color:#FFF; }

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

 .navi_content a { display:block; color:#000; font-weight:bold; padding:2px 0 2px 30px; border-top:1px solid #444; }

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

 .navi_content a:link,
 .navi_content a:visited { color:#000; background:transparent url(../bilder/icn_navi.gif) 9px 4px no-repeat; }

 .navi_content li.current a:link,
 .navi_content li.current a:visited { color:#000; background-color:#FFAD00; background-position:9px -35px; }

 .navi_content a:hover,
 .navi_content a:active,
 .navi_content a:focus { color:#FFF; background-color:#FFAD00; background-position:9px -35px; text-decoration:none; outline:0; }

 /* Ebene 2 */

 .navi_content li ul { background-color:#FF6600; }

 .navi_content li.current li a:link,
 .navi_content li.current li a:visited { color:#000;
   padding-left:38px; background:transparent url(../bilder/icn_subnavi.gif) 27px 4px no-repeat; }

 .navi_content li.current li a:hover,
 .navi_content li.current li a:active,
 .navi_content li.current li a:focus { color:#FFF; background-color:#888; }

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

 /* 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:#FFF; 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:#000; }

 .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:#000; background-color:#FFAD00; }


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

 #navi_addcontent { background:#888 url(../bilder/col1_box_bg.jpg) bottom left no-repeat;
   padding:9px 0; }

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

 #navi_addcontent a { display:block; background:transparent url(../bilder/icn_navi.gif) 9px 4px no-repeat;
   padding:2px 0 2px 30px; border-bottom:1px solid #444; color:#000; font-weight:bold; }

 #navi_addcontent li.current a,
 #navi_addcontent li.current li.current a { color:#5EA1D2; }

 #navi_addcontent a:link,
 #navi_addcontent a:visited {  }

 #navi_addcontent a:hover,
 #navi_addcontent a:active,
 #navi_addcontent a:focus { color:#F0F0F0; background-color:#888; text-decoration:none; outline:0; background-position:9px -35px; }


 #navi_addcontent li ul { background-color:#CFD1D3; }

 #navi_addcontent li.current li a { padding-left:38px;
   background:transparent url(../bilder/icn_subaddnavi.gif) 27px 5px no-repeat; }

 #navi_addcontent li.current li a:link,
 #navi_addcontent li.current li a:visited { color:#003399; }

 #navi_addcontent li.current li.current a:link,
 #navi_addcontent li.current li.current a:visited,
 #navi_addcontent li.current li a:hover,
 #navi_addcontent li.current li a:active,
 #navi_addcontent li.current li a:focus { color:#5EA1D2; }

 #navi_addcontent form { margin:0; padding:8px 0 0 30px; }
 #navi_addcontent form input { border:1px solid #FFF; padding:2px 0 2px; width:150px; color:#000; }

 #navi_addcontent form input:hover,
 #navi_addcontent form input:active,
 #navi_addcontent form input:focus { border-color:#444; }

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

 .col1_box { background:#888 url(../bilder/col1_box_bg.jpg) bottom left no-repeat; margin-top:4px; padding:9px 0; color:#F0F0F0; }

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

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

 .col1_box dl { margin:0 9px; }
 .col1_box dt { clear:both; float:left; width:55px; line-height:1.3em; }
 .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 #003399; 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; background-color:#EEEFEF; text-decoration:none; outline:0; }

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

 .col2_box { margin-bottom:1em; font-size:91.667%; }
 .col2_box-bg { background:#888 url(../bilder/col1_box_bg.jpg) bottom right no-repeat; }

 .col2_box h3 { background:#FFAD00 url(../bilder/col2_header_bg.jpg) bottom right no-repeat; color:#000;
   line-height:1.8em; padding:0 10px; font-weight:bold; margin:0; font-size:83.33%; }

 .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 p { padding:0 10px; }

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

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

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

 .col2_box dd a:hover,
 .col2_box dd a:active,
 .col2_box dd a:focus { background-position:2px -57px;  }

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

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


 .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 7px no-repeat; }

 .col2_box li a span { display:block; color:#F0F0F0; 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 { background-position:10px -56px; }

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

  #content { overflow:hidden; }

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

  #col3_breadcrumb a { color:#F0F0F0; font-weight:normal; padding:0; background:transparent none; }

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

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

  .teaser_entry,
  .teaser_entry-header,
  .teaser_entry-image,
  .teaser_entry-body { position:relative; }

  .teaser_entry { background:#888 url(../bilder/news_entry-body-bg.jpg) bottom right no-repeat; overflow:hidden;
    margin:0 0 1em 0; }

  .teaser_entry-header { background:#FFAD00 url(../bilder/news_entry-header-bg.jpg) bottom right no-repeat;
    height:auto !important; height:3.75em; min-height:3.75em; }

  .teaser_entry-header h2,
  .teaser_entry-header h3 { color:#000; padding:5px 10px; margin:0; }

  .teaser_entry-header h2 { font-size:100%; line-height:1.5em; margin-left:200px; font-weight:bold; }
  .teaser_entry-header h3 { float:left; width:190px; font-size:100%; font-style:italic; line-height:1.2em; }

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

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

  .teaser_date { margin:0; }

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

  p.readmore { margin:0; font-weight:bold; }

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

  .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 a { padding:0; background:transparent none !important; }

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

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

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

  .content_clear { clear:both; }
  .content_align-right { float:right; margin:0 0 0.5em 0.5em; }
  .content_align-left { float:left; margin:0 0.5em 0.5em 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 dashed #FFAD00; padding-left:17px; line-height:1.3em;
   background:transparent url(../bilder/icn_link.gif) 2px 2px no-repeat; }
  .content_list li a { display:block; border-bottom:1px solid #999999; padding-left:17px; padding-top:2px; padding-bottom:2px;
   line-height:1.3em; background:transparent url(../bilder/icn_link.gif) 2px 2px no-repeat; }



  .content_list li a:hover,
  .content_list li a:active,
  .content_list li a:focus { background-position:2px -57px; background-color:#7E7E80; }

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

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

  .content_hlist { clear:both; display:block; width:auto; margin:0 0 1em 0; }
  .content_hlist h3,
  .content_hlist h4 { margin:0; }

  .content_hlist ul { padding:0; margin:0 0 0.5em 0; overflow:hidden; }
  .content_hlist li { padding:0; margin:0 0.5em 0 0; list-style:none; float:left; }
  .content_hlist li a { background:transparent none; padding:0; }

  .content_hlist li a:hover,
  .content_hlist li a:active,
  .content_hlist li a:focus { background-color:#EEE; }

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

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

  .content_linklist { clear:both; display:block; width:auto; margin:0 0 1em 0; }
  .content_linklist dl { padding:0; margin:0; }
  .content_linklist dt { margin-top:1em; }
  .content_linklist dt a { display:block; height:1%; }
  .content_linklist dd { padding:0; margin:0; }

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

  .content_topiclist dl { margin:0 0 1.5em 0; padding:0; }

  .content_topiclist dt { margin:0; padding:3px; float:left; width:55px; color:#FFAE00; font-size:125%; }

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

  .content_topiclist dd a:hover,
  .content_topiclist dd a:active,
  .content_topiclist dd a:focus { background-position:0 -56px; }

  .content_topiclist-form dd { position:relative; }
  .content_topiclist-form dd input { position:absolute; left:20px; top:5px; }

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

  .content_userlist { margin:0 0 1em 0; }

  .content_userlist-entry { width:160px; height:240px; float:left; }
  .content_userlist-clear { clear:left; }

  .content_userlist-body { padding:0.5em; }

  .content_userlist-image { width:160px; height:160px; overflow:hidden; background-color:#888; }
  .content_userlist-image img { display:block; }

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

  .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_box { background:#888888; width:49%; margin-bottom:2%; }
  .content_box h2 { color:#000; background:#FFAD00 url("../bilder/news_entry-header-bg.jpg") right bottom no-repeat;  padding:0.25em 0.5em; }
  .content_box-body { padding:0.5em; }

  .content_box-left { float:left; margin-right:0.5%; }
  .content_box-right { float:right; margin-left:0.5%; }

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

  .content_container { background:#6E6E70 none; padding:10px; margin:0 0 1em; }
  .content_container-transparent { background:transparent none; }

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

  .content_gallery-image a { padding:0; background-image:none; }
  #content_gallery-flash { margin-bottom:1em; width:335px; height:343px; }

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

  .content_imglist { display:block; overflow:hidden; margin-bottom:2em; }
  * html .content_imglist { overflow:visible; padding-bottom:1em;  }
  .content_imglist div { display:block; float:left; margin-left:5px; width:150px; }
  .content_imglist div.first { margin-left:0; }
  .content_imglist div a { display:block; width:135px; height:90px; }
  .content_imglist div.reset { float:none; clear:both; font-size:0; line-height:0; padding:3px 0; }

  .content_imglist div p { font-size:91.667%; color:#FFF; padding:2px 3px; margin:0; line-height:1.2em;
   background:#6E6E70 none; }


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

  #content_map { width:auto; height:338px; }

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

  .content_gmaps-info p { color:#000; }
  .content_gmaps-info p * { color:#000; }

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

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

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

  #footer a { background-position:0 1px; }

  #footer a:hover,
  #footer a:active,
  #footer a:focus { background-position:0px -58px; }

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

  #facebook div.fbDarkWidget {border-style: 0;}