@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(yaml/slim_base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(content.css);

  body { background:#F3F3F3 none; padding:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:68.75%;
    color: #444; }

  .page_margins { margin:0 auto; width:auto; }

  .page { padding:0; width:900px; margin :0 auto; }

  #page_header,
  #page_footer { width:900px; margin:0 auto; }

  #header { padding:0; margin:0; color:#000; background:transparent none; }

  #header img { margin-bottom:-15px; }


  #page_content { background-color:#E7E7E7; }

  #footer { margin:0 0 0 155px; padding:5px; color:#666; background:transparent; }

  /*-------------------------------------------------------------------------*/

  #header #topnav { position:relative; margin-left:300px; color:#aaa; background:transparent; overflow:hidden; }

  #topnav ul { margin:0; padding:0 75px 0 0; position:relative; float:right; }
  #topnav ul li { margin:0; padding:0; float:left; list-style:none; }

  #topnav ul li a { display:block; width:69px;padding:3px 0 10px 5px;  text-align:left;
    border-left:1px solid #000; color:#000; }

  #topnav ul li a:hover,
  #topnav ul li a:active { text-decoration:none; color:#ED1C23; }

  #topnav ul li.searchform { display:block; width:145px; padding:3px 0 10px 5px; margin:0; text-align:left;
    border-left:1px solid #000; color:#000; }

  #topnav ul li.searchform input#keywords { border:1px solid #D1D2D4; margin:0 0 0 10px; width:95px; }

  /*-------------------------------------------------------------------------*/

  div.navigation ul { margin:0; padding:0; margin-top:25px; }
  div.navigation ul li { margin:0; padding:0; list-style:none; }
  div.navigation ul li a { display:block; width:auto; padding:3px 0 3px 16px; color:#000; text-decoration:none; }

  div.navigation ul li a:link,
  div.navigation ul li a:visited { background:#FFF none; }

  div.navigation ul li a:hover,
  div.navigation ul li a:active { color:#ED1C23; background:#FFF url(../img/icn_navi.gif) 4px 6px no-repeat; }

  div.navigation ul li.current a:link,
  div.navigation ul li.current a:visited { color:#ED1C23; background:#FFF url(../img/icn_navi_active.gif) 4px 6px no-repeat; }


  div.navigation ul li.current ul { margin:0 4px; padding:0; border-top:1px solid #C7C8CA; }
  div.navigation ul li.current ul li { margin:0; padding:0; list-style:none; border-bottom:1px solid #C7C8CA; }
  div.navigation ul li.current ul li a { display:block; width:auto; padding:1px 0 2px 22px; color:#000; text-decoration:none; }

  div.navigation ul li.current ul li a:link,
  div.navigation ul li.current ul li a:visited { color:#000; background:#FFF none; }

  div.navigation ul li.current ul li.current a:link,
  div.navigation ul li.current ul li.current a:visited,
  div.navigation ul li.current ul li a:hover,
  div.navigation ul li.current ul li a:active { color:#ED1C23; background:#FFF url(../img/icn_navi_sub.gif) 11px 5px no-repeat; }


  div.navigation ul li.current ul li.current ul { border:0; }
  div.navigation ul li.current ul li.current ul li { border:0; }

  div.navigation ul li.current ul li.current ul li a { padding:2px 0 3px 19px; line-height:1.2em; }

  div.navigation ul li.current ul li.current ul li a:link,
  div.navigation ul li.current ul li.current ul li a:visited { color:#A0A0A0; background:#FFF none; }

  div.navigation ul li.current ul li.current ul li.current a:link,
  div.navigation ul li.current ul li.current ul li.current a:visited,
  div.navigation ul li.current ul li.current ul li a:hover,
  div.navigation ul li.current ul li.current ul li a:active { color:#000; background:#FFF none; }

  /*-------------------------------------------------------------------------*/

  a { color: #333; background:transparent; text-decoration:none; }

  a:focus,
  a:hover,
  a:active { color:#ED1C23; text-decoration:none; }

  a.intern:link,
  a.intern:visited,
  a.intern:hover,
  a.intern:active { padding-left:13px; background:transparent url(../img/icn_link.gif) 0 3px no-repeat; }

  a.email:link,
  a.email:visited,
  a.email:hover,
  a.email:active { padding-left:13px; background:transparent url(../img/icn_email.gif) 0 3px no-repeat; }

  .grid_red a:focus,
  .grid_red a:hover,
  .grid_red a:active { color:#FFF; text-decoration:underline; }

  h1 { float:left; background-color:#ED1C23; color:#FFF; margin:0; padding:85px 25px 5px 25px;
    font-size:150%; font-weight:normal; width:700px; height:35px; font-family:"Lucida Sans Unicode", sans-serif; }

  h1.index { font-size:150%; width:250px; height:85px; padding:150px 25px 15px 25px; }
  h1.grid_index { font-size:150%; width:400px; height:35px; padding:225px 25px 5px 25px; float:left; }
  h1 span { font-size:83.33%; }
  h2 { font-size:100%; font-weight:bold; padding:8px 8px 0 8px; }
  h2.title { font-size:133.33%; font-weight:bold; padding:8px; }


  h3 { font-size:100%; font-weight:normal; padding:8px; }
  h3.bullet { background:transparent url(../img/icn_bullet.gif) 0px 11px no-repeat; padding:8px 12px 0 12px; font-weight:bold; }
  h3.urgent { font-weight:bold; padding-bottom:0; }
  h3.suche { font-weight:bold; padding-bottom:0; }
  h3 a { color:inherit; }

  p { padding:0 8px; }
  p.bullet_data { padding:0 12px; }
  p.readmore { margin-top:-1em; }

  img { display:block; }
  img.ref_img { cursor:pointer; margin-left:10px; border-left:0; margin-top:10px; }
  img.ref_img_sel { border-left:10px solid #ED1C23; margin-top:10px; }

  img#main_img { position:absolute; z-index:15; }
  img#bg_img { position:absolute; z-index:14; }

  .ref_spacer { height:83px; }

  #main { width:900px; padding:0; margin:0 auto; background:#fff; }

  .navigation { overflow:hidden; width:150px; float:left; }
  .content { overflow:hidden; float:none; }

  .grid_divide { background-color:#F0F0F0; }
  .grid_white { background-color:#FFF; }
  .grid_dark { background-color:#A8A9AC; }
  .grid_gray { background-color:#D3D4D6; }
  .grid_red { background-color:#ED1C23; }
  .grid_red * { color:#FFF; }
  .grid_reset { clear:left; }

  .grid_ref_img { width:83px; float:left; }

  .grid_w1  { width:75px; float:left; }
  .grid_w2  { width:150px; float:left; }
  .grid_w3  { width:225px; float:left; }
  .grid_w4  { width:300px; float:left; }
  .grid_w5  { width:375px; float:left; }
  .grid_w6  { width:450px; float:left; }
  .grid_w7  { width:525px; float:left; }
  .grid_w8  { width:600px; float:left; }
  .grid_w9  { width:675px; float:left; }
  .grid_w10 { width:750px; float:left; }
  .grid_w12 { width:825px; float:left; }
  .grid_w13 { width:900px; float:left; }

  .grid_h05 { height:15px; float:left; }
  .grid_h1-05 { height:110px; float:left; }

  .grid_h1 { height:125px; float:left; }
  .grid_h2 { height:250px; float:left; }
  .grid_h3 { height:375px; float:left; }
  .grid_h4 { height:500px; float:left; }
  .grid_h5 { height:625px; float:left; }

  .grid_border img { border-left:15px solid #ED1C23; margin-left:-15px; }
  .grid_topborder img { border-top:15px solid #ED1C23; margin-top:-15px; }

  #sitemap { clear:both; padding:1em 0 0 8px; }
  #sitemap ul { margin:0; padding:0; }
  #sitemap ul li { line-height:1.3em; margin:0; padding:0; list-style:none; background-image:none; }
  #sitemap ul.lvl0 li.root { line-height:1.3em; margin:0; padding:0 0 0.5em 0; list-style:none; background-image:none; }

  #sitemap ul.lvl0 { margin:0 0 1.5em 0; }
  #sitemap ul.lvl0 li { font-weight:bold; padding-left:1em; background:transparent url(../img/icn_sitemap.gif) 5px 0px no-repeat; }
  #sitemap ul.lvl0 ul.lvl1 { margin-bottom:0.5em; }
  #sitemap ul.lvl0 ul.lvl1 li { font-weight:normal; }

  #kontaktform { clear:both; padding:0 8px; }

  #kontaktform div { margin-top:8px; }
  #kontaktform label { display:block; padding-left:2px; }

  #kontaktform div input { display:block; width:430px; border-bottom:1px solid #A8A9AC; border-left:1px solid #A8A9AC;
    border-top:0; border-right:0; padding:5px 0 1px 2px; }

  #kontaktform div textarea { display:block; width:430px; height:150px; border-bottom:1px solid #A8A9AC; border-left:1px solid #A8A9AC;
    border-top:0; border-right:0; padding:5px 0 1px 2px; }

  #kontaktform div.zipcode div.zip { float:left; margin-top:0; margin-right:12px; }
  #kontaktform div.zipcode div.zip input { width:75px; }

  #kontaktform div.zipcode div.city { margin-top:0;  }
  #kontaktform div.zipcode div.city input { width:340px; }

  #kontaktform div#noSpam { position:absolute; margin-left:-1000em; }

  #kontaktform div input.btn_submit { width:150px; border:0; background-color:#ED1C23; color:#FFF; padding:0;
    float:right; margin-bottom:1em; }

  #stdform { clear:both; padding:8px; }
  #stdform div { margin-top:8px; }

  #stdform div input { display:block; width:430px; border-bottom:1px solid #A8A9AC; border-left:1px solid #A8A9AC;
    border-top:0; border-right:0; padding:5px 0 1px 2px; }

  #stdform div input.btn_submit { width:150px; border:0; background-color:#ED1C23; color:#FFF; padding:0;
    margin-bottom:1em; }


/* import print layout | Druck-Layout einbinden */
/* @import url(yaml/print_draft.css); */


