body {
	color : #000000;
	font-family : Verdana, sans-serif;
	background-color: #000000;
}

h3		{ color: #ffffff; background-color: #393185; }
h1		{ color: #9b00af }
h4		{ color: #ffffff; background-color: #9b00af; }
h5		{ color: #009846 }
a:visited	{	color: #e31e24		}
a:link		{	color: #e31e24		}
a:hover		{	color: #e31e24		}
a:active	{	color: #e31e24		}
i		{	color: #999999		}

@font-face {
	font-family: heydings_iconsregular;
    src: url('heydings_icons-webfont.woff2') format('woff2'),
         url('heydings_icons-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cart_o_grapherregular';
    src: url('cartographer-webfont.woff2') format('woff2'),
         url('cartographer-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div.icon {
	color: #ffffff;
	font-family: heydings_iconsregular;
	font-size: 200%;
	display: inline;	
	margin: 5px;
	
}

div.karry {
        color: #ffffff;
        font-family: cart_o_grapherregular;
        font-size: 200%;
        display: inline;
	margin: 5px;
}

div.kehys{
	width: 95vw;
	height: 91vh;
	max-height: 91vw;
	overflow: hidden;
	background-color: #ffffff;
}

div.otsikko {
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-align: left;
	color: #000000;
	font-weight: bold;
	font-size: 200%;
	display: inline;
}

div.sivu {
    width: 97.6%;
    height: 80vh;
    max-height: 83vw;
    overflow: auto;
    text-align: left;
//    -webkit-overflow-scrolling: touch;
}

div.alareuna {
	width: 100%;
	height: 3vh;
	overflow: hidden;
	max-height: 3vw;
}

div.menu {
	height: 13vh;
	max-height: 13vw;
	text-align: right;
	vertical-align: middle;
	display: run-in;
	background-size: 100% 100%;
	text-decoration: none;
}

div.menuteksti {
	color: #ffffff;
	font-weight: 500;
}

div.menu a:visited	  {   	color: #ffffff;
				text-decoration: none;          }
div.menu a:link          {   	color: #ffffff;
				text-decoration: none;          }
div.menu a:hover         {   	color: #ffffff;
				text-decoration: none;          }
div.menu a:active        {   	color: #ffffff;
				text-decoration: none;          }

img.menusize {
	//width: 274px;
	height: 14vh;
}

div.laatikko {
    background-color: #00a0e3;
    margin: 6px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 250px;
    height: 250px;
    overflow: hidden;
}

div.laato {
    background-color: #393185;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    width: 100%;
    height: 25px;
}

div.laatt {
    padding: 10px;
    vertical-align: top;
    text-align: left;
    width: 240;
    height: 205px;
    overflow: auto;
}

div.tuote2 {
    text-align: center;
    height: 80px;
    overflow: hidden;
    margin: 6px;
}

div.tuote {
    border: 5px;
    border-style: solid;
    border-color: #00a0e3;
    margin: 6px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 200px;
    height: 240px;
    overflow: hidden;
}

div.tuote1 {
    background-color: #393185;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    width: 100%;
    height: 80px;
    overflow: hidden;
}
div.tuote1 a:visited	  {   color: #ffffff          }
div.tuote1 a:link          {   color: #ffffff; text-decoration: none; font-size: 120%;          }
div.tuote1 a:hover         {   color: #ffffff          }
div.tuote1 a:active        {   color: #ffffff          }


div.laatt a:visited       {   color: #ffffff          }
div.laatt a:link          {   color: #ffffff          }
div.laatt a:hover         {   color: #ffffff          }
div.laatt a:active        {   color: #ffffff          }

td.valittukohta {	color: #ffffff;
			background-image: url(kuvat/valittu.png);
			background-size: 100% 100%;
			font-weight: bold;
			valign: middle;
			text-align: center;
			width: 150px;
}

td.eivalittukohta {	color: #000000;
			background-image: url(kuvat/eivalittu.png);
			background-size: 100% 100%;
			font-weight: bold;
			valign: middle;
			text-align: center;
			width: 150px;
}

table.silitystaulukko { background-color: #9b00af;}
table.silitystaulukko td {background-color: #ffffff}
table.silitystaulukko th {background-color: #ffffff}

.tausta  { background-image: url("t.jpg") }
.ktausta { background-image: url("2c.jpg") }

input.mysubmitbutton {
	font-family: heydings;
	font-size: 200%;
}