/*** Global ***/

   *{padding:0;margin:0;}
   html {padding:0px;margin:0;height:100%;bottom:0; }
   body{background: #F3F2EB;color: #666666;font-family: tahoma;font-size:76%;margin: 0px 0px 0px 0px; padding: 0px;text-align:center;}

   a:link            { color: #438BC2;text-decoration: underline; }
   a:visited         { color: #438BC2;text-decoration: underline; }
   a:hover, a:active { color: #E55E78;text-decoration: underline; }

   h1                      { background: url(../images/hbg.gif) no-repeat bottom right;padding:0 0 3px 0;margin:0 0 9px 0;font-size:135%;font-weight:bold;}
   h2 ,h3 ,h4, h5, h6      { padding:0 0 12px 0;font-size:125%;font-weight:bold;}
   .rot                    { color: #DC294C; }
   
   .rot a:link            { color: #DC294C;text-decoration: underline; }
   .rot a:visited       { color: #DC294C;text-decoration: underline; }
   .rot a:hover         { color: #438BC2;text-decoration: underline; }
   .rot a:active        { color: #DC294C;text-decoration: underline; }
   
   
   form                    { display:inline;}
   img                     { border:0;} 

   /*** IE Hack für das Eingabefeld im Header ***/

      * html .input { padding:2px;color: #666666;background: #fff;border-left:1px solid #A6A6A6; border-top:1px solid #A6A6A6;border-right:0;border-bottom:0;width:169px;margin:7px 0 0 9px; }

   /*** /IE Hack für das Eingabefeld im Header ***/

   .input { padding:2px;color: #666666;background: #fff;border-left:1px solid #A6A6A6; border-top:1px solid #A6A6A6;border-right:0;border-bottom:0;width:169px;margin:8px 0 0 9px; }
   .button{ background: url(../images/buttonbg.gif);color: #666666;border:1px solid #A6A6A6;height:21px;}

/*** /Global ***/

/*** Header ***/

   #bg_left  { background: url(../images/a_02.gif);}
   #header   { background: url(../images/a_04.jpg) no-repeat;width:802px;height:91px;text-align:left;margin:0 auto;}
   #bg_right { background: url(../images/a_06.gif) no-repeat top right; }

/*** /Header ***/

/*** Headernavigation ***/

   #bg_headernavi { background: url(../images/a_08.gif) repeat-x top right;height:38px; }
   #navi_content  { background: url(../images/a_12.gif) no-repeat bottom left;width:800px;border-right:1px solid #D1CFCF; border-left:1px solid #D1CFCF;text-align:left;height:41px;margin:0 auto;}

   .headernavi { float:right;list-style-type:none;padding:0;margin:0;}
   .home a:link, .home a:visited         { background: url(../images/home.gif);width:99px; }
   .firma a:link, .firma a:visited       { background: url(../images/firma.gif);width:92px; }
   .projekte a:link, .projekte a:visited { background: url(../images/projekte.gif);width:95px; }
   .service a:link, .service a:visited   { background: url(../images/service.gif);width:95px; }
   .jobs a:link, .jobs a:visited         { background: url(../images/jobs.gif);width:88px;}
   .presse a:link, .presse a:visited     { background: url(../images/presse.gif);width:103px; }

   .home a:link, .home a:visited, .firma a:link, .firma a:visited, .projekte a:link, .projekte a:visited, 
   .service a:link, .service a:visited, .jobs a:link, .jobs a:visited, .presse a:link, .presse a:visited  { display:block;height:38px;padding:0;margin:0;}

   .home a:hover     { background: url(../images/homeh.gif); }
   .firma a:hover    { background: url(../images/firmah.gif); }
   .projekte a:hover { background: url(../images/projekteh.gif); }
   .service a:hover  { background: url(../images/serviceh.gif); }
   .jobs a:hover     { background: url(../images/jobsh.gif); }
   .presse a:hover   { background: url(../images/presseh.gif); }

   .home, .firma, .projekte, .service, .jobs, .presse { float:left; }
   .home span, .firma span, .projekte span, .service span, .jobs span, .presse span{ display:none; }
   
   /*** Aktive Buttons ***/
       .home_active a:link, .home_active a:visited         { background: url(../images/homeh.gif);width:99px; }
       .firma_active a:link, .firma_active a:visited       { background: url(../images/firmah.gif);width:92px; }
       .projekte_active a:link, .projekte_active a:visited { background: url(../images/projekteh.gif);width:95px; }
       .service_active a:link, .service_active a:visited   { background: url(../images/serviceh.gif);width:95px; }
       .jobs_active a:link, .jobs_active a:visited         { background: url(../images/jobsh.gif);width:88px;}
       .presse_active a:link, .presse_active a:visited     { background: url(../images/presseh.gif);width:103px; }

       .home_active a:link, .home_active a:visited, .firma_active a:link, .firma_active a:visited, .projekte_active a:link,
       .projekte_active a:visited, .service_active a:link, .service_active a:visited, .jobs_active a:link, .jobs_active a:visited,
       .presse_active a:link, .presse_active a:visited  { display:block;height:38px;padding:0;margin:0;}

       .home_active a:hover     { background: url(../images/home.gif); }
       .firma_active a:hover    { background: url(../images/firma.gif); }
       .projekte_active a:hover { background: url(../images/projekte.gif); }
       .service_active a:hover  { background: url(../images/service.gif); }
       .jobs_active a:hover     { background: url(../images/jobs.gif); }
       .presse_active a:hover   { background: url(../images/presse.gif); }

       .home_active, .firma_active, .projekte_active, .service_active, .jobs_active, .presse_active { float:left; }
       .home_active span, .firma_active span, .projekte_active span, .service_active span, .jobs_active span, .presse_active span{ display:none; }

   /*** /Aktive Buttons ***/

/*** /Headernavigation ***/

/*** Content ***/

   #content     { background: url(../images/content.gif) repeat-y top left;width:802px;text-align:left;margin:0 auto;}
   #content_end { background: url(../images/content_end.gif) no-repeat bottom right;height:18px;clear:both; }

   #sidebar  { float:left; width:229px; }

      .sub_navi{ list-style-type:none;padding:0;margin:0;}
      .sub_navi_li a:link, .sub_navi_li a:visited{ background: url(../images/sub_navibg.gif);width:204px; }

      .sub_navi_li a:link, .sub_navi_li a:visited  { display:block;height:21px;padding:6px 0 0 25px;margin:0;font-weight:bold;font-size:11px;text-decoration:none;}
      .sub_navi_li a:hover{ background: url(../images/sub_navibgh.gif);text-decoration:underline; }

      /*** Aktive Subnavi ***/

          .sub_navi_li_active a:link, .sub_navi_li_active a:visited{ background: url(../images/sub_navibgh.gif);width:204px; }

          .sub_navi_li_active a:link, .sub_navi_li_active a:visited  { display:block;height:21px;padding:6px 0 0 25px;margin:0;font-weight:bold;font-size:11px;text-decoration:none;}
          .sub_navi_li_active a:hover{ background: url(../images/sub_navibg.gif);text-decoration:underline; }

      /*** /Aktive Subnavi ***/

      * html .link_r   { float:right;margin:1px 14px 0 0; } /*** Mal wieder für den IE ***/
      .link_r          { float:right;margin:1px 28px 0 0; }
      .linkpic1 { background: url(../images/linkpic1.gif) no-repeat 34px 6px;padding: 0 22px 0 0;font-weight:bold; }
      .link_r a:link    { text-decoration:none; }
      .link_r a:visited { text-decoration:none; }
      .link_r a:hover   { text-decoration:underline; }
      
      .box_s       { background: url(../images/box_s.gif);width:229px;height:40px; }
      .box_s p     { padding:20px 0 0 36px;font-weight:bold;color:#438BC2; }
      .box_content { padding:3px 0 0 36px; }
      .box_pic     { padding:3px 0 4px 0; }

   #mainframe{ margin-left:229px }
      #mainframe_content{ padding:22px 34px 10px 22px;text-align:justify; }  
      #mainframe p { padding:0px 0px 12px 0px; }
          .en { background: url(../images/english.gif) no-repeat; }
          .de { background: url(../images/deutsch.gif) no-repeat; }
          *html .en, .de { float:right; padding:0 0 0 26px;height:13px;margin:2px 6px 0 0;font-weight:bold; }/*** Mal wieder für den IE ***/
          .en, .de { float:right; padding:0 0 0 26px;height:13px;margin:2px 12px 0 0;font-weight:bold; }
          .en a:link, .de a:link    { text-decoration:none; }
          .en a:visited, .de a:link { text-decoration:none; }
          .en a:hover, .de a:link   { text-decoration:underline; }

   /*** IE Hack für den 3pixel Bug ***/
 
       * html #sidebar, * html  #footer_left  { margin-right: -3px; }
       * html #mainframe,                     { margin:0 0 0 226px;width: auto;border: 0;padding:0;height: 1%; }
       * html  #footer_main                   { margin:0 0 0 226px;width: auto;border: 0;padding:0; }

   /*** /IE Hack für für den 3pixel Bug ***/

/*** /Content ***/


/*** Footer ***/
    #footer         { background: url(../images/footer_bg.gif);height:59px; }
    #footer_content { background: url(../images/footer_contentbg.gif) repeat-x top left; width:800px;border-right:1px solid #D1CFCF; border-left:1px solid #D1CFCF;text-align:left;height:59px;margin:0 auto}
    #footer_left    { float:left; width:229px;background: url(../images/footer_leftbgnew.gif) no-repeat top left;height:59px; }
        .linkpos_l  { padding:10px 0 0 31px; font-size:10px;}
        .linkpic2   { background: url(../images/linkpic2.gif) no-repeat 0 6px;padding: 0 0 0 6px;font-size:10px;}
    #footer_main    { margin-left:229px;background: url(../images/footer_mainbg.gif) no-repeat top right;height:59px;text-align:left; }
        .linkpos_m  { padding:10px 0 0 16px;}
        .linkpic3   {background: url(../images/linkpic3.gif) no-repeat 0 6px;padding: 0 0 0 12px;font-weight:bold;}
/*** /Footer ***/