/* Layout */

body {
        background-color: #D0D0CE;
        margin: 0;
        font: 10pt/1.2em Arial, sans-serif;
        color: #333;
}
#wrapper {
        width: 980px;
        margin: 0 auto 0 auto;
        background-color: #FFF;
}
#wrapper.sub {
        background: url(../pics/bg-contentCols-3.png) top left repeat-y;
}
#header {
        width: 785px;
        height: 150px;
        float: left;
}
#header.welcome {
        background: url(../pics/bg-header-blank.png) top left no-repeat;
}
.sub01 {
        background: url(../pics/bg-header-sub01.png) top left no-repeat;
}
#content {
        clear: both;
        float: left;
        width: 100%;
}
#content.welcome {
        height: 195px;
        background-color: #60B1CB;
        background: url(../pics/pi-welcome-big.jpg) top left no-repeat;
}
#content.sub {
        padding: 0 0 1em 0;
}
.headerImg01 {
        background: url(../pics/pi-header-sub01.jpg) top left no-repeat;
}
.floatL {
        float: left;
}
.floatR {
        float: right;
}
img {
        border: 0;
}
/* Teaser-Container Welcome */

#teaserLeftCol {
        float: left;
        width: 50%;
        height: 232px;
        background-color: #FFF;
}
#teaserRightCol {
        float: left;
        width: 50%;
        height: 232px;
        background: url(../pics/bg-welcome-teaserRightCol.png) top left repeat-y;
}
#teaserRightCol.de {
        background: url(../pics/bg-welcome-teaserRightCol_DE.png) top left repeat-y;
}
#teaserRightCol div.columnLeft {
        height: 232px;
}
#teaserLeftCol div.teaser, #teaserRightCol div.teaser {
        float: left;
        width: 50%;
        height: 50%;
        background-color: #F8F8F6;
}
#teaserRightCol div.teaser {
        width: 100%;
}
#teaserLeftCol div.teaser p.teaserText,
#teaserRightCol div.teaser p.teaserText {
        height: 6em;
}
#teaserRightCol div.columnLeft {
        float: left;
        width: 60%;
}
#teaserRightCol div.columnRight {
        float: left;
        width: 40%;
}
#teaserRightCol.de div.columnLeft,
#teaserRightCol.de div.columnRight {
        width: 50%;
}
#teaserRightCol div.columnRight p {
        margin-bottom: 0.5em;
}
/* Deutsche Teaser-Bilder */

#teaserLeftCol.de div.topLeft {
        background: url(../pics/pi-welcome-teaser-tl.jpg) bottom left no-repeat;
}
#teaserLeftCol.de div.topRight {
        background: url(../pics/pi-welcome-teaser-tr.jpg) bottom left no-repeat;
}
#teaserLeftCol.de div.bottomLeft {
        background: url(../pics/pi-welcome-teaser-bl.jpg) bottom left no-repeat;
}
#teaserLeftCol.de div.bottomRight {
        background: url(../pics/pi-welcome-teaser-br.jpg) bottom left no-repeat;
}
#teaserRightCol.de div.top {
        background: url(../pics/pi-welcome-teaser-rt.jpg) bottom left no-repeat;
}
#teaserRightCol.de div.bottom {
        background: url(../pics/pi-welcome-teaser-rb.jpg) bottom left no-repeat;
}



#teaserLeftCol,
#teaserRightCol {
        font-size: 0.8em;
}
#teaserLeftCol div.teaser h3,
#teaserLeftCol div.teaser p,
#teaserRightCol div.teaser h3,
#teaserRightCol div.teaser p {
        font-size: 1em;
        margin: 0 5px 0 90px;
}

/* Holger start */

#teaserLeftCol div.teaser a.bildlink,
#teaserRightCol div.teaser a.bildlink {
        float: left;
        width: 85px;
        height: 102px;
        display: block;

}

#teaserLeftCol div.teaser a,
#teaserRightCol div.teaser a {
        color: #20AE20;
}
#teaserLeftCol div.teaser p a,
#teaserRightCol div.teaser p a {
        color: #333;
}
#teaserLeftCol div.teaser p a.more,
#teaserRightCol div.teaser p a.more {
        color: #888;
}
/* Holger stop */



#teaserRightCol h4,
#teaserRightCol p {
        font-size: 1em;
        margin: 0 10px 0 10px;
}
#teaserLeftCol div.teaser p,
#teaserRightCol div.teaser p {
        color: #333;
}
#teaserLeftCol div.teaser h3,
#teaserRightCol div.teaser h3 {
        color: #20AE20;
        margin-top: 0.5em;
}
#teaserRightCol h3 {
        font-size: 1.2em;
        color: #404040;
        margin: 0.5em 0 0.5em 10px;
}
#teaserRightCol h4 {
        font-size: 1em;
        color: #20AE20;
}
#teaserLeftCol a, #teaserRightCol a {
        color: #888;
}

/* Suche u. Login */

#headerTools {
        width: 195px;
        height: 150px;
        float: left;
        background: #FFF url(../pics/bg-header-blank.png) top right no-repeat;
}
#headerTools form {
        margin: 0;
}
#headerTools  fieldset {
        border: 0;
}
#headerTools input {
        font-size: 0.8em;
}
#mainSearch {
        position: absolute;
        top: 70px;
}
#mainSearch {
        height: 80px;
        border-left: 1px solid #D9D9D9;
}
#mainSearch input {
        margin-top: 0.5em;
        width: 130px;
        height: 1.2em;
}
#mainSearch fieldset {
        padding: 25px 0 0 20px;
}
#mainLogin {
        height: 80px;
        border-left: 1px solid #D9D9D9;
}
#mainLogin fieldset {
        padding: 0 0 0 20px;
        margin: 0;
}
#mainLogin input {
        margin-top: 0.6em;
        width: 130px;
        height: 1.2em;
}
#headerTools h3 {
        font-weight: bold;
        font-size: 0.8em;
        margin: 0 0 -0.5em 0;
        padding: 5px 0 0 22px;
}

/* Hauptnavigation */

#header ul.mainNav {
        list-style: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #D9D9D9;
}
#header ul.mainNav li {
        float: left;
        height: 30px;
        line-height: 27px;
        border-right: 1px solid #D9D9D9;
}
#header ul.mainNav li.last {
        border-right: none;
}
#header ul.mainNav li a {
        display: block;
        font-weight: bold;
        font-size:  0.8em;
        color: #404040;
        text-decoration: none;
        padding: 0 15px 3px 15px;
}
#header ul.mainNav li a:hover, #header ul.mainNav li a.active {
        border-bottom: 3px solid #20AE20;
        padding-bottom: 0;
}

/* Hauptnavigation - Unterpunkte */

#header ul.mainNav li:hover ul, #header ul.mainNav li.sfhover ul {
        display: block;
        z-index: 1;
}
#header ul.mainNav ul {
        display: none;
        position: absolute;
        width: 185px;
        border: none;
        border-left: 1px solid #D9D9D9;
        border-top: 1px solid #D9D9D9;
        margin: 0 0 0 -1px;
        padding: 0;
        z-index: 2;
        background-color: #FFF;
}
#header ul.mainNav ul.first {
        margin: 0;
}
#header ul.mainNav ul li {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
}
#header ul.mainNav ul li a:link, #header ul.mainNav ul li a:visited {
        display: block;
        width: 165px;
        border: 0;
        border-bottom: 1px solid #D9D9D9;
        margin: 0;
        padding: 7px 5px 7px 15px;
        font-weight: normal;
        line-height: normal;
}
#header ul.mainNav ul li a:hover, #header ul.mainNav ul li a:focus {
        border: none;
        border-bottom: 1px solid #D9D9D9;
        color: #20AE20;
}

/* Sub-Navigation */

div.leftCol {
        margin-top: 50px;
        float: left;
        width: 195px;
        font-size: 0.8em;
        line-height: 2em;
        padding-top: 1em;
}
div.leftCol h2 {
        color: #444;
        font-size: 1em;
        margin: 0 0 1em 20px;
}
div.leftCol ul {
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: #FFF;
        border-bottom: 1px solid #D9D9D9;
}
div.leftCol ul li {
        padding: 3px 5px 3px 30px;
        border-top: 1px solid #D9D9D9;
}
div.leftCol ul ul {
        border: none;
}
div.leftCol ul ul li {
        border: none;
        line-height: 1.3em;
        padding-left: 15px;
}
div.leftCol a:hover, div.leftCol a:active, div.leftCol a:focus,
div.leftCol li.activeItem a, div.leftCol li.activeItem a:visited,
div.leftCol li.activeFolder a,
div.leftCol li.activeFolder li.activeFolder a,
div.leftCol li.activeFolder li.activeFolder li.activeItem a,
div.leftCol li.activeFolder li a:hover, div.leftCol li.activeFolder li a:focus,
div.leftCol li.activeFolder li.activeFolder li a:hover, div.leftCol li.activeFolder li.activeFolder li a:focus {
        color: #20AE20;
}
div.leftCol li.activeFolder li a,
div.leftCol li.activeFolder li.activeFolder li a {
        color: #333;
}
div.leftCol li {
        background: url(../pics/ico-arrowDottedGrey.png) 20px 1em no-repeat;
}
div.leftCol li:hover {
        background: url(../pics/ico-arrowDottedGreen.png) 20px 1em no-repeat;
}
div.leftCol li.activeItem {
        background: url(../pics/ico-arrowDottedGreen.png) 20px 1em no-repeat;
}
div.leftCol li.activeFolder {
        background: url(../pics/ico-arrowDottedGreenDown.png) 20px 1em no-repeat;
}

div.leftCol ul ul li, div.leftCol ul ul li.activeItem,
div.leftCol li.activeFolder ul li,
div.leftCol ul ul li.activeFolder,
div.leftCol ul ul li:hover {
        background-position: 5px 0.65em;
}

/* Home-Link */

ul.home {
        display: none;
}
a.home {
        position: relative;
        top: 42px;
        left: 18px;
        display: block;
        width: 180px;
        height: 63px;
}

/* Typo */

h1 {
        cursor: default;
        height: 119px;
        margin: 0;
}
#content.welcome h2 {
        float: left;
        width: 492px;
        height: 97px;
        margin: 0 0 20px 0;
        background: url(../pics/pi-welcome-claim.png) bottom right no-repeat;
}
#content.welcome p {
        clear: both;
        width: 470px;
        color: #FFF;
        padding: 0 0 0 20px;
        margin: 0;
}
a, a:visited, a:active {
        color: #333;
        text-decoration: none;
}
a:focus, a:hover {
        text-decoration: underline;
}
a.more, p.detailLinks a, span.more a {
        padding-left: 10px;
        background: url(../pics/ico-arrowDottedGreen.png) left center no-repeat;
}
a.ico-pdf {
        padding-left: 10px;
        background: url(../pics/ico-pdf-8x8.png) left center no-repeat;
}
a.back {
        padding-left: 10px;
        background: url(../pics/ico-arrowDottedGreenBack.png) left center no-repeat;
}
a.top {
        margin-left: 10px;
        padding-left: 10px;
        background: url(../pics/ico-arrowDottedGreenTop.png) left center no-repeat;
}
div.centerCol a, div.centerCol a:visited, div.centerCol a:active {
        color: #20AE20;
}
div.centerCol a:focus, div.centerCol a:hover {
        text-decoration: underline;
}
p.more {
        padding-right: 5px;
}
p.more a {
        padding-left: 10px;
        background: url(../pics/ico-arrowDottedGrey.png) left center no-repeat;
}
ul {
        list-style: none;
}

/* Inhalt */

div.centerCol {
        margin-top: 50px;
        font-size: 0.8em;
        line-height: 1.8em;
        float: left;
        width: 539px;
        padding: 1em 25px 0 25px;
}
div.centerCol h3 {
        font-size: 1.3em;
        color: #20AE20;
        margin-bottom: 1em;
}
div.centerCol h4 {
        font-size: 1em;
}
div.centerCol h4.subheadline {
        font-size: 1.2em;
        color: #888;
        margin: 0 0 2em 0;
}
div.centerCol h5 {
        margin: 0 0 1em 0;
}
div.centerCol h5.styled {
        font-size: 0.8em;
        font-weight: normal;
        letter-spacing: 0.5em;
        text-align: right;
}

p.breadcrumb {
        color: #888;
        font-size: 1em;
        margin-top: 0;
}
p.breadcrumb span {
        padding-right: 1em;
}
p.breadcrumb a, p.breadcrumb a:active, p.breadcrumb a:visited {
        font-weight: bold;
        color: #888;
}
p.breadcrumb a:hover, p.breadcrumb a:focus {
        text-decoration: underline
}
div.centerCol ul {
        list-style: none;
        margin-left: 1em;
        padding: 0;
}
div.centerCol ol {
        margin-left: 2.5em;
        padding: 0;
}
div.centerCol ul li {
        background: url(../pics/li.png) 0 0 no-repeat;
        padding-left: 1.5em;
        line-height: 1.5em;
        margin-bottom: 1em;
}
dl.formHeader {
        background-color: #F2F2F2;
        padding: 20px;
        margin-bottom: 2em;
}
dl.formHeader dt {
        width: 100px;
        float: left;
        font-weight: bold;
        color: #888;
}
dl.formHeader dd {
        margin-bottom: 0.5em;
}

/* Locations */

div.tooltip h4 {
        color: #20AE20;
        margin: 0;
        padding: 0.5em 0;
        border-bottom: 1px solid #D0D0CE;
        font-size: 1em;
}
div.tooltip p {
        padding-left: 1px
}
div.partner {
        width: 33%;
        height: 80px;
        float: left;
}
/* Partner */

div.partner span {
        display: none;
}
div.logoBrocade {
        background: url(../pics/logo-brocade.png) center center no-repeat;
}
div.logoBlueCoat {
        background: url(../pics/logo-bluecoat.png) center center no-repeat;
}
div.logoCheckpoint {
        background: url(../pics/logo-checkpoint.png) center center no-repeat;
}
div.logoFoundry {
        background: url(../pics/logo-foundry.png) center center no-repeat;
}
div.logoHuawei {
        background: url(../pics/logo-huawei.png) center center no-repeat;
}
div.logoInnovaphone {
        background: url(../pics/logo-innovaphone.png) center center no-repeat;
}
div.logoCisco {
        background: url(../pics/logo-cisco.png) center center no-repeat;
}
div.logoJuniper {
        background: url(../pics/logo-juniper.png) center center no-repeat;
}
div.logoLastMile {
        background: url(../pics/logo-lastmile.png) center center no-repeat;
}
div.logoMarconi {
        background: url(../pics/logo-marconi.png) center center no-repeat;
}
div.logoMicromuse {
        background: url(../pics/logo-micromuse.png) center center no-repeat;
}
div.logoNetInsight {
        background: url(../pics/logo-netinsight.png) center center no-repeat;
}
div.logoNicetec {
        background: url(../pics/logo-nicetec.png) center center no-repeat;
}
div.logoNokia {
        background: url(../pics/logo-nokia.png) center center no-repeat;
}
div.logoNortel {
        background: url(../pics/logo-nortel.png) center center no-repeat;
}
div.logoRSA {
        background: url(../pics/logo-rsa.png) center center no-repeat;
}
div.logoTrendMicro {
        background: url(../pics/logo-trendmicro.png) center center no-repeat;
}
div.logoWebWasher {
        background: url(../pics/logo-webwasher.png) center center no-repeat;
}

/* Inhalts-Bilder */

div#contentPic {
        height: 159px;
}
div#contentPic.contentPic-01 {
        background: url(../pics/contentPic-01.jpg) top left no-repeat;
}

/* Sitemap */

/*h4.sitemapDivider {
        font-size: 1em;
        clear: both;
        background-color: #F4F4F2;
        padding: 3px 5px;
}
div.centerCol ul.sitemap li {
        background: none;
        padding: 0;
        margin-right: 10px;
        float: left;
}

hr.contentDivider {
        color: #FFF;
        clear: both;
        display: block;
        border: 1px dotted #DFDFD7;
        border-width: 1px 0 0 0;
        margin: 1em 0;
}*/
/*div.centerCol ul.sitemap {
        list-style: none;
}
div.centerCol ul.sitemap li.first {
        font-weight: bold;
}
div.centerCol ul.sitemap li.first ul li {
        font-weight: normal;
} */

/* Reiter */

#tabs {
        clear: both;
        background-image: url(../pics/reiter-bg-ul.gif);
        height: 30px;
        list-style: none;
        padding: 0;
        margin: 0 0 2em 0;
}
#tabs li {
        height: 25px;
        float: left;
        padding: 0;
        margin: 0;
        background: url(../pics/reiter-right.gif) no-repeat top right;
}
#tabs li.active {
        background: url(../pics/reiter-right-a.gif) no-repeat top right;
}
#tabs li a, #tabs li span {
        color: #AAA;
        display: block;
        float: left;
        height: 20px;
        margin: 0 3px 0 0;
        padding: 5px 15px 0 15px;
        background: url(../pics/reiter-left.gif) no-repeat top left;
}
#tabs li a:hover, #tabs li a:focus {
        color: #888;
        text-decoration: none;
}
#tabs li.active a, #tabs li.active span {
        color: #333;
        font-weight: bold;
        background: url(../pics/reiter-left-a.gif) no-repeat top left;
}

/*Navigation durch Reiter */

div.centerCol ul.prevNext {
        margin-top: 2em;
}
div.centerCol ul.prevNext li {
        padding: 0;
        float: right;
        width: 50%;
        background-image: none;
}
div.centerCol ul.prevNext li.next {
        text-align: right;
}
div.centerCol ul.prevNext li.prev {
        float: left;
}
div.centerCol ul.prevNext li.prev a.more {
        background: url(../pics/ico-arrowDottedGreenBack.png) left center no-repeat;
}
div.centerCol ul.prevNext li.next a.more {
        padding-right: 10px;
        background: url(../pics/ico-arrowDottedGreen.png) right center no-repeat;
}

/* Presse, Events, Karriere, Downloads, DL-Warenkorb */

div.centerCol ul.presse,
div.centerCol ul.events,
div.centerCol ul.karriere,
div.centerCol ul.downloads,
div.centerCol ul.basket {
        margin: 1em 0 2em 0;
}

div.centerCol ul.presse li,
div.centerCol ul.events li,
div.centerCol ul.karriere li,
div.centerCol ul.downloads li,
div.centerCol ul.basket li {
        clear: both;
        background-image: none;
        padding-left: 0;
        height: 6em;
        border-bottom: 1px dotted #888;
}
div.centerCol ul.karriere li,
div.centerCol ul.downloads li,
div.centerCol ul.events li,
div.centerCol ul.basket li {
        height: 4em;
}
div.centerCol ul.presse span,
div.centerCol ul.events span,
div.centerCol ul.karriere span,
div.centerCol ul.downloads span {
        color: #888;
}
div.centerCol ul.basket span {
        font-weight: bold;
}
div.centerCol ul.presse p,
div.centerCol ul.events p,
div.centerCol ul.karriere p,
div.centerCol ul.downloads p,
div.centerCol ul.basket p {
        float: left;
        margin-top: 0;
}
div.centerCol ul.presse p.abstract,
div.centerCol ul.karriere p.abstract,
div.centerCol ul.downloads p.abstract,
div.centerCol ul.presse p.bodytext,
div.centerCol ul.karriere p.bodytext,
div.centerCol ul.downloads p.bodytext,
div.centerCol ul.basket p.bodytext {
        width: 78%;
        padding-right: 2%;
}
div.centerCol ul.events p.timestamp {
        color: #888;
        width: 12%;
        padding-right: 2%;
}
div.centerCol ul.events p.abstract,
div.centerCol ul.events p.bodytext {
        width: 64%;
        padding-right: 2%;
}
div.centerCol ul.presse p.detailLinks,
div.centerCol ul.events p.detailLinks,
div.centerCol ul.karriere p.detailLinks,
div.centerCol ul.downloads p.detailLinks,
div.centerCol ul.basket p.detailLinks {
        width: 19%;
}
div.centerCol ul.presse p.detailLinks a,
div.centerCol ul.events p.detailLinks a,
div.centerCol ul.karriere p.detailLinks a,
div.centerCol ul.downloads p.detailLinks a {
        padding-left: 12px;
}
div.centerCol ul.presse p.detailLinks a.addToBasket,
div.centerCol ul.events p.detailLinks a.addToBasket,
div.centerCol ul.karriere p.detailLinks a.addToBasket,
div.centerCol ul.downloads p.detailLinks a.addToBasket,
div.rightCol a.addToBasket {
        margin-left: 5px;
        padding: 0;
}
div.centerCol ul.karriere p.detailLinks a,
div.centerCol ul.downloads p.detailLinks a {
        margin-top: 1.5em;
}
div.centerCol ul.basket span.label {
        color: #AAA;
}
div.centerCol a.deleteItem, div.centerCol p.deleteAll a {
        padding-left: 12px;
        background: url(../pics/ico-deleteItem.png) left center no-repeat;
}
div.centerCol p.downloadAll {
        text-align: right;
}
div.centerCol p.downloadAll a,
div.centerCol p.downloadAll a:visited,
div.centerCol p.downloadAll a:active {
        color: #FFF;
        padding: 3px 5px 3px 15px;
        background: #20AE20 url(../pics/ico-save.png) 3px center no-repeat;
}
div.centerCol p.downloadAll a:hover {
        text-decoration: none;
}

/* Formular-Elemente */

input, textarea, select {
        border: 1px solid #CCC;
        font-size: 1em;
        padding: 2px;
}
textarea {
        width: 270px;
        font-family: Arial, sans-serif;
}
select {
        width: 275px;
}
#headerTools input.button {
        width: 9px;
        cursor: pointer;
        border: none;
}
#headerTools input.arrowWhite {
        background: url(../pics/bu-submit-arrowWhite.png) center center no-repeat;
}
#headerTools input.arrowGreen {
        background: url(../pics/bu-submit-arrowGreen.png) center center no-repeat;
}
div.formRow, div.checkBoxRow {
        clear: both;
        width: 400px;
        margin-bottom: 1.5em;
        padding: 2px 0 2px 0;
        float: left;
}
.error {
        color: #a40000;
}
ul.formerror {
        color: #a40000;
}
div.centerCol ul.formerror li {
        background: url(../pics/li-red.png) top left no-repeat;
}
div.formRow label, div.formRow span.label {
        display: block;
        width: 80px;
        float: left;
        line-height: 1.3em;
}
div.formRow label.labelSmall {
        float: left;
        width: 40px;
        line-height: 1.5em;
}
div.error label {
        padding-left: 3px;
}
div.formRow span {
        margin-right: 10px;
        line-height: 1.5em;
}
div.formRow label.required {
        font-weight: bold;
}
div.centerCol fieldset {
        border: 0;
        padding: 0;
}
div.centerCol legend {
        display: none;
}
div.centerCol textarea {
        float: left;
        height: 6em;
}
div.centerCol input.inputSmall {
        width: 76px;
        margin-right: 10px;
}
div.centerCol input.inputMedium {
        width: 175px;
}
div.centerCol input.inputLarge {
        width: 270px;
}
input.check {
        width: auto;
        margin: 0 0.5em 0 0;
        border: 0;
        float: left;
}
div.checkBoxRow checkbox {
        float: left;
        border: 0;
}
div.checkBoxRow label {
        position: absolute;
        width: 520px;
        line-height: 1.5em;
}
div.buttonSet {
        clear: both;
        width: 354px;
        text-align: right;
        padding-top: 1em;
}
div.buttonSet input, input.button {
        color: #FFF;
        padding: 3px 5px;
        background-color: #20AE20;
        border: none;
        cursor: pointer;
}
div.gapBottom {
        margin-bottom: 3em;
}
form#filter {
        background-color: #F2F2F2;
        padding: 10px;
}
form#filter h4 {
        color: #888;
        margin-top: 0;
}

/* Rechte Spalte */

div.rightCol {
        margin-top: 50px;
        float: left;
        width: 196px;
        font-size: 0.8em;
        line-height: 1.5em;
}
div.rightCol h4 {
        font-size: 1em;
        color: #20AE20;
        background-color: #F5F5F1;
        margin: 0 0 1.5em 0;
        padding: 0.3em 0 0.3em 15px;
}
div.rightCol p {
        padding-left: 15px;
}
div.pageTools {
        border-top: 1px solid #F5F5F1;
        margin-top: 2em;
}
div.pageTools a {
        padding-left: 17px;
}
div.pageTools a.pageToolsPrint {
        background: url(../pics/ico-pageToolsPrint.png) left center no-repeat;
}
div.rightCol ul.downloads, div.rightCol ul.links {
        list-style: none;
        margin-left: 15px;
        padding: 0;
}
div.rightCol a.more {
        color: #20AE20;
}
div.rightCol ul li {
        padding-left: 17px;
        margin-bottom: 0.5em;
}
div.centerCol ul.basket span {
        padding-left: 17px;
}
div.rightCol ul.downloads li, div.rightCol ul.links li {
        background: url(../pics/ico-links.png) 0 2px no-repeat;
}
div.rightCol ul.downloads li.ico-pdf,
div.centerCol ul.basket span.ico-pdf {
        background: url(../pics/ico-pdf-10x10.png) 0 2px no-repeat;
}
div.rightCol ul.downloads li.ico-doc,
div.centerCol ul.basket span.ico-doc,
div.rightCol ul.downloads li.ico-docx,
div.centerCol ul.basket span.ico-docx {
        background: url(../pics/ico-doc-10x10.png) 0 2px no-repeat;
}
div.rightCol ul.downloads li.ico-zip,
div.centerCol ul.basket span.ico-zip {
        background: url(../pics/ico-zip-10x10.png) 0 2px no-repeat;
}
div.rightCol ul.downloads li.ico-generic,
div.centerCol ul.basket span.ico-generic {
        background: url(../pics/ico-generic.png) 0 2px no-repeat;
}

/* Fusszeile */

#footer {
        clear: both;
        color: #888;
        height: 45px;
        background: #FFF url(../pics/bg-footer.png) top center no-repeat;
        font-size: 0.8em;
        text-align: right;
        padding: 1em 10px 0 0;
}
#wrapper.sub #footer {
        margin-top: 2em;
}
#footer p {
        height: 1em;
        line-height: 1em;
        margin: 1em 0 0 0;
        float: right;
}
#footer a, #footer a:active, #footer a:hover, #footer a:visited {
        color: #888;
}
#footer ul {
        float: right;
        list-style: none;
        margin: 1em 20px 0 0;
        padding: 0;
}
#footer ul.languageSelect {
        float: left;
        margin-left: 15px;
}
#footer ul.languageSelect li {
        padding: 0;
}
#footer ul li {
        height: 1em;
        line-height: 1em;
        padding: 0 10px 0 10px;
        float: left;
        border-right: 1px solid #888;
}
#footer ul li.last {
        border: none;
}

/* Versteckte Elemente */

hr,
#headerTools label,
#headerTools legend,
h1 span,
#content.welcome h2 span,
img#printHeader,
a.addToBasket span {
        display: none;
}

/* Glossar */

div.glossar {
        margin-bottom: 2em;
}
div.glossar span, span.glossarEmpty {
        font-size: 1.1em;
        font-weight: bold;
}
span.glossarEmpty {
        color: #888;
        padding: 0 0.2em 0 0.2em;
}
div.glossar span.all {
        margin-right: 3em;
}

div.glossar span a:link, div.glossar span a:visited {
        padding: 0 0.2em 0 0.2em;
}

div.glossar span a:hover, div.glossar span a:focus,
div.glossar span a:link.active, div.glossar span a:visited.active {
        color: #FFF;
        text-decoration: none;
        background: #20AE20;
}

div.centerCol ul.glossar {
        margin: 2em 0;
        padding-bottom: 1em;
        border-bottom: 1px dotted #333;
}

div.centerCol ul.glossar li {
        margin: 0.2em 0;
        display: block;
}

div.centerCol h4.glossar {
        margin-bottom: 0;
        padding-bottom: 0;
}
div.centerCol p.glossar {
        margin-top: 0;
        padding-top: 0;
}

/* Sitemap */

div.centerCol li.first {
        list-style: none;
}
div.centerCol ul.sitemap {
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #E0E0D8;
}
div.centerCol ul.sitemap li {
        margin: 0;
        padding: 0;
        display: block;
        background: none;
}

div.centerCol ul.sitemap ul.sitemap {
        margin: 0;
        padding: 1em 0 1em 0;
        background-color: #FFF;
}
div.centerCol ul.sitemap ul.sitemap ul.sitemap {
        margin: 0;
        padding: 1em 0 1em 1em;
        border-top: 1px dotted #000;
}
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap {
        border: none;
}
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap ul.sitemap {
        margin-left: 1em;
}

div.centerCol ul.sitemap a:link,
div.centerCol ul.sitemap a:visited {
        padding: 1px 1em 2px 0;
        text-decoration: none;
        color: #888;
        font-size: 1.1em;
        font-weight: bold;
        background: #FFF;
}
div.centerCol ul.sitemap ul.sitemap a:link,
div.centerCol ul.sitemap ul.sitemap a:visited {
        padding-left: 1em;
        color: #333;
        font-size: 1em;
        font-weight: bold;
        background: #FFF url(../pics/ico-arrowDottedGrey.png) left center no-repeat;
}
div.centerCol ul.sitemap ul.sitemap ul.sitemap a:link,
div.centerCol ul.sitemap ul.sitemap ul.sitemap a:visited {
        font-weight: normal;
}
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap a:link,
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap a:visited {
        color: #888;
}

div.centerCol ul.sitemap ul.sitemap a:hover,
div.centerCol ul.sitemap ul.sitemap a:focus,
div.centerCol ul.sitemap ul.sitemap ul.sitemap a:hover,
div.centerCol ul.sitemap ul.sitemap ul.sitemap a:focus,
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap a:hover,
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap a:focus,
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap ul.sitemap a:hover,
div.centerCol ul.sitemap ul.sitemap ul.sitemap ul.sitemap ul.sitemap a:focus {
        text-decoration: underline;
        color: #20AE20;
        background: #FFF url(../pics/ico-arrowDottedGreen.png) left center no-repeat;
}

/* Optionale Bildrahmen */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
                border: 2px solid #F2F2F2;
                padding: 0px 0px;
        }
