/**
 * "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(yaml/base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(basemod.css);
@import url(content.css);

/* import print layout | Druck-Layout einbinden */
/* @import url(yaml/print_draft.css); */

  /* Weiß auslaufender Hintergrund; Abstände zum Anzeigerand minimieren */
  body { background: #FFFFFF url('../img/site_background.jpg') top left repeat-x; padding:0; }

  /* Schatten der linken Seite einfügen */
  #page_margins { background: #FFFFFF url('../img/page_shadow_left.jpg') top left no-repeat; }
  /* Schatten der rechten Seite einfügen */
  #page { margin-left:10px; padding:0 10px 10px 0; background: #FFFFFF url('../img/page_shadow_right.jpg') top right no-repeat; }

  /* Hintergrundbild in den Header einfügen inkl. diverser Anpassungen */
  #header { padding:0; height:167px; background: #FFFFFF url('../img/site_header.jpg') top left no-repeat; }
  /* Hintergrundlogo positionieren */
  #header #logo { position:absolute; right:30px; top:25px; font-size:200%; }


  /*
   *  Navigationsspalte / Menüspalte
   */
  #col1_content { padding-right:0; }

  #col1_content p { font-size:90%; }

  /* Navigation / Menü */
  #mainNavi { margin:0; padding:0; list-style:none; }
  /*
  #mainNavi li { margin:0; padding:0; margin-right:15px; }
  #mainNavi li a { display:block; width:auto; color:#666666; padding:6px 10px 6px 15px; border-top:1px solid #D5DFE8;
                   background:#FFFFFF url('../img/link_icon.gif') 0px 0.7em no-repeat; }
  */

  #mainNavi li { margin:0; padding:0; margin-right:15px; color:#666666; border-top:1px solid #D5DFE8; }

  #mainNavi li a:link,
  #mainNavi li a:visited { display:block; width:auto; padding:0px 5px 0px 10px; text-transform:uppercase; color:#6A8D36; font-weight:900;
                           background:#FFFFFF url('../img/link_icon.gif') 0px 0.25em no-repeat; text-decoration:none; }

  #mainNavi li a:hover,
  #mainNavi li a:active,
  #mainNavi li a:focus  { display:block; width:auto; padding:0px 5px 0px 10px; text-transform:uppercase; color:#000000;
                          background:#F0F0F0 url('../img/link_icon.gif') 0px 0.25em no-repeat; text-decoration:none; }


  #mainNavi li ul { width:auto; margin:0; padding:0; list-style:none; }
  #mainNavi li li { margin-right:0; color:#666666; border:0; }
  #mainNavi li li a:link,
  #mainNavi li li a:visited { display:block; padding-right:0; width:auto; background-image:none; color:#7EA940; text-transform:none; font-weight:normal;}
  #mainNavi li li a:hover,
  #mainNavi li li a:active,
  #mainNavi li li a:focus { display:block; padding-right:0; width:auto; background-image:none; text-transform:none; }

/*
  #subNavi { margin:0; padding:0; border:0; list-style:none; }
  #subNavi li { margin:0; padding:0; border:0; width:auto; color:#666666;  }
  #subNavi li a { margin:0;  border:0; text-transform:none; padding:0px 0px 0px 15px; background:#FFFFFF; font-size:90%; }
  #subNavi li a:link,
  #subNavi li a:visited { background-color:#FFFFFF; text-decoration:none; }
  #subNavi li a:hover,
  #subNavi li a:active,
  #subNavi li a:focus { color:#000000; background-color:#F0F0F0; text-decoration:none; }
*/

  #col1_content img#logoWohnen { margin:1em 0; }


  #col1_content a.impressum:link,
  #col1_content a.impressum:visited
  { font-weight:bold; padding-right:10px; background:url('../img/link_icon.gif') 100% 0.25em no-repeat; }

  #col1_content a.impressum:active,
  #col1_content a.impressum:hover,
  #col1_content a.impressum:focus
  { color:#000000; font-weight:bold; padding-right:10px; background:#F0F0F0 url('../img/link_icon.gif') 100% 0.25em no-repeat;
    text-decoration:none; }

  /*
   *  Inhaltsspalte / Content
   */

  #col3 { border-left: 1px #D5DFE8 solid; }
  #col3_content h1 { color:#7EA940; }
  #col3_content p  { color:#666666; }
  #col3_content p.readmore { margin-top:-1em; }

  #col3_content a,
  #col3_content a:link,
  #col3_content a:visited
  { font-weight:bold; padding-right:10px; background:url('../img/link_icon.gif') 100% 0.25em no-repeat; }


  #col3_content a:hover,
  #col3_content a:active,
  #col3_content a:focus
  { color:#000000; font-weight:bold; padding-right:10px; background:#F0F0F0 url('../img/link_icon.gif') 100% 0.25em no-repeat;
    text-decoration:none; }

  #col3_content a #noicon,
  #col3_content a #noicon:link,
  #col3_content a #noicon:visited
  { font-weight:bold; padding-right:10px; background:url('../img/link_icon.gif') 100% 0.25em no-repeat; }


  #col3_content a #noicon:hover,
  #col3_content a #noicon:active,
  #col3_content a #noicon:focus
  { color:#000000; font-weight:bold; padding-right:10px; background:#F0F0F0 url('../img/link_icon.gif') 100% 0.25em no-repeat;
    text-decoration:none; }


  /* Subcolumns in Inhaltsspalte anpassen*/
  #col3_content #col3_maincols { border-bottom:1px solid #D5DFE8; padding-bottom:1em; margin-bottom:1em; }
  #col3_content #col3_maincols .subcolumns { margin-bottom:1.5em; }

  #col3_content #col3_maincols #col3_subcl { width:65%; }
  #col3_content #col3_maincols #col3_subcr { width:35%; border-left:1px solid #D5DFE8; }


  /*
  #col3_content #col3_maincols #col3_subcr h1 { padding-bottom:0.3em; border-bottom:1px solid #D5DFE8; }
  #col3_content #col3_maincols #col3_subcr h2 { font-size:100%; font-weight:bold; color:#000000; }
  */

  /* Anpassen der Partnerspalte unter Inhalt*/
  #col3_partner { padding-left:25px; }

  #col3_partner .c33l { width:30%; }
  #col3_partner .c33r { width:39%; }

  #col3_partner a { display:block; width:173px; height:55px; }

  #col3_partner a#linkkreuztal:link,
  #col3_partner a#linkkreuztal:visited
  { background:transparent url('../img/col3/logo_kreuztal.gif') 0px 0px no-repeat; }

  #col3_partner a#linkkreuztal:hover,
  #col3_partner a#linkkreuztal:focus,
  #col3_partner a#linkkreuztal:active
  { background:transparent url('../img/col3/logo_kreuztal.gif') 0px -56px no-repeat; }


  #col3_partner a#linkawo { display:block; width:43px; height:34px; float:left; }
  #col3_partner a#linkawo:link,
  #col3_partner a#linkawo:visited
  { background:transparent url('../img/col3/logo_awo.gif') 0px 0px no-repeat; }

  #col3_partner a#linkawo:hover,
  #col3_partner a#linkawo:focus,
  #col3_partner a#linkawo:active
  { background:transparent url('../img/col3/logo_awo.gif') 0px -34px no-repeat; }


  #col3_partner a#linkleg { display:block; width:100px; height:34px; float:left; }
  #col3_partner a#linkleg:link,
  #col3_partner a#linkleg:visited
  { background:transparent url('../img/col3/logo_leg.gif') 0px 0px no-repeat; }

  #col3_partner a#linkleg:hover,
  #col3_partner a#linkleg:focus,
  #col3_partner a#linkleg:active
  { background:transparent url('../img/col3/logo_leg.gif') 0px -34px no-repeat; }


  #col3_partner a#linknrw { display:block; width:190px; height:35px; }
  #col3_partner a#linknrw:link,
  #col3_partner a#linknrw:visited
  { background:transparent url('../img/col3/logo_nrw.gif') 0px 0px no-repeat; }

  #col3_partner a#linknrw:hover,
  #col3_partner a#linknrw:focus,
  #col3_partner a#linknrw:active
  { background:transparent url('../img/col3/logo_nrw.gif') 0px -37px no-repeat; }

  #col3_partner a#linkbmfsfj { display:block; width:166px; height:60px; }
  #col3_partner a#linkbmfsfj:link,
  #col3_partner a#linkbmfsfj:visited
  { background:transparent url('../img/col3/logo_bmffsfuj.gif') 0px 0px no-repeat; }

  #col3_partner a#linkbmfsfj:hover,
  #col3_partner a#linkbmfsfj:focus,
  #col3_partner a#linkbmfsfj:active
   { background:transparent url('../img/col3/logo_bmffsfuj.gif') 0px -63px no-repeat; }

  form.standardform div { display:block; clear:both; margin-bottom:0.2em; }
  form.standardform label { display:block; width:10em; float:left; margin-bottom:0.2em; }
  form.standardform div.radio_right label { width:5em; margin-left:10em; }
  form.standardform div.radio_right label { display:block; clear:both; margin-bottom:0.2em; }
  form.standardform div.radio_right input { width:auto; float:left; margin-bottom:0.2em; }
  form.standardform input.btn_submit { width:auto; margin-top:1em; }
  form.standardform input { width:15em; }
  form.standardform select { width:15em; }
  form.standardform textarea { width:25em; height:15em; }
  form.standardform div.nofloat label { display:block; width:auto; float:none; }
  form.standardform div.nofloat input,
  form.standardform div.nofloat select,
  form.standardform div.nofloat textarea { margin-left:10em; }
  form.standardform div.loesung label { display:block; width:auto; float:none; }
  form.standardform div.loesung input { margin-left:0; }