// PÄÄVÄRIT
var tumma = "rgb(107,121,10)";
var tummateksti = "rgb(47,54,5)";
var vaalea = "rgb(175,202,13)";
var vaalein = "rgb(213,246,9)";
//var keskivari = "rgb(238,210,188)";
var keskivari = "rgb(132,126,66)";
var linkit = "rgb(104,45,255)";
var harmaa = "rgb(208,208,208)";

var paalinkit = "rgb(93,46,5)";
var paalinkitpaalla = "rgb(192,192,192)";
var valkoinen = "rgb(255,255,255)";
var musta = "rgb(0,0,0)";
var tamapaivavari = "rgb(166,220,220);"; // Kalenterissa
var omatapahtumavari = "rgb(129,245,173);"; // Kalenterissa myös

// SEURAAVAT TYYLIMÄÄRITTELYJEN MUUTTUJIA
var fontit = "font-family: tahoma, arial;";
var pieni_koko = "font-size: 10px;";
var lainaus_koko = "font-size: 12px;";
var perus_koko = "font-size: 13px;";
var yleisotsikko_koko = "font-size: 11px;";
var h1_koko = "font-size: 22px;";
var h2_koko = "font-size: 18px;";
var h3_koko = "font-size: 16px;";
var iso_koko = "font-size: 16px;";
var jatti_koko = "font-size: 30px;";
var paalinkki_koko = "font-size: 11px;";

var bold = "font-weight: bold;";
var normaalifontinpaksuus = "font-weight: normal;";
var italic = "font-style: italic;";
var ei_mitaan = "text-decoration: none;";
var alleviivaus = "text-decoration: underline;";

var tumma_vari = "color: " + tumma + ";";
var tummateksti_vari = "color: " + tummateksti + ";";
var harmaa_vari = "color: " + harmaa + ";";
var vaalea_vari = "color: " + vaalea + ";";
var keski_vari = "color: " + keskivari + ";";
var musta_vari = "color: black;";
var punainen_vari = "color: red;";
var vihrea_vari = "color: green;";
var linkki_vari = "color: " + linkit + ";";
var paalinkki_vari = "color: " + paalinkit + ";";
var paalinkkipaalla_vari = "color: " + paalinkitpaalla + ";";
var valko_vari = "color: " + valkoinen  +";";
var reuna_vari = "border-color: " + tumma + ";";      

var tumma_tausta = "background: " + tumma + ";";
var vaalea_tausta = "background: " + vaalea + ";";
var vaalein_tausta = "background: " + vaalein + ";";
var valko_tausta = "background: rgb(255,255,255);";

// TYYLIMÄÄRITTELYT

document.write("<style type=\"text/css\">");

document.write("html, body, form, table {"); 
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

// PIENI KOKO
document.write(".pieni {"); 
document.write(pieni_koko);
document.write("}");

// OTSIKOT
document.write("h1 {");
document.write("margin: 0px;padding: 0px;");
document.write(fontit);
document.write(tumma_vari);
document.write(h1_koko);
document.write(bold);
document.write("}");

document.write("h2 {"); 
document.write("margin: 0px;padding: 0px;");
document.write(fontit);
document.write(vaalea_vari);
document.write(h2_koko);
document.write(bold);
document.write("}");

document.write("h3 {"); 
document.write("margin: 0px;padding: 0px;");
document.write(fontit);
document.write(vaalea_vari);
document.write(h3_koko);
document.write(bold);
document.write("}");

document.write(".kerhonimiteksti {"); 
document.write(fontit);
document.write(tumma_vari);
document.write(iso_koko);
document.write(bold);
document.write("}");

// INPUT KENTÄT
document.write("input, textarea, select{");
document.write(fontit);
document.write(perus_koko);
document.write("}");

// LINKIT
document.write("a {");
document.write(fontit);
document.write(linkki_vari);
document.write("}");

document.write("a:link, a:active, a:visited {"); 
document.write(ei_mitaan);
document.write("}");

document.write("a:hover {"); 
document.write(alleviivaus);
document.write("}");

// ONNISTUI JA VIRHE
document.write(".onnistui {");
document.write(vaalein_tausta);
document.write(tummateksti_vari); 
document.write("border: 1px solid;");
document.write(reuna_vari);
document.write("padding: 3px;");
document.write("margin-top: 3px;");
document.write("margin-bottom: 3px;");
document.write("}");
document.write(".virhe {");
document.write(vaalein_tausta);
document.write("color: rgb(250,40,40);"); 
document.write("border: 1px solid;");
document.write(reuna_vari);
document.write("padding: 3px;");
document.write("margin-top: 3px;");
document.write("margin-bottom: 3px;");
document.write("}");

// TAUSTAVARIT
taustat = new  Array('.tummabg','.vaaleabg','.vaaleinbg','.valkobg');
taustavarit = new Array(tumma_tausta,vaalea_tausta,vaalein_tausta,valko_tausta);

for (k=0 ; k<taustat.length ; k++){
  document.write(taustat[k] + "{"); 
  document.write(taustavarit[k]);  
  // VAIHTOEHTOINEN TAPA KIERTÄÄ WEBSAFE VÄREJÄ
  //rgbimage(taustavarit[k]);
  document.write("}");
}


document.write("</style>");