#metanavigation {
    padding: 4px 11px 0 0;
    text-align: right;
    color: #fff;
}

#metanavigation a {
    color: #fff;
}

#metanavigation a.mark,
#metanavigation a:hover {
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

#wrapper {
    margin: 0 auto;
    width: 985px;
    background: url(../images/co2m-background-himmel-content.jpg) no-repeat 0 -68px;
    position: relative;
    min-height: 400px;
    padding: 0 0 50px 0;
}

#navigation {
    position: absolute;
    top: 0px;
    height: 70px;
    left: 244px;
    z-index: 10;
}

#navigation a {
    position: absolute;
    top: 0;
    display: block;
    height: 70px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#navigation #mainnav1 { left: 2px; }
#navigation #mainnav2 { left: 183px; }
#navigation #mainnav3 { left: 309px; }
#navigation #mainnav4 { left: 456px; }

#navigation a span {
    display: block;
    color: #000;
    height: 70px;
}

#navigation a span span {
    display: block;
    padding: 36px 0 0 0;
    font-size: 18px;
    width: 130px;
    text-align: center;
    height: auto;
}

#head {
    background: url(../images/co2m-header-home.jpg) no-repeat 0 top;
    height: 102px;
    position: relative;
}

body.co2-konto #head { background-image: url(../images/co2m-header-konto.jpg); }
body.engagement #head { background-image: url(../images/co2m-header-engagement.jpg); }
body.vision #head { background-image: url(../images/co2m-header-vision.jpg); }
body.fakten #head { background-image: url(../images/co2m-header-fakten.jpg); }

#head #branding {
    margin: 0 0 0 37px;
    width: 195px;
    height: 65px;
    padding: 24px 0 0 0;
    overflow: hidden;
}

#head #navigation-info {
    position: absolute;
    top: 79px;
    left: 252px;
    background: none;
    width: 700px;
    height: 20px;
}

#head #home-button {
    position: absolute;
    top: 20px;
    left: 870px;
    height: 30px;
    width: 80px;
    display: block;
    padding: 48px 0 0 0;
    text-align: center;
    color: #000;
}

body.level0 #head #home-button {
}

#subnavigation {
    background: url(../images/co2m-subnavi-title-home.jpg) no-repeat;
}

body.co2-konto #subnavigation { background-image: url(../images/co2m-subnavi-title-konto.jpg); }
body.engagement #subnavigation { background-image: url(../images/co2m-subnavi-title-engagement.jpg); }
body.vision #subnavigation { background-image: url(../images/co2m-subnavi-title-vision.jpg); }
body.fakten #subnavigation { background-image: url(../images/co2m-subnavi-title-fakten.jpg); }

#subnavigation h2 {
    height: 47px;
    line-height: 40px;
    overflow: hidden;
    color: #fff;
}

#subnavigation h2.mark a {
    color: #fff;
    display: block;
    padding: 5px 0 0 30px;
}

#subnavigation h2.mark a:hover {
    text-decoration: none;
}

#subnavigation ul {
    list-style: none;
}

#subnavigation li {
    position: relative;
}

#subnavigation li a {
    display: block;
    color: #000;
    background: url(../images/co2m-subnavi-inactive-2-home.jpg) repeat-y;
    position: relative;
}

body.co2-konto #subnavigation li a { background-image: url(../images/co2m-subnavi-inactive-2-konto.jpg); }
body.engagement #subnavigation li a { background-image: url(../images/co2m-subnavi-inactive-2-engagement.jpg); }
body.vision #subnavigation li a { background-image: url(../images/co2m-subnavi-inactive-2-vision.jpg); }
body.fakten #subnavigation li a { background-image: url(../images/co2m-subnavi-inactive-2-fakten.jpg); }

/* force bigger CSS rule precedence, even if body has a class */
body #sidebar #subnavigation li li a {
	height: auto;
    padding: 4px 30px 5px 30px;
    background: url(../images/co2m-subnavi-subsubnavi-home.jpg) repeat-y;
}

body.ie6 #sidebar #subnavigation li a,
body.ie6 #sidebar #subnavigation li li a {
    margin: 0 0 -3px 0;
}

#subnavigation li.mark a,
#subnavigation li a:hover {
    background: url(../images/co2m-subnavi-active-2-home.jpg) repeat-y;
}

body.co2-konto #subnavigation li.mark a,
body.co2-konto #subnavigation li a:hover { background-image: url(../images/co2m-subnavi-active-2-konto.jpg); }
body.engagement #subnavigation li.mark a,
body.engagement #subnavigation li a:hover { background-image: url(../images/co2m-subnavi-active-2-engagement.jpg); }
body.vision #subnavigation li.mark a,
body.vision #subnavigation li a:hover { background-image: url(../images/co2m-subnavi-active-2-vision.jpg); }
body.fakten #subnavigation li.mark a,
body.fakten #subnavigation li a:hover{ background-image: url(../images/co2m-subnavi-active-2-fakten.jpg); }

#subnavigation li a:hover {
    text-decoration: none; /* no underline if already active */
}

#subnavigation li.mark li.mark {
    background: none;
}

#subnavigation li.mark li a {
    color: #000;
}

#subnavigation ul ul {
	display: none;
	background: url(../images/co2m-subnavi-subsubnavi-home.jpg) repeat-y;
	padding: 0;
}

body.co2-konto #sidebar #subnavigation ul ul li a { background-image: url(../images/co2m-subnavi-subsubnavi-konto.jpg); }
body.engagement #sidebar #subnavigation ul ul li a { background-image: url(../images/co2m-subnavi-subsubnavi-engagement.jpg); }
body.vision #sidebar #subnavigation ul ul li a { background-image: url(../images/co2m-subnavi-subsubnavi-vision.jpg); }
body.fakten #sidebar #subnavigation ul ul li a { background-image: url(../images/co2m-subnavi-subsubnavi-fakten.jpg); }

#subnavigation ul li.mark ul {
	display: block;
}

body.level0 #sidebar #subnavigation ul ul li.mark a,
body.level0 #sidebar #subnavigation ul ul li a:hover {
    background: url(../images/co2m-subnavi-subsubnavi-over-home.jpg) repeat-y;
}

body.co2-konto #sidebar #subnavigation ul ul li.mark a,
body.co2-konto #sidebar #subnavigation ul ul li a:hover { background-image: url(../images/co2m-subnavi-subsubnavi-over-konto.jpg); }
body.engagement #sidebar #subnavigation ul ul li.mark a,
body.engagement #sidebar #subnavigation ul ul li a:hover { background-image: url(../images/co2m-subnavi-subsubnavi-over-engagement.jpg); }
body.vision #sidebar #subnavigation ul ul li.mark a,
body.vision #sidebar #subnavigation ul ul li a:hover { background-image: url(../images/co2m-subnavi-subsubnavi-over-vision.jpg); }
body.fakten #sidebar #subnavigation ul ul li.mark a,
body.fakten #sidebar #subnavigation ul ul li a:hover { background-image: url(../images/co2m-subnavi-subsubnavi-over-fakten.jpg); }

#subnavigation ul a span {
    display: block;
    background: url(../images/co2m-subnavi-inactive-1-home.jpg) no-repeat left top;
}

#subnavigation ul li.mark a span,
#subnavigation ul li a:hover span { background-image: url(../images/co2m-subnavi-active-1-home.jpg); }

#subnavigation ul li.mark a span span,
#subnavigation ul li a:hover span span { background-image: url(../images/co2m-subnavi-active-3-home.jpg); }

#subnavigation ul a span span {
    display: block;
    padding: 5px 28px 5px 30px;
    background: url(../images/co2m-subnavi-inactive-3-home.jpg) no-repeat left bottom;
}

body.co2-konto #subnavigation ul a span { background-image: url(../images/co2m-subnavi-inactive-1-konto.jpg); }
body.co2-konto #subnavigation ul a span span { background-image: url(../images/co2m-subnavi-inactive-3-konto.jpg); }
body.co2-konto #subnavigation ul li.mark a span,
body.co2-konto #subnavigation ul li a:hover span { background-image: url(../images/co2m-subnavi-active-1-konto.jpg); }
body.co2-konto #subnavigation ul li.mark a span span,
body.co2-konto #subnavigation ul li a:hover span span { background-image: url(../images/co2m-subnavi-active-3-konto.jpg); }

body.engagement #subnavigation ul a span { background-image: url(../images/co2m-subnavi-inactive-1-engagement.jpg); }
body.engagement #subnavigation ul a span span { background-image: url(../images/co2m-subnavi-inactive-3-engagement.jpg); }
body.engagement #subnavigation ul li.mark a span,
body.engagement #subnavigation ul li a:hover span { background-image: url(../images/co2m-subnavi-active-1-engagement.jpg); }
body.engagement #subnavigation ul li.mark a span span,
body.engagement #subnavigation ul li a:hover span span { background-image: url(../images/co2m-subnavi-active-3-engagement.jpg); }

body.vision #subnavigation ul a span { background-image: url(../images/co2m-subnavi-inactive-1-vision.jpg); }
body.vision #subnavigation ul a span span { background-image: url(../images/co2m-subnavi-inactive-3-vision.jpg); }
body.vision #subnavigation ul li.mark a span,
body.vision #subnavigation ul li a:hover span { background-image: url(../images/co2m-subnavi-active-1-vision.jpg); }
body.vision #subnavigation ul li.mark a span span,
body.vision #subnavigation ul li a:hover span span { background-image: url(../images/co2m-subnavi-active-3-vision.jpg); }

body.fakten #subnavigation ul a span { background-image: url(../images/co2m-subnavi-inactive-1-fakten.jpg); }
body.fakten #subnavigation ul a span span { background-image: url(../images/co2m-subnavi-inactive-3-fakten.jpg); }
body.fakten #subnavigation ul li.mark a span,
body.fakten #subnavigation ul li a:hover span { background-image: url(../images/co2m-subnavi-active-1-fakten.jpg); }
body.fakten #subnavigation ul li.mark a span span,
body.fakten #subnavigation ul li a:hover span span { background-image: url(../images/co2m-subnavi-active-3-fakten.jpg); }


#sidebar #subnavigation ul ul a {
    background: none;
}

/* do not feed the following rule to any version of IE */
html>/**/body #sidebar #subnavigation ul ul a span,
html>/**/body #sidebar #subnavigation ul ul a:hover span {
    background: none;
}

/* fix IE 6 */
* html body #sidebar #subnavigation ul ul a span,
* html body #sidebar #subnavigation ul ul a:hover span {
    background: none;
}

#sidebar #subnavigation ul ul a span span,
#sidebar #subnavigation ul ul a:hover span span {
    padding: 0;
    background: none;
}

#subnavigation-bottom {
	background: url(../images/co2m-subnavi-bottom-home.jpg);
	height: 9px !important;
	line-height: 1px;
}

body.co2-konto #subnavigation-bottom { background-image: url(../images/co2m-subnavi-bottom-konto.jpg); }
body.engagement #subnavigation-bottom { background-image: url(../images/co2m-subnavi-bottom-engagement.jpg); }
body.vision #subnavigation-bottom { background-image: url(../images/co2m-subnavi-bottom-vision.jpg); }
body.fakten #subnavigation-bottom { background-image: url(../images/co2m-subnavi-bottom-fakten.jpg); }

body.ie6 #subnavigation * {
    position: relative;
    height: 1%;
}