/* Perusasetukset */
body{
  font-family:		verdana, serif, arial;
	text-align:			left;
}
br{
  line-height:		0.8;
}

/* Muut */
.modulinotsikko{ /* Modulin otsikko */
	font-size:			20px;
	margin:					8px 0 5px 15px;
	text-align:			left;
	font-weight:		bold;
	color:					#6c0000;
	font-family:		arial, verdana, serif;
}
.modulinkuvaus{ /* ModulinKuvaus */
	font-size:			12px;
	margin:					0 6px 0 0;
	text-align:			justify;
	line-height:		1.4;
	font-weight:		lighter;
	font-style:			italic;
}
.aihealue{ /* Aihealue */
	font-size:			16px;
	margin:					30px 5px 5px 5px;
	text-indent:		20px;
	text-align:			left;
	font-weight:		bold;
	font-family:		verdana, serif, arial;
	color:					#334667;
	text-transform:	uppercase;
}
.otsikko{ /* Otsikko */
  font-size:			14px;
	margin:					5px 6px 0 0;
	/*text-align:			left;*/
	line-height:		1.4;
	font-weight:		bold;
	color:					#334667;
}
.alaotsikko{ /* AlaOtsikko */
	font-size:			10px;
	font-weight:		bold;
	margin:					0 6px 0 0;
	line-height:		1.4;
}
.teksti{	/* Teksti */
	font-size:			10px;
	margin:					0 6px 0 0;
	/*text-align:			left;*/
	line-height:		1.4;
	font-weight:		lighter;
}
.allekirjoitus{ /* Allekirjoitus */
	font-size:			10px;
	margin:					5px 6px 0 0;
	text-align:			left;
	line-height:		1.4;
	font-weight:		lighter;
	color:					#686868;
}
.huomio{	/* Huomio */
	font-size:			10px;
	margin:					0 6px 0 0;
	font-weight:		bold;
	font-style:			normal;
	line-height:		1.4;
	color:					#0000FF;
}
.varoitus{ /* Varoitus */
	font-size:			10px;
	margin:					0 6px 0 0;
	font-weight:		bold;
	font-style:			normal;
	line-height:		1.4;
	color:					#FF0000;
}
a{
	color:					#6c0000;
	text-decoration: underline;
}
a:hover{
	color:					#a40c0c;
}
.thumbnail{
	border:					1px solid #6c0000;
}

/* Copyright/Footer */
.footer{
	font-size:			10px;
	text-align:			center;
	line-height:		1.4;
	font-weight:		lighter;
	color:					#ffffff;
}
.copyright{
	font-size:			10px;
	text-align:			center;
	line-height:		1.4;
	font-weight:		lighter;
	color:					#686868;
}
.copyright a{
	color:					#6c0000;
	text-decoration: underline;
}
.copyright a:hover{
	color:					#a40c0c;
}


/* Menu */
/*.menuotsikko{
	font-size:			12px;
  background:			#d77e7e;
  color:					#6c0000;
	border-top:			1px solid #6c0000;
	padding:				5px 0 5px 5px;
	margin:					5px 0 0 0;
	border-bottom:	1px solid #6c0000;
	font-weight:		bold;
}
.menulinkki{
  margin:					0 0 0 6px;
	padding:				0;
  font-size:			10px;
	line-height:		1.4;
}
.menulinkki a{
	color:					#6c0000;
	text-decoration: none;
}
.menulinkki a:hover{
	color:					#a40c0c;
}
.menulinkki2{
  margin:					0 0 0 14px;
	padding:				0;
  font-size:			10px;
	line-height:		1.4;
}
.menulinkki2 a{
	color:					#5C5C5C;
	text-decoration: none;
}
.menulinkki2 a:hover{
	color:					#a40c0c;
}
.menulomakeotsikko{
	font-size:			10px;
	font-weight:		bold;
	margin:					5px 0px 0 5px;
	line-height:		1.4;
}
.menu{
  border-right:		1px dotted #6c0000;
}*/

/* Kieli painikkeet */
.kielilinkki{
  margin:					0 0 0 6px;
	padding:				0;
  font-size:			10px;
	line-height:		1.4;
	text-align:			center;
}
.kielilinkki a{
	color:					#6c0000;
	text-decoration: none;
}
.kielilinkki a:hover{
	color:					#a40c0c;
}

/* Käyttäjähallinta */
.kayttajahallinta{
  font-size:			10px;
	text-align:			left;
	line-height:		1.6;
	font-weight:		lighter;
	color:					#303030;
}
.kayttajahallintalinkki a{
  background:			transparent url(images/painike_oikea.gif) no-repeat center left;
	font-size:			10px;
	text-align:			left;
	line-height:		1.6;
	color:					#6c0000;
	padding:				0px;
	margin:					0 0 0 0;
	font-weight:		bold;
	text-decoration: none;
}
.kayttajahallintalinkki a:hover{
	background:			transparent url(images/painike_oikea_over.gif) no-repeat center left;
	color:					#a40c0c;
	text-decoration: none;
}

/* Linkki vasen reuna */
.vasen{
	padding:				0px;
	margin:					20px 0 0 0;
	font-weight:		bold;
	font-size:			14px;
	line-height:		1.4;
	text-align:			left;
	color:#6c0000;
	text-decoration: none;
}
.linkki_vasen{
	background:			transparent url(images/painike_oikea.gif) no-repeat center left;
	padding:				0px;
	margin:					20px 0 0 0;
	font-weight:		bold;
	font-size:			14px;
	text-align:			left;
}
.linkki_vasen a{
	color:					#6c0000;
	text-decoration: none;
}
.linkki_vasen a:hover{
	background:			transparent url(images/painike_oikea_over.gif) no-repeat center left;
	color:					#a40c0c;
}
.linkki_vasen_viivaton{
	background:			transparent url(images/painike_oikea.gif) no-repeat center left;
	padding:				0px;
	margin:					20px 0 0 0;
	font-weight:		bold;
	font-size:			14px;
	text-align:			left;
}
.linkki_vasen_viivaton a{
	color:					#6c0000;
	text-decoration: none;
}
.linkki_vasen_viivaton a:hover{
	background:			transparent url(images/painike_oikea_over.gif) no-repeat center left;
	color:					#a40c0c;
}

/* Linkki oikea reuna */
.linkki_oikea{
	background:			transparent url(images/painike_vasen.gif) no-repeat center right;
	padding:				0px;
	text-align:			right;
	margin:					0 6px 0 6px;
	font-weight:		bold;
	font-size:			12px;
}
.linkki_oikea a{
	color:					#6c0000;
	text-decoration: none;
}
.linkki_oikea a:hover{
	background:			transparent url(images/painike_vasen_over.gif) no-repeat center right;
	color:					#a40c0c;
}

.edellinen{
	background:			transparent url(images/painike_vasen.gif) no-repeat center left;
	padding:				0px;
	text-align:			left;
	margin:					0 6px 0 6px;
	font-weight:		bold;
}
.edellinen a{
	font-size:			10px;
	margin:					0;
	line-height:		1.4;
	color:					#6c0000;
	text-decoration: none;
}
.edellinen a:hover{
	background:			transparent url(images/painike_vasen_over.gif) no-repeat center left;
	color:					#a40c0c;
}

.seuraava{
	background:			transparent url(images/painike_oikea.gif) no-repeat center right;
	padding:				0px;
	text-align:			right;
	margin:					0 6px 0 6px;
	font-weight:		bold;
}
.seuraava a{
	font-size:			10px;
	margin:					0;
	line-height:		1.4;
	color:					#6c0000;
	text-decoration: none;
}
.seuraava a:hover{
	background:			transparent url(images/painike_oikea_over.gif) no-repeat center right;
	color:					#a40c0c;
}


/* Lomakkeet */
.lomakeotsikko{
	font-size:			10px;
	font-weight:		bold;
	margin:					5px 0 0 5px;
	line-height:		1.4;	
}
input{
	border-width:		1px;
	border-style:		solid;
	border-color:		#6c0000;
	background:			#EEE5D8;
	margin:					0 0 0 5px;
	height:					20px;
}
textarea{
	border-width:		1px;
	border-style:		solid;
	border-color:		#6c0000;
	background:			#EEE5D8;
	margin:					0 0 0 5px;
}
select{
	border-width:		1px;
	border-style:		solid;
	border-color:		#6c0000;
	background:			#EEE5D8;
	margin:					0 0 0 5px;
}
#button{
	margin:					7px 0 0 5px;
}

.navigointi{
  overflow: hidden;
	clear: both;
	float: left;
	width: 135px;
	min-height: 300px;
	margin: 0px;
	padding: 0px;
	color: rgb(75,75,75);
	font-size: 12px;
	font-family: verdana, arial, sans serif;
}
.navigointi ul{
  width: 135px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border-bottom: solid 1px #996600;
	background-color: #cc9999;
}	
.navigointi li{
  list-style: none;
	margin: 0px;
	padding: 0px;
}
.navigointi li.otsikko{
  margin: 0px 0px 0px 0px;
	padding: 3px 5px 2px 10px;
	background-color: #950b0b;
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}
.navigointi li.ryhmaeilinkki{
  display: block;
	min-height: 1.5em;
	height: auto !important;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px 2px 0px 5px;
	border-top: solid 1px #996600;
	border-left: solid 7px #996600;/* vasemman palkin oletusvari */
	color: #6c0000;
	font-size: 10;
}
.navigointi li.ryhma a{
  display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px 7px 0px 10px;
	border-top: solid 1px #996600;
	border-left: solid 7px #996600;/* vasemman palkin oletusvari */
	color: #6c0000;
	font-weight: bold;
	font-size: 100%;
}
.navigointi li.alaryhma a{
  display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px 7px 0px 15px;
	border-left: solid 7px #996600;
	color: #6c0000;
	font-size: 90%;
}
.navigointi li.alaalaryhma a{
  display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px 7px 0px 20px;
	border-left: solid 7px #996600;
	color: #6c0000;
	font-size: 80%;
}
.navigointi li a{
  display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px 7px 0px 20px;
	border-left: solid 7px #996600;
	color: rgb(75,75,75);
	text-decoration: none;
	font-size: 100%;
}
.navigointi li a:hover, .nav3 li a.selected{
  border-left: solid 7px #950b0b;
	color: #950b0b;
	text-decoration: none;
}