/* Tyylit */
body {
	font-family: Calibri, Lucida Sans unicode, tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color: #2e2e2e;
	background:#010917;
}
#bg{
	background: url('../img/bg.jpg') no-repeat center top;	
}
p{
	margin:10px 0;
}
p.footer_text{
	color:#fff;	
}
a, a:link, a:visited, a:active{
	font-family: Calibri, Lucida Sans unicode, tahoma, arial;
	color: #011d3e;
	text-decoration: underline;
}
span.slogan{
	font-size:25px;
	color:#fff;	
	margin:0;
}
span.address{
	font-size:12px;
	color:#fff;	
	margin:0;
}
span.menu_ots{
	font-size:18px;
	color:#fff;	
	margin:0;
}
span.tutustu_tuotteisiin{
	color:#1b1b1b;
	font-size:18px;
}
/* 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: Calibri, Lucida Sans unicode, tahoma, arial !important;
	color: #011d3e !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}


a.news, a.news:link, a.news:visited {
	color:#011d3e;
}
a.menu{
	color:#2c2c2c;	
	text-decoration: none;
}
a.menu_v{
	color:#02346e;
	text-decoration: none;	
}
td {}
.login {}
input, select, textarea {}
.text{
	width:100%;
}
h1 {
	font-size: 20px;
	color: #1e1e1e;
	padding-bottom:5px;
	margin:8px 0;
	border-bottom: 1px solid #cccccc;
}
h2 {
	font-size: 18px;
	color: #1e1e1e;
}
h3 {
	font-size: 13px;
	color: #1e1e1e;
}
h4 {
	color: #1e1e1e;
}
h5 {
	color: #1e1e1e;
}
h6 {
	color: #1e1e1e;
}
ul{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	list-style-image:url('../img/list_arrow.gif');
}
li{
	padding:5px 0px 0px 0px;	
}
.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}
/* Sivurakenne */
#wrapper{
	width:960px;
	margin:0 auto;	
}
#header{
	width:960px;
	height:111px;
}
#logo{
	float:left;
	width:342px;
	margin-top:33px;	
}
#header_rightside{
	float:right;
	width:500px;
	margin-top:19px;
	text-align:right;	
}
#kielivalinnat{
	float:right;
}
#osoitteet{
	width:450px;
	margin-top:13px;
	float:right;
	text-align:right;
}
#mainpic{
	width:960px;
	height:338px;
	background:#000;	
}
#content_bg{
	width:960px;
	background:#fff;
}
#content_padding{
	padding:25px 25px 35px 27px;
}
#menu{
	width:204px;
	float:left;	
}
.arrow{
	width:15px;
	height:12px;
	float:left;
	background:url('../img/arrow.gif') no-repeat left 4px;		
}
.arrow_blue{
	width:15px;
	height:12px;
	float:left;
	background:url('../img/arrow_blue.gif') no-repeat left 4px;		
}
.arrow2{
	width:8px;
	height:12px;
	float:left;
	background:url('../img/arrow2.gif') no-repeat left 4px;		
}
.arrow2_blue{
	width:8px;
	height:12px;
	float:left;
	background:url('../img/arrow2_blue.gif') no-repeat left 4px;		
}
.menu_valittu{

	float:left;
}
.menu_ei_valittu{

	float:left;	
}
#menu_ots{
	float:left;
	text-align:left;
	width:181px;
	height:27px;
	padding:12px 0px 0px 23px;
	background:url('../img/menu_ots_bg.jpg') no-repeat;	
}
#menu_bg{
	width:202px;
	float:left;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}
#menu_yellow_block{
	float:left;
	width:204px;	
	height:8px;
	background-color:#ffcb20;
}
#yhteistyokumppanit{
	float:left;
	width:204px;
	padding:26px 0px 26px 0px;
}
#content{
	width:670px;
	margin-left:32px;
	float:left;	
	text-align:left;
}
#footer{
	clear:both;
	width:960px;
	min-height:150px;
	margin: 26px 0px 0px 0px;
}
#copyright{
	float:left;
	text-align:left;	
}
#luokitus_logot{
	float:right;	
	text-align:right;
}
div.fp_palsta{
	width:210px;
	float:left;
	text-align:left;	
}
#tutustu_tuotteisiin_ots_bg{
	width:657px;
	height:27px;
	margin-top:30px;
	padding:12px 0px 0px 15px;
	float:left;
	text-align:left;	
	background:#ffda0d;
}
#tutustu_tuotteisiin{
	width:672px;
	margin-top:17px;
	float:left;
	text-align:left;	
}
/* 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;
}
.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}