/* ------------------------------------------------------------
Title:   envia TEL screen styles
Author:  webit!
Update:  2009-04-09
------------------------------------------------------------ */

@import url("/assets/etel/gen/css/content.css");

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    }
body {
    background: #BCE1F3;
    color: #585858;
    font: 100.01% Arial, Helvetica, FreeSans, sans-serif;
    margin: 5px;
    }

/* =LAYOUT
----------------------------------------------------------------------------- */

#wrapper {
    background: #FFF;
    font-size: 0.625em; /* 1em = 10px */
    overflow: hidden;
    /* padding-bottom: 1em; */
    position: relative;
    width: 98.6em; /* 986px */;
    }

#popup #wrapper {
    width: 61.8em;
    }

#claim {
    text-align: right;
    }

#wrapper-content {
    background: transparent url(/assets/etel/gen/img/bas/border_r.gif) repeat-y right top;
    margin-right: 18.8em;
    }
* html #wrapper-content {
    background: none;
    margin-right: 19.1em;
    zoom: 1;
    }
.wide #wrapper-content {
    background-image: none;
    margin-right: 0;
    }

#content {
    background: transparent url(/assets/etel/gen/img/bas/border_l.gif) repeat-y 0 0;
    margin-left: 18em;
    }
* html #content {
    background: none;
    border: .1em solid #E4E4E4;
    margin-left: 18.3em;
    zoom: 1;
    }
#home #content {
    background-image: url(/assets/etel/gen/img/bas/border_l_home.gif);
    margin-left: 0;
    }
#popup #content {
    background-image: none;
    margin-left: 0;
    }

#first-content {
    float: left;
    padding: 0 1.5em;
    width: 58.8em; /* 61.8 */
    }
* html #first-content {
    padding: 0 1.2em;
    width: auto;
    }
#home #first-content {
    padding: 0 1.5em 0 1.1em;
    width: 77.2em;
    }
* html #home #first-content {
    padding: 0 1.2em 0 1.1em;
    width: auto;
    }
#popup #first-content {
    padding-top: 1em;
    }
.wide #first-content {
    padding-right: 1.1em;
    width: 77.9em;
    }

#second-content {
    float: right;
    margin-top: -36px;
    margin-right: -18.8em;
    padding: 0 .8em 0 .4em;
    width: 17.4em; /* 18.6 */
    }
* html #second-content {
    padding: 0 .4em 0 1em;
    position: relative;
    }

#wrapper-first-nav {
    background: url(/assets/etel/gen/img/bas/border_tl.png) no-repeat 0 top;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    top: -18px;
    }
* html #wrapper-first-nav {
    background: none;
    padding-left: 0;
    zoom: 1;
    }
#home #wrapper-first-nav {
    background: 0;
    padding-left: 0;
    }

#first-nav {
    background: url(/assets/etel/gen/img/bas/border_tr.png) no-repeat right top;
    padding: 4px 10px 0 0;
    }
* html #first-nav {
    background: none;
    padding: 0;
    zoom: 1;
    }

#second-nav {
    float: left;
    margin-top: -26px;
    margin-left: -18em;
    _position: relative;
    width: 18em;
    }
* html #second-nav {
    margin-left: -18.3em;
    }

#footer {
    background: url(/assets/etel/gen/img/bas/border_bl.gif) no-repeat 0 bottom;
    clear: both;
    padding-left: 10px;
    }
* html #footer {
    background: none;
    }
#home #footer {
    background: 0;
    padding-left:0;
    }

#footer div {
    background: url(/assets/etel/gen/img/bas/border_br.gif) no-repeat right bottom;
    height: 10px;
    }
.wide #footer div {
    background-image: url(/assets/etel/gen/img/bas/border_b.gif);
    }
* html #footer div,
* html .wide #footer div {
    background: none;
    }

/* =SKIPLINKS
----------------------------------------------------------------------------- */

#skiplinks {
    left: -3000px;
    position: absolute;
    top: 0;
    z-index: 100;
    }

#skiplinks a:active,
#skiplinks a:focus {
    background-color: #BCE1F3;
    color: #585858;
    display: block;
    font-size: 1.2em;
    left: 3004px;
    line-height: 25px;
    padding: .1em .5em;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    white-space: nowrap;
    }

/* =META NAVIGATION
----------------------------------------------------------------------------- */

#meta-nav {
    list-style-type: none;
    overflow: hidden !important;
    padding: 1em 2em .9em 0;
    zoom: 1;
    }

#meta-nav li {
    float: right;
    margin-left: 2em;
    }

#meta-nav a,
#meta-nav em {
    color: #585858;
    font-size: 1.2em;
    text-decoration: none;
    }

#meta-nav em {
    font-weight: bold;
    font-style: normal;
    }

#meta-nav a:hover,
#meta-nav a:focus {
    text-decoration: underline;
    }

#meta-nav a:active {
    color: #000;
    }

#meta-nav em a {
    font-size: 1em;
    }

/* LOGOUT */
form#logout {
    float: left;
    margin-left: 18.3em;
    padding-top:.8em;
    }

form#logout div {
    font-size: 1.2em;
    }

form#logout button {
    font-size: 1em;
    margin-left: 1em;
    }

/* =LOGO
----------------------------------------------------------------------------- */

#logo {
    position: relative;
    }

#logo img {
    display: block;
    width: 100%;
    }

#logo a {
    height: 7.6em; /* 76px */
    left: 0;
    position: absolute;
    top: 0;
    width: 18.3em; /* 183px */
    }

/* =FIRST-NAV
----------------------------------------------------------------------------- */

#first-nav ul {
    background: #F2F3F7 url(/assets/etel/gen/img/bas/bg_first-nav.gif) repeat-x 0 bottom;
    float: left;
    list-style-type: none;
    margin: 0 -6px;
    overflow: hidden;
    }
* html div#first-nav ul {
    margin: 0;
    padding: 0;
    zoom: 1;
    }
#home #first-nav ul {
    background: #FFF;
    padding-left: 19em;
    }
* html #home #first-nav ul {
    padding-left: 18.3em;
    }

#first-nav li {
    background: url(/assets/etel/gen/img/bas/ico_first-nav.gif) no-repeat 1em 53%; /* #F2F3F7 */
    float: left;
    list-style-type: none;
    }
*+html #first-nav li {
    background-position: 1em 50%;
    }

li#nav-geschaeftskunden {
    width: 18.3em;
    }
* html li#nav-geschaeftskunden {
    width: 18.2em;
    }
*+html li#nav-geschaeftskunden {
    width: 18.2em;
    }

li#nav-carrier {
    width: 11.3em;
    }

li#nav-vertriebspartner {
    width: 16.3em;
    }

li#nav-unternehmen {
    width: 15.1em;
    }

#geschaeftskunden li#nav-geschaeftskunden,
#carrier li#nav-carrier,
#vertriebspartner li#nav-vertriebspartner,
#unternehmen li#nav-unternehmen {
    background-color: #FFF;
    border-bottom-color: #FFF;
    }
#geschaeftskunden li#nav-geschaeftskunden em{
    border-right: 1px solid #D0D1D2;
    }
#carrier li#nav-carrier em,
#vertriebspartner li#nav-vertriebspartner em {
    border: 1px solid #D0D1D2;
    border-width: 0 1px;
    }
#unternehmen li#nav-unternehmen em {
    border-left: 1px solid #D0D1D2;
    }

#first-nav li a,
#first-nav li em {
    color: #585858;
    display: block;
    font-size: 1.5em;
    padding: .5em 0 .5em 1.4em; 
    text-decoration: none;
    }

#first-nav li em {
    color: #099DD9;
    font-style: normal;
    }

#first-nav em a {
    color: #099DD9;
    font-size: 1em;
    padding: 0;
    }

#first-nav a:hover,
#first-nav a:focus {
    text-decoration: underline;
    }
#first-nav a:active {
    color: #099DD9;
    }

/* =SECOND-NAV
----------------------------------------------------------------------------- */

#second-nav ul {
    list-style-type: none;
    margin: 0 .9em;
    }

#second-nav ul ul {
    border-bottom: 1px solid #E4E4E4;
    margin: 0;
    padding: .3em 0 .3em 1em;
    }

#second-nav li {
    background: url(/assets/etel/gen/img/bas/ico_second-nav.gif) no-repeat 0 .9em;
    padding-left: 1em;
    zoom: 1;
    }
#second-nav li.portal {
    background-image: url(/assets/etel/gen/img/bas/ico_second-nav_portal.gif);
    margin-top: 5em;
    }

#second-nav li li {
    background: none;
    padding-left: 0;
    }

#second-nav a,
#second-nav em {
    border-bottom: 1px solid #E4E4E4;
    display: block;
    font-size: 1.3em;
    padding: .3em 0;
    zoom: 1;
    }

#second-nav li li a,
#second-nav li li em {
    border-bottom: 0;
    padding: .2em 0;
    }

#second-nav a {
    color: #585858;
    text-decoration: none;
    }
#second-nav .portal a {
    color: #099DD9;
    }

#second-nav a:hover,
#second-nav a:focus {
    text-decoration: underline;
    }
#second-nav a:active {
    color: #099DD9;
    }

#second-nav em {
    color: #099DD9;
    font-style: normal;
    }

#second-nav em a {
    border-bottom: 0;
    color: #099DD9;
    font-size: 1em;
    padding: 0;
    }

/* =WERBUNG
----------------------------------------------------------------------------- */
#werbung {
    position: absolute;
    left: 1000px;
    top: 5px;
    }

/* =CLAIM
----------------------------------------------------------------------------- */

#claim img {
    width: 19em;
    }