div.vakiosivu {width:740px;} /*Tämä rivi nn4:sta varten, kun se ei noita medioita tajua*/

body {
	background-image: url(https://www.oamk.fi/karsittuvisu/pikavpalkki.gif);
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
	color: #000000;
	margin: 20px 20px 20px 20px;
	background-repeat: no-repeat;
}

body, p, td, th {font-family: verdana, arial, helvetica, sans-serif; font-size:11px;}

@media screen {
	div.vakiosivu {width:740px;}
    td.pisteviivasivu {width:750px; border-left:dotted 2px #eeeeee; padding-left:20; border-right:dotted 2px #eeeeee; padding-right:20;}
}

a {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ text-decoration: underline; color: #ee7313;}
a:alink {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ text-decoration: underline; color: #ee7313;}
a:active {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ text-decoration: underline; color: #ee7313;} 
a:visited {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ text-decoration: underline; color: #ee7313;}
a:hover {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ text-decoration: underline; color: #ee7313;}

a.none {text-decoration: none;}
a:link.none {text-decoration: none;}
a:active.none {text-decoration: none;} 
a:visited.none {text-decoration: none;}
a:hover.none {text-decoration: underline;}

/*          SUBNAVI LINKS */

a.subnavi {text-decoration: none; color: #000000; margin-bottom: 5px;}
a:link.subnavi {text-decoration: none; color: #000000; margin-bottom: 5px;}
a:active.subnavi {text-decoration: none; color: #000000; margin-bottom: 5px;}
a:visited.subnavi {text-decoration: none; color: #000000; margin-bottom: 5px;}
a:hover.subnavi {text-decoration: underline; color: #000000; margin-bottom: 5px;}

/*          BLUE LINKS */

a.blue {text-decoration: none; color: #024A67;}
a:link.blue {text-decoration: none; color: #024A67;}
a:active.blue {text-decoration: none; color: #024A67;}
a:visited.blue {text-decoration: none; color: #024A67;}
a:hover.blue {text-decoration: none; color: #024A67;}

/*			ORANGE LINKS  			  */
a.smallorange {font-size: 10px; text-decoration: none; color: #ee7313; margin-top: 2px; margin-bottom: 2px;  margin-right: 4px; margin-left: 2px;}
a:link.smallorange {font-size: 10px; text-decoration: none; color: #ee7313; margin-top: 2px; margin-bottom: 2px;  margin-right: 4px; margin-left: 2px;}
a:active.smallorange {font-size: 10px; text-decoration: none; color: #ee7313; margin-top: 2px; margin-bottom: 2px;  margin-right: 4px; margin-left: 2px;}
a:visited.smallorange {font-size: 10px; text-decoration: none; color: #ee7313; margin-top: 2px; margin-bottom: 2px;  margin-right: 4px; margin-left: 2px;}
a:hover.smallorange {font-size: 10px; text-decoration: underline; color: #ee0019; margin-top: 2px; margin-bottom: 2px;  margin-right: 4px; margin-left: 2px;}

a.smallorangeh {font-size: 10px; font-weight: bold; text-decoration: none; color: #ee7313;}
a:link.smallorangeh {font-size: 10px; font-weight: bold; text-decoration: none; color: #ee7313;}
a:active.smallorangeh {font-size: 10px; font-weight: bold; text-decoration: none; color: #ee7313;}
a:visited.smallorangeh {font-size: 10px; font-weight: bold; text-decoration: none; color: #ee7313;}
a:hover.smallorangeh {font-size: 10px; font-weight: bold; text-decoration: underline; color: #ee0019;}

/* 			P, B, UL, LI etc. classes */

p { /* ns4 teki boldausten jälkeen rivinvaihdon kun tässä oli p, b { (johtuu text-alignista) */
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px;
/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
color: #000000; 
text-align: left;
}

.otsake {
/*/*/
vertical-align: middle;
background-color:#eeeeee;
border: solid 0px #dddddd;
color:#004767;
/* Piilotettiin nn4:ltä */
}

.pieni, .pieni a, .pieni a:link, .pieni a:active, .pieni a:visited, .pieni a:hover {
	font-size : 10px;
	/*/*/
	font-size : 9px;
	/* Piilotettiin nn4:ltä */
}

b {
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px; /*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
color: #000000; 
}


p.header {font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #024A67; margin-top: 0px;}
span.header {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #024560;}
b.blue {color: #024A67;font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; /*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */}
span.orange {color: #ee7313;}
span.paatos {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-style: italic; font-weight: normal;}
p.celltext {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #666666; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;} 

/* TÄSSÄ TUOLLE KARSITULLE VISULLE OMIA SÄÄTÖJÄ HELPOTTAMAAN SIVUJEN LUONTIA VAIKKA NETSCAPEN EDITORILLA */

DIV {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;
}

.nurkkaan {
	position: absolute; left: 0px; top: 0px;
}

OL {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;
}

UL {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
	list-style-type : disc;
}

UL UL {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
	list-style-type : circle;
}

LI {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
}

HR { color: #cccccc; width: 100%; height: 1px; background-color: #cccccc; border: 0; margin-top:0px;} 

ADDRESS {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
}

SMALL {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px;
	/*/*/font-size: 10px;/* Piilotetaan tämä rivi ns4:lta */
}

BLOCKQUOTE {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */
}

h1 {color: #015777;	font-family: verdana, arial, helvetica, sans-serif;	font-weight: normal; font-size: 1.6em;	margin-top : 20px;
	/*/*/margin-top : 30px;/* Piilotetaan tämä rivi ns4:lta */	}
h2 {color: #015777; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; margin-top: 20px;
	/*/*/font-size: 1.3em; margin-top : 30px;/* Piilotetaan tämä rivi ns4:lta */	
	}
h3 {color: #015777;	font-family: verdana, arial, helvetica, sans-serif; 	font-size: 12px;
	/*/*/font-size: 1.1em;/* Piilotetaan tämä rivi ns4:lta */	margin-top : 15px;}
h4 {color: #217797;	font-family: verdana, arial, helvetica, sans-serif; 	font-size: 11px; font-style:italic;
	/*/*/font-size: 1.0em;/* Piilotetaan tämä rivi ns4:lta */	margin-top : 15px;}
h5 {color: #015777;	font-family: verdana, arial, helvetica, sans-serif; 	font-size: 10px;	margin-top : 15px;}

dt {color: #015777;	font-family: verdana, arial, helvetica, sans-serif; 	font-size: 12px;
	/*/*/font-size: 11px;/* Piilotetaan tämä rivi ns4:lta */	margin-top : 5px;}

.oposivut {color: #024A67;	font-family: verdana, arial, helvetica, sans-serif;	font-weight: bold; font-size: 15px;	margin-top : 5px;
	/*/*/margin-top : 10px;/* Piilotetaan tämä rivi ns4:lta */	}		

/*/*/
.pikavalikko {
	font-size: 10px;
	background-color: #ffffff;
	border: 1px;
}
/* Piilotettiin ns4:lta */

.url_polku {background-color: #f5f5f5; width:100%; border-style: dotted; border-color:#dddddd; border-width:1px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; /*/*/font-size: 10px;/* Piilotetaan tämä rivi ns4:lta */ color: #000000;}

/*			TABLE, TR and TD  classes,  few added for opinto-opas*/

TABLE, TR, TD, TH {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #000000;}
td.la {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #999999; text-align: left;}
td.ra {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #999999; text-align: right;}

td.headerCell {background-color: #eeeeee; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #024560; font-weight: bold; margin-left: 4px; margin-bottom: 2px; margin-top: 2px;}
td.smallheaderCell {background-color: #eeeeee; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;/*/*/font-size: 10px;/* ei ns4 */ color: #024560; font-weight: bold;}
td.headerWhite {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px;/*/*/font-size: 12px;/* ei ns4 */ color: #024560; font-weight: bold;}
td.whiteCell {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #666666;}
td.whiteCellsmall {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;/*/*/font-size: 10px;/* ei ns4 */ color: #666666;}
td.darkCellsmall {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;/*/*/font-size: 10px;/* ei ns4 */ color: #666666; background-color: #eeeeee;}
td.header {background-color: #ffffff;font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #024A67; margin-top: 0px;}
td.blue {background-color: #ffffff;font-family: arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #024A67;}
td.wh {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #666666; background-color: #ffffff; margin-top: 2px; }
td.da {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #666666; background-color: #eeeeee; margin-top: 2px; }
td.whjs {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #666666; margin-top: 2px; }
td.ko {font-family: arial; font-size: 10px; color: #000000;}
th.sininen {background-color: #015777;font-family: arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #ffffff;}
th.harmaa {background-color: #cccccc;font-family: arial, helvetica, sans-serif; font-size: 12px;/*/*/font-size: 11px;/* ei ns4 */ color: #015777;}
/* Tässä muotoiluja lomakkeita varten */
TH.ilmolomake {
	color: #ffffff;
	background-color: #015777;
	background-image: url(https://www.oamk.fi/karsittuvisu/lomaketausta_tumma.gif);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
}

TD.ilmolomake {
	color : #000000;
	background-color: #f2f2f2;
	background-image: url(https://www.oamk.fi/karsittuvisu/lomaketausta_vaalea.gif);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

table.sinitaulu th {background-color:#015777; color:#ffffff; text-align:left;}
table.sinitaulu td {background-color:#ffffff; color:#000000; text-align:left;}
	
table.sisallys {background-color:#ffffff; border:solid 1px #999999; border-bottom:solid 2px #999999;border-right:solid 2px #999999; margin-top:0px; /*/*/margin-top:15px;/* Piilotetaan tämä rivi ns4:lta */ margin-bottom:20px;}
table.sisallys ul {margin:0px 15px 0px 0px; /*/*/margin:0px 15px 0px 25px;/* Piilotetaan tämä rivi ns4:lta */ padding:1px 1px 1px 1px; list-style-type:square; color:#777777;}
table.sisallys th {background-color:#015777; color:#ffffff; padding: 1px 15px 1px 15px; text-align:left;}
table.sisallys td {background-color:#f7f7f7; /*/*/background-color:#ffffff;/* Piilotetaan tämä rivi ns4:lta */ padding: 5px 0px 10px 0px; text-align:left;}
th.sisallys {background-color:#015777; color:#ffffff; padding: 1px 15px 1px 15px; text-align:left;}

.inputbox { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
	font-weight: normal; 
	background-color: #ffffff; 
}

textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000; 
	font-weight: normal; 
	background-color: #ffffff; 
}

.button { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000000; 
	font-weight: normal; 
	background-color: #dddddd; 
}

/*  MOBIILITYYLEJÄ:  */

.valiotsikko {color:#ffffff; font-weight:900; padding-left:3px; background-color:#015777; border-top:1px solid #3187a7; border-left:1px solid #3187a7; border-bottom:1px solid #003757; border-right:1px solid #003757;}
.vali {padding-left:3px; background-color:#eeeeee; border-top:1px solid #f9f9f9; border-left:1px solid #f5f5f5; border-bottom:1px solid #999999; border-right:1px solid #999999;}
.vali a, .vali a:visited {text-decoration:none; color:#ee7313;}
.mobiletop {text-align:right; background-color:#015777;}
.mobilebody {width:511px; margin:10px; background-color:#ffffff; background-image: none;}
.alkuun {background-color:#f18f37; border-top:1px solid #ffaf57; border-left:1px solid #ffaf57; border-bottom:1px solid #c15f07; border-right:1px solid #c15f07; color:#ffffff; }
.alkuun a, .alkuun a:visited {text-decoration:none; color:#ffffff;}
.ladataancss {display: none !important;}
	
@media handheld {
	ul,ol {margin-left:15px;}
   .mobiletop {width:160px;}
   .mobilebody {width:100%; margin:1px; background-color:#ffffff; background-image: none;}
   div.vakiosivu {width:100%;}
   td.pisteviivasivu {width:100%; padding: 0 0 0 0;}
}

@media print {
	/* style sheet for print goes here */
	body {width:100%; margin:0px; background-color:#ffffff; background-image: none;}
	.noprint {display: none !important;}
	.mobiletop {display: none !important;}
	.valiotsikko {display: none !important;}
	.vali {display: none !important;}
	.alkuun {display: none !important;}
	div.vakiosivu {width:100%;}
	td.pisteviivasivu {width:100%; padding: 0 0 0 0;}
}