#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;
    /* design was newly sliced
    background: url(../images/co2m-background-himmel-content.jpg) no-repeat 0 -68px;
    */
    background: url(../images/co2m-background-top.png) no-repeat center -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.png) no-repeat 0 top;
    height: 102px;
    position: relative;
}

#head { background-image: url(../images/co2m-header-konto.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 {
}

/* replaced with .subnavigation-top
.subnavigation {
    background: url(../images/co2m-subnavi2-title-home.png) no-repeat;
}


#subnav1 { background-image: url(../images/co2m-subnavi2-title-konto.png); }
#subnav2 { background-image: url(../images/co2m-subnavi2-title-information.png); }
#subnav3 { background-image: url(../images/co2m-subnavi2-title-motivation.png); }
*/
.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-subnavi2-inactive-2-home.png) repeat-y;
    position: relative;
}

#subnav1 li a { background-image: url(../images/co2m-subnavi2-inactive-2-konto.png); }
#subnav2 li a { background-image: url(../images/co2m-subnavi2-inactive-2-information.png); }
#subnav3 li a { background-image: url(../images/co2m-subnavi2-inactive-2-motivation.png); }

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

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



/* We only have white hover links in the design */

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


#subnav1 > ul > li.mark > a,
#subnav1 > ul > li > a:hover { background-image: url(../images/co2m-subnavi2-active-2-konto.png); }
#subnav2 > ul > li.mark > a,
#subnav2 > ul > li > a:hover { background-image: url(../images/co2m-subnavi2-active-2-information.png); }
#subnav3 > ul > li.mark > a,
#subnav3 > ul > li > a:hover { background-image: url(../images/co2m-subnavi2-active-2-motivation.png); }




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



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


/* all links are white now 
.subnavigation li.mark li a {
    color: #000;
}
*/

#subnav0 ul ul {
	display: none;
	background: url(../images/co2m-subnavi2-subsubnavi-home.png) repeat-y;
	padding: 0;
}

#subnav1 ul ul li a { background-image: url(../images/co2m-subnavi2-subsubnavi-konto.png); }
#subnav2 ul ul li a { background-image: url(../images/co2m-subnavi2-subsubnavi-information.png); }
#subnav3 ul ul li a { background-image: url(../images/co2m-subnavi2-subsubnavi-motivation.png); }

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

#subnav0 ul ul li.mark a,
#subnav0 ul ul li a:hover {
    background: url(../images/co2m-subnavi2-subsubnavi-over-home.png) repeat-y;
}


#subnav1 ul ul li.mark a,
#subnav1 ul ul li a:hover { background-image: url(../images/co2m-subnavi2-subsubnavi-over-konto.png); }
#subnav2 ul ul li.mark a,
#subnav2 ul ul li a:hover { background-image: url(../images/co2m-subnavi2-subsubnavi-over-information.png); }
#subnav3 ul ul li.mark a,
#subnav3 ul ul li a:hover { background-image: url(../images/co2m-subnavi2-subsubnavi-over-motivation.png); }


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

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

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

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


#subnav1 ul > li > a span { background-image: url(../images/co2m-subnavi2-inactive-1-konto.png); }
#subnav1 ul > li > a span span { background-image: url(../images/co2m-subnavi2-inactive-3-konto.png); }
#subnav1 ul > li.mark > a span,
#subnav1 ul > li > a:hover span { background-image: url(../images/co2m-subnavi2-active-1-konto.png); }
#subnav1 ul > li.mark > a span span,
#subnav1 ul > li > a:hover span span { background-image: url(../images/co2m-subnavi2-active-3-konto.png); }

#subnav2 ul > li > a span { background-image: url(../images/co2m-subnavi2-inactive-1-information.png); }
#subnav2 ul > li > a span span { background-image: url(../images/co2m-subnavi2-inactive-3-information.png); }
#subnav2 ul > li.mark a span,
#subnav2 ul > li a:hover span { background-image: url(../images/co2m-subnavi2-active-1-information.png); }
#subnav2 ul > li.mark a span span,
#subnav2 ul > li a:hover span span { background-image: url(../images/co2m-subnavi2-active-3-information.png); }

#subnav3 ul > li > a span { background-image: url(../images/co2m-subnavi2-inactive-1-motivation.png); }
#subnav3 ul > li > a span span { background-image: url(../images/co2m-subnavi2-inactive-3-motivation.png); }
#subnav3 ul > li.mark > a span,
#subnav3 ul > li > a:hover span { background-image: url(../images/co2m-subnavi2-active-1-motivation.png); }
#subnav3 ul > li.mark > a span span,
#subnav3 ul > li a:hover > span span { background-image: url(../images/co2m-subnavi2-active-3-motivation.png); }


.subnavigation ul > li > ul > li > a span {
    background: none !important;
}

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

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

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

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

#subnav1 .subnavigation-bottom { background-image: url(../images/co2m-subnavi2-bottom-konto.png); }
#subnav2 .subnavigation-bottom { background-image: url(../images/co2m-subnavi2-bottom-information.png); }
#subnav3 .subnavigation-bottom { background-image: url(../images/co2m-subnavi2-bottom-motivation.png); }

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