@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(/css/yaml/slim_base.css);

@import url(/css/yaml/slim_print_base.css);
/* import screen layout | Screen-Layout einbinden */

@import url(content.css);
@import url(shadowbox.css);
@import url(forms.css);

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

  body { background:#D4E5F3 url(../img/background.jpg) left top no-repeat fixed; padding: 10px 0; color:#000; }

  .page_margins { margin:25px 0 0 0; width:1000px; background-color:#D4E5F3; }

  .page { padding:0; }
  #main { margin:0; }
  #footer { padding:10px 20px; color:#666; }


  #header { height:60px; color:#000; background:#fff; }
  #header img { position:absolute; display:block; }

  #topnav { background:transparent; overflow:hidden; }

  #topnav ul { margin:0; padding:0; }
  #topnav ul li { margin:0 10px 0 0; padding:0; list-style:none; float:left; }

  #topnav ul li a { font-size:91.667%; text-decoration:none; }

  #topnav ul li a:link,
  #topnav ul li a:visited { color:#000; }

  #topnav ul li a:hover,
  #topnav ul li a:active { color:#EB690A; }

  /* Navigation -------------------------------------------------------------------------*/

  #nav { position:relative; margin:10px 0px 9px 210px; clear:none; background:transparent none; }

  #nav ul { overflow:hidden; padding:0; margin:0; }
  #nav ul li { margin:0 0 0 10px; padding:0; list-style:none; float:left; }
  #nav ul li#nav_pos1 { margin:0; }

  #nav ul li a { display:block; width:122px; padding:8px 0; text-align:center; font-weight:bold; text-decoration:none; color:#FFF; }

  #nav ul li a:link,
  #nav ul li a:visited { background-position:0 0; background-repeat:repeat-x; color:#FFF; }

  #nav ul li.current a:link,
  #nav ul li.current a:visited { background-position:0 -70px; background-repeat:repeat-x; color:#D0D0D0; color:white; font-weight:bold;  }

  #nav ul li a:hover,
  #nav ul li a:active { background-position:0 -35px; background-repeat:repeat-x; }

  #nav ul li#nav_pos1 a { background-image:url(../img/navi_pos1.png); }
  #nav ul li#nav_pos2 a { background-image:url(../img/navi_pos2.png); }
  #nav ul li#nav_pos3 a { background-image:url(../img/navi_pos3.png); }
  #nav ul li#nav_pos4 a { background-image:url(../img/navi_pos4.png); }
  #nav ul li#nav_pos5 a { background-image:url(../img/navi_pos5.png); }
  #nav ul li#nav_pos6 a { background-image:url(../img/navi_pos6.png); }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float:left; width:210px; margin:0; }
  #col2 { float:right; width:215px; margin:0 0 0 0; padding-top:15px; }
  #col3 { width:auto; margin:0 215px 0 210px; padding-top:15px; }
  #col1_content { padding:0 10px 0 0; }
  #col2_content { padding:0; margin:0 8px 0 10px; background:#0A659E url(../img/search_box_background.jpg) right top no-repeat; }
  #col3_content { padding:0 13px; background:#FFF; position:relative; height:1%; }

  /* Navigation -------------------------------------------------------------------------*/

  #col1_content div#left_navi_top
  { margin-top:15px; padding:10px 0; background:#0A659E url(../img/left_navi_background.jpg) left bottom no-repeat; }

  /* untere Navileiste */
  #col1_content div#left_navi_bottom { margin-top:15px; padding:10px 0;
    background:#0A659E url(../img/left_navi_background_light.jpg) left bottom no-repeat; }

  /* 1. Ebene */

  div.left_navi ul { margin:0; padding:0; background:transparent url(../img/navi_separator.gif) left top repeat-x; }
  div.left_navi ul li { margin:0; padding:0 0 1px 0; list-style:none;
    background:transparent url(../img/navi_separator.gif) left bottom repeat-x; }
  div.left_navi ul li a { display:block; width:175px; padding:7px 0 7px 25px; color:#FFF; text-decoration:none;
    background:transparent; font-weight:bold; line-height:1.2em; }

  div.left_navi ul li a:link,
  div.left_navi ul li a:visited { color:#FFF; }

  div.left_navi ul li a:hover,
  div.left_navi ul li a:active,
  div.left_navi ul li.current a:hover,
  div.left_navi ul li.current a:active { color:#D0D0D0; text-decoration:none; }

  /* Zwischen-Ebene */

  div.left_navi ul ul { margin:0; padding:0; background:none; display:none; }

  div.left_navi ul li ul li { margin:0; padding:0 0 1px 0; list-style:none; background:none; }
  div.left_navi ul li ul li a { display:block; width:160px; padding:1px 0 1px 40px; color:#FFF; text-decoration:none;
    background:transparent; font-weight:bold; line-height:1.2em; position:relative; }

  div.left_navi ul li ul li a span { font-size:125%; font-weight:normal; position:absolute; top:0; left:27px; }

  div.left_navi ul li ul li a:link,
  div.left_navi ul li ul li a:visited { color:#FFF; }

  div.left_navi ul li ul li a:hover,
  div.left_navi ul li ul li a:active,
  div.left_navi ul li.current ul li a:hover,
  div.left_navi ul li.current ul li a:active { color:#D0D0D0; }

  /* Inhalts Ebene (2. oder 3.) */
  div.left_navi ul ul.no_sub { margin:0; padding:5px 0 10px 0; display:none;
    background:#0E6CA9 url(../img/left_navi_sub_background.jpg) top left no-repeat; }

  div.left_navi ul ul.no_sub li { padding:0; background:none; }
  div.left_navi ul li ul.no_sub li a { display:block; padding:0 0 0 10px; margin:0 0 0 30px; color:#FFF; text-decoration:none;
    background:none; font-weight:normal; font-size:91.667%; line-height:1.2em; width:140px; }
  div.left_navi ul li ul.no_sub li a span { font-size:118.18%; position:absolute; left:0px; top:-2px; }

  div.left_navi ul li ul li ul.no_sub li a { padding:0 0 0 20px; }
  div.left_navi ul li ul li ul.no_sub li a span { font-size:118.18%; position:absolute; left:8px; top:-2px; }

  div.left_navi ul li.current ul.no_sub li a:link,
  div.left_navi ul li.current ul.no_sub li a:visited { color:#FFF; }

  div.left_navi ul li.current ul.no_sub li.current a:link,
  div.left_navi ul li.current ul.no_sub li.current a:visited,
  div.left_navi ul li.current ul.no_sub li a:hover,
  div.left_navi ul li.current ul.no_sub li a:active { color:#D0D0D0; }

  #col1_content address { font-style:normal; padding:15px 25px; }
  #col1_content address p { font-size:91.66%; line-height:1.3em; }

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

  /* rechte Spalte - oben */

  #col2_content #search_box { position:relative; padding:15px 0 25px 25px;
    background:url(../img/right_box_top.gif) bottom left no-repeat; }

  /* Suche */
  #search_box form { overflow:hidden; }
  #search_box label { display:block; color:#FFF; padding-bottom:2px; cursor:pointer; }
  #search_box input#keywords { float:left; border:0; width:150px; padding-bottom:2px; }
  #search_box input.btn_submit { float:left; border:0; text-indent:10em; width:17px; height:17px;
    background:transparent url(../img/icn_search.gif) top left no-repeat; }

  /* Dropdowns */
  #search_box h4 { clear:both; margin:8px 0 3px 0; font-size:100%; color:#FFF; }

  #search_box ul#ul_dropdown_1 { z-index:35; }
  #search_box ul#ul_dropdown_2 { z-index:25; }

  #search_box ul.ul_dropdown { margin:0; padding:0; }
  #search_box ul.ul_dropdown li { width:167px; height:17px; margin:0; padding:0; list-style:none;
    background:#FFF url(../img/icn_dropdown.gif) right top no-repeat; line-height:1.3em; }
  #search_box ul.ul_dropdown li span { display:block; padding-left:2px; }

  #search_box ul.ul_dropdown li ul { display:block; width:100%; padding:0; margin:0;
    position:absolute; left:-999em; }
  #search_box ul.ul_dropdown li:hover { background-color:#D4E5F3; }
  #search_box ul.ul_dropdown li:hover ul { left:auto; }

  #search_box ul.ul_dropdown li ul li { height:auto; padding:0 0 1px 0; line-height:1.2em;
    background:#D4E5F3 url(../img/navi_separator.gif) left bottom repeat-x; }

  #search_box ul.ul_dropdown li ul li a { display:block; width:157px; font-size:91.667%; text-decoration:none;
    padding:5px 5px; }
  #search_box ul.ul_dropdown li ul li a:link,
  #search_box ul.ul_dropdown li ul li a:visited { background-color:#D4E5F3; color:#000; }
  #search_box ul.ul_dropdown li ul li a:hover,
  #search_box ul.ul_dropdown li ul li a:active { background-color:#FFFFFF; color:#EB690A; }

  /* rechte Spalte - unten */

  #col2_content #right_box { padding:0 0 10px 0;
    background:#FFF url(../img/right_box_bottom.gif) bottom left no-repeat; }

  #right_box h3 { font-size:100%; font-weight:bold; color:#1081C6; padding-left:25px; padding-top:10px; }

  #right_box ul { margin:0; padding:0; }
  #right_box ul li { margin:0; padding:5px 5px 5px 10px; list-style:none; line-height:1.2em;
    background:#FFF; }

  #right_box ul li a { display:block; font-size:91.667%; padding:0 0 0 15px; text-decoration:none;
    background:#FFF url(../img/icn_link_col2.gif) left top no-repeat; }

  #right_box ul li a:link,
  #right_box ul li a:visited { color:#000; }

  #right_box ul li a:hover,
  #right_box ul li a:active { color:#EB690A; }

  #right_box ul li.last {background-image:none; }

  #right_box ul li.last a { background:transparent url(../img/icn_link.gif) left top no-repeat; font-weight:bold; }

  #right_box ul li.last a:link,
  #right_box ul li.last a:visited { color:#1081C6;}

  #right_box ul li.last a:hover,
  #right_box ul li.last a:active { color:#EB690A; }

  #right_box div.separator { height:1px; font-size:1px; line-height:1px;
    background:#FFFFFF url(../img/navi_separator.gif) repeat-x scroll left bottom; }

  #col2_content p { font-size:91.667%; padding:0 15px 0 25px; line-height:1.2em; }

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

  #col3_content #nav_history { overflow:hidden; width:auto; padding:15px 0 10px 0; }

  #col3_content #nav_history span,
  #col3_content #nav_history a { font-size:91.667%; padding:0; text-decoration:none; background:none; }

  #col3_content #nav_history a:link,
  #col3_content #nav_history a:visited { color:#000; }

  #col3_content #nav_history a:hover,
  #col3_content #nav_history a:active { color:#EB690A; }


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

  #col3_content h1 { font-size: 233.33%; }
  #col3_content h2 { font-size: 150%; color:#7C4786; }
  #col3_content h2 span { display:block; font-size: 77.778%; color:#7C4786; }
  #col3_content h3 { font-size: 100%; font-weight:bold; color:#7C4786; }
/*  #col3_content h3 { font-size: 100%; font-weight:bold; color:#8ABADC; }*/
  #col3_content h4 { font-size: 100%; font-weight:bold; color:#000000; }

  #col3_content div.separator { clear:both; display:block; margin:0 0 0.75em 0; padding:1px 0;
    background:#FFF url(../img/navi_separator.gif) bottom left repeat-x; }

  #col3_content a { text-decoration:none; padding:0 0 0 13px; background:transparent url(../img/icn_link.gif) left top no-repeat; }
  #col3_content a.anchor { padding:0; background:none; }
  #col3_content a:link,
  #col3_content a:visited { color:#7C4786; }

  #col3_content a:hover,
  #col3_content a:active { color:#EB690A; }

  #col3_content a.content_link { text-decoration:none; padding:0; background:none; }

  #col3_content #link_karte_soziale_dienste { color:#FF0000; text-decoration:none; font-weight:bold; padding:2px 0 2px 20px; background:transparent url(../img/icn_link_zoom.gif) left top no-repeat; }
  #col3_content #link_karte_jugendhilfe { color:#769F1F; text-decoration:none; font-weight:bold; padding:2px 0 2px 20px; background:transparent url(../img/icn_link_zoom.gif) left top no-repeat; }
  #col3_content #link_karte_stationaere_pflege { color:#AA0033; text-decoration:none; font-weight:bold; padding:2px 0 2px 20px; background:transparent url(../img/icn_link_zoom.gif) left top no-repeat; }
  #col3_content #link_karte_ambulante_pflege { color:#3491CC; text-decoration:none; font-weight:bold; padding:2px 0 2px 20px; background:transparent url(../img/icn_link_zoom.gif) left top no-repeat; }
  #col3_content #link_karte_krankenhaeuser { color:#EB690A; text-decoration:none; font-weight:bold; padding:2px 0 2px 20px; background:transparent url(../img/icn_link_zoom.gif) left top no-repeat; }
  #col3_content #link_karte_behindertenhilfe { color:#9455A0; text-decoration:none; font-weight:bold; padding:2px 0 2px 20px; background:transparent url(../img/icn_link_zoom.gif) left top no-repeat; }


  #col3_content p { line-height:1.3em; }
  #col3_content p.readmore { margin:-0.75em 0 1em 0; }

  ul.col3_list,
  ul#col3_list { margin:0 0 1.5em 0; padding:0; }

  ul.col3_list li,
  ul#col3_list li { margin:0; padding:0; list-style:none;
   background:#FFFFFF url(../img/navi_separator.gif) left bottom repeat-x; }

  #col3_content div.img_middle,
  #col3_content div.img_middle { display:block; margin:5px 0; width:525px; }

  #col3_content div.img_right,
  #col3_content div.img_left { width:245px; }
  #col3_content div.img_right_small,
  #col3_content div.img_left_small { width:120px; }

  #col3_content div.img_right_small,
  #col3_content div.img_right { float:right; margin:0 0 5px 5px; }
  #col3_content div.img_left_small,
  #col3_content div.img_left { float:left; margin:0 5px 5px 0; }

  #col3_content div.img_right img,
  #col3_content div.img_left img { display:block; }

  #col3_content div.img_right,
  #col3_content div.img_left,
  #col3_content div.img_middle,
  #col3_content div.img_right_small,
  #col3_content div.img_left_small { clear:both;}

  #col3_content div.img_right p,
  #col3_content div.img_left p { font-size:91.667%; padding:5px 5px 15px 5px;
    background:#D4E5F3 url(../img/img_box_corner.gif) right bottom no-repeat; }

  #col3_content div.img_middle a,
  #col3_content div.img_right_small a,
  #col3_content div.img_left_small a,
  #col3_content div.img_right a,
  #col3_content div.img_left a,
  #col3_content div.imglist a { padding:0; background:none; }

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

  #col3_content div.imglist div p { font-size:83.33%; color:#000; padding:2px 3px; margin:0; line-height:1.2em;
   background:#D4E5F3 url(../img/img_box_corner.gif) right bottom no-repeat;}

  #col3_content .ansprechpartner .separator { margin:0.75em 0; }

  #google_map { width:528px;height:340px; margin-bottom:1em; }
  #google_map a { padding:0; background-image:none; }

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

  #col3_content .ansprechpartner-entry h3 { font-size:116.67%; font-weight:bold; }
  #col3_content .ansprechpartner-entry h3 span { display:block; font-size:85.71.%; font-weight:normal; }
  #col3_content .ansprechpartner-entry h4 { font-size:100%; color:#7C4786; }

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

  #col3_content .expand_content,
  #col3_content .reduce_content { cursor:pointer; }

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

  #col3_content_index a { text-decoration:none; padding:0 0 0 13px; background:transparent url(../img/icn_link_col2.gif) left top no-repeat; }

  #col3_content_index a:link,
  #col3_content_index a:visited { color:#EB690A; }

  #col3_content_index a:hover,
  #col3_content_index a:active { color:#000000; }

  #col3_content_index {  }
  #col3_content_index h2 { color:#FFF; }
  #col3_content_index h3 { text-align:right; color:#FFF; font-weight:normal; padding:2px 4px; background-color:#4083BA; }
  #col3_content_index h3 { text-align:right; color:#FFF; font-weight:normal; padding:2px 4px; background: url(../img/idx_newsblock.jpg) left top no-repeat; }

  #col3_content_index p { color:#FFF; }

  #col3_content_index div.index_news { padding:0 0 0 0; margin:0 0 1em 0; overflow:hidden;
    background:#00569F url(../img/index_box_bottom_right.jpg) right bottom no-repeat; }

  #col3_content_index div.news_image { float:left; width:145px; margin-top:0.7em; }
  #col3_content_index div.news_image a { background:none; padding:0; }
  #col3_content_index div.news_image img { display:block; }
  #col3_content_index div.news_content { width:auto; margin:0 0 0 140px; padding:5px 5px 0 10px; }

  #index_teaser div.index_news { height:220px; height:auto !important; min-height:220px; padding:0; }
  #index_teaser div.news_image { float:left; width:350px; margin:0; }
  #index_teaser div.news_image img { display:block; }
  #index_teaser div.news_image a { display:block; width:350px; height:220px; }
  #index_teaser div.news_content { width:auto; margin:0 0 0 350px; padding:5px 5px 0 10px; }
  #index_teaser h3 { text-align:left; color:#FFF; font-weight:bold; padding:0; background-color:transparent; background:transparent; }

  #index_teaser #news_switch { display:none; position:absolute; left:330px; z-index:100; margin:0; padding:0; }
  #index_teaser #news_switch li { margin:0; padding:0; list-style:none; }
  #index_teaser #news_switch a { display:block; width:20px; height:20px; padding:0; text-align:center; color:#FFF; }

  #index_teaser #news_switch a:link,
  #index_teaser #news_switch a:visited { background:transparent url(../img/icn_news_teaser.png) 0px 0px no-repeat; }

  #index_teaser #news_switch a.current:link,
  #index_teaser #news_switch a.current:visited,
  #index_teaser #news_switch a:hover,
  #index_teaser #news_switch a:active,
  #index_teaser #news_switch a:focus { background:transparent url(../img/icn_news_teaser.png) 0px -20px no-repeat; }


  #index_shortcuts { margin:0 0 1em 0; background:#00569F url(../img/index_box_bottom_right.jpg) right bottom no-repeat; }
  #index_shortcuts h2 { color:#000000; font-size:100%; font-weight:bold; padding:0; margin:0; background-color:#4096D1; }
  /*
  #index_shortcuts h2 a { display:block; padding:4px 13px 4px 5px;
    background:transparent url(../img/icn_link_index.gif) right center  no-repeat; }
  */
  #index_shortcuts h2 a { display:block; padding:0; background:none; }
  #index_shortcuts h2 a span { font-size:100%; padding:4px 13px 4px 5px; color:#FFF;
    background: url(../img/idx_teaserblock.jpg) left top no-repeat; }
  #index_shortcuts a:link,
  #index_shortcuts a:visited { color:#FFF; }
  #index_shortcuts a:hover,
  #index_shortcuts a:active,
  #index_shortcuts a:hover span,
  #index_shortcuts a:active span { color:#D0D0D0; }

  #index_shortcuts img { display:block; }

  #index_shortcuts .shortcut { float:left; width:143px; height:auto !important; height:225px; min-height:225px;
    border-right:1px solid #D4E5F3; }
  #index_shortcuts .last { border-right:0; }

  #index_shortcuts p { padding:5px; }

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

  #footer { padding-left:220px; }

  #footer a:link,
  #footer a:visited { color:#EB690A; text-decoration:none; }

  #footer a:hover,
  #footer a:active { color:#000000; text-decoration:none; }

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

  .yform { width:95%; }
  .columnar .type-text label,
  .columnar .type-select label { width:70%; }
  .columnar div.type-text input,
  .columnar div.type-text textarea { width:80% }
  .columnar div.type-select select { width:82% }


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

  #karte_container { position:relative; }
  #karte_container p { position:absolute; right:20px; top:0; }