body,
html {
    margin:0;
    padding:0;
    background:#a7a09a url(img/tausta.gif);
    color:#000;
    }
body {
    min-width:698px;
	font: normal 80%/1.4em "Courier New", Courier, mono;
    }

#tilausehdot legend {
	font-size: 20px; font-weight: bold;
}

#tilausehdot fieldset {
	margin: 50px 0 50px 0;
}
	
.atmerkki {
	vertical-align: middle;
	position: relative;
	left: 2px;
}
	
p, li { color: #1D1D1D; font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif; font-size: 12px; line-height: 1.4em;}
strong { font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif; font-weight: bold; font-size: 12px; }

li { list-style-position: inside; }
td { }
a:link { color: #b61936; font-family: helvetica; font-size: 12px; text-decoration: none;}
a:visited { color: #b61936; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { }
a img {border: none;}
.plink {color: #1D1D1D; text-decoration: none; }

#top { background-color: #ccc; background-image: url(img/top.jpg); width: 698px; height: 170px; position: relative; top: 0; left: 0; }
#navi1 { position: relative; top: 118px; left: 120px;  clear: both;}
#navi2 { position: relative; top: 110px; left: 120px;  clear: both;}
#navi1 a {
    display:block;
    height: 22px;
    
    }


	#navi1 ul {
    margin:0;
    padding:0;
    list-style:none;
    }
 	 #navi1 li {
    float:left;
    margin:0 0 15px 15px;
    padding:0;
    }
	#navi1 a { color: black; font-size: 12px; font-family: arial, helvetica, sans; text-decoration: none; text-transform:uppercase; font-weight: bolder; }
	#navi1 a:hover { color: red; font-size: 12px; font-family: arial, helvetica, sans; background-color: transparent; background-image: url(img/navihoverbg.gif); text-decoration: underline; }

#navi2 a { display:block; height: 12px; margin: 0; padding: 0; }


	#navi2 ul {
    margin:0;
    padding:0;
    list-style:none;
    }
 	 #navi2 li {
    float:left;
    margin:0 0 15px 15px;
    padding:0;
    }
	#navi2 a { color: #FFFFFF ; font-size: 12px; font-family: arial, helvetica, sans; text-decoration: none; text-transform:uppercase; font-weight: bolder; }
	#navi2 a:hover { color: #ffd500; font-size: 12px; font-family: arial, helvetica, sans; text-decoration: none; }
#wrapper { width: 698px; height: 100%; background-color:#F0F0F0; padding: 0; min-height: 100%; margin: auto; }

#teksti,.teksti{
padding-bottom: 50px;
padding-left: 160px;
margin-left:50px;
margin-right: 50px;
height: auto;
}

#teksti ul {
padding-left: 0;
}

#kuva,.kuva {
width: 200px;
margin: 5px;
float: left;
}

#kansi,.kansi {
text-align: center;
width: 200px;
height: 250px;
margin: 10px;
float: left;
}

.lehtikehys {
	background: url(/kehys.png) no-repeat;
	padding: 6px 7px;
	height: 208px;
	width: 160px;
}



#sisalto {
	position: relative;
	top: 0px;
	min-height: 100%;
	width: 698px;
	background-color: #F0F0F0;
	padding-top: 20px;
}

#footer {
    background:#c3c3c3;
    clear:both;
}

#footer p { color: #fff; font-size: 8pt; font-family: helvetica, arial; text-align: center; padding:5px; margin:0; }
    
#viiva,.viiva {
	width: 90%;
	height: 2px;
}

h1, h2, h3{
font-family: "Courier New", Courier, mono; 
font-size: 1.6em;
font-weight: bold; 
color: #394242; 
text-align:left; 
padding-top: 0px; 
margin-top: 0px;
margin-bottom: 14px;
letter-spacing: none;
text-transform: uppercase;
line-height: 1.2em;
}

h3 { font-size: 1.3em; }