/* Ravera 2010 */
#flowpanes div .container #Yhteystiedot .container {
	padding:0;
	margin:0;
	width:540px;
	height:auto;
	overflow:hidden;
	color:#333;
}

#flowpanes div .container
{
    position: relative;
    display: block;
    margin: 20px 0 0 370px;
    padding: 0;
    clear: both;
    float: left;
    width: 575px;
    height: 440px;
	color:#333;
}

/* Eri slaidien (sivujen)  tyylit - ei mittoja/marginaaleja jne. tähän */

#flowpanes div #Sivu1
{
    background: transparent url(../images/sisalto_taustakuva_1.jpg) no-repeat top center;
	color:#333;
}

#flowpanes div #Sivu2
{
    background: transparent url(../images/sisalto_taustakuva_2.jpg) no-repeat top center;
	color:#333;
}

#flowpanes div #Sivu3
{
    background: transparent url(../images/sisalto_taustakuva_3.jpg) no-repeat center center;
	color:#333;
}

#flowpanes div #Sivu4
{
    background: transparent url(../images/sisalto_taustakuva_4.jpg) no-repeat center center;
	color:#333;
}

#flowpanes div #Sivu5
{
    background: transparent url(../images/sisalto_taustakuva_5.jpg) no-repeat center center;
	color:#333;
}

#flowpanes div #Sivu6
{
    background: transparent url(../images/sisalto_taustakuva_8.jpg) no-repeat center center;
	color:#333;
}

#main
{
    width: 998px; 
    margin: 0 auto;
    background: transparent url(../images/sisalto_tausta.png) no-repeat center 68px;
}

#sisalto
{
    width: 996px; 
    overflow: hidden;
    color: #ccc;
}


#top
{
    float: right;
    width: 353px;
    height: 28px;
    text-align: center;
    padding-top: 11px;
    margin: 43px 15px 0 0;
    background: transparent url(../images/ylapalkki.png) no-repeat center bottom;
    color: #a7a7a7;
    font: 12px "Lucida Grande" , "Lucida Sans Unicode" , "bitstream vera sans" , Verdana, Arial, sans-serif;
}

#top a, #top a:hover, #top a:visited, #top a.linkki, #top a.linkki:hover, #top a.linkki:visited
{
    color: #e37f00;
}

#top a:hover, #top a.linkki:hover
{
    text-decoration: none;
}

#logo
{
    width: 257px;
    height: 89px;
    position: relative;
    top: 90px;
    z-index: 2;
}

#valikko
{
    width: 982px;
    background: transparent url(../images/valikko_tausta.png) no-repeat right top;
    height: 95px;
    position: relative;
    margin: -20px 0 0 16px;
    padding: 0;
    float: left;
    clear: both;
}

#footer
{
    width: 998px;
    line-height: 19px;
    color: #888;
    font-size: 11px;
    text-align: center;
    height: 40px;
    padding-top: 85px;
}

#footer a, #footer a:hover, #footer a:visited, #footer a.linkki, #footer a.linkki:hover, #footer a.linkki:visited
{
    color: #888;
}

#footer a:hover, #footer a.linkki:hover
{
    text-decoration: none;
}


/* ---------------------------------------------------- Yleiset ----------------------------------------------------  */

body
{
    margin: -10px 0 0 0;
    padding: 0;
    min-width: 998px;
    background: #111 url(../images/sivu_tausta.jpg) no-repeat center -10px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "bitstream vera sans" , Verdana, Arial, sans-serif;
}

H1
{
    font: normal 20px/22px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

H2
{
    font: bold 17px/18px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

H3
{
    font: bold 15px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

p, b, strong, em, td, table, li, ul
{
    font-size: 12px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "bitstream vera sans" , Verdana, Arial, sans-serif;
    line-height: 130%;
	color:#333;
}
b, strong
{
    font-weight: bold;
}

a, a:active, a:focus
{
    outline: none;
}
.container a, .container a:active, .container a:visited {
	color:#E37902;
	text-decoration:underline;
	font-weight:bold;
}
.container a:hover {
	text-decoration:none;
}

.container ul {
	list-style-image:url(../images/nappi_ravera.gif);
}