@media screen {

	body {
		font-size: 10pt;
		margin: 0px;
		padding: 0px;
	}
	
	/* FONTIT */
	table.navi, h1, h2, h3, h4, h5 {
		font-family: Arial, Helvetica, sans-serif;
	}
	body, pre, p, div, li {
		font-family: Arial, Helvetica, sans-serif;
	}

	/* OTSIKOT */

	/* H1: Käyttämätön (oli +/- -painikkeet) */
	h1 {
		color: #339999;
		font-size: 12pt;
		font-weight: bold;
		margin: 2px 0px 0px 0px;
	}

	/* H2: Sisältöjen otsikkoteksti */
	h2 {
		color: #339999;
		font-size: 10pt;
		font-weight: bold;
		margin: 0px;
	}

	/* H3: Sisällön ensimmäisen tason otsikko */
	h3 {
		font-size: 11pt;
		font-weight: bold;
		margin: 5px 0px 10px 0px;
	}

	/* H4: Sisällön toisen tason otsikko */
	h4 {
		font-size: 10pt;
		font-style: italic;
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}

	/* H5: ?  */
	h5 {
		font-size: 10pt;
		font-weight: bold;
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}

	/* H6: Etusivun ajankohtaista */
	h6 {
		background-color:white;
		border:1px solid #908ac7;
		font-size:9pt;
		font-weight:bold;
		margin:0px 0px -1px 0px;
		padding:2px;
	}

	/* SISÄLTÖTEKSTIT */

	p { /* P: Oletusteksti */
		font-size: 10pt;
		margin: 0px 0px 10px 0px;
	}

	p.smaller, div.smaller {	/* P: Pienempi teksti lisätietoja varten */
		font-size: 9pt;
	}

	p.error {	/* P: Virheilmoitukset */
		font-size: 9pt;
		color: red;
	}

	p.info {	/* P: Tärkeitä infoja ja lisätietoja varten */
		color: #339999;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
	}

	p.internalnavi {	/* P: Sisällön erillisiä linkkiosioita varten */
		font-size: 8pt;
		font-weight: bold;
	}

	p.copyright {	/* P: Yleinen copyright-teksti */
		font-size: 8pt;
		font-weight: bold;
		margin: 10px 0px 10px 0px;
	}

	pre { /* Esimuotoiltu teksti */
		font-size: 10pt;
		margin: 0px 0px 10px 0px;
	}
	
	/* LISTAT */

	li {
		font-size: 10pt;
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}

	li.links {
		font-size: 9pt;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}

	ul {
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}


	/* LINKIT */

	a {
		text-decoration: none;
		color: #333399;
	}
	a:active {
		color: #333399;
	}

	a:visited {
		color: #333399;
	}

	a:hover {
		text-decoration: underline;
		color: #339999;
	}

	a.h2, a.h2:active, a.h2:visited {
		color: #339999;
	}	
	a.h2:hover {
		text-decoration: none;
		color: #339999;
	}
	a.h3, a.h3:active, a.h3:visited {
		color: #333399;
	}	
	a.h3:hover {
		text-decoration: none;
		color: #339999;
	}

	/* TAULUKOT */
	
	table.navi {
		font-size: 13pt;
		font-weight: bold;
		width: 770px;
	}
	table.navi img {
		border: 0px;
	}
	table.navi th {
		width: 41px;
	}
	table.navi td {
		text-align:center;
		background-image:url('../images/navibg.gif');
		background-repeat:repeat-x;
		color: #333399;
		border-right:1px solid #ada9d5;
	}
	table.navi td:hover {
		background-image:url('../images/navibg-over.gif');
		border-right:1px solid #3fcccc;
		cursor:pointer;
		color: #016969;
	}

	/* TABLE: Sivun sisältötaulukon tausta */
	table.main {
		background-image: url('../images/background-line.gif');
		background-repeat: repeat-y;
	}

	/* TD: Etusivun pohjan aloitus */
	td.main {
		background-image: url('../images/background-center.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		padding: 20px 10px 10px 10px;
	}

	/* TD: Muiden kuin etusivun pohjan aloitus */
	td.others {
		background-image: url('../images/background-center-others.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		padding: 7px 10px 10px 10px;
	}

	/* TD: Muiden kuin etusivun sisäinen navigointipohja */
	td.internalnavi {
		background-image: url('../images/header-internalnavi.gif');
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		padding: 7px 0px 0px 0px;
	}

	td.internaltop {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		padding: 0px 0px 10px 0px;
	}

	/* TD: Sisältöalueen otsikon tausta */
	td.subheader {
		background-color: white;
		background-image: url('../images/subheader-line.gif');
	}
	/* TD: Sisältöalueen otsikon tausta, ostosokoripainike */
	td.subheader2 {
	  background-color: white;
		background-image: url('../images/subheader2-line.gif');
	}

	/* TD: Sisältöalueen otsikon tausta suljettuna */
	td.subheaderclosed {
		background-color: white;
		background-image: url('../images/subheader-closed-line.gif');
	}

	/* TD: Sisältöalueen otsikon tausta suljettuna, ostoskoripainike */
	td.subheaderclosed2 {
	  background-color: white;
		background-image: url('../images/subheader2-closed-line.gif');
	}

	/* TD: Sisältöalueen sisältö */
	td.subcontent {
		padding-top: 10px;
	}

	/* TD: Horizontal ruler */
	td.hr {
		background-image: url('../images/horizontal_dots.gif');
		background-position: bottom;
		background-repeat: repeat-x;
	}

	/* TD: Vertical ruler */
	td.vr {
		background-image: url('../images/vertical_dots.gif');
		background-position: center;
		background-repeat: repeat-y;
	}

	/* TD: Sivun pohjan lopetus */
	td.bottom {
		background-color: white;
	}

	/* SYÖTTÖKENTÄT */

	input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		margin: 1px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	input.internalnavi-start_date {
		background-image: url('../images/input-start_date.gif');
		background-position: center center;
		background-repeat: no-repeat;
	}

	input.internalnavi-end_date {
		background-image: url('../images/input-end_date.gif');
		background-position: center center;
		background-repeat: no-repeat;
	}

	input.internalnavi-search_string {
		background-image: url('../images/input-search_string.gif');
		background-position: center center;
		background-repeat: no-repeat;
	}

	/* OSTOSKORI: Elementit */

	div.cart {

    right: 5px;
    padding: 0px 0px 0px 0px;
		position: fixed;
		top: 5px;
		z-index: 99;

		_position: absolute;
		_right: 5px;
		_top: expression(eval(document.body.scrollTop+5));

	}

	iframe#cart {
		/*background-color: #CCCAE5;*/
		width:100%;
		margin-top:-1px;
	}
	
	table.cart { /* Taulukko */
		background-color:#CCCAE5;
		border:1px solid #908AC7;
		font-family:Arial, Helvetica, FreeSans, sans-serif;
		font-size:8pt;
		width:100%;
	}

	/* OSTOSKORI: LISÄYSSIVUN SISÄLTÖ */

	img.cart_additem { /* Lisäyskuvat */
		width:135px;
	}

	p.cart_additem { /* Esim raportit */
		padding:2px;
	}

	table.cart_additem, p.cart_additem { /* Lisäystaulukko */
		border:3px solid transparent;
		cursor:pointer;
		width:100%;
	}

	table.cart_additem:hover, p.cart_additem:hover { /* lisäystaulukko over */
		background-color:#E1E0EF;
		border:3px solid #908AC7;
	}

	/* OSTOSKORI: Taulukon elementit */
	
	table.cart td, table.cart th {
		text-align:left;
	}

	table.cart input.order, table.cart input.orderred { /* Tilauksen muokkauskentät kuten nimi */
		font-weight:normal;
		text-align:left;
		width:98%;
	}
	table.cart input.orderred {
		background-color: rgb(255,192,192);
		border: 2px solid red;
	}

	table.cart input.text { /* Tilauksen tuotekentät */
		font-weight:normal;
		text-align:right;
		width:90%;
	}

	table.cart th { /* otsikko */
		background-color: #339999;
		color:white;
		font-weight:bold;
		padding:3px;
	}

	table.cart td.orderitems { /* tuotteiden kolumnit */
		background-color: #908AC7;
		color:white;
		padding:0px;
	}

	table.cart td.orderitems p { /* tuotteiden kolumnit */
		font-family:Arial, Helvetica, FreeSans, sans-serif;
		font-size:8pt;
		margin:0px;
		padding:0px;
	}

	table.cart td.orderitems p img { /* tuotteiden kolumnit */
		vertical-align:middle;
		margin-right:5px;
	}

	table.cart div.functions { /* tuotteiden +/- painikkeiden sijoittelu */
		float:right;
		padding-top:1px;
		padding-right:2px;
	}

	table.cart div.functions input { /* +/- painikkeet */
		font-weight:bold;
		width:20px;
	}

	table.cart td.total { /* yhteensä kolumnit */
		border-top:1px solid #339999;
		padding-top:1px;
		font-weight:bold;
		text-align:right;
	}
	
	/* MUUT ELEMENTIT */

	div.hr {
		background-image: url('../images/horizontal_dots.gif');
		background-position: middle;
		background-repeat: repeat-x;
		height: 10px;
	}

	div.hr hr {
		display: none;
	}

}

@media print {

	a {
		text-decoration: none;
	}

	img, input.cart_additem, div.cart {
		display: none;
	}

	img.printable, img.cart_additem {
		display: inline;
	}

	h1 {
		display: none;
	}

	h2,h3,h4,h5 {
		margin: 15px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	p.internalnavi {
		display: none;
	}

	table {
		width: 100%;
	}

	td.internalnavi {
		display: none;
	}

	td.internaltop {
		display: none;
	}

	td.subheaderclosed {
		display: none;
	}
	
	table.cart {
		font-family:Arial, Helvetica, FreeSans, sans-serif;
		font-size:8pt;
	}
	
	table.cart td.total {
		border-top: 1px solid grey;
		font-weight: bold;
		padding-top: 2px;
	}
	
	input {
		border: 0px none;
	}
	
	p.copyright {
		margin-top: 5px;
	}

}