@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 {color:#FFF;}
.windows {background-color:#00ADEF;}
.macos {background-color:#999;}

input, select, textarea {color:#FFF; background-color:#3B3B3B; 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; border-color:#BA4B01;}
a.buttonbuy:hover, a.buttonbuy:focus, a.buttonbuy:active, a.buttonorder:hover, a.buttonorder:focus, a.buttonorder:active {background-color:#F76707;}

a.buttonadd, a.buttondownload {background-color:#6AA800; border-color:#477000;}
a.buttonadd:hover, a.buttonadd:focus, a.buttonadd:active, a.buttondownload:hover, a.buttondownload:focus, a.buttondownload:active {background-color:#649E00;}

a.buttonremove, a.buttonmanual {background-color:#00A8CC; border-color:#006075;}
a.buttonremove:hover, a.buttonremove:focus, a.buttonremove:active, a.buttonmanual:hover, a.buttonmanual:focus, a.buttonmanual:active {background-color:#009EC2;}

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

.tablecoloured {border-color:#515151;}
.tablecoloured th {color:#FFF; border-color:#515151; background-color:#515151;}
.tablecoloured th a {color:#FFF;}
.tablecoloured tr.odd {background-color:#3B3B3B;}
.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: #3B3B3B;}
.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:#3B3B3B;}
#menu-content {background-color:#3B3B3B;} 

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

.menutab a {color:#FFF; background-color:#000; box-shadow:0px 10px 10px -10px #FFF inset;} 
.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:#000;}

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

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

#bottom {background-color:#3B3B3B;} 
#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:#ADCF73;}
#sectionhome #submenu, #sectionhome #submenu-content {background-color:#6AA800;}

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

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

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

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

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

}


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

#topline {background-color:#3B3B3B;}
#topline-content {background-color:#3B3B3B;}

#menu {background-color:#3B3B3B;}
#menu-content {background-color:#3B3B3B;}

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

.menutab a {color:#FFF;}

#submenu {background-color:#3B3B3B;} 
#submenu-content {background-color:#3B3B3B;}
#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;}

}