@charset "UTF-8";

@import url(yaml/slim_base.css);

@import url(site_plain.css);
@import url(content.css);

@import url(slimbox2.css);
@import url(forms.css);
@import url(print_draft.css);
@import url(jquery.ui.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
{
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  .c20l, .c20r { width:20%; }
  .c80l, .c80r { width:80%; }

  .c20l, .c80l { float:left; }
  .c20r, .c80r { float:right; }

  /*-------------------------------------------------------------------------*/

  #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,
  #page_104 #col3 { width:auto; margin:0 250px 0 210px; }

  /*-------------------------------------------------------------------------*/

 #navi_content { padding:20px 0; background:#003399 url(../bilder/col1_navi_bg.jpg) bottom left no-repeat; }

 #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:#8ABEED; font-weight:bold; padding:2px 0 2px 30px; border-top:1px solid #8ABEED; }

 #navi_content .first a { border-top:0; }

 #navi_content a:link,
 #navi_content a:visited { background:transparent url(../bilder/icn_navi.gif) 9px 5px no-repeat; }

 #navi_content li.current a:link,
 #navi_content li.current a:visited { color:#FFF; background-image:url(../bilder/icn_navi_current.gif); }

 #navi_content a:hover,
 #navi_content a:active,
 #navi_content a:focus { color:#FFF; background-color:#039; text-decoration:none; outline:0; }

 /* Ebene 2 */

 #navi_content li ul { background-color:#17265D; }

 #navi_content li.current li a:link,
 #navi_content li.current li a:visited { color:#8ABEED;
   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:#FFF; background-color:#003399; }

 #navi_content li.current li.current a:link,
 #navi_content li.current li.current a:visited { color:#FFF; 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:#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; }


  /*-------------------------------------------------------------------------*/

 #navi_addcontent { background:#EEEFEF url(../bilder/col1_box_bg.jpg) bottom left no-repeat; margin-top:4px;
   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_addnavi.gif) 9px 5px no-repeat;
   padding:2px 0 2px 30px; border-bottom:1px solid #BDD4DC; color:#003399; 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:#5EA1D2; background-color:#EEEFEF; text-decoration:none; outline:0; }



 #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:#003399; }

 #navi_addcontent form input:hover,
 #navi_addcontent form input:active,
 #navi_addcontent form input:focus { border-color:#003399; }

  /*-------------------------------------------------------------------------*/

 .col1_box { background:#EEEFEF url(../bilder/col1_box_bg.jpg) bottom left no-repeat; margin-top:4px; padding:9px 0; }


 .col1_box address { padding:0 9px; margin:0; }
 .col1_box p { clear:both; padding:0 9px; }

 .col1_box h3 { font-weight:bold; 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 #003399; color:#48A1E5; font-weight:bold; }
*/
 .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; background-color:#EEEFEF; text-decoration:none; outline:0; }

  /*-------------------------------------------------------------------------*/

 .col2_box { margin-bottom:1em; font-size:91.667%; }
 .col2_box-bg { background:#EEEFEF url(../bilder/col1_box_bg.jpg) bottom right no-repeat; }

 .col2_box h3 { background:#003399 url(../bilder/col2_header_bg.jpg) bottom right no-repeat; 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 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:#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 #C0C0C0; }


 .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:#000; 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-color:#EDEEEE; }

  /*-------------------------------------------------------------------------*/

  #content { overflow:hidden; }

  #col3_breadcrumb { margin:0 0 1em 0; font-size:91.667%; }

  #col3_breadcrumb a { color:#444; font-weight:normal; padding:0; background:transparent none; }

  #col3_breadcrumb a:hover,
  #col3_breadcrumb a:active,
  #col3_breadcrumb a:focus { color:#039; }

  /*-------------------------------------------------------------------------*/

  .news_entry,
  .news_entry-header,
  .news_entry-image,
  .news_entry-body { position:relative; }


  .news_entry { background:#EDEEEE url(../bilder/news_entry-body-bg.jpg) bottom right no-repeat; overflow:hidden;
    margin:0 0 1em 0; }

  .news_entry-header { background:#003399 url(../bilder/news_entry-header-bg.jpg) bottom right no-repeat;
    height:auto !important; height:3.75em; min-height:3.75em; }

  .news_entry-header h2,
  .news_entry-header h3 { color:#FFF; padding:5px 10px; margin:0; }

  .news_entry-header h2 { font-size:100%; line-height:1.5em; margin-left:200px; font-weight:bold; }
  .news_entry-header h3 { float:left; width:190px; font-size:100%; font-style:italic; line-height:1.2em; }

  .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_date { margin:0; font-size:83.33%; }

  /*-------------------------------------------------------------------------*/

  p.readmore { margin:0; font-weight:bold; }
  p.readmore a { padding-left:15px; background:transparent url(../bilder/icn_link.gif) 0 2px no-repeat; }

  /*-------------------------------------------------------------------------*/

  #geografie_flaechen { position:relative; margin:0 0 1em 0; }
  #geografie_flaechen div { clear:both; height:1%; }
  #geografie_flaechen div h4 { float:left; width:165px; }
  #geografie_flaechen div span { display:block; float:left; width:75px; text-align:right; }

  /*-------------------------------------------------------------------------*/

  #geografie_laengen { position:relative; margin:0 0 1em 0; }
  #geografie_laengen div { clear:both; height:1%; }
  #geografie_laengen div h4 { float:left; width:195px; }
  #geografie_laengen div span { display:block; float:left; width:75px; text-align:right; }

  /*-------------------------------------------------------------------------*/

  #einwohner_religion { position:relative; margin:0 0 1em 0; }
  #einwohner_religion div { clear:both; height:1%; }
  #einwohner_religion div h4 { float:left; width:125px; }
  #einwohner_religion div span { display:block; float:left; width:55px; text-align:right; }

  /*-------------------------------------------------------------------------*/

  #einwohner_auslaenderanteil { position:relative; margin:0 0 1em 0; }
  #einwohner_auslaenderanteil div { clear:both; height:1%; }
  #einwohner_auslaenderanteil div h4 { float:left; width:125px; }
  #einwohner_auslaenderanteil div span { display:block; float:left; width:55px; text-align:right; }

  /*-------------------------------------------------------------------------*/

  #wirtschaft_betriebe { position:relative; margin:0 0 1em 0; }
  #wirtschaft_betriebe div { clear:both; height:1%; }
  #wirtschaft_betriebe div h4 { float:left; width:185px; }
  #wirtschaft_betriebe div span { display:block; float:left; width:55px; text-align:right; }

  /*-------------------------------------------------------------------------*/

  .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:#EEEFEF; border:5px solid #EEEFEF; 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_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 #8ABEED; padding-left:17px;
   background:transparent url(../bilder/icn_link.gif) 2px 4px no-repeat; }

  .content_list-bold li a { font-weight:bold; }

  .content_list li a:hover,
  .content_list li a:active,
  .content_list li a:focus { background-color:#EEE; }

  .content_list li a span { font-weight:normal; }

  .content_list-category h2 { border-bottom:2px solid #003399; font-size:100%; font-weight:bold; color:#000; }

  /*-------------------------------------------------------------------------*/

  .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 dd a { padding:0; background:transparent none; }

   /*-------------------------------------------------------------------------*/

  .content_topiclist dl { margin:0 0 0.5em 0; padding:0; }

  .content_topiclist dt { margin:0; padding:3px; float:left; width:55px; color:#B0B0B0; font-size:125%; }

  .content_topiclist dd { margin:0; padding:3px 23px 3px 75px; border-bottom:1px dashed #003399; }
  .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; }

  .content_topiclist dd.event_bibliothek a { color:#EB7507; }
  .content_topiclist dd.event_feuerwehr a { color:#509ED2; }
  .content_topiclist dd.event_kultur a { color:#9E131B; }
  .content_topiclist dd.event_jugend a { color:#F7B916; }
  .content_topiclist dd.event_familie a { color:#96BD11; }

  .content_topiclist dd.event_bibliothek a:hover,
  .content_topiclist dd.event_bibliothek a:active,

  .content_topiclist dd.event_feuerwehr a:hover,
  .content_topiclist dd.event_feuerwehr a:active,

  .content_topiclist dd.event_kultur a:hover,
  .content_topiclist dd.event_kultur a:active,

  .content_topiclist dd.event_jugend a:hover,
  .content_topiclist dd.event_jugend a:active,

  .content_topiclist dd.event_familie a:hover,
  .content_topiclist dd.event_familie a:active { color:#000; }

  /*-------------------------------------------------------------------------*/

  .content_deflist dd { margin-bottom:0; }
  /*-------------------------------------------------------------------------*/

  .content-2col { margin-left:140px; height:1%; }

  /*-------------------------------------------------------------------------*/

  .content_gbook-entry { border-bottom:1px solid #003399; margin-bottom:2em; }
  .content_gbook-comment { border-left:1px solid #003399; }
  .content_gbook-comment h4 { font-style:normal; font-weight:bold; margin:0; color:#000; }

  .content_gbook-author h5 { font-size:91.667%; font-style:normal; font-weight:bold; margin:0; }
  .content_gbook-author p { line-height:1.2em; }
  .content_gbook-author cite { font-style:normal; color:#3366CC; }
  .content_gbook-author cite a { font-weight:normal; }
  .content_gbook-author p span { font-size:91.667%; }

  /*-------------------------------------------------------------------------*/

  .content_languages { }
  .content_languages ul { margin:0 0 1em 0; padding:0; }
  .content_languages li { display:inline; padding:0; margin:0; list-style:none; }
  .content_languages li a { background:transparent none; padding:0; margin:0; }

  /*-------------------------------------------------------------------------*/

  .content_skip {}
  .content_skip ul { margin-left:0; padding-left:0; }
  .content_skip li { margin:0; padding:0; list-style:none; }
  .content_skip-prev { float:left; }
  .content_skip-next { float:right; }

  /*-------------------------------------------------------------------------*/

  .event_date span { font-weight:normal; font-size:100%; }

  /*-------------------------------------------------------------------------*/

  .content_photolist { }
  #col3_content .content_photolist-main a,
  #col3_content .content_photolist-entry a { padding:0; background:transparent none; }

  #col3_content .content_photolist-entry a {  display:block; height:105px; overflow:hidden; }

  .content_photolist-main { width:496px; height:auto; background-color:#EEEFEF; }
  .content_photolist-main p { padding:0 3px; }

  .content_photolist-list { float:right; width:200px; }

  .content_photolist-clear { clear:both; }
  .content_photolist-entry { width:160px; height:auto; background-color:#EEEFEF; margin:0 8px 8px 0; float:left; }
  .content_photolist-immo { width:150px; }
  .content_photolist-entry p { padding:0 3px; font-size:91.667%; }


  /*-------------------------------------------------------------------------*/

  .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 #8ABEED; border-left:1px solid #8ABEED; }
  #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; }

  /*-------------------------------------------------------------------------*/



}
