@charset "utf-8";
/* CSS Document */

 * {
padding:0;
margin:0;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #696868;
}

 
/* otsikot */
h1 {
	font-size: 180%;
	color: #7192af;
		margin: 0.1em 0 1em 0;
			letter-spacing:0.1em;}
			
#leipis-oikea h1 {
	font-size: 120%;
	color: #7192af;
		margin: 0em 0 1em 0;
			letter-spacing:0.1em;}

h2 {
	font-size: 130%;	
	color: #7192af;
	padding:0px;
	margin: -0.8em 0 1em 0;
}

#leipis-oikea h2 {
	font-size: 110%;
	color: #7192af;
		margin: -0.8em 0 1em 0;
			letter-spacing:0em;}

h3 {
	font-size: 120%;
	color:#7192af;
	margin: 2em 0 0.5em 0;
		letter-spacing:0.1em;
}

h4 {
	font-size: 110%;
	color: #7192af;
		padding:0;
margin: 0.3em 0 0.5em 0; 
	letter-spacing:0.1em;
}

p {margin: 0 0 20px 0;}

a:link {	color: #6a492e; text-decoration:none;       padding: 0 0 0 17px;
      background: url("img/base/nuoli.png") no-repeat top left; font-size:95%; font-weight:bold;}
a:visited {	color: #6a492e; text-decoration:none;       padding: 0 0 0 17px;
      background: url("img/base/nuoli.png") no-repeat top left; font-size:95%; font-weight:bold;}
a:active  {	color: #6a492e; text-decoration:none;       padding: 0 0 0 17px;
      background: url("img/base/nuoli.png") no-repeat top left; font-size:95%; font-weight:bold;}
a:hover { 	color: #2e476a; text-decoration:none;       padding: 0 0 0 17px;
      background: url("img/base/nuoli.png") no-repeat top left; font-size:95%; font-weight:bold;}


/* sisältökeskitys */
#wrap-1 {position:absolute;
top:0px;
left:50%;
border:0;
width:754px;
height:100%;
min-height:600px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:-377px;
padding:0px;
background-image:url(img/base/bg-top.png);
background-repeat: no-repeat;
background-position: top left;
}


/* yläosa */

#otsikko {position:absolute;
top:31px;
left:0px;
width:754px;
height:112px;
text-align:center;
}

#nimet {position:absolute;
top:88px;
left:0px;
width:754px;
height:112px;
text-align:center;
}





/* sisältö antaa kehykset sisältöosalle */
 
#sisalto {position:absolute;
left:0px;
top:222px;
border:0;
width:752px;
font-size:93%;
line-height:150%;
color:#7c7b7b;
}



/* kolmijakoiset tekstikentät */
#vasen {position:absolute;
left:13px;
top:20px;
border:0;
width:225px;
}

#keski {position:absolute;
left:265px;
top:20px;
border:0;
width:225px;
}

#oikea {position:absolute;
left:517px;
top:20px;
border:0;
width:225px;
}


#leipis-oikea {position:absolute;
left:310px;
top:50px;
border:0;
width:440px;
}

#leipis-img {position:absolute;
left:5px;
top:50px;
border:0;
width:300px;
text-align:center;
font-size:85%;
color:#bbbbbb;
line-height:110%;
}

#leipis-img  img {padding:0px;
margin: 0 0 5px 0;}
 
#leipis-full {position:absolute;
left:10px;
top:50px;
border:0;
width:740px;
}

#leipis-print {position:absolute;
left:50px;
top:10px;
border:0;
width:650px;
border:0;
font-size:93%;
line-height:150%;
color:#7c7b7b;
float:none;
}

/* TEHOSTEET*/
.ingressi {font-style:italic;}
.ingressi-etu {font-style:italic; font-weight:bold;}
.kontakti {position:absolute;
left:0px;
top:180px;
border:0;}

/* KIELET */
#lang {position:absolute;
right:5px;
top:2px;
width:126px;
border:0;
text-align:right;
color: #bbbbbb;
}

#lang a:link {	color: #ababab; text-decoration:none;   padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
#lang a:visited {	color: #ababab; text-decoration:none;  padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
#lang a:active  {	color: #ababab; text-decoration:none;  padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
#lang a:hover { 	color: #7b7b7b; text-decoration:none; padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}


/* NAVIGAATIOT */

#mainpage {position:absolute;
left:5px;
top:2px;
width:126px;
border:0;
text-align:left;
color: #bbbbbb;
}

#mainpage  a:link {	color: #cbcbcb; text-decoration:none;   padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
#mainpage  a:visited {	color: #cbcbcb; text-decoration:none;  padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
#mainpage  a:active  {	color: #cbcbcb; text-decoration:none;  padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
#mainpage  a:hover { 	color: #7b7b7b; text-decoration:none; padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}

#top-links {position:absolute;
right:2px;
top:35px;
width:126px;
border:0;
}


#navigaatio {position:absolute;
left:2px;
top:225px;
width:750px;
height:36px;
border:0;
color:#8e8d8b;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-variant:small-caps;
text-transform:lowercase;
letter-spacing:0.1em;
word-spacing:0.2em;
}

#navigaatio a:link  {text-decoration:none; padding: 0px 0px 0px 8px; font-weight:normal; background:none;}
#navigaatio a:visited  {text-decoration:none; padding: 0px 0px 0px 8px; font-weight:normal; background:none;}
#navigaatio a:active  {text-decoration:none; padding: 0px 0px 0px 8px; font-weight:normal; background:none;}
#navigaatio a:hover { text-decoration:none;  font-weight:normal; padding: 0px 0px 0px 8px;  background:none;}
 
 
 /* PIKKUTEOSKELLUTUS */

#clear {clear:both;
padding:0px;
border:0px solid black;
margin:-20px 0px 0px 0px;}

 /* näitä rivilleen 5 */
#teos-pieni {
float: left;
width: 140px;
font-size:95%;
padding:0px;
border:0px solid black;
margin:0px 5px 5px 0px;
text-align:left;
font-weight:normal;
}

 /* näitä rivilleen 3 */
#teos-pieni2 {
float: left;
width: 230px;
font-size:95%;
padding:0px;
border:0px solid black;
margin:0px 5px 5px 0px;
text-align:left;
font-weight:normal;
}

#teos-pieni img, #teos-pieni2 img {padding:0px;
margin: 0 0 5px 0;}

#teos-pieni a, #teos-pieni2 a {	color:#bbbbbb; line-height:110%; text-decoration:none; padding: 0px; background:none; font-weight:normal;}
#teos-pieni a:visited, #teos-pieni2 a:visited {	color:#bbbbbb; line-height:110%; text-decoration:none; padding: 0px; background:none; font-weight:normal;}
#teos-pieni a:hover, #teos-pieni2 a:hover {color:#bbbbbb; line-height:110%; text-decoration:none; padding: 0px; background:none; font-weight:normal;}
#teos-pieni a:active, #teos-pieni2 a:active {color:#bbbbbb; line-height:110%; text-decoration:none; padding: 0px; background:none; font-weight:normal;}

#nosto {
float: right;
width: 160px;
font-size:95%;
padding:0px;
border:0px solid black;
margin:0px 5px 5px 0px;
text-align:left;
font-weight:normal;
}

.nosto-kuva {
width: 160px;
padding:0px;
border:0px solid black;
margin:0px 5px 5px 0px;
text-align:left;
font-weight:normal;
}

#nosto-iso {
float: right;
width: 260px;
font-size:95%;
padding:0px;
border:0px solid black;
margin:0px 5px 5px 5px;
text-align:left;
font-weight:normal;
}