/******************************************************************************
 *                                                                    2009-02 *
 * Project | Phonak 2009                                                      *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *                                                                            *
 * Package | Screen                                                           *
 ******************************************************************************/

@import url(screen_nav.css);
@import url(screen_content.css);
@import url(screen_marginal.css);
@import url(screen_home.css);
@import url(screen_header_visual.css);

/********************************** general ***********************************/

body {
  font: normal 70%/1.3em Arial, Helvetica, sans-serif !important;
  color: #2b4558;
  background: #dfe9f1 url(../img/bg.gif) repeat-x;
  margin: 0;
  padding: 0;
}

div, p, ul, ol, form, input, select, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: #2b4558;
}

img {
  border: 0;
}

a {
  text-decoration: none; font-weight: bold; color: #1ea2d8;
}

a:hover {
  color: #23b3ee;
}

:focus {
  outline: none;
}

textarea {
  resize: none;
}

div#wrapper_content {
  width: 998px;
  margin: 0 auto;
  text-align: left;
  padding: 0 0 23px 0;
  background: url(../img/bg.main.png) repeat-y;
  position: relative;
}

* html div#wrapper_content {  /* IE 6 */
  background: url(../img/bg.main.gif) repeat-y;
}

div.clear {
  clear: both !important;
  height: 1px !important;
  padding: 0 !important;
  font-size: 1px !important;
  line-height: 1px !important;
  float: none !important;
  border: none !important;
  background: none !important;
}

/*********************************** header ***********************************/

div#header_content {
  height: 250px;
  position: relative;
  margin: 0 0 38px 9px;
}

div#header_content a#home {
  position: absolute;
  top: 77px;
  left: 221px;
  text-decoration: none;
  color: #fff;
  font-size: 1.1em;
  background: url(../img/return.png) no-repeat;
  padding: 1px 0 0 22px;
  font-weight: normal;
}

div#header_content a#home:hover {
  background: url(../img/return.hover.png) no-repeat;
  color: #23b3ee;

}

* html div#header_content a#home,
* html div#header_content a#home:hover {
  background: none; /* IE 6 */
}

div#header_content div#nav {
  position: absolute;
  left: 15px;
  bottom: 0;
  height: 151px;
  width: 520px;
  background-color: #fff;
  z-index: 100;
}

div#header_content div#nav img {
  float: left;
}

div#header_content div#nav ul {
  float: left;
  list-style-type: none;
  margin: 14px 0 0 13px;
}

div#header_content div#nav ul li {
  padding-bottom: 8px;
  overflow: hidden;
  height: 1%;
}

div#header_content div#nav ul li strong {
  margin: 0;
  padding: 0;
}

* html div#header_content div#nav ul li strong,
*+html div#header_content div#nav ul li strong {
  float: left;
  margin-bottom: -3px;
}

div#header_content div#nav ul li a {
  display: block;
  height: 18px;
  text-indent: -2000px;
  overflow: hidden;
}

div#header_content div#nav ul#nav-en li#nav-item-27 a {
  width: 292px;
  background: url(../img/nav.erkennen.en.gif) no-repeat;
}

div#header_content div#nav ul#nav-en li#nav-item-31 a {
  width: 237px;
  background: url(../img/nav.erleben.en.gif) no-repeat;
}

div#header_content div#nav ul#nav-en li#nav-item-30 a {
  width: 170px;
  background: url(../img/nav.magazin.en.gif) no-repeat;
}

div#header_content div#nav ul#nav-en li#nav-item-29 a {
  width: 231px;
  background: url(../img/nav.teilen.en.gif) no-repeat;
}

div#header_content div#nav ul#nav-en li#nav-item-28 a {
  width: 270px;
  background: url(../img/nav.initiative.en.gif) no-repeat;
}

div#header_content div#nav ul#nav-en li#nav-item-57 a {
  width: 200px;
  background: url(../img/nav.stiftung.en.gif) no-repeat;
}

/** de **/

div#header_content div#nav ul#nav-de li#nav-item-27 a {
  width: 270px;
  background: url(../img/nav.erkennen.de.gif) no-repeat;
}

div#header_content div#nav ul#nav-de li#nav-item-31 a {
  width: 186px;
  background: url(../img/nav.erleben.de.gif) no-repeat;
}

div#header_content div#nav ul#nav-de li#nav-item-30 a {
  width: 159px;
  background: url(../img/nav.magazin.de.gif) no-repeat;
}

div#header_content div#nav ul#nav-de li#nav-item-29 a {
  width: 242px;
  background: url(../img/nav.teilen.de.gif) no-repeat;
}

div#header_content div#nav ul#nav-de li#nav-item-28 a {
  width: 270px;
  background: url(../img/nav.initiative.de.gif) no-repeat;
}

div#header_content div#nav ul#nav-de li#nav-item-57 a {
  width: 158px;
  background: url(../img/nav.stiftung.de.gif) no-repeat;
}

/** /de **/

div#header_content div#nav ul li a:hover,
div#header_content div#nav ul li strong a {
  background-position: 0 -18px !important;
}

div#header_search {
  float: right;
  width: 278px;
}

div#header_content fieldset {
  border: none;
  text-align: right;
  padding: 10px 22px 0 0;
  overflow: hidden;
}

*+html div#header_content fieldset,
* html div#header_content fieldset {
  padding: 10px 24px 0 0; /* IE 6+7 */
}

div#header_content fieldset a {
  float: right;
  font-weight: normal;
  margin: 1px 20px 0 0;
}

div#header_content fieldset input {
  width: 214px;
  border: 1px solid #d6d6d6;
  border-width: 1px 0 1px 1px;
  float: right;
  font-size: 0.9em;
  padding: 1px;
  height: 13px;
  color: #2b4558;
}

div#header_content fieldset input#searchgo {
  width: 17px;
  height: 17px;
  border: none;
  padding: 0;
  background: url(../img/btn.search.gif) no-repeat;
  cursor: pointer;
}

div#header_content fieldset input#searchgo:hover {
  background: url(../img/btn.search.hover.gif) no-repeat;
}

div#header_visual {
  overflow: hidden;
}

div#header_country_selector {
  float: right;
  padding: 11px 0 0 0;
}

*+html div#header_country_selector {
  padding: 10px 0 0 0; /* IE 7 */
}

div#header_country_selector a {
  font-weight: normal;
}

/*********************************** footer ***********************************/

div#footer {
  width: 998px;
  margin: 0 auto;
  text-align: left;
  padding: 24px 0 40px 0;
  background: url(../img/main.bottom.png) 0 0 no-repeat;
  font-size: 1.2em;
  overflow: hidden;
}

* html div#footer {
  background: url(../img/main.bottom.gif) 0 0 no-repeat; /* IE 6 */
}

div#footer a {
  color: #2b4558;
  font-weight: normal;
  display: block;
  padding: 6px 0 11px 32px;
  float: left;
}

div#footer a:hover {
  color: #23b3ee;
}

div#footer div {
  float: left;
}

div#footer div ul {
  list-style-type: none;
}

div#footer div ul li {
  overflow: hidden;
  height: 1%;
}

div#footer_01 {
  width: 251px;
  margin-left: 238px;
}

* html div#footer_01 {
  margin-left: 119px;  /* IE 6 */
}

div#footer_02 {
  width: 252px;
}

div#footer_03 {
  width: 245px;
}

div#footer a#beratung {
  background: url(../img/icon.fachberatung.png) 4px 2px no-repeat;
}

div#footer a#beratung:hover {
  background: url(../img/icon.fachberatung.hover.png) 4px 2px no-repeat;
}

div#footer a#partner {
  background: url(../img/icon.partner.png) 1px 3px no-repeat;
}

div#footer a#partner:hover {
  background: url(../img/icon.partner.hover.png) 1px 3px no-repeat;
}

div#footer a#newsletter {
  background: url(../img/icon.newsletter.png) 0 4px no-repeat;
}

div#footer a#newsletter:hover {
  background: url(../img/icon.newsletter.hover.png) 0 4px no-repeat;
}

div#footer a#presse {
  background: url(../img/icon.presse.png) 5px 4px no-repeat;
}

div#footer a#presse:hover {
  background: url(../img/icon.presse.hover.png) 5px 4px no-repeat;
}

div#footer a#kontakt {
  background: url(../img/icon.kontakt.png) 4px 4px no-repeat;
}

div#footer a#kontakt:hover {
  background: url(../img/icon.kontakt.hover.png) 4px 4px no-repeat;
}

div#footer a#impressum {
  background: url(../img/icon.impressum.png) 7px 0 no-repeat;
}

div#footer a#impressum:hover {
  background: url(../img/icon.impressum.hover.png) 7px 0 no-repeat;
}

div#footer a#sitemap {
  background: url(../img/icon.sitemap.png) 3px 5px no-repeat;
}

div#footer a#sitemap:hover {
  background: url(../img/icon.sitemap.hover.png) 3px 5px no-repeat;
}

div#footer a#rssfeed {
  background: url(../img/icon.rssfeed.png) 4px 4px no-repeat;
}

div#footer a#rssfeed:hover {
  background: url(../img/icon.rssfeed.hover.png) 4px 4px no-repeat;
}

div#footer a.sublink {
  font-size: 0.8em; color: #6b7982;
}