/* Tyylit */
body {
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 13px;
	margin:0;
	background-color:#000;
	color:#c0bdb4;
	line-height:160%;
	letter-spacing:0.8px;
}
p{
	margin:10px 0;
}
a, a:link, a:visited, a:active{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	color: #8b7935;
	text-decoration: none;
}

img, a img {
	border:0;
	}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: Arial, tahoma, Helvetica, sans-serif !important;
	color: #685d34 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
}


a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 12px;

}
.login {
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

a.menu{

	font-family: futuram, arial narrow, arial, tahoma, Helvetica, sans-serif;
	letter-spacing:1px;

}

h1 {
	font-size: 16px;
	color:#c0bdb4;
	letter-spacing:4px;
	font-family: futuram, arial narrow, arial, tahoma, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:10px 0 20px 0;
	padding:0;
}

h2 {
	font-size: 13px;
	font-family: futuram, arial narrow, arial, tahoma, Helvetica, sans-serif;
	color:#c0bdb4;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:24px 0 14px 0;
}

h3 {
	font-size: 12px;
	color:#e3ddd0;
	margin:0 0 6px 0;
	padding:0;
}

h4 {
	font-size: 15px;
	color:#e3ddd0;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0;
}

h5 {
	color:#a6a39a;
}

h6 {
	color:#a6a39a;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}



/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}

/*RAKENNE*/

#kuva{
	width:798px;
	height:512px;
	position:absolute;
	top:76px;
	left:164px;
	text-align:right;
	z-index:200;
	overflow:hidden;
	}
	
#kuvaluetxt{
	width:798px;
	height:auto !important;
	min-height:350px;
	height:350px;
	text-align:left;

	
	}
	
#kuvab{
	width:798px;
	float:left;
	margin-left:0px;
	}	
	
.padd{
	padding:40px 0 40px 20px;
	}	
	
#logo{
	position:absolute;
	top:0px;
	right:10px;
	}	
	
#container{
	width:962px;
	text-align:left;
	position:relative;
}
#header{
	height:76px;
	background:#ffffff;
}

#top2{
	height:432px;
}

#top2b{

}


#sh{
	height:16px;
	width:100%;
	z-index:301;
	position:relative;
	background:url(../img/sh.png) repeat-x top center;
}

.clearfloat{
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
	font-size: 1px;

	}

table td, table tr{
	border-color:#2e2d2d;
	}
	
table.recl td{
	border-bottom:1px solid #343434;
}

table.recl tr:hover{
	background-color:#242424;
}

table.recl th{
	border-bottom:1px solid #343434;
	border-top:1px solid #343434;
	text-transform:uppercase;
	font-size:11px;
	background-color:#2f2f2f;
}





#sh2{
	height:1px;
	margin-top:395px;
	width:100%;
	z-index:206;
	position:relative;
	background:url(../img/sh.png) repeat-x top center;
}

#footer2{
	width:962px;
	text-align:left;
	border-top:1px solid #2e2d2d;
	padding-top:3px;
}


#menu{
	width:150px;
	float:left;
	text-align:left;
	line-height:20px;
}

#numerot{
	position:absolute;
	top:490px;
	left:0;
	width:150px;
	height:30px;
	color:#fff;
	font-family: arial narrow, arial, tahoma, Helvetica, sans-serif;
	}
	
#numerot2{
	width:150px;
	height:30px;
	text-align:right;
	color:#fff;
	font-family: arial narrow, arial, tahoma, Helvetica, sans-serif;
	}
	



#ca{
	width:960px;
	text-align:left;
}

#menu2{
	width:150px;
	float:left;
	margin-top:74px;
	line-height:120%;
}

#content{
	width:790px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	text-align:left;
	position:relative;
	z-index:400;
}
#footer{
	clear:both;
	height:100px;
}
.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}

ul#menutable{
	list-style:none;
	margin:0;
	padding:0;
	line-height:200%;
	}
	
ul#menutable li a, ul#menutable li a:link{
	color:#c0bdb4;
	text-transform:uppercase;
	font-family: arial narrow, arial, tahoma, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:14px;
	font-weight:normal;
	}
	
ul#menutable li a:hover{
	color:#fff;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:14px;
	font-weight:normal;
	}	
	
ul#menutable li a.aktiivinen, ul#menutable li a.aktiivinen:link{
	color:#fef1c0;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:14px;
	font-weight:normal;
	}
	
ul#menutable2, ul#menutable3, ul#menutable4{
	list-style:none;
	margin:0;
	padding:0;
	}	
	
ul#menutable4 li{
	float:left;
	}	
	
#nelostaso{
	float:right;
	position:absolute;
	top:10px;
	right:0;
	}	
	
ul#menutable4 li a, ul#menutable4 li a:link, ul#menutable4 li a, ul#menutable4 li a:link{
	color:#c0bdb4;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:10px;
	font-weight:normal;
	}
	
ul#menutable4 li a.aktiivinen, ul#menutable4 li a.aktiivinen:link, ul#menutable4 li a.aktiivinen{
	color:#fef1c0;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:10px;
	font-weight:normal;
	}	
	
ul#menutable2 li a, ul#menutable2 li a:link, ul#menutable3 li a, ul#menutable3 li a:link{
	color:#c0bdb4;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:10px;
	font-weight:normal;
	}
	
ul#menutable2 li a:hover, ul#menutable3 li a:hover{
	color:#fff;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:10px;
	font-weight:normal;
	}	
	
ul#menutable2 li a.aktiivinen, ul#menutable li a.aktiivinen:link, ul#menutable3 li a.aktiivinen{
	color:#fef1c0;
	text-transform:uppercase;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:10px;
	font-weight:normal;
	}
	
b.isotitle	{
	color:#515044;
	text-transform:uppercase;
	font-size:50px;
	font-weight:normal;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:10px;
	height:0px;
	}
	
b.pienititle	{
	color:#685d34;
	text-transform:uppercase;
	font-size:20px;
	font-weight:normal;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
	letter-spacing:4px;
	}	
	

.rangeno{
	height:50px;
	width:100%;
	position:absolute;
	top:362px;
	right:0;
	text-align:right;
	font-size:26px;
	color:#e3ddd0;
	z-index:10;
	font-family: arial narrow, Arial, tahoma, Helvetica, sans-serif;
		background:url(../img/shs.png) top center;
	}
	
.rangekuva img {

	opacity: .8;
filter: alpha(opacity=80);
	

}

.rangekuva a:hover img{
	opacity: 1;
filter: alpha(opacity=100);
	

}

	
	
#breadit{
	position:absolute;
	top:18px;
	left:0;
	}
	
	
form {  

  margin: 0;
  padding: 0;
  min-width: 400px;
  max-width: 500px;
  width: 460px; 
}

form input#submit, form input#reset { 
	float: left; 
	display: inline; 
	margin:0 5px 0 0;
	padding:0;
	width:100px;
	height:30px;
}

form fieldset {

  border-color: #fff;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        
  margin: 10px 0;
}

form fieldset legend {
	font-size:12px; 
	text-transform:uppercase;
}

form label { 
	display: block;  
	float: left; 
	width: 130px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: right; 
}

form fieldset label:first-letter { 
	text-decoration:underline;    
}

form input, form textarea , form select {
	
	width:200px;      
	margin:5px 0 0 10px; 
}

form input#reset {
	margin-left:0px; 
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} 

form br {
	clear:left;
}