@charset "utf-8";
/******************
*CSS-tyylitiedosto*
/*****************/
/*By Kimmo Salmela*/


/**************************
*Sivuston perusmäärittelyt*
**************************/
html
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

body
{
  text-align: center; /*IE:n keskittämisfixi (*1)*/
  background-image: url(/static/img/legacy/background.png);
  background-repeat: repeat-x;
  background-color: #7BB8E4;
  /*color: black;*/
  font-size: 1em;
  padding: 0;
  margin: 0;
}

/*Tekstin muotoilu*/
.u {text-decoration: underline;}
a:link {color: blue; text-decoration: underline;}
a:visited {color: #00008B; text-decoration: underline;}

/*Yleiset classit*/
.left {width: 100%; float: left;}
.center{margin-left: auto; margin-right: auto; text-align: left;}
.right {width: 100%; float: right;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.inline {display: inline;}
.tight {border: none; margin: 0; padding: 0;}
.hide {display: none;}
.bold {font-weight: bold;}
.nolink:link, .nolink:visited, .nolink:hover, .nolink:active {color: black; text-decoration: none;}
.error {color: #8B0000;}


textarea.wrap {white-space: pre; overflow: auto;}

/*******************************************************************/

/***************
*Sivun asettelu*
***************/
/*Sivun containeri, joka keskitetään*/
div#container
{
  width: 754px;
  margin: 0 auto;
  text-align: left; /*Tekstin palauttaminen (*1)*/
}

div#banner
{
  height: 200px;
}

/*Pääsisällön wrapperi*/
div#wrapper
{
  width: 750px;
  overflow: auto;
  background-color: #E0A000;
  border: 2px solid #765603;
  padding-bottom: 1em;
  box-sizing: content-box;
}

/*Pääsisältö*/
div#content
{
  float: left;
	width: 550px;
	margin: 0;
  padding: 0;
  display: inline;  /*Firefoxin divin siirtymisfixi*/
}

/*Sivupalkki*/
div#sidebar
{
  background-color: rgb(240,188,60);
  float: left;
  width: 200px;
  background-image: url(/static/img/legacy/sidebar_background.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 64px;
}

hr
{
  color: rgb(184,120,0);
}

/*Alapalkki*/
div#footer
{
  text-align: center;
  font-size: 0.7em;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
  width: 100%;
  /*background-color: rgb(224,160,0);*/
  margin: 0;
  padding: 1em 0;
}

div.spacer
{
  display:inline;
  height: 200px;
}

/*******************************************************************/

/*******************
*Pudotusvalikon CSS*
*******************/
div#mainnavi
{
  background-color: rgb(240,188,60);
  height: 2.29em;
  width: 750px;
  margin: 0 auto;
}


/**************************************
*Hallintapaneelin navigointipalkin CSS*
**************************************/
/*Päänavigointipalkki*/
div#navi
{
  background-color: #083982;
  color: white;
  display: block;
  border: none;
}

div#navi ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#navi li
{
  display: inline;
}

/*Normaali päänavigointilinkki*/
div#navi a.normal
{
  padding: 0 0.5em 0 0.5em;
  background-color: #083982;
}

div#navi a
{
  color: white;
  text-decoration: none;
}

/*Aktiivinen päänavigointilinkki*/
div#navi a.active
{
  padding: 0 0.5em 0 0.5em;
  background-color: #6D97D5;
}


/*Alinavigointipalkki*/
div#subnavi
{
  padding: 0 0 0.25em 0.5em;
  background-color: #6D97D5;
  color: white;
  display: block;
  border: none;
}

div#subnavi a
{
  color: white;
  text-decoration: none;
}

div#subnavi ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#subnavi li
{
  display: inline;
}

/*******************************************************************/

/**************
*Alapalkin CSS*
**************/

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active
{
  text-decoration: none;
  color: black;
}

/*******************************************************************/

/***********
*Uutisboksi*
***********/
div#newsbox
{
  width:500px;
  margin: 0 auto;
  text-align: left;
  clear: both;
}

div#newsbox p
{
  display: inline;
}

table#newstable
{
  width: 500px;
}

td.newsdate
{
  font-size: 0.9em;
  font-style: italic;
}

td.newsauthor
{
  text-align: right;
  font-size: 0.9em;
}

/*******************************************************************/

/**********
*Kalenteri*
**********/
/*
#729EFF
#E4F6F6
*/
table#calendar
{
  border-collapse: collapse;
  text-align: center;
  border: 2px black solid;
}

table#calendar caption
{
  background-color: #5678C1;
  color: white;
  font-weight: bold;
  width: 200px;
}

table#calendar tr.calheader
{
  background-color: #5678c0;
  border-bottom: 1px solid black;
  font-weight: bold;
  color: white;
}

table#calendar tr.weekdays
{
  background-color: #729EFF;
}

table#calendar td
{
  border: 1px solid #6B82B3;
  background-color: #99B9FF;
  width: 28px;
}

div#sidebar p
{
  margin: 4px 0 4px 0;
}

table#calendar td.outside
{
  color: black;
  background-color: #89A7E6;
}

table#calendar td.current
{
  font-weight: bold;
  color: black;
  background-color: #B2CBFF;
}

/********************
 * Legacy Additions *
 ********************/
/* Remove link styling from BS buttons */
a.btn.btn-light:link, a.btn.btn-light:visited {
  color: #212529;
  text-decoration: none;
}

body.fullwidth div#container {
  width: auto;
  margin: 0 10px;
}

body.fullwidth #wrapper {
  width: auto;
}

.legacyAdmissionForm input,
.legacyAdmissionForm textarea {
  width: 100%;
}

.legacyAdmissionForm .autowidth {
  width: auto;
}

input[type="radio"] {
  width: auto;
}

h3 + p, h4 + p {
  margin-top: 0;
}

h3, h4 {
  margin-bottom: .5em;
}

h4 {
  margin-top: .5em;
}