/* Kuvien määritteet*/
div#content img {
	border: 0px;
	clear: both;
	display: inline;
}

div#content img.right {
	float: right;
	margin: 2px 0px 20px 15px;
}

div#content img.left {
	float: left;
	margin: 2px 15px 20px 0px;
}


/** Span-class fontit alkavat **/
/* Sans-serif fontit alkaa */
.arial {font: 1.1em arial;}
.arialblack {font: 1.1em "arial black";}
.gadget {font: 1.1em gadget;}
.impact {font: 1.1em impact;}
.charcoal {font: 1.1em charcoal;}
.lucidasansunicode {font: 1.1em "Lucida Sans Unicode";}
.lucidagrande {font: 1.1em "Lucida Grande";}
.tahoma {font: 1.1em Tahoma;}
.geneva {font: 1.1em Geneva;}
.trebuchetms {font: 1.1em "Trebuchet MS";}
.helvetica {font: 1.1em Helvetica;}
.verdana {font: 1.1em verdana;}
.geneva {font: 1.1em geneva;}
.mssansserif {font: 1.1em "MS Sans Serif";}
/** Sans-serif fontit päättyy **/

/** Serif fontit alkaa **/
.georgia {font: 1.1em georgia;}
.palatinolinotype {font: 1.1em "Palatino Linotype";}
.bookantiqua {font: 1.1em "Book Antiqua";}
.palatino {font: 1.1em "Palatino";}
.timesnewroman {font: 1.1em "Times New Roman";}
.times {font: 1.1em Times;}
.msserif {font: 1.1em "MS Serif";}
.newyork {font: 1.1em "New York";}
/** Serif fontit loppuu */

/** Monospace, Cursive, Symbols alkaa **/
.couriernew {font: 1.1em "courier new";}
.lucidaconsole {font: 1.1em "Lucida Console";}
.monaco {font: 1.1em Monaco;}
.comicsansms {font: 1.1em "Comic Sans MS";}
.symbol {font: 1.1em symbol;}
.webdings {font: 1.1em webdings;}
.wingdings {font: 1.1em wingdings;}
.zapf {font: 1.1em Zapf;}
.dingbats {font: 1.1em Dingbats;}
/** Monospace, Cursive, Symbols päättyy /**
/** Span-class fontit päättyy **/

.half {width: 5%;}
.one {width: 10%;}
.two {width: 20%;}
.three {width: 30%;}
.four {width: 40%;}
.five {width: 50%;}
.six {width: 60%;}
.seven {width: 70%;}
.eight {width: 80%;}
.nine {width: 90%;}
.ten {width: 100%;}

.hex {background:transparent; border: none;}

table.hex .color {
	padding: 5px;
	margin:1px;
	text-align: center;
	float: left;
	width: 80px;
	text-transform: uppercase;
	border:none;
	}
/** Tablet päättyvät **/

/** Hex-värit alkavat **/
/** Valkoinen, harmaa ja musta **/

.ffffff {background: #fff;}
.cccccc {background: #ccc;}
.c-999999 {background: #999999;}
.c-666666 {background: #666666; color:  #fff;}
.c-333333 {background: #333333; color: #fff;}
.c-000000 {background: #000000;color: #fff;}

/** punainen **/
.ffcccc {background: #ffcccc;}
.ff9999 {background: #ff9999;}
.ff6666 {background: #ff6666;}
.ff3333 {background: #ff3333;}
.ff0000 {background: #ff0000;}
/** xxx **/
.cc9999 {background: #cc9999;}
.cc6666 {background: #cc6666;}
.cc3333 {background: #cc3333;}
.cc0000 {background: #cc0000;}
/** xxx **/
.c-996666 {background: #996666;}
.c-993333 {background: #993333; color: #fff;}
.c-990000 {background: #990000; color: #fff;}
/** xxx **/
.c-663333 {background: #663333; color: #fff;}
.c-660000 {background: #660000; color: #fff;}
/** xxx **/
.c-330000 {background: #330000; color: #fff;}

/** oranssi --- ruskea **/
.ffcc99 {background: #ffcc99;}
.ffcc66 {background: #ffcc66;}
.ffcc33 {background: #ffcc33;}
.ff9933 {background: #ff9933;}
.ff9900 {background: #ff9900;}
/** xxx **/
.cc9966 {background: #cc9966;}
.cc9933 {background: #cc9933;}
.cc9900 {background: #cc9900;}
.cc6600 {background: #cc6600;}
/** xxx **/
.c-996633 {background: #996633; color: #fff;}
.c-996600 {background: #996600; color: #fff;}
.c-663300 {background: #663300; color: #fff;}

/** keltainen -- vihreä **/
.ffffcc {background: #ffffcc;}
.ffff99 {background: #ffff99;}
.ffff66 {background: #ffff66;}
.ffff33 {background: #ffff33;}
.ffff00 {background: #ffff00;}
/** xxx **/
.cccc99 {background: #cccc99;}
.cccc66 {background: #cccc66;}
.cccc33 {background: #cccc33;}
.cccc00 {background: #cccc00;}
/** xxx **/
.c-999966 {background: #999966; color: #fff;}
.c-999933 {background: #999933; color: #fff;}
.c-999900 {background: #999900; color: #fff;}
/** xxx **/
.c-666633 {background: #666633; color: #fff;}
.c-666600 {background: #666600; color: #fff;}
.c-333300 {background: #333300; color: #fff;}

/** vihreä **/
.ccffcc {background: #ccffcc;}
.c-99ff99 {background: #99ff99;}
.c-66ff66 {background: #66ff66;}
.c-33ff33 {background: #33ff33;}
.c-00ff00 {background: #00ff00;}
/** xxx **/
.c-99cc99 {background: #99cc99;}
.c-66cc66 {background: #66cc66;}
.c-33cc33 {background: #33cc33;}
.c-00cc00 {background: #00cc00;}
/** xxx **/
.c-669966 {background: #669966; color: #fff;}
.c-339933 {background: #339933; color: #fff;}
.c-009900 {background: #009900; color: #fff;}
.c-336633 {background: #336633; color: #fff;}
.c-006600 {background: #006600; color: #fff;}
/** xxx **/
.c-003300 {background: #003300; color: #fff;}

/** turkoosi tai jotain  **/
.ccffff {background: #ccffff;}
.c-99ffff {background: #99ffff;}
.c-66ffff {background: #66ffff;}
.c-33ffff {background: #33ffff;}
.c-00ffff {background: #00ffff;}

/** xxx **/
.c-00ffff {background: #00ffff;}
.c-66cccc {background: #66cccc;}
.c-33cccc {background: #33cccc;}
.c-00cccc {background: #00cccc;}
/** xxx **/
.c-669999 {background: #669999; color: #fff;}
.c-339999 {background: #339999; color: #fff;}
.c-009999 {background: #009999; color: #fff;}
/** xxx **/
.c-336666 {background: #336666; color: #fff;}
.c-006666 {background: #006666; color: #fff;}
/** xxx **/
.c-003333 {background: #003333; color: #fff;}

/** sininen **/
.ccccff {background: #ccccff;}
.c-9999ff {background: #9999ff;}
.c-6666ff {background: #6666ff; color:#fff;}
.c-3333ff {background: #3333ff; color:#fff;}
.c-0000ff {background: #0000ff; color:#fff;}
/** xxx **/
.c-9999cc {background: #9999cc;}
.c-6666cc {background: #6666cc; color: #fff;}
.c-3333cc {background: #3333cc; color: #fff;}
.c-0000cc {background: #0000cc; color: #fff;}
/** xxx **/
.c-666699 {background: #666699; color: #fff;}
.c-333399 {background: #333399; color: #fff;}
.c-000099 {background: #000099; color: #fff;}
/** xxx **/
.c-333366 {background: #333366; color: #fff;}
.c-000066 {background: #000066; color: #fff;}
/** xxx **/
.c-000033 {background: #000033; color: #fff;}

/** lila tai jotain **/
.ffccff {background: #ffccff;}
.ff99ff {background: #ff99ff;}
.ff66ff {background: #ff66ff;}
.ff33ff {background: #ff33ff;}
.ff00ff {background: #ff00ff;}
/** xxx **/
.cc99cc {background: #cc99cc;}
.cc66cc {background: #cc66cc; color: #fff;}
.cc33cc {background: #cc33cc; color: #fff;}
.cc00cc {background: #cc00cc; color: #fff;}
/** xxx **/
.c-996699 {background: #996699; color: #fff;}
.c-993399 {background: #993399; color: #fff;}
.c-990099 {background: #990099; color: #fff;}
/** xxx **/
.c-663366 {background: #663366; color: #fff;}
.c-660066 {background: #660066;color: #fff;}
/** xxx **/
.c-330033 {background: #330033; color: #fff;}
/** Hex-värit päättyvät **/