/*  #####################################################
**  Domain:    www.aschau.de
**  Datei:     CONT_header.css
**  Funktion:  Detail Layout Websiteheader

**  Erstellt:  24.02.2009
**  Media:     screen, projection

**  Autor:     Axel Güldner
**  copyright: infomax websolutions GmbH
##################################################### */

/*  =========================================================

1. Metanavigation
2. Keyvisualbereich

========================================================== */

@media screen
{
  /*  =========================================================
   =1. Metanavigation
 	  (Navigationsleiste über Keyvisual incl. Sprachmenu)
  ========================================================= */

  #CONT_header .metanavi{
    height:2em;
    text-align:right;
    position:relative;
    overflow:hidden;
  }
  #CONT_header .metanavi a{ font-size:.9em; margin:0 0 0 1em; padding:.4em 0 .4em 0; display:block; float:right;}

  #CONT_header div.lang{
    margin:0 0 0 1em;
    border:1px #F6F6F6 solid;
    float:right;
    height:auto;
    overflow:hidden;
    padding:.3em 2.4em .2em .4em;
    position:absolute;
    right:0;
    z-index:10;
    width:7em;
    background:white url(../../../img/objects/btn_pulldown.gif) 7.8em .2em no-repeat;
    cursor:pointer;
  }
  #CONT_header div.langactive{ background-image:url(../../../img/objects/btn_pullup.gif);}
  #CONT_header div.lang span{ font-size:.9em;}
  #CONT_header ul.lang{ display:none; float:right; margin:.5em .4em 0 0;}
  #CONT_header ul.lang li{ display:block; list-style:none; text-align:right; clear:both;}
  #CONT_header ul.lang li a{ font-size:.9em; margin:0; padding:.3em 0 .3em 0; display:block; float:right; padding-right:2em; background:transparent url(../../../img/objects/ico_flags.gif) no-repeat;}
  #CONT_header ul.lang li .de{ background-position:right 5px;}
  #CONT_header ul.lang li .en{ background-position:right -8px;}
  #CONT_header ul.lang li .fr{ background-position:right -21px;}
  #CONT_header ul.lang li .it{ background-position:right -34px;}



  /*  =========================================================
   =2. Keyvisualbereich
 	  (incl. Logo, Suchfeld und Hauptnavigation)
  ========================================================= */

  #CONT_header #keyvisual{ width:100%; height:22em; position:relative; z-index:1;}
  #CONT_header #keyvisual #keyvisualbg{ position:absolute; top:0; left:0;}
  #CONT_header #keyvisual #keyvisuallogo{ position:absolute; top:7em; left:0;}
  #CONT_header #keyvisual #keyvisualwappen{ position:absolute; top:5.5em; left:20.5em;}
  #CONT_header #keyvisual #keyvisualform{ position:absolute; top:15.5em; left:0;}
  #CONT_header #keyvisual #keyvisualform input{ width:25em;}
  #CONT_header #keyvisual #keyvisualform a.arrow{ margin:0 0 0 1.5em;}
  #CONT_header #keyvisual #keyvisualform p{ font-size:.9em; clear:both; margin:.25em 0 0 0;}
  #CONT_header #keyvisual #keyvisualform p a{ color:#CC0000;}
  #CONT_header #keyvisual #keyvisualform p a:focus, #CONT_header #keyvisual #keyvisualform p a:active, #CONT_header #keyvisual #keyvisualform p a:hover{ text-decoration:underline;}

  #CONT_header #keyvisual #mainnavi{ position:absolute; top:21em; left:0;}
  #CONT_header #keyvisual #mainnavi li{ list-style:none; float:left; margin:0 3em 0 0;}

}