@charset "UTF-8";

/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}


#container {
	width: 923px;
	margin:0 auto;
	
}
#header  {
	display: block;
	float: left;
	height: 214px;
	width: 923px;
}



#navigation ul  {
	display: block;
	float: left;
	height: 65px;
	width: 923px;
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	list-style: none;
}
#navigation ul li  {
	display: block;
	float: left;
	height: 48px;
	text-indent: -10000px;
}

#etusivu {
	width:125px;
}
#tilastot {
	width:130px;
}
#keskustelufoorumi {
	width:240px;
}
#juttuarkisto {
	width:175px;
}
#kuvagalleria {
	width:170px;
}
 #info {
	width:80px;
}
#navigation ul li a  {
    display:block;
    width:100%;
    height:100%;
  }

#etusivu a:hover {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: 0 -65px;
  }
#tilastot a:hover {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -125px -65px;
  }
#keskustelufoorumi a:hover {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -255px -65px;
  }
#juttuarkisto a:hover {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -495px -65px;
  }
#kuvagalleria a:hover {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -670px -65px;
  }
#info a:hover {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -840px -65px;
  }
	

  
  
#container #main {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	width: 923px;
	padding-top: 3px;
	list-style-type: none;
	overflow: hidden;
	
	margin-right: auto;
	margin-left: auto;
}



#main_right {
	display: block;
	float: right;
	width: 217px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
	-moz-opacity: .75;
	padding-top: 20px;
	padding-right: 10px;
	margin-top: 2px;
	padding-left: 12px;
	text-align: left;
	background-image: url(images/taustaharmaa_75%25.png);
	height: auto;
	padding-bottom: 10px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}
#main_right ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-left: 17px;
	list-style-type: none;
	color: #FFF;
	padding-top: 15px;
	list-style-image: url(images/pikkutahti.png);
	list-style-position: inside;
}
#main_right ul a {
	font-family: Verdana, Geneva, sans-serif;
	color: #f3db3b;
	font-size: 12px;
	list-style-type: none;
	text-decoration: none;
	line-height: 20px;
}
#main_right ul a:hover {
	font-family: Verdana, Geneva, sans-serif;
	color: #3189af;
	font-size: 12px;
	list-style-type: none;
	text-decoration: none;
	line-height: 20px;
}
#main_right ul a:current {
	font-family: Verdana, Geneva, sans-serif;
	color: #F3189af;
	font-size: 12px;
	list-style-type: none;
	text-decoration: none;
	line-height: 20px;
}
#main_right ul a:visited {
	font-family: Verdana, Geneva, sans-serif;
	color: #F3189af;
	font-size: 12px;
	list-style-type: none;
	text-decoration: none;
	line-height: 20px;
}
#main #main_left {
	display: block;
	float: left;
	padding-left: 28px;
	padding-right: 28px;
	width: 622px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	margin-top: 2px;
	background-image: url(images/taustaharmaa_75%25.png);
}
#main_left .header   {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 200;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	width: 625px;
	background-position: left;
	text-align: left;
	height: 22px;
	margin-right: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	margin-top: 15px;
	text-indent: 18px;
	background-image: url(images/otsikon_taustapunainen_22%25.png);
}
 #main_left .text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	padding-right: 20px;
	width: auto;
	height: auto;
}

#pre-footer {
	display: block;
	float: left;
	padding-left: 28px;
	height: 35px;
	width: 867px;
	margin-top: 3px;
	padding-top: 20px;
	background-image: url(images/taustaharmaa_75%25.png);
	padding-right: 28px;
}
#footer {
	float: left;
	padding-top: 20px;
	padding-left: 28px;
	margin-top: 3px;
	height: 25px;
	width: 867px;
	background-image: url(images/taustaharmaa_75%25.png);
	display: block;
	padding-right: 28px;
}


#logot_ylarivi {
	background-image: url(images/logot_ylarivi.png);
	display: block;
	float: left;
	height: 136px;
	width: 923px;
	background-repeat: no-repeat;
}

#logot_ylarivi ul li  {
	display: block;
	float: left;
	height: 135px;
	text-indent: -10000px;
}


#haapanen {
	width:250px;
}
#puustelli {
	width:180px;
}
#logot_ylarivi ul li a  {
    display:block;
    width:100%;
    height:100%;
  }

#haapanen a:hover {
	background-image: url(images/logot_ylarivi.png);
	background-repeat: no-repeat;
	background-position: -159px -136px;
  }
#puustelli a:hover {
	background-image: url(images/logot_ylarivi.png);
	background-repeat: no-repeat;
	background-position: -410px -136px;
  }


#logot_alarivi {
	background-image: url(images/logot_alarivi.png);
	display: block;
	float: left;
	height: 100px;
	width: 923px;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

#logot_alarivi ul li  {
	display: block;
	float: left;
	height: 100px;
	text-indent: -10000px;
}

#paamaja {
	width:160px;
}
#putkinen {
	width:250px;
}
#wilmert {
	width:210px;
}
#logot_alarivi ul li a  {
    display:block;
    width:100%;
    height:100%;
  }
#paamaja a:hover {
	background-image: url(images/logot_alarivi.png);
	background-repeat: no-repeat;
	background-position: 0 -108px;
  }
#putkinen a:hover {
	background-image: url(images/logot_alarivi.png);
	background-repeat: no-repeat;
	background-position: -159px -108px;
  }
#wilmert a:hover {
	background-image: url(images/logot_alarivi.png);
	background-repeat: no-repeat;
	background-position: -410px -108px;
  }






.etusivucurrent {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: 0 -65px;
	cursor: default;
}
.tilastotcurrent {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -125px -65px;
	cursor: default;
}
.foorumi_current {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -255px -65px;
	cursor: default;
}
.arkisto_current {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -495px -65px;
	cursor: default;
}
.galleria_current {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -670px -65px;
	cursor: default;
}
.info_current {
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: -840px -65px;
	cursor: default;
}
#main_max   {
	background-image: url(images/taustaharmaa_75%25.png);
	display: block;
	float: left;
	width: 680px;
	margin-top: 2px;
}

#logot {
	background-image: url(images/taustaharmaa_75%25.png);
	display: block;
	float: left;
	height: auto;
	width: 923px;
	margin-bottom: 40px;
}
#main iframe {
	background-image: url(images/taustaharmaa_75%25.png);
	display: block;

	width: 765px;
	margin:0 auto;
}
p a {
	color: #f3db3b;
}
p a:hover {
	color: #3189af;
}
p a:visited {
	color: #3189af;
}