body {
  background-color: #ecf1f4;
  background-image: url(kuvat/taustaliuku4.png);
  text-align: center;
  background-repeat: repeat-x;
  margin-top: 100px;
}

#menu {
  width:832px;
  background: url("kuvat/bg.gif") repeat-x;
  background-position: bottom;
  font-size:93%;
  margin: 0 auto;
  text-align: left;
  padding-left: 10px;
  padding-bottom: 30px;
}

#menu a {
  border-top: 5px solid green;
  padding-top: 3px;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
}

#menu a:hover {
  border-top: 5px solid black;
  text-decoration: none;
}

#menu div {
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 5px;
}

#menu img {
  padding-bottom: 0px;
}

#menu #current {
  padding-bottom: 1px;
}

#sivuosa {
  padding-top: 20px;
  float: left;
  width: 220px;
}

#sivuosaetusivu {
  text-align: left;
  float: left;
  width: 420px;
}

#sivuosaharjoitukset {
  padding-top: 20px;
  float: left;
  width: 220px;
}

#paaosa {
  text-align: left;
  float: left;
  width: 540px;
}

#paaosaetusivu {
  text-align: left;
  float: left;
  width: 380px;
}

.header {
  width: 840px;
  background-color: #ffffff;
  clear: both;
  border: 1px solid #776655;
  text-align: center;
  margin: 40px auto 30px auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

#alaosa {
  background-repeat: repeat-x;
  background-position: top;
  width: 800px;
  border-bottom: 1px solid #776655;
  border-right: 1px solid #776655;
  border-left: 1px solid #776655;
  background-color: #ffffff;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 100px;
  margin: 0 auto;
  overflow: hidden;
}

#alaosaetusivu {
  background-repeat: repeat-x;
  background-position: top;
  width: 800px;
  text-align: left;
  border-bottom: 1px solid #776655;
  border-right: 1px solid #776655;
  border-left: 1px solid #776655;
  background-color: #ffffff;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin: 0 auto;
  overflow: hidden;
}

.alpha-shadow {
  clear: both;
  float:left;
  background: url(kuvat/shadow.gif) no-repeat bottom right;
  margin: 5px 10px 10px 0px !important;
  margin: 5px 10px 10px 0px;
}

.alpha-shadow div {
  background: url(kuvat/shadow2.png) no-repeat left top !important;
  background: url(kuvat/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
}

#footer {
  width: 840px;
  text-align: right;
  margin: 0 auto;
  padding-top: 3px;
}

.footertext, .footertext a, .footertext a:link, .footertext a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #888888;
  text-decoration: none;
}

.footertext a:hover {
  color: #000000;
  text-decoration: underline;
}


.articlecols {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.2em;
}

.harjoitussivuteksti {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.2em;
  text-align: left;
  width: 190px;
}

.harjoitusdesc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.2em;
  font-style: italic;
}

.harjoitusleipis {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.2em;
}


/*
.box
	{
	position: relative;
	margin-left: 0;
	margin-right: auto;
	margin-top: 0;
	padding: 0;
	text-align: left;
	background-color: #eeeeee;
	}
*/

.content
	{
	padding:20px;
    padding-right: 30px;
	}

.content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 16px;
	font-family: helvetica, geneva, arial, sans-serif;
	}

.content p
	{
	color:#3b3b3b;
	font-size: 12px;
    line-height: 140%;
	font-family: arial, helvetica, sans-serif;
	}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(kuvat/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(kuvat/trc.gif);
	background-position: 100% 0%;
	}

.blc
	{
	background-image:url(kuvat/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(kuvat/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}

.tb
	{
	background-image:url(kuvat/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(kuvat/bb.gif);
	background-position: 50% 100%;
	}

.rb
	{
	background-image:url(kuvat/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-color: #eeeeee;
	background-image:url(kuvat/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}









#header {
  width:827px;
  background-position: bottom;
  margin: 0 auto;
  position: relative;
  height: 2em;
  border-bottom: 1px solid #776655;
  padding-left: 15px;
  text-align: left;
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary a.current {
	display: block;
	float: left;
	padding: 4px 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
	margin: 1px 1px 0 0;
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333;
}

.current {
	background-color: #000000;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
	margin-top: 0;
}

#header ul#primary a.current,#header ul#primary a.current:hover {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
	margin-top: 0;
}

#header ul#primary a {
	background-color: #FFEB9B;
	border-bottom: 1px solid #776655;
    color: #444444;
}

#header ul#primary a:hover {
	margin-top: 0;
}


@media print {
#logojakuva {display: none;}
#valikot {display: none;}
#header {display: none;}
#alaosa {width: 100%; overflow: visible; margin: 0px; padding: 0px; border: 0px;}
#sivuosa {display: none;}
#paaosa {width: 100%; padding: 0px; margin: 0px; line-height: 140%;}
.paaotsikko {font-size: 24px; line-height: 140%; margin-bottom: 20px;}
.valiotsikko {font-size: 20px; font-weight: bold;}
.ingressi {font-size: 16px; line-height: 140%; font-style: italic; border-bottom: 1px dotted #dddddd; padding-bottom: 20px; margin-bottom: 20px;}
.leipateksti {font-size: 14px; padding-top: 20px; line-height: 130%;}
a, a:link, a:visited {text-decoration: underline; color: #437730;}
a:hover {text-decoration: none; color: #000000;}
.poiminto {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #828282;
  margin-top: 3px;
  font-style: italic;
  margin-right: 5px;
}
.author {font-size: 20px; }
.oivaotsikko {font-size: 20px;}
.soiotsikko {font-size: 20px;}
.soipaivays {font-size: 12px;}
.soileipateksti {font-size: 14px;}
li {margin-bottom: 20px;}
#loputoivalluskuviot {width: 100%; line-height: 140%; text-align: left; clear: both;}
#loputvaraussysteemikuvat {width: 100%; line-height: 140%; text-align: left; clear: both;}
#footer {display: none;}
}