body { font-size: 70%; font-family: verdana, arial, sans-serif; }

.normal {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        text-decoration: none;
}

.normalbold {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        font-weight: bold;
        text-decoration: none;
}

.whitenormal {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #FFFFFF;
        text-decoration: none;
}

.normalitalic {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        text-decoration: none;
        font-style: italic;
}

.prodtext {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 9pt;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
}

.greynormalitalic {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #999999;
        text-decoration: none;
        font-style: italic;
}

.textlink {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #CC3300;
        text-decoration: none;
}

.error {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
}

.blueitalic {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        font-style: italic;
        color: #333399;
        text-decoration: none;
}

.whiteheader {
        font-family: Tahoma, Verdana, Arial;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        color: #FFFFFF;
}

.grey {
        font-family: Tahoma, Verdana, Arial;
        font-size: 10px;
        font-style: normal;
        color: #999999;
}

.greybar {
        font-family: Tahoma, Verdana, Arial;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #999999;
}

.header1 {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 13pt;
        font-style: normal;
        font-weight: normal;
        color: #CC3300;
        letter-spacing: 3px;
}

.header2 {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #CC3300;
        letter-spacing: 1px;
}

.header3 {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
        color: #CC3300;
}

.header4 {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        font-weight: normal;
        color: #CC3300;
        letter-spacing: 1px;
}

.header1p {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 13pt;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        letter-spacing: 3px;
}

.header2p {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        letter-spacing: 1px;
}

.header3p {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.header4p {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        letter-spacing: 1px;
}

.tableheader {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #CC3300;
        text-decoration: none;
        text-align: center;
}

.printtableheader {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
        text-decoration: none;
        text-align: center;
}

.tableheaderl {
        font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #CC3300;
        text-decoration: none;
}

.tablerowwhite {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #FFFFFF;
        text-decoration: none;
}

.tablerowgrey {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #BBBBBB;
        text-decoration: none;
}

.tablerowoffert {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #eaecde;
        text-decoration: none;
}

.tablerowoffertedit {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #eaecde;
        text-decoration: none;
        font-weight: bold;
}

.tablerowgreen {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #4dafaf;
        text-decoration: none;
}

.tablerowfakturerad {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #4dafaf;
        text-decoration: none;
}

.tablerowyellow {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #eae556;
        text-decoration: none;
}

.tablerowred {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #eb6120;
        text-decoration: none;
}

.tablerowblue {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #3366FF;
        text-decoration: none;
}

.tablerowedit {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
}

.idtext {
        font-family: Verdana, Arial;
        font-size: 8pt;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        text-align: center;
}

.send {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 13pt;
        font-style: normal;
        font-weight: normal;
        color: #FF0000;
}

.sok {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        color: #21618C;
        font-weight: bold;
        text-decoration: none;
}

.tooltip {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #CC0000;
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
}

A:active.textlink { text-decoration: underline; }
A:hover.textlink { text-decoration: underline; }
A:active.tableheader { text-decoration: underline; }
A:hover.tableheader { text-decoration: underline; }