body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
}

input, select, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

code, pre, tt, .articleCode {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

form, div, p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

.listEntry {
    margin-bottom: 10px;
}

a, a:link, a:visited, a:active, a:focus {
    color: #FF3300;
    text-decoration: none;
}

a:hover {
    color: #FF3300;
    text-decoration: underline;
}

.articleText {
    margin-bottom: 3px;
    text-align: justify;
}

.articleCode {
    margin-bottom: 3px;
    font-size: 12px;
}


.articleSummary {
    font-size: 11px;
    color: #000000;
    line-height: 135%;
}

.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
    font-size: 10px;
    color: #4A5966;
    font-weight: normal;
    text-decoration: none;
}

.nav_table a:hover {
    text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
    font-size: 10px;
    color: #4A5966;
    font-weight: bold;
    text-decoration: none;
}

.articleList_toptext {
    font-size: 10px;
}

.articleList_listhead {
    font-size: 11px;
    font-weight: bold;
}


/* CSS for the top level list */
ul.list_top, ul.list_level {
    padding: 3px 0;
    margin-left: 0;
    border-bottom: 1px solid #5E747F;
    font: bold 12px Verdana, sans-serif;
}

ul.list_top li, ul.list_level li {
    list-style: none;
    margin: 0;
    display: inline;
    padding: 0;
}

ul.list_top li a, ul.list_level li a {
    padding: 3px 0.5em;
    margin: 0;
    border: 1px solid #778;
    border-bottom: none;
    background: #D7DEE5;
    text-decoration: none;
}

ul.list_top li a:link, ul.list_level li a:link {
    color: #5E747F;
}

ul.list_top li a:visited, ul.list_level li a:visited {
    color: #5E747F;
}

ul.list_top li a:hover, ul.list_level li a:hover {
    color: Black;
    background: #92A1AF;;
    border-color: #227;
}

ul.list_top li.active a, ul.list_level li.active a {
    background: white;
    border-bottom: 1px solid white;
}


/**
 * Sample CSS for DIV pagelayout
 */
#container {
    width: 760px;
    border: 1px solid gray;
    margin: 10px auto;
    padding: 10px;
}

#headerBlock {
    padding: 5px;
    margin-bottom: 5px;
    background-color: rgb(213, 219, 225);
}

#mainBlock {
    padding: 5px;
    margin-left: 215px;
    margin-right: 215px;
    background-color: gray;
}

#leftBlock {
    float: left;
    width: 200px;
    margin: 0 5px 0 0;
    padding: 5px;
    background-color: rgb(235, 235, 235);
}

#rightBlock {
    float: right;
    width: 200px;
    margin: 0 0 0 5px;
    padding: 5px;
    background-color: rgb(235, 235, 235);
}

#footerBlock {
    clear: both;
    padding: 5px;
    margin-top: 5px;
    background-color: rgb(213, 219, 225);
}

.imgDIVinTextLeft {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0;
}

.imgDIVinTextRight {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 0;
}

.imgDIVtopLeft {
    margin: 8px 10px 5px 20px;
    padding: 0;
    border: 0;
}

.imgDIVtopCenter {
    margin: 8px -50% 5px -50%;
    padding: 0;
    border: 0;
}

.imgDIVblockImgLeft {
    margin-right: 10px;
}

.imgDIVblockImgRight {
    margin-left: 10px;
}

.phpwcmsImgListRight {
    text-align: right;
    margin: 0;
    padding: 0;
}

.phpwcmsImgListLeft {
    text-align: right;
    margin: 0;
    padding: 0;
}


.phpwcmsSearchResult {
    margin: 15px 0 15px 0;
}

.phpwcmsSearchResult h3 {
    margin: 10px 0 1px 0;
    font-size: 12px;
    font-weight: bold;
}

.phpwcmsSearchResult p {
    margin: 0;
}

.phpwcmsSearchResult em.highlight, em.highlight {
    background-color: #FFFF00;
    font-style: inherit;
}

.phpwcmsArticleListEntry {
    clear: both;
}

.phpwcmsArticleListImage {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 3px;
}

.phpwcmsArticleListImageCaption {
    padding-top: 5px;
}

div.cpPagination {
    margin: 10px 0 10px 0;
    text-align: right;
}

a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
    padding: 0 3px 1px 3px;
    background-color: #FFFFFF;
    color: #BBBBBB;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #CBCBCB;
}

a.cpPaginateActive {
    background-color: #CBCBCB;
    color: #FFFFFF;
    border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
    background-color: #DDDDDD;
    color: #666666;
    border: 1px inset #CBCBCB;
}