div.columns {
    width: 100%;
    margin-bottom: 12px;
}

div.column {
    float:  left;
    vertical-align: top;
    padding-right: 12px;
    overflow-x: hidden;

}

body {
    font:               normal normal normal 12px Arial;
    color:              #202020;
}

div.component {
        width: 100%;
}

form {
    padding:            0px;
    margin:             0px;
}

div.pageTitle {
    font:               normal normal bold 12px Arial;
    font-weight:        bold;
    color:              #FFFFFF;
    background-color:   #9E9FA4;
    padding:            3px 0 3px 5px;
}

div.pageTeaser {
    font:               normal normal normal 12px Arial;
    color:              #202020;
    background-color:   #FFFFFF;
    padding:            10px 10px 10px 10px;
    margin-bottom:      15px;
}


div.contentTitle {
    font:               normal normal bold 12px Verdana,Arial;
    color:              #202020;
    padding:            4px 0px 4px 10px;
    margin-bottom:      3px;
}

div.contentTeaser {
    font:               normal normal normal 12px Arial;
    color:              #202020;
    padding-left:       10px;
    margin-bottom:      15px;
}

span.note {
    color:              #666666;
    font-style:         italic;
}

div.cellHeader {
    display:            inline;
    padding:             5 5 5 5;
}

div.cell {
    display:            inline;
    padding:             5 5 5 5;
}

div.rowHeader {
    background-color:   #F5F5F5;
    height:             24px;

}

div.row {
    height:             24px;
}

table.table {
    width:              100%;
    padding-bottom:     12px;
}

tr.header {
    background-color:   #FFFFFF;
}

tr.body {
    padding-left:       0px;
}

tr.title {
    background-color:   #FFFFFF;
    height:             26px;
}

td {
    font:               normal normal normal 12px Arial;
    color:              #202020;
}


td.cell {
    padding-top:        5px;
    padding-bottom:     5px;
    border-top:      1px solid #CDCDCD;

}

td.headerCell {
    font:               normal normal bold 12px Arial;
    padding-top:        5px;
    padding-bottom:     5px;
}

table.title {
    width:              100%;
    margin-bottom:      3px;
}

td.title {
    font:               normal normal bold 12px Arial;
    color:              #202020;
    background-color:   #FFFFFF;
    padding-top:        5px;
    padding-bottom:     5px;
}



div.tableTitle {

    display:            inline;
}

div.button {
    display:            inline;
    background-color:   #CAEBFC;
    color:              #003B7B;
    width:              100px;
    padding-bottom:     5px;
    padding-top:        5px;
    text-align:         center;
    font-weight:        900;
    border-left:        1px solid white;
    cursor:             pointer;
    cursor:             hand;
}

div.verticalSpace3 {
    height: 22px;
}

div.verticalSpace1 {
    height: 22px;
}

div.verticalSpace2 {
    height: 3px;
}

a.buttonLabel {
    text-decoration: none;
}

div.okText {
    color: #257C2C;
    display: inline;
}

div.errorText {
    color: #CD3E47;
    display: inline;
}


td.component_title {
    font:           normal normal bold 12px Arial;
    padding:        0px 0px 10px 0px;
    color:          #202020;
}

td.component_left_cell {
    padding:        5px 5px 5px 5px;

}

input.button {
    border:             none;
    background-color:   #00285A;
    color:              #CCCCCC;
    padding:            4px 5px 4px 5px;
}

<!--
        FIXME: a content template gets a wrong font size in this tag.
        <div class="pageTeaser"><span class="texteditor"><div ALIGN="LEFT">
        but cant find the reason at the moment therefore this quick fix.

        it might be because of a conflicting styles some where
-->

a {
    color:  #287EC7;
    font: normal normal bold 12px Arial;
}

td.selected_block {
    background-color:   #003B7B;
}

.teasers_caption {
    font: normal normal bold 12px Verdana,Arial;
    color: #666666;
}

#teaser-right div {
    text-align: center;
    font-size: 9px;
    color: #666666;
    text-decoration: none;
}

#teaser-left div {
    text-align: center;
    font-size: 9px;
    color: #666666;
    text-decoration: none;
}

#teaser-link a {
    font: normal normal normal 12px Arial;
    color: #00285A;
    text-decoration: none;
}


.red_caption {
    font: normal normal bold 12px Verdana,Arial;
    color: #CD3E47;
}


table.activebutton {
    cursor:             pointer;
}

td.activebutton{
    font-family:        Arial;
    font-size:          11px;
    font-weight:        bold;
    color:              #CD3E47;
    padding:            9px 0px 10px 2px;
    width:              30px;
}

table.passivebutton {
    cursor:             pointer;
}

td.passivebutton{
    font-family:        Arial;
    font-size:          11px;
    font-weight:        bold;
    color:              #CD3E47;
    padding:            9px 0px 10px 2px;
    width:              58px;
}



.pricecalc_h1 {
    font: normal normal bold 11px Arial;
    color: #666666;
    text-transform: uppercase;
}

.pricecalc_text {
    font: normal normal normal 11px Arial;
    color: #666666;
}

.pricecalc_total_text {
    font: normal normal bold 11px Arial;
    color: #000000;
}

.pricecalc_price {
    font: normal normal normal 11px Arial;
    color: #666666;
    text-align: right;
}

.pricecalc_total_price {
    text-align: right;
    font: normal normal bold 11px Arial;
    color: #000000;
}

.pricegroup_h1 {
    font: normal normal bold 11px Arial;
    color: #666666;
    text-transform: uppercase;
}

.pricegroup_h2 {
    font: normal normal bold 11px Arial;
    color: #000000;
    text-transform: uppercase;
}

.pricegroup_text {
    font: normal normal normal 11px Arial;
    color: #666666;
}