hr {
	clear: both;
}

.hidden {
	display: none;
}

.keskitys {
	text-align: center;

}
.etusivu {
 	font-size:1.2em; 	
	text-align: center;
	font-family: Georgia, "Century Schoolbook", "Times New Roman", serif;
}


.viiva {
			 border-top: 1px solid;
			 margin-top: 0.5em;
			 margin-bottom: 0.5em;
}

.url {
 font-family: "Courier New", Courier, Monaco, monospace ;
 font-weight: bold;
}

.purl {
  font-family: "Courier New", Courier, Monaco, monospace ;
  margin : 1em;
  padding: 1em;
  text-align : center;
  border: 1px solid #CCCC99;
  background-color: #EEEECC;
  color: black;
}


.email {
 font-family: "Courier New", Courier, Monaco, monospace ;
 font-weight: bold;
}



CODE, SAMP, KBD, VAR {
 font-family: "Courier New", Courier, Monaco, monospace ;
}

pre {
 white-space: pre;
 margin-left: 1em;
 border: 1px solid;
 padding: 1em;
}

pre.small {
 white-space: pre;
 margin-left: 1em;
 border: 1px solid;
 padding: 1em;
 font-size: smaller;
}

LI p { 
	margin-left:0;
}


FIELDSET {
  border: thin solid silver;
  padding: 0.5em 0.5em 0.5em 0.5em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-left: 1em;
}

LEGEND {
  font-size: 1.1em;
  font-weight: bold;
}


LABEL {
  font-size: 1.0em;
  font-weight: bold;
  display: inline;
}

.tasa {
	width: 10em;
	float: left;
	clear: both;
}


dt {
	font-weight: bolder;
	display: compact;
}

dd {
	 margin-left: 3em;
}

table.border {
						 border: 1px solid;
}
td.border {
						 border: 1px solid;
}


TABLE {
	border : 1px solid;
	color: black;
	background: white none;
}

table.aikataulu {
  border: 1px solid;
  margin: 1em;
}

TD {
		 font-family: "Trebuchet MS", Verdana, Arial, "Andale Mono", sans-serif ;
		 border: 1px solid;
		 padding-left: 0.5em;
}

TH {
	background: #90AAFF none;
	color: black;

		 font-family: "Trebuchet MS", Verdana, Arial, "Andale Mono", sans-serif ;
 	font-weight :  bold;
	text-align: center;
		 border: 1px solid;
}


 
TD.korjaus {
        background: #ff0000 none;
        color: black;
        
        text-align: center;
}
TD.luento {
        background: #ffd090 none;
        color: black;
        
        text-align: center; 
}
 
TD.kello {
        background:  #90AAFF none;
        color: black;
        text-align: center;
}
        
TD.demot {
        background: #ffff90 none;
        color: black;
        text-align: center;
}

body {
  background: white none; 
  color: black; 
  font-family: "Trebuchet MS", Verdana, Arial, "Andale Mono", sans-serif ;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 0em;
  padding-top: 0em;
}

p {
	margin-left: 1em;
}

.right p {
	margin: 0;
	padding: 0;
}


.oikea ul {
	 margin-top: 0.5em;
	 margin-bottom: 1em;
	 margin-left: 0.5em;
}



.oikea li {
			 margin-top: 0em;
			 margin-bottom: 0em;
			 margin-left: 0em;
}

h1 {
	 font-family: Georgia, "Century Schoolbook", "Times New Roman", serif ;
	 color: #006699;
   background-color: transparent;
	 font-weight: 900;
	 text-align: center;
	margin-top: 0em;
	margin-bottom: 0em;
}

h2 {
	 font-family: Georgia, "Century Schoolbook", "Times New Roman", serif ;
	 font-weight: 900;
	 color: #006699;
   background-color: transparent;
}

h3,h4,h5,h6 {
	 font-family:  Verdana, "Andale Mono","Trebuchet MS", Arial,    sans-serif ;
	 color: #996600;
   background-color: transparent;
}




.navbartop {
  position: fixed; 

	background: #EEEECC none;
  color: black;
	border: 1px solid #CCCC99;
	font-weight: bold;
	font-size: smaller;
	margin: 0em;
	padding-top: 0.3em;
  padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
  overflow: hidden;
}

.mainright {
	margin-left: 19%; 
	float: right;
}

.navbarleft/* hides from IE5 */ {
	float: left;
	position: absolute;
	position: fixed; 
	background: #EEEECC none;
	color: black;
	border: 1px solid #CCCC99;
	font-weight: bold;
	font-size: smaller;
	margin: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	text-align: left;
	top: 0;
	left: 0;
	width: 18%;
	height: 100%;
	overflow: auto;
}

.navbarleft ul {
	margin-left: 0em;
	padding-left: 1em;
}

.navbarbottom {
	background: #EEEECC none;
  color: black;
	border: 1px solid #CCCC99;
	font-weight: bold;
  font-size: smaller;
	margin: 0em;
	padding: 0.5em;
	text-align: center;
}

.navbar {
	background: #EEEECC none;
  color: black;
	border: 1px solid #CCCC99;
	font-weight: bold;
  font-size: smaller;
	margin: 0em;
	padding: 0.5em;
	text-align: center;
}

.left {
			float: left;
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 1em;
			margin-top: 1em;
			border: 0em;
}

.center {
				text-align: center;
}

.right {
			float: right;
			margin: 1.5em;
			text-align: right;
}


.vasen {
			float: left;
			border: 1px solid #CCCC99;
			padding-left: 1em;
			padding-right: 1em;
			padding-top: 0.5em;
			margin-right: 1%; 
			width: 45%;
			background-color: #EEEECC;
			color: black;
}

.teksti {
			margin-left: 1%;
			margin-right: 0%;
			padding-left: 1em;
	    padding-top: 0.5em;			
	    padding-bottom: 1em;			
}

.oikea {
			float: right;  
			border: 1px solid #CCCC99;
			margin-right: 0em; 
			padding-top: 0.5em;
			padding-left: 1em;
			padding-bottom: 1em;
			width: 25%;
			background: #EEEECC none;
			color: black;
}


.author {
				text-align: right;
				clear: both;
}

a:link {
 color: #003399;
 background-color: transparent;
}

a:visited {
 color: #993399;
 background-color: transparent;
}

a:active {
 color: #990000;
 background-color: transparent;
}

a:hover {
 color: white;
 background-color: #993399; 
 text-decoration: none;
}


div.author {
	text-align:right;
	clear: both;
	border-top: 1px solid;
	margin-top: 1em;
	padding-top: 0.5em;
	font-size: smaller;
}

strong.vahva {
						 font-weight: 900;
						 letter-spacing: 0.1em;
						 border: 1px solid;
}

.clear {
	clear: both;
}

.retkibar {
	color: black;
	font-weight: bold;
	font-size: smaller;
	margin: 0em;
	padding-top: 0.3em;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
}

img.reunus {
	border: 2px solid;

}


div.kuvat {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 5px solid;
	margin: 1em;
}



div.kuva {
	float: left;
	width: 175px;
	height: 14em;
	text-align: center;
}


div.kuva p {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 0.7em;
	overflow: hidden;
	width: auto;
	width: 175px;
	height: 6em;
	margin-left: 0em;
	padding-left: 0em;
}

div.kuva a:link, h1 a:link {
 color: black;
 background-color: transparent;
 text-decoration: none;
}

div.kuva p a:link {
 color: blue;
 background-color: transparent;
 text-decoration: underline;
}

div.kuva a:visited, h1 a:visited {
 color: #aa5555;
 background-color: transparent;
 text-decoration: none;
}

div.kuva p a:visited {
 color: #aa5555;
 background-color: transparent;
 text-decoration: underline;
}

div.kuva a:active, h1 a:active {
 color: transparent;
 background-color: transparent;
 text-decoration: none;
}

div.kuva p a:hover {
 color: white;
 background-color: black;
 text-decoration: none;
}

div.kuva a:hover, h1 a:hover {
 color: blue;
 background-color: transparent;
 text-decoration: none;
}

.gleft {
	font-size: smaller;
	width: 37%;
	border: 1px solid;
	margin: 1em;
	background-color: #ffe060;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	overflow: hidden;
	float: left;
}	

.gleft p {
	margin: 0em;
}
.gtext {
	font-size: smaller;
	width: 24%;
	border: 1px solid;
	margin: 0.5em;
	background-color: #e060ff;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	overflow: hidden;
	float: left;
}
.gtext p {
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	margin: 0;
	background-color: #dfafdf;
}

.gfill {
	width: 38%;
	font-size: smaller;
	border: 1px solid;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	overflow: hidden;
	float: left;
	z-index: 1;
	visibility: hidden;
}