.container {
    display: flex;
    justify-content: center; /* horizontaal */
    align-items: center; /* verticaal */
    height: 100vh; /* volledige schermhoogte */
}

#ticker-container
{
    position:relative;
    overflow:hidden;
    width: 400px;
    height: 150px;
    background-color: <?php print rgbCS2html($creditBackground) ?>;
    background-repeat: repeat;
    border: solid;
    border-width: 1px;
}

#ticker
{
    position:relative;
    width:400px;

    color: <?php print rgbCS2html($creditText) ?>;
    display:list-item;
    margin-bottom: 1px;
    margin-top: 1px;
    margin:0px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-top: 1px;
    padding:0px;
}

.ticker_row
{

    font-family: Arial;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: <?php print rgbCS2html($creditText) ?>;
    background-color: <?php print rgbCS2html($creditBackground) ?>;
}

.ticker_row_even
{

    font-family: Arial;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: <?php print rgbCS2html($creditText) ?>;
    background-color: <?php print rgbCS2html($creditBackground) ?>;
}

.ticker_row_title
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    font-style: bold;
    text-decoration: none;
    color: <?php print rgbCS2html($creditBackground) ?>;
    background-color: <?php print rgbCS2html($creditText) ?>;
}

.ticker_row_even_title
{

    font-family: Arial;
    font-size: 11pt;
    font-style: bold;
    font-weight: bold;
    text-decoration: none;
    color: <?php print rgbCS2html($creditBackground) ?>;
    background-color: <?php print rgbCS2html($creditText) ?>;
}