/*########################################################################*/
/*                                                                        */
/*  Homepage reck-kollegen.de  2007                                   */
/*  Programm by: Andreas Gonell  mail@surium.de                           */
/*                                                                        */
/*  *id = "$Id:  $" */
/*                                                                        */
/*########################################################################*/



  /*  formulare  */


  /* IDs */


  /* HEAD */
  
  #head_pos {
    height:124px;
    /*width:885px;*/
    /*border:1px solid black;*/
  }
  #titel_logo_pos {
    min-width:999px;  /* 1000 */
  }
  #kap_titel_pos {
    float:left;
    width:400px;
    height:106px;
    /*border:1px solid black;*/
  }
  #logo_pos {
    width:367px;
    padding-top:30px;
    /*border:1px solid black;*/
  }
  
  #head_grafik_o_pos, #head_grafik_o1_pos, #head_grafik_o2_pos, #head_grafik_o2_pos_li, #head_grafik_o2_pos_re,
  #head_grafik_u_pos, #head_grafik_u_pos_li, #head_grafik_u_pos_re {
    height:8px;
    font-size:1px;
    line-height:1px;
  }
  #head_grafik_o_pos {
  }
  #head_grafik_o1_pos {
    float:left;
    /*width:367px;*/
  }
  #head_grafik_o2_pos {
    float:right;
    width:367px;
  }
  #head_grafik_o2_pos_li {
    float:left;
    width:280px;
    background-color:#575656;    /* dkl grau */
  }
  #head_grafik_o2_pos_re {
    float:right;
    width:85px;
    background-color:#151A62;    /* dkl blau */
  }
  #head_grafik_u_pos {
    width:400px;
  }
  #head_grafik_u_pos_li {
    float:left;
    width:318px;
    background-color:#575656;    /* dkl grau */
  }
  #head_grafik_u_pos_re {
    float:right;
    width:80px;
    background-color:#151A62;    /* dkl blau */
  }



  /* navi */

  #cl_back {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:980px;
    height:500px;
    visibility:hidden;
    /*border:1px solid black;*/
  }

  #hn_pos {
    min-width:999px;     /* 1000 */
    /*width:1000px;*/
    height:25px;
    background-color:#5F87B7;    /* hell blau */
  }
  #hn_pos_li {
    float:left;
    width:800px;  /* 800 */
  }
  #hn_pos_re {
    float:right;
    width:134px;     /* 135 */
  }

  #hn_pos_out_1, #hn_pos_over_1,
  #hn_pos_out_2, #hn_pos_over_2,
  #hn_pos_out_3, #hn_pos_over_3,
  #hn_pos_out_4, #hn_pos_over_4,
  #hn_pos_out_5, #hn_pos_over_5
  {
    position:absolute;
    top:124px;     /* 128 */
    /*width:135px;
    height:21px;*/
    z-index:1;
  }
  #hn_pos_out_1, #hn_pos_over_1, #un_pos_1 {
    left:77px;
  }
  #hn_pos_out_2, #hn_pos_over_2, #un_pos_2 {
    left:212px;
  }
  #hn_pos_out_3, #hn_pos_over_3, #un_pos_3 {
    left:347px;
  }
  #hn_pos_out_4, #hn_pos_over_4, #un_pos_4 {
    left:482px;
  }
  #hn_pos_out_5, #hn_pos_over_5, #un_pos_5 {
    left:617px;
  }
  
  .hn_item {
    display:block;
    width:135px;
    height:21px;
    padding-top:4px;
  }
  .hn_item_over, .navi_impressum_over {
    background-color:#ECECEC;
  }
  .navi_impressum {
    display:block;
    width:134px;     /* 135 */
    padding-top:7px;
    font-size:10px;
    height:18px;
  }

  #un_pos_1, #un_pos_2, #un_pos_3, #un_pos_4, #un_pos_5 {
    position:absolute;
    top:145px;     /* 146 */
    visibility:hidden;
    z-index:1;
    /*border:1px solid black;*/
    padding-top:9px;
  }
  #un_pos_1 {
    width:135px;
  }
  #un_pos_2 {
    width:270px;
  }
  #un_pos_3 {
    width:270px;
  }
  #un_pos_4 {
    width:135px;
  }
  #un_pos_5 {
    width:270px;
  }
  
  .un_hg {
    background-color:#ECECEC;   /* hell grau  */
    padding-left:12px;
    padding-top:6px;
    padding-right:6px;
    /*padding-bottom:6px;*/
  }
  .un_item {
    line-height:16px;
    display:block;
    padding-bottom:8px;
  }

  #navi_grafik, #navi_grafik_li, #navi_grafik_re {
    line-height:0px;
    font-size:0px;
  }
  #navi_grafik {
    min-width:999px;  /* 1000 */
    /*width:1000px;*/
  }
  #navi_grafik_li {
    float:left;
    width:242px;         /* 212 */
    background-color:#151A62;    /* dkl blau */
    height:12px;
  }
  #navi_grafik_re {
    float:right;
    width:463px;
    background-color:#575656;    /* dkl grau */
    height:16px;
  }

  .a_hn, .a_hn:hover, .a_hn_mo, .a_hn_mo:hover, .a_hn_aktiv, .a_hn_aktiv:hover {
    font-size:14px;
    text-decoration:none;
    cursor:pointer;
    /*font-weight:bold;*/
  }
  .a_hn {
    color:white;           /* weiss */
  }
  .a_hn_mo {
    color:#151A62;         /* dkl blau */
  }
  .a_hn_aktiv, .a_hn_aktiv:hover, .a_hn:hover, .a_hn_mo:hover {
    color:#151A62;         /* dkl blau */
    font-weight:bold;
  }

  .a_imp {
    color:white;
    font-size:10px;
    text-decoration:none;
    /*font-weight:bold;*/
    cursor:pointer;
  }
  .a_imp_aktiv, .a_imp_aktiv:hover, .a_imp:hover {
    color:#151A62;         /* dkl blau */
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
  }

  .a_un {
    color:black;
    font-size:12px;
    text-decoration:none;
    cursor:pointer;
  }
  .a_un_aktiv, .a_un_aktiv:hover, .a_un:hover {
    color:#151A62;         /* dkl blau */
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
  }




  /* INHALT */


  #um_cont_pos {
    margin-left:42px;
    margin-top:100px;
  }
  #cont_pos {
    width:840px;
    /*border:1px solid black;*/
  }

  #cont_li_pos {
    float:left;
    width:225px;
    min-height:214px;
    /*background-color:#D39915;*/
    margin-top:5px;
    /*border:1px solid black;*/
  }
  #cont_li_bild {
  }
  #cont_li_text {
  }
  #cont_re_pos {
    float:right;
    width:585px;
    /*border:1px solid black;*/
  }
  
  .cont_titel {   /* siehe h1 */
  }
  .cont_text {
  }

  /* team  und jobs */
  .team_bild_text_pos {
    width:570px;      /* 720    550 + 150 (+ 20 luft) */
  }
  .team_bild_pos {
    width:150px;
  }
  .team_text_pos {
    width:410px;         /* 550 */
  }
  .team_tel_pos {
    width:180px;        /* 250 */
  }
  .team_email_pos {
    width:230px;        /* 300 */
  }

  /* liste */
  



  /*   kontakt    */


  /* anfahrtsplan */
  


  /*   FOOT   */

  #footer {
    margin-left:37px;
    clear:both;
    width:850px;
  }
  #footer_top {
    height:26px;  /* 32 */
    font-size:1px;
  }
  #foot_li {
    float:left;
    width:272px;
    text-align:center;
    /*border:1px solid black;*/
  }
  #foot_re {
    float:right;
    width:495px;
    /*border:1px solid black;*/
  }







