html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

a img:hover {opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}


a:link{color: #0053f9;
text-decoration: none; 
border-bottom: 1px solid #c7d7e4;
}
a:visited, a:visited:hover {color: #5d81c9;
text-decoration: none; 
border-bottom: 1px solid #c7d7e4;
}

a:hover{color: #6fa20b;
text-decoration: none; 
border-bottom: 0px;
}

#etunavi a, #sisanavi a  {border:0;}

body, html {

height: 100%;

margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(bgliuku.png) #00539e;
background-repeat:repeat-x;
}

p {margin-bottom: 12px; line-height: 22px;}
body.kurssit p {font-size: 14px; margin-bottom: 12px; line-height: 22px;}
body.kurssit p.pieni {font-size: 11px; line-height: 15px;}

em{font-style: italic;}

.ktesti {margin-left: 15px;}

h2 {margin-bottom: 15px; font-size: 9px; margin-top: 35px; text-transform: uppercase; background-color: #9ece00; border: 1px solid #004232; border-left: 16px solid #096dd0; padding: 1px; padding-left: 7px; font-weight:bold; width: 100px; letter-spacing: 1px;}
.testisivu h2 {border-left: 19px solid #096dd0; margin-top: 0px; font-size: 15px;}

span.tekstit {font-size: 11px; margin-top: 30px;  margin-bottom: 25px; text-transform: uppercase; padding: 2px;  font-weight:bold; width: 100%;  letter-spacing: 1px; display:block; text-align:center; background-color: #9ece00; border: 1px solid #004232;}

.testisivu form {font-size: 14px; }
.testisivu form div {display:inline; }
.testisivu form div input {margin-right: 5px;}


h3 {font-weight:bold; margin-bottom: 10px;}


#sivu {
margin: 0;
padding: 0;
}

#ulko{
margin-left: auto;
margin-right: auto;
width: 750px; 

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -189px; /* the bottom margin is the negative value of the footer's height */
	
	background: url(bg-keski.png) 0px 30px;
background-repeat:repeat-y;
}


#header {height: 292px; background: url(sisaylabg2.png) top center;
background-repeat:no-repeat; position: relative;}
#sisahead {left:89px; top: 0px; position:absolute;}

#broadc {position:absolute; bottom: 0; left: 0; margin-bottom: 20px; margin-left: 150px; width: 190px; text-align:left; 
font-size: 11px; font-weight: bold; line-height: 23px; margin-bottom: 8px; }
#broadc  div {background: url(nuoli.png) center bottom; xbackground-color: yellow;
background-repeat:no-repeat; width: 30px; height: 18px; display:inline-block;}
#broadc  div span {display:none;}
#broadc a {border: 0;}
.nuoli {margin-left: 4px; margin-right: 4px; margin-bottom: -5px;}

#etunavi {left:555px; top: 180px; position:absolute;}
.nkurssit {left:83px; top: 0px; position:absolute;}
.ninfo {left:83px; top: 16px; position:absolute;}
.npalaute {left:83px; top: 32px; position:absolute;}

.etunapu1, .etunapu2, .etunapu3, .etunapu4, .etunapu5 {position:absolute;}
.etunapu1 {left:490px; top: 285px;}
.etunapu2 {left:580px; top: 285px;}
.etunapu3 {left:670px; top: 285px;}
.etunapu4{left:523px; top: 350px;}
.etunapu5 {left:613px; top: 350px; }

.sisanapu {float:right; margin: 15px; margin-right: 0;}

.sisak1, .sisak2, .sisak3, .sisak4, .sisak5 {position:absolute;}
.sisak1 {left:473px; top: 50px; }
.sisak2 {left:500px; top: 75px; }
.sisak3 {left:525px; top: 100px; }
.sisak4 {left:550px; top: 125px; }
.sisak5 {left:575px; top: 150px;  }

#sisanavi {left:473px; top: 190px; position:absolute;}

#keski {margin-left: 150px; margin-right: 170px; text-align:left; position: relative; padding-top: 30px; margin-bottom: -10px; z-index: 2;}

.footer, .push {position: relative;
 width: 750px; margin: 0;
padding: 0; margin-left: auto;
margin-right: auto;
	height: 189px; /* .push must be the same height as .footer */
}
.footer { xmargin-top: -189px; background: url(footerbg.png) top center;
background-repeat:no-repeat;
background-color: #00539e;}

ul.navilinkit {position: absolute; left: 165px; bottom: 17px; text-align: right; font-size: 11px; xline-height: 24px;  font-weight: bold;}
ul.navilinkit a, ul.navilinkit span {color: #abdf3d;  text-decoration: none; padding-top: 10px; padding-bottom: 4px; display:block; border-bottom: 0px;}
ul.navilinkit span {color: white; }
ul.navilinkit a:hover, ul.kurssilinkit a:hover  {color: white;}
ul.navilinkit a:visited, ul.kurssilinkit a:visited, ul.navilinkit a:visited:hover, ul.kurssilinkit a:visited:hover {color: #6cc778; border: 0px;}

#footkurssilinkit {border: 1px solid black; position: absolute; left: 235px; bottom: 17px; text-align: right;}
ul.kurssilinkit  li {font-size: 10px;  padding: 0px; background-color: #96cf03; padding-top: 3px; padding-bottom: 3px; border-style: outset;
border-width: 1px; border-color: white;}
ul.kurssilinkit a, ul.kurssilinkit span {text-decoration: none;  color: #00167f; font-weight: bold; padding: 0; padding-left: 3px;  padding-right: 3px; border-bottom: 0px;}
ul.kurssilinkit span {color: white;}
ul.kurssilinkit span.empty {color: #0068f9;}
ul.kurssilinkit a:visited, ul.kurssilinkit a:visited:hover {color: #0068f9;}

.nebulaetu {left:248px; top: 202px; position:absolute;}
.nebulasisa {left:355px; top: 125px; position:absolute;}

.palaute input, .palaute textarea {background-color: #cae298; width: 400px; padding: 2px; margin-bottom: 5px; border: 1px solid grey;}

.palaute .lahetainput {width: 406px; background-color: #0862a3; color: white;}