.items-3col {
    padding: 0 0 0 35px;
}

.item-3col {
    width: 203px;
    float: left;
    margin: 0 20px 15px 0;
    background: url(../images/co2m-box-3er-middle-weiss.jpg) repeat-y;
    text-align: center;
    cursor: pointer;
}

.item-3col .img {
    padding: 20px 10px;
    background: url(../images/co2m-box-3er-top-weiss.jpg) top left no-repeat;
}

.validity.invalid {
    color: #f00;
}

.btn {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 42px;
    background: url(../images/btn.jpg);
    text-align: center;
}

.btn:hover {
    text-decoration: none;
}

.btn span {
    display: block;
    padding:  13px 0 0 0;
    color: #fff;
}

.item-3col .footer {
    background: url(../images/co2m-box-3er-bottom-weiss.jpg) bottom left no-repeat;
    height: 5px;
}


.whitecontent {
    background: url(../images/co2m-konto-tabbox-middle-grau.jpg) repeat-y;
    padding: 5px 20px 10px 20px;
}

.whitecontent-header {
    background: url(../images/co2m-konto-tabbox-top-grau-notabs.jpg) left top no-repeat;
    height: 10px;
}

.whitecontent-footer {
    background: url(../images/co2m-konto-tabbox-bottom-grau.jpg) left bottom no-repeat;
    height: 10px;
    margin: 0 0 10px 0;
}

div.content .whitecontent h1 {
    margin-bottom: 0;
}

div.content .whitecontent h2 {
    margin-top: 0;
}

.whitecontent p.details {
    color: #3F9ED4;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.whitecontent .left {
    float: left;
    width: 310px;
}

.whitecontent .left img {
    margin: 0 auto;
    display: block;
}

.whitecontent .right {
    float: right;
    width: 260px;
}

.greenbox,
.graybox {
    width: 260px;
    background: url(../images/co2m-detailansicht-middle-green.jpg) repeat-y;
    margin: 10px 0 0 0;
}

div.greenbox h2,
div.graybox h2 {
    background: url(../images/co2m-detailansicht-top-green.jpg) left top no-repeat;
    padding:  15px 20px 15px 20px;
    margin: 0;
}

.greenbox .footer,
.graybox .footer {
    background: url(../images/co2m-detailansicht-bottom-green.jpg) left bottom no-repeat;
    height: 10px;
}

.greenbox dl,
.graybox dl {
    padding: 0 20px 10px 20px;
}

.greenbox dt,
.graybox dt {
    font-size: 85%;
}

.greenbox dd,
.graybox dd {
    font-weight: bold;
    padding: 0 0 10px 0;
}

.graybox { background-image: url(../images/co2m-detailansicht-middle-gray.jpg); }
div.graybox h2 { background-image: url(../images/co2m-detailansicht-top-gray.jpg); }
.graybox .footer { background-image: url(../images/co2m-detailansicht-bottom-gray.jpg); }

.btn-pdf {
    display: block;
    margin: 50px auto;
    width: 240px;
    height: 67px;
    background: url(../images/btn-pdf.jpg);
}

.btn-pdf span {
    display: block;
    padding:  28px 10px 0 54px;
    color: #fff;
    text-align: center;
}