@media screen and (prefers-color-scheme: dark)
{
body {background-color:#222;}
html, body, td {color:#E1E1E1;}

h1 {color:#F7F7F7;}
h2 {color:#F7F7F7;}
h3 {color:#F7F7F7;}
h4 {color:#F7F7F7;}
img[src$=".png"], img[src$=".gif"] {filter:grayscale(5%) brightness(90%);}
a:link {color:#F7F7F7;}
a:visited {color:#B1B1B1;}
a:hover, a:active {color:#FFF;}

.code {color:#FFF; background-color:#000; border-color:#9E9E9E;}
.colouredbox {background-color:#515151; border-color:#7E7E7E;}
.headerlink {color:#F3F3F3;}
a.headerlink:link,  a.headerlink:visited {color:#F3F3F3;}
a.headerlink:hover, a.headerlink:active {color:#00A4D1;}
img.flag {border-color:#666;}
.newsdate {color:#999;}
.pricechange .newprice {color:#FF6600;}

.windows, .macos, .linux {color:#FFF;}
.windows {background-color:#00ADEF;}
.macos {background-color:#999;}
.linux {background-color:#EBB400;}

input, select, textarea {color:#FFF; background-color:#333; border-color:#7E7E7E;}
input[type="file"] {background-color:inherit;}

a.buttonbuy, a.buttonorder, a.buttonadd, a.buttondownload, a.buttonremove, a.buttonmanual {color:#FFF;}

a.buttonbuy, a.buttonorder {background-color:#FF6600;}

a.buttonadd, a.buttondownload {background-color:#6AA800;}

a.buttonremove, a.buttonmanual {background-color:#00A8CC;}

.infoboxheader {color:#F7F7F7; border-color:#515151; background-color:#515151;}
.infoboxcontent {border-color:#515151; background-color:#333;}

.tablecoloured {border-color:#515151;}
.tablecoloured th {color:#FFF; border-color:#515151; background-color:#515151;}
.tablecoloured th a {color:#FFF;}
.tablecoloured tr.odd {background-color:#333;}
.tablecoloured tr.lineseparated td {border-top-color:#515151;}
table.alternating tr:nth-child(even) {background-color: #222;}
table.alternating tr:nth-child(odd) {background-color: #333;}
.tabletransparent th {color:#FFF;}
fieldset {border-color:#515151;}

#topline {background-color:#515151;}
#topline-content {background-color:#515151;}
#topline a {color:#E1E1E1;}
#topline a::before {color:#E1E1E1;}

#menu {background-color:#333;}
#menu-content {background-color:#333;}

#logo .pic {background-image:url("/img/softperfect-logo-l-dk.svg"); opacity:0.97;}

.menutab a {color:#FFF; background-color:#000;}
.menutab a:link,  .menutab a:visited {color:#FFF;}
.menutab a:hover, .menutab a:active  {color:#FFF;}
a#tabproducts, a#tabdownload, a#taborder, a#tabsupport {background-color:#555; border-top:1px solid #666;}

#submenu {background-color:#333; color:#000;}  /* BG colour same as inactive tabs */
#submenu-content {background-color:#333;}
#submenu a {color:#FFF;}

#main {background-color:#222;}
#main-content {background-color:#222;}

#bottom {background-color:#333;}
#bottom-content {background-image:none;}
#bottom a {color:#F7F7F7;}
#bottom a:hover, #bottom a:active {color:#FFF;}


/* Sections styles */

#sectionhome #bottom {border-top-color:#6AA800;}
#sectionhome a#tabproducts {background-color:#6AA800; border-top-color:#6AA800;}
#sectionhome #submenu, #sectionhome #submenu-content {background-color:#6AA800;}

#sectionproducts #bottom {border-top-color:#6AA800;}
#sectionproducts a#tabproducts {background-color:#6AA800; border-top-color:#6AA800;}
#sectionproducts #submenu, #sectionproducts #submenu-content {background-color:#6AA800;}

#sectioncompany #bottom {border-top-color:#515151;}
#sectioncompany #submenu, #sectioncompany #submenu-content {background-color:#515151;}

#sectiondownload #bottom {border-top-color:#6AA800;}
#sectiondownload a#tabdownload {background-color:#6AA800; border-top-color:#6AA800;}
#sectiondownload #submenu, #sectiondownload #submenu-content {background-color:#6AA800;}

#sectionorder #bottom {border-top-color:#6AA800;}
#sectionorder a#taborder {background-color:#6AA800; border-top-color:#6AA800;}
#sectionorder #submenu, #sectionorder #submenu-content {background-color:#6AA800;}

#sectionsupport #bottom {border-top-color:#6AA800;}
#sectionsupport a#tabsupport {background-color:#6AA800; border-top-color:#6AA800;}
#sectionsupport #submenu, #sectionsupport #submenu-content {background-color:#6AA800;}

}


@media screen and (prefers-color-scheme: dark) and (max-width: 767px) {

#topline {background-color:#333;}
#topline-content {background-color:#333;}

#menu {background-color:#333;}
#menu-content {background-color:#333;}

#logo .pic {background-image:url("/img/softperfect-logo-s-dk.svg"); opacity:0.97;}

.menutab a {color:#FFF;}

#submenu {background-color:#333;}
#submenu-content {background-color:#333;}
#submenu a {color:#FFF;}

}



@media screen and (prefers-color-scheme: dark) and (min-width: 768px) and (max-width: 1199px) {

#logo .pic {background-image:url("/img/softperfect-logo-m-dk.svg"); opacity:0.97;}

}