

/* lähinnä fontteja ja värejä varten */
/* tämä tiedosto oletusarvoja varten */
/* sivustokohtaiset arvot ---> fontit_ja_varit__yritys.css -fileen */



/* mitä tehdään näiden alussa olevien 'yleisten' tagien määrittelyjen kans?
  jos niissä on padding tai margin asetuksia, ne voivat vaikuttaa rakenteeseen...
*/

/* osa oli tuplana...
   tsekkaatko jouko sopivat default arvot tähän?
*/


/*----yleiset tagit START---------------------------------------------------------*/

html,body {
	background:#FFFFFF;
	/*background: #C4CEFF;*/
	/*works, but should not:
    <html class="login_page_html">*/
	}
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #000000;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: repeat-x;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}



img {
	border:0px;
	}
.img {
	border:none;
}



h1 {
	font-family:Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	}

h2 {
	font-family:Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	}

h3 {
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

h4 {
	font-family:Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	}

h6 {
	font-family:Arial, sans-serif;
	font-size:32px;
	font-weight:bold;
	}

TR {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}

TD {
	font-family:Arial, sans-serif;
	font-size:12px;
	}
TD {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}


p {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
P {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}

li {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}



/* too many hovers now... */
/* Hoover */
a:hover {
	text-decoration:none;
	}
/* this makes active link red */
a:active {
	color:#cc0000;
	text-decoration:none;
	}

/* ...kun niitä oli myös näin, viimeiseksi latautuneessa style.css filessä */
/*  Linkit    */
A:link {
	FONT-WEIGHT: normal;
	COLOR: #3e69ac;
	TEXT-DECORATION: none
}
A:active {
	FONT-WEIGHT: normal;
	COLOR: #df123b;
	TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: normal;
	COLOR: #3e69ac;
	TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: normal;
	COLOR: #df123b;
	TEXT-DECORATION: none
}


.ylalinkit {
	font-family:Arial, sans-serif;
	font-size:16px;
	COLOR: #000000;
	font-weight:bold;
	}


.ylalinkit a:link {
	font-family:Arial, sans-serif;
	font-size:16px;
	COLOR: #000000;
	font-weight:bold;
	}

.ylalinkit a:active {
	font-family:Arial, sans-serif;
	font-size:16px;
	COLOR: #000000;
	font-weight:bold;
	}
	
.ylalinkit a:hover {
	font-family:Arial, sans-serif;
	font-size:16px;
	COLOR: #000000;
	font-weight:bold;
	text-decoration: underline
	}

.ylalinkit a:visited {
	font-family:Arial, sans-serif;
	font-size:16px;
	COLOR: #000000;
	font-weight:bold;
	}


/*----yleiset tagit END---------------------------------------------------------*/






.printheader {
	display: none;
	}


/* nämä kuuluisi rakenne.css tiedostoon?
   upload.asp filessä löytyy */
.header {
	height: 70px;
}
.programs {
	width:100%;
}
/* useradmin default.asp
   myös cfm, rss */
.navi {
	height: 20px;
	margin:0px 0px 10px 0px;
/*	border-bottom:4px solid #3e69ad;  */
}




/* Alapalkki */

.footer_txt {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	padding:4px 10px;
	text-align:right;
	}

.footer_txt a:link {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	padding:4px 10px;
	text-align:right;
	text-decoration:none;
	}

.footer_txt a:active {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	padding:4px 10px;
	text-align:right;
	text-decoration:none;
	}

.footer_txt a:hover{
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	padding:4px 10px;
	text-align:right;
	text-decoration:none;
	}


.footer_txt a:visited {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	padding:4px 10px;
	text-align:right;
	text-decoration:none;
	}



.logobkg_mobile {
	display: none;
	}




/*Painikkeet */

.buttons {
	margin:0px 0px 0px -16px;
	padding:0px 15px 0px 16px;
	text-transform:uppercase;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	white-space:nowrap;
	color:#000000;
	}


.buttons a {
	float:left;
	border-style:none;
	border-right:0px solid #FFFFFF;
	padding:5px 16px;
	text-decoration:none;
	color:#FFFFFF;

	}

.buttons strong {
	float:left;
	border-style:none;
	border-right:0px solid #FFFFFF;
	padding:5px 16px;
	text-decoration:none;
	color:#FFDD00;
	}



/* tämä useradmin tiedostoissa */
.Text {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}



.txt {
	font-family:Arial, sans-serif;
	font-size:12px;
	}

/* links in table cells in leftcolumn */
.txt a:link {
	color:#404041;
	font-weight:normal;
	text-decoration:none;
	}
.txt a:hover {
	color:#404041;
	font-weight:normal;
	text-decoration:none;
	}
.txt a:active {
	color:#404041;
	font-weight:normal;
	text-decoration:none;
	}
.txt a:visited
  	{
	font-weight: normal;
	color:#404041;
	text-decoration:none;
 }


/* tilauslista adminille, toimitetut */
/* myös rivien erotteluun mmm-ohjelmassa */
.txt_dd {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#999999;
	font-weight: normal;
	text-decoration:none;
	}
.txt_dd a:link {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
	}
.txt_dd a:hover {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
	}
.txt_dd a:active {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
	}
.txt_dd a:visited
  	{
	font-weight: normal;
	color:#C0B8C8;
	text-decoration:none;
 }



/* links in table cells in leftcolumn
   "current node" */
.txt_active a:link {
	color:#F04438;
	font-weight:normal;
	text-decoration:none;
	}
.txt_active a:hover {
	color:#F04438;
	font-weight:normal;
	text-decoration:none;
	}
.txt_active a:active {
	color:#F04438;
	font-weight:normal;
	text-decoration:none;
	}
.txt_active a:visited
  	{
	font-weight: normal;
	color:#F04438;
	text-decoration:none;
 }


/* links in table cells in leftcolumn
   "current node" */
.txt_active_mmm a:link {
	color:#FF0000;
	font-weight:normal;
	text-decoration:none;
	}
.txt_active_mmm a:hover {
	color:#FF0000;
	font-weight:normal;
	text-decoration:none;
	}
.txt_active_mmm a:active {
	color:#FF0000;
	font-weight:normal;
	text-decoration:none;
	}
.txt_active_mmm a:visited
  	{
	font-weight: normal;
	color:#FF0000;
	font-weight:normal;
	text-decoration:none;
 }



/* links in table cells in leftcolumn for shopper */
/* also in BQM default_tree */
.dropmenu a:link {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	}
.dropmenu a:hover {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	}
.dropmenu a:active {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	}
.dropmenu a:visited
  	{
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	font-size:12px;
 }

.dropmenu_active a:link {
	color:#F04438;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	}
.dropmenu_active a:hover {
	color:#F04438;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	}
.dropmenu_active a:active {
	color:#F04438;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	}
.dropmenu_active a:visited
  	{
	font-weight: normal;
	color:#F04438;
	text-decoration:none;
	font-size:12px;
 }






/* cfm, rss */
.fullcolumn {
	width:100%;
	height:470px;
	background:#FFFFFF;
	padding:12px 14px 16px 16px;
	}



/* BQM */
.heading {
	background:#eeeeee;
	border:1px solid #cccccc;
	padding:5px 8px;
	font-family:Arial, sans-serif;
	font-size:.7em;
	font-weight:bold;
	text-transform:uppercase;
	color:#000066;
	}






/* BQM rss, osa muissakin */
.tulosta
  	{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	color:#000000;
 }


.Otsikko {
	font-family:Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #008EE0;

}

.Valiotsikko {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 12px;
	COLOR: #3e69ac;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}

.Valiotsikko1 {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#008EE0;

}

.Valiotsikko2 {
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#008EE0;
	font-weight:bold;
}



/* list.asp */
.Teksti {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	
}


/* cfm */
.Sivunvaihto {
	page-break-after: always;
}



/* Tekstin määritykset */
/* begin jh headline */
/* myös BQM, cfm, rss */
.Headline 	{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color:#00689E;
	font-size: 11px;
	margin-left: 2px;
	}


.Subheadline 	{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color:#00689E;
	font-size: 11px;
	text-align: left;
	margin-left: 0px;
	}

.Valiotsikko2 a:active   {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#999999;
	font-weight:bold;
}

.Valiotsikko2 a:visited   {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#999999;
	font-weight:bold;
}

.Valiotsikko2 a:hover  {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#999999;
	font-weight:bold;
}
/* end jh headline */





/* show_main subin tarvikkeita */
/* verkkokaupassa, featured näyttö... */
/* MMM listauksissa... */
.tuoteotsikko {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#CC0066;
}

.tuoteotsikko a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#CC0066;
	text-decoration: none;
}

.tuoteotsikko a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#CC0066;
	text-decoration: none;
}

.tuoteteksti {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#000000;
}

.tuotehinta {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
/* end show_main subin tarvikkeita */




.mmbutton_104x23 {
	padding-left:7px;
	padding-top:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	border:solid 1px #FFFFFF;
	background-image:url(../image/mmbtn_100.jpg);
	width:104px;
	height:23px;
}


.mmm_hakutulos {
    margin-top:8px;
    margin-bottom:10px;
    padding-top:6px;
    padding-bottom:10px;

    border-style: solid;
    border-color: #EDEDEE;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.mmm_basic_view_tuotetiedot {
    margin-top:12px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;

    border-style: solid;
    border-color: #EDEDEE;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.mmm_basic_view_prodinfo_separator {
    border-style: solid;
    border-color: #EDEDEE;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 1px;
    border-bottom-width: 0px;
}

.mmm_era_perustiedot {
    border: solid thin grey;
    border-width: 1pt 1pt 1pt 1pt;
    background: #FFFFCC;
    margin-top: 15px;
}

.mmm_event_perustiedot {
    border: solid thin grey;
    border-width: 1pt 1pt 1pt 1pt;
    /*width: 400px;*/
    background: #B5E3CE;
}







.right_link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.right_link a:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #404041;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.right_link a:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #404041;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.right_link a:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #404041;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.right_link a:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}




/* default.asp tiedoston alkupuolelta, was embedded block... */
.naviteksti  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	/* nämä tarvitaan kaksirivisessä navipalkissa...mutta sotkevat vanhanmallisen yksirivisen *//*
	width:90px;
	height:19px;
	*//* eli laitetaan nämä omaan classiin _2rows */
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti a:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti a:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;  /* myös tämä mukana tiedostoissa, kumpaa tarkoitetaan: #FF0000  */
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti a:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti a:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

/* navipalkki, aktiivinen menuteksti (punainen korostus) */
.naviteksti_active  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	/* nämä tarvitaan kaksirivisessä navipalkissa...mutta sotkevat vanhanmallisen yksirivisen *//*
	width:90px;
	height:19px;
	*//* eli laitetaan nämä omaan classiin _2rows */
	background: #E20000;
}


.naviteksti_2rows  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	/* nämä tarvitaan kaksirivisessä navipalkissa...mutta sotkevat vanhanmallisen yksirivisen */
	width:90px;
	height:19px;
	/* eli laitetaan nämä yrityskohtaiseen tiedostoon...eritoten biolan intrassa */
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}
.naviteksti_2rows a:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti_2rows a:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;  /* myös tämä mukana tiedostoissa, kumpaa tarkoitetaan: #FF0000  */
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti_2rows a:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti_2rows a:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.naviteksti_active_2rows  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	/* nämä tarvitaan kaksirivisessä navipalkissa...mutta sotkevat vanhanmallisen yksirivisen */
	width:90px;
	height:19px;
	/* eli laitetaan nämä yrityskohtaiseen tiedostoon...eritoten biolan intrassa */
	background: #E20000;
}

.right_col_td {
    background: #FFFE99;
    padding:5px 10px 5px 10px;
}

/* näytetään ohjetekstejä */
.help_txt {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#008000;
	text-align:right;
}

.tervehdys {
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#008EE0;
	font-weight:bold;
}

.miete {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-style: italic;
	font-size:14px;
	color:#000000;
/*	text-align:right;  */
}


/* style__yritys */
/* jos löytyy customer_file_suffix mukaan yrityskohtainen tiedosto */

/* ...ja tämä osio olisi sitten tämmöinen:  */

/* tiedosto lisä CSS koodille, sivustokohtaista */

/*  - peruslisukkeita style.css fileen,
    - sivustokohtaisia style_asiakastunnus.css fileen
*/

/* eli tähän tulisi esim näitä: */
.login_page_html  {
	background: #C4CEFF;
}
.login_page_body  {
	background: #C4CEFF no-repeat top right url(../image/biolankukko.jpg);
}

/* ...mutta nämä ei ole rakenne asioita, pitäisi olla siis
   esim
   rakenne__biolan.css
   jossa olisi yrityskohtaisia column leveyksiä yms */


.errmsg {
    color: red;
	font-family:Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.Tekstilinkki {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}

.Tekstilinkki a:visited{
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}

.Tekstilinkki a:active{
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}

.Tekstilinkki a:link{
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}

.Tekstilinkki a:hover{
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
