<!--
/* <![CDATA[ */

/**
 * project:        ZwahlenDesign Color Palettes/Atlas/Harmony
 * author:         Christian Zwahlen
 * email:          info@zwahlendesign.ch
 * website:        www.zwahlendesign.ch/en/colorpalettes
 * last modified:  2009-09-01
 * license:        GNU General Public License
 */

body {
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #D5D5D5;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select, a {
  color: #333333;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
  text-align: left;
}
h1 {
  font-size: 2em; 
  text-align: center;
}
h2 {
  font-size: 1.8em;
  clear: both;
}
h3 {
  font-size: 1.6em;
  border-top: 1px solid #999999;
  padding: 1em 0em 0.25em 0em;
  margin: 2em 0em 1em 0em;
  clear: both;
}
h4 {
  font-size: 1.4em;
  border-top: 1px solid #CCCCCC;
}
h5 {
  font-size: 1.2em; 
  border-top: 1px dotted #CCCCCC;
}
h6 {
  font-size: 1em; 
}
/* Links (Note: Do not use "a {...}" for NN 4) */
a:link {
  /* border */
  border-width: 0px;
  border-style: none;
  /* typo */
  text-decoration: underline;
  /* color */
  color: #0000FF;
/*  background-color: #FFFFFF;*/
}
a:visited {
  /* border */
  border-width: 0px;
  border-style: none;
  /* typo */
  text-decoration: underline;
  /* color */
  color: green;
}
a:focus {
  /* border */
  border-width: 1px;
  border-style: solid;
  /* typo */
  text-decoration: underline;
  /* color */
  color: #FF0000;
  background-color: #FFFFFF;
}
a:hover {
  /* border */
  border-width: 0px;
  border-style: none;
  /* typo */
  text-decoration: underline;
  /* color */
  color: #000080;
}
a:active {
  /* border */
  border-width: 1px;
  border-style: solid;
  /* typo */
  text-decoration: underline;
  /* color */
  color: #FF0000;
}

a:link img, a:visited img {
  border: 0;
}

img, a img {
  border: 0;
}
p {
  margin: 1.5em 0em 1.5em 0em;
  line-height: 1.5em;
  font-size: 1.0em;
  color: #000000;
}
ul, ol {
  padding: 0.5em 0em 0.5em 2em;
  margin: 0;
  line-height: 1.5em;

}
dt {
  padding: 0.2em 0em 0.2em 0em;
}
dd {
  padding: 0em 0em 0em 1em;
}
blockquote,
cite,
q {
  font-style: italic;
  border-bottom: 1px dashed gray;
  border-left: 1px dashed gray;
}
/* Abbr, Acronym */
abbr {
  speak: spell-out;
}
acronym {
  speak: normal;
}
acronym, abbr, span.caps {
  cursor: help;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}
acronym, abbr, acronym:link, abbr:link {
  cursor: help;
  border-bottom: 1px dashed #999;
}
/* Tabellen */
table {
  width: 100%;
  margin: 0;
  border: 1px solid black;
  background-color: #CCCCCC;
}
table#color_suffix_table tbody th {
  width: 40%;
}
table#color_suffix_table tbody td {
  width: 15%;
}
caption {
  caption-side: top;
  text-align: left;
  padding: 0.5em 1em; 
  border-bottom: none;
  border: 1px solid #CCCCCC;
  margin: 0;
}
thead th, thead {
  padding: 0.4em 0.1em 0.4em 0.1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #555555;
}
tfoot th {
  text-align: center;
  font-weight: normal;
  color: black;
  background-color: #EEEEEE;
}
tbody th {
  width: 15.5%;
  font-weight: bold;
  color: white;
  text-align: left;
  background-color: #AAAAAA;
}

th a:link, th a:visited {
  font-weight: bold;
  color: white;
}
tbody td {
  width: 6.5%;
  text-align: center;
  background-color: #EEEEEE;
}
tr:hover {
  background-color: #FFF;
}

tr, th, td {
  margin: 0;
}

/**
 * --------------------
 * KBD (small logo style)
 * --------------------
 */
kbd,
kbd:link {
  border-width: 0.2em;
  border-style: outset;
  /* typo */
  font: bold 0.7em sans-serif;
  text-decoration: none;
  /* color */
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}

kbd:hover {
  cursor: pointer;
  text-decoration: none;
}
kbd:focus, kbd:active {
  cursor: crosshair;
  border-style: inset;
}
hr, .clear {
  clear: both;
}
img, a img {
  border: 0;
}
blockquote,
cite,
q {
  font-style: italic;
}

acronym, abbr, span.caps {
  cursor: help;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}

/* ID */
#page {
  display: block;
  position: static;
  float: none;
  margin: auto;
  width: 60em; 
  padding: 1em;
  text-align: left;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
h1#title {
  font-weight: bold;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
  color: #000080;
}
#subtitle {
  text-align: center;
}

/* Class */
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.center {
  text-align: center;
}
.software-menu {
  background-color: #eee;
  margin: 0px 2px;
  border: 1px solid #ccc;
}
.icon16 {
  padding: 3px 4px 3px 23px;
}
.icon32 {
  padding: 3px 4px 3px 40px;
}

/* Logos */
.zd {
  background: url("../images/zd_32.png") no-repeat 0 50%;
}
.zd_colorpalettes {
  background: url("../images/color_palettes_32.png") no-repeat 0 50%;
}

/* Applications */
.inkscape {
  background: url("../images/apps/inkscape.png") no-repeat 0 50%;
}
.gimp {
  background: url("../images/apps/gimp.png") no-repeat 0 50%;
}
.agave {
  background: url("../images/apps/agave.png") no-repeat 0 50%;
}
.openofficeorg_1 {
  background: url("../images/apps/openofficeorg_1.png") no-repeat 0 50%;
}
.openofficeorg_2 {
  background: url("../images/apps/openofficeorg_2.png") no-repeat 0 50%;
}
.openofficeorg_3 {
  background: url("../images/apps/openofficeorg_2.png") no-repeat 0 50%;
}
.scribus {
  background: url("../images/apps/scribus.png") no-repeat 0 50%;
}

/* Categories */
.browser {
  background: url("../images/categories/applications-internet.png") no-repeat 0 50%;
}
.kcoloredit {
  background: url("../images/categories/applications-graphics.png") no-repeat 0 50%;
}
.generate {
  background: url("../images/categories/applications-system.png") no-repeat 0 50%;
}

/* Operating Systems */
.gnu {
  background: url("../images/os/gnu.png") no-repeat 0 50%;
}
.linux {
  background: url("../images/os/linux.png") no-repeat 0 50%;
}

/* Places or folders */
.folder {
  background: url("../images/places/folder.png") no-repeat 0 50%;
}

/* Mimetypes */
.text, .css, .javascript {
  background: url("../images/mimetypes/text-x-generic.png") no-repeat 0 50%;
}
.image {
  background: url("../images/mimetypes/image.png") no-repeat 0 50%;
}

/* Status */
.tip {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 40px;
  border: 1px solid #FFFF00;
  background: #FFFFDD url("../images/status/info.png") no-repeat 10px 50%;
}
.info {
  background: url("../images/status/info.png") no-repeat 0 50%;
}
.info-box {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 40px;
  border: 1px solid #ccc;
  background: #FAFAFA url("../images/status/info.png") no-repeat 10px 50%;
}

.warning, li.warning {
  color: #CC6600;
  list-style-type: none;
  margin: 0px;
  background: url("../images/status/warning.png") no-repeat 0 50%;
}
.warning-box {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 40px;
  color: #CC6600;
  border: 1px solid #CC6600;
  background: #FFFFFF url("../images/status/warning.png") no-repeat 10px 50%;
}
.important-box {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 40px;
  color: #660000;
  border: 1px solid #660000;
  background: #FFFFAA url("../images/emblems/emblem-important.png") no-repeat 10px 50%;
}
.optional, .info {
  background: url("../images/status/info.png") no-repeat 0 50%;
}
.error, li.error {
  color: red;
  list-style-type: none;
  margin: 0px;
  background: url("../images/status/error.png") no-repeat 0 50%;
}
.bug {
  color: red;
  list-style-type: none;
  margin: 0px;
  background: #FFCCCC url("../images/status/error.png") no-repeat 0 50%;
}

/* Emplems */
.ok, li.ok {
  list-style-type: none;
  margin: 0px;
  background: url("../images/emblems/emblem-default.png") no-repeat 0 50%;
}
.fixed {
  color: #008000;
  list-style-type: none;
  margin: 0px;
  background: #CCFFCC url("../images/emblems/emblem-default.png") no-repeat 0 50%;
}
.important, li.important {
  color: #660000;
  font-weight: bold;
  list-style-type: none;
  margin: 0px;
  background: url("../images/emblems/emblem-important.png") no-repeat 0 50%;
}
.not-tested, .new, li.new {
  float: none;
  list-style-type: none;
  margin: 0px;
  background: #FFFFDD url("../images/emblems/emblem-new.png") no-repeat 0 50%;
}
.mark {
  background-color: #FFFF99 ;
}
span.TODO {
  padding: 0px;
  color: #CCCCCC;
  text-decoration: underline;
  background: #FFFF99;
  border-bottom: 1px dashed #CCCCCC;
}
.no {
  color: #ffffff;
  background-color: #ff0000;
}
.yes {
  color: black;
  background-color: #00FF00;
}
.possible {
  background-color: #FFFFDD;
}

/* colors */
.red {
  color: #FF0000;
}
.green {
  color: #00FF00;
}
.blue, .blue a {
  color: #0000FF;
}
.cyan {
  color: #00FFFF;
}
.magenta {
  color: #FF00FF;
}
.yellow, .yellow a {
  color: #FFFF00;
}
.white {
  color: #FFFFFF;
}
.black {
  color: #000000;
}
.orange {
  color: #FF8000;
}

/* color box */
.red-box {
  color: #FFFFFF;
  background-color: #FF0000;
}
.green-box {
  color: #000000;
  background-color: #00FF00;
}
.blue-box {
  color: #FFFFFF;
  background-color: #0000FF;
}
.cyan-box {
  color: #000000;
  background-color: #00FFFF;
}
.magenta-box {
  color: #FFFFFF;
  background-color: #FF00FF;
}
.yellow-box {
  color: #000000;
  background-color: #FFFF00;
}
.white-box {
  border: 1px solid black;
  color: #000000;
  background-color: #FFFFFF;
}
.black-box {
  color: #FFFFFF;
  background-color: #000000;
}

.lightgray-box {
  color: #FFFFFF;
  background-color: #AAAAAA;
}
.gray-box {
  color: #FFFFFF;
  background-color: #808080;
}
.darkgray-box {
  color: #FFFFFF;
  background-color: #555555;
}


/* ]]>*/
-->