@charset "UTF-8";
/************************************************
    CSS StyleSheet
    cream.de

    Media: Screen
    Part:  Main

    last change: MM 2006-12-20

************************************************/

* {
    padding: 0;
    border: 0;
    margin: 0;
}
Die
html {
    font-size: 100.01%;
}

body {
    background-color: #002A65;
    font-family: verdana,arial,sans-serif;
    color: #fff;
    font-size: 85%;
    line-height: 130%;
}

/* Typo
*************************************************/

a, a:visited, a:link, a:active {
    color: #ffea00;
    outline: none;
}

#content p {
    margin-bottom: 0.7em;
}

h1, h2 {
    font-size: 150%;
    font-weight: normal;
    font-family: tahoma,verdana,arial,sans-serif;
}

h1 {
    line-height: 130%;
    margin-bottom: 12px;
}

h2, h3, h4 { margin-bottom: 5px; }

h4 {
    font-size: 100.01%;
}

#navi {
    font-family: tahoma,verdana,arial,sans-serif !important;
}

span.id {
    color: #ffea00;
}
span.u {
    text-decoration: underline;
}

ul {
    list-style: none;
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0;
}

table td {
    padding-bottom: 0.4em;
    vertical-align: top;
}

table.wp {
}

table.wp td {
    border: 1px solid #000;
    font-weight: bold;
    padding: 0.3em;
    vertical-align: top;
}

/* Container
*************************************************/

#wrapper {
    width: 900px;
    margin: 10px auto auto auto;
    min-height: 750px;
    position: relative;
}

#header {
    width: 900px;
    height: 153px;
    float: left;
}

#cream {
    background: #002A65 url("../img/header_links.jpg") no-repeat bottom right;
    height: 153px;
    width: 304px;
    float: left;
}

#cream #logo {
    background: url("../img/cream_logo.jpg") no-repeat;
    margin-left: 35px;
    width: 185px;
    height: 153px;
}

#cream #logo .logoani {
    display: block;
    background: url("../img/logo_ani.gif") no-repeat 64px 11px;
    width: 185px;
    height: 153px;
}

#cream h1 {
    visibility: hidden;
    position: absolute;
    left: 1px;
}

#head {
    height: 153px;
    width: 443px;
    float: left;
    overflow: hidden;

}

#sixth {
    background: #002A65 url("../img/header_6th_shine.jpg") no-repeat;
    height: 153px;
    width: 153px;
    float: left;
}

#content {
    background: #002A65 url("../img/content.jpg") no-repeat;
    min-height: 429px;
    float: left;
    padding: 76px 19px 0px 1px;
    width: 470px;
}

#content #scroll, #content #scrollra {
    height: 470px;
    margin-bottom: 5px;
    overflow: auto;
    padding-right: 5px;
    width: 470px;
}
#content #scrollra {
    height: 420px;
}

#content ul, #content ol {
    list-style: square outside;
    margin-bottom: 0.7em;
    padding-left: 1.5em;
}
#content ol {
    list-style: decimal outside;
    padding-left: 2.2em;
}
#content ul li {
    margin-bottom: 0.2em;
}
#content ol li {
    margin-bottom: 1em;
}

#side {
    background: #002A65 url("../img/side.jpg") no-repeat;
    height: 368px;
    width: 176px;
    float: left;
}

#side #flashcontent {
    margin-top: -54px;
    margin-left: 22px;
}


#clear {
    clear: both;
}

/* News
*************************************************/

#newsflash {
    background: #546393 url("../img/news.jpg") no-repeat;
    min-height: 105px;
    width: 156px;
    float: left;
    padding: 5px 5px 7px 7px;
    font-size: 80%;
    line-height: 100%;
}

#newsflash ul li, #news ul li {
    margin-bottom: 5px;
}

#news ul li {
    border-bottom: 2px solid #143B74;
}

#news ul {
    list-style: none;
    padding-left: 0;
}
/* Listen innerhalb der News */
#news ul li ul {
    list-style: disc outside;
    margin-bottom: 0.7em;
    padding-left: 1.5em;
}
#news ul li ul li {
    border: 0;
}

#newsflash span.date,
#news span.date {
    display: block;
}

#news span.date, #news p.intro {
    font-weight: bold;
    margin: 5px 0 5px 0;
}

/* Newsletter */
#newsletter td {
    padding-right: 0.5em;
    white-space: nowrap;
}

/* CREAM in the Press
*************************************************/

#press ul {
    list-style: none;
    padding: 0;
}
#press ul li {
    border-bottom: 2px solid #143B74;
    margin-bottom: 0.7em;
    padding-bottom: 0.7em;
}
#press .load {
    display: block;
    margin-bottom: 0.3em;
    white-space: nowrap;
}
#press .actual {
    background-color: #546393;
    border: 0;
    padding: 0.5em;
}
#press .actual .load {
    display: inline;
    font-weight: normal;
}
#press .actual ul {
    list-style: disc outside;
    margin-bottom: 0.7em;
    padding-left: 1.5em;
}
#press .actual ul li {
    border: 0;
    padding: 0;
}

/* Sitemap
*************************************************/

#sitemap a {
    color: #fff;
    text-decoration: none;
}
#sitemap a:hover, #sitemap a:focus {
    text-decoration: underline;
    color: #ffea00;
}
#sitemap ul, #sitemap li {
    list-style: none;
    padding-left: 0;
}
#sitemap li {
    font-weight: bold;
    line-height: 100%;
    margin: 8px 0 8px 0;
}
#sitemap ul li ul li {
    font-size: 90%;
    font-weight: normal;
    padding-left: 30px;
}

/* Navigation
*************************************************/

#navi {
    background: #002A65 url("../img/navi.jpg") no-repeat right;
    float: left;
    width: 234px;
    height: 505px;
}

#navibogen {
    background: url("../img/navi_bogen.gif") no-repeat right;
    position: absolute;
    margin-left: 139px;
    width: 95px;
    height: 505px;
}

#navi ul.navi {
    margin-top: 124px;
    font-size: 105%;
}

#navi ul.navi li a, #navi ul.navi li a:visited, #navi ul.navi li a:link, #navi ul.navi li a:active {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 0 95px 2px 8px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 1em;
}

#navi ul.navi li a:hover, #navi ul.navi li a:focus {
    color: #ffea00;
    border-left: 1px solid white;
    padding-left: 7px;
}

#navi ul.navi li a.active {
    color: #ffea00 !important;
    border-left: 1px solid white;
    padding-left: 7px !important;
}

/* Other Navi
************************/

#navi ul.othernavi {
    width: 195px;
    margin: 142px 0 0 8px;
    list-style: none;
    position: absolute;
}

#navi ul.othernavi li {
    float: left;
    margin-right: 0.3em;
}

#navi ul.othernavi li a {
    text-decoration: none;
    font-size: 85%;
    color: #fff;
}

#navi ul.othernavi li a:hover, #navi ul.othernavi li a:focus {
    color: #ffea00;
}

#navi ul.othernavi li a.active {
    color: #ffea00;
}


/* Subnavi
************************/

#navi ul.navi li ul.subnavi {
    position: absolute;
    top: 140px;
    left: 300px;
    width: 415px;
}

#navi ul.navi li ul.subnavi li {
    float: left;
    margin-right: 0.3em;
    padding: 0;
}

#navi ul.navi li ul.subnavi li a, #navi ul.navi li ul.subnavi li a:visited, #navi ul.navi li ul.subnavi li a:link, #navi ul.navi li ul.subnavi li a:active {
    color: #fff;
    font-size: 90%;
    border: none;
    display: inline;
    padding: 0;
    text-decoration: underline;
    margin: 0;
    line-height: 100%;
}

#navi ul.navi li ul.subnavi li a.active {
    color: #ffea00;
    padding: 0 !important;
}

#navi ul.navi li ul.subnavi li a:hover, #navi ul.navi li ul.subnavi li a:focus {
    color: #ffea00;
}


/* Clickable Grafik - Workbreakdown Structure
*************************************************/

#grafik {
    width: 470px;
    height: 348px;
    background: url("../img/workbreakdown.png") no-repeat;
    position: relative;
}

#grafik ul {
    list-style: none;
}

#grafik ul li span {
    display: none;
}

#grafik ul li a {
    display: block;
    position: absolute;
    text-indent: -2000px;
    overflow: hidden;
}

#grafik ul li.research ul li a {
    width: 86px;
    height: 31px;
    left: 26px;
}

#grafik ul li.training ul li a {
    width: 61px;
    height: 31px;
    left: 199px;
}

#grafik ul li.demonstration ul li a {
    width: 58px;
    height: 51px;
    left: 270px;
    top: 149px;
}

#grafik ul li a.ma {
    top: 328px;
    left: 6px;
    width: 440px;
    height: 13px;
}

#grafik ul li.research ul li a.ra1 { top: 112px; left: 4px; }
#grafik ul li.research ul li a.ra2 { top: 70px; }
#grafik ul li.research ul li a.ra3 { top: 32px; }
#grafik ul li.research ul li a.ra4 { top: 111px; left: 92px; width: 82px; height: 34px; }
#grafik ul li.research ul li a.ra5 { top: 152px; }
#grafik ul li.research ul li a.ra6 { top: 189px; }
#grafik ul li.research ul li a.ra7 { top: 228px; }
#grafik ul li.research ul li a.ra8 { top: 266px; left: 158px; width: 152px; height: 25px; }
#grafik ul li.research ul li a.ra9 { top: 298px; left: 6px; width: 440px; height: 15px; }

#grafik ul li.training ul li a.ta1 { top: 315px; left: 6px; width: 440px; height: 15px; }
#grafik ul li.training ul li a.ta3 { top: 32px; }
#grafik ul li.training ul li a.ta4 { top: 111px; height: 30px; }
#grafik ul li.training ul li a.ta5 { top: 149px; height: 32px; }
#grafik ul li.training ul li a.ta6 { top: 188px; height: 30px; }
#grafik ul li.training ul li a.ta7 { top: 228px; height: 31px; }

#grafik ul li.demonstration ul li a.da3   { top: 82px;  width: 177px; height: 12px; }
#grafik ul li.demonstration ul li a.da4_2 { top: 115px; width: 177px; height: 12px; }
#grafik ul li.demonstration ul li a.da4_3 { top: 128px; width: 177px; height: 12px; }
#grafik ul li.demonstration ul li a.da6   { left: 335px; width: 52px; }
#grafik ul li.demonstration ul li a.da7   { left: 393px; width: 56px; }