body {
	background:#F5EBF4 url(../img/bg.jpg) repeat-x center top;
	font-family: 'Lucida Sans Unicode',Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin:0;
	text-align: left;

}

/**************************************
* 			Typografia				  *
**************************************/

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: 'Lucida Sans Unicode', Calibri, Arial, Helvetica, sans-serif;
	color: #484848;
	text-decoration: none;
}

/* 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: 'Lucida Sans Unicode', Calibri, Arial, Helvetica, sans-serif !important;
	color: #ab0000 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}

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

td {

}
.login {
	font-size: 11px;
}

input, select, textarea {
	font-size: 11px;
}
.text{
	width:100%;
}

h1 {
	font-size: 22px;
	color: #333333;
}

h2 {
	font-size: 18px;
	color: #333333;
}

h3 {
	font-size: 14px;
	color: #000000;
}

h4 {
	
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


/**************************************
* 			Sivun rakenne 			  *
**************************************/

#taustawrap{
	width:1036px;
	background:#fff;
	margin:0 auto;
	margin-top:27px;
	
}

#wrapper{
	background:#fff;
	width:960px;
	margin:0 auto;
	text-align: left;	
}

#header{
	height: 100px;
	margin-bottom: 10px;
}

#logo {
	float:left;	
	padding-left:8px;
	padding-top:40px;
}

#extranet{
	float:right;
	background: url(../img/extrabg.jpg) no-repeat center top;
	width:322px;
	height:85px;	
}

#menu{
	float: left;
	width: 960px;
	height:47px;
	background: url(../img/navibg.jpg) repeat-x center top;
}
.selected{
	background: url(../img/navibgactive.jpg) repeat-x center top;
	float:left;
	padding-right:10px;
	padding-top:16px;
	padding-left:10px;
	padding-bottom:16px;
	font-size:12.87px;
}
.unselected{
	float:left;
	padding-right:10px;
	padding-top:16px;
	padding-left:10px;
	font-size:12.87px;
	padding-bottom:16px;
}
#kategorianostot{
	float:left;
	width:960px;
	overflow:hidden;
}

#kategorianostot img, #kategorianostot2 img{
	height:292px;	
	width:240px;
}

#kategorianostot2{
	float:left;
	width:960px;
	padding-bottom:20px;
}

/* KATEGORIA NOSTOT KUVAN ALLA!!! */

	.kategorianostot1{
		float:left;
		background: url(../img/navi.jpg) no-repeat center top;
		height:45px;
		width:240px;
		font-size:15px;
		padding: 0px 0px 13px 0px;
	}
	
	.kategorianostot2{
		float:left;
		background: url(../img/navi.jpg) no-repeat center top;
		height:45px;
		width:240px;
		font-size:15px;
		padding: 0px 0px 13px 0px;
	}

	.kategorianostot3{
		float:left;
		background: url(../img/navi.jpg) no-repeat center top;
		height:45px;
		width:240px;
		font-size:15px;	
		padding: 0px 0px 13px 0px;
	}
	
	.kategorianostot4{
		float:left;
		background: url(../img/navi.jpg) no-repeat center top;
		height:45px;
		width:240px;
		font-size:15px;
		padding: 0px 0px 13px 0px;
	}
		.kategorianostot1:hover, .kategorianostot2:hover, .kategorianostot3:hover, .kategorianostot4:hover {
			background: url(../img/kuvanavihover.jpg) repeat-x center top;	
		}
		.kategorianostot1 a:hover, .kategorianostot2 a:hover, .kategorianostot3 a:hover, .kategorianostot4 a:hover {
			color:#fff;
		}
		.kategorianostot1 a, .kategorianostot2 a, .kategorianostot3 a, .kategorianostot4 a{
			color:#000;	

		}
/* KATEGORIA NOSTOT KUVAN ALLA!!! */



#tuotenostootsikko{
	float:left;
	background:#000;
	width:198px;
	height:30px;
	text-transform:uppercase;
}

#ajankohtaistaotsikko{
	float:left;
	background:#85386e;
	width:198px;
	height:30px;
	text-transform:uppercase;
	color:#fff;
}

#ajankohtaista{
	float:left;
	margin-top:28px;
}

#varjostus{
	background: url('../img/varjostus.jpg') no-repeat center top;
	width:960px;
	height:70px;
}

#content{
	float: left;
	width: 625px;
	margin-left: 20px;
	padding-bottom:20px;
}

#galleriayms{
	float:left;
	margin-left:28px;
	margin-top:18px;
	width:280px;
}

#push{
	height:200px;	
}

#paafooter{
	clear:both;
	margin: 0px auto;
	height:200px;
	width:1036px;
	background:#fff;
	padding-bottom:20px;
	padding-top:40px;
}

#footer{
	background:#7f7f7f;
	color:#fff;
	padding-left:34px;
	padding-top:24px;
	padding-bottom:30px;
	width:920px;
	margin:0 auto;
	
}

#footeralin{
	background:#292929;
	padding:19px 19px 19px 19px;
	margin-bottom:20px;
	color:#fff;
	width:916px;
	margin:0 auto;	
}

/**************************************
* 			Uutisrevolveri 			  *
**************************************/

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
	
}

/**************************************
* 			Virheilmoitukset		  *
**************************************/

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

/**************************************
* 			Dropdown menu 			  *
**************************************/

.menuarea{
	position:absolute;
	display:none;
	width:180px;
	background-color:#1d1d1d;
	padding-bottom:10px;
	z-index:200;
}

#menutable .menutop_a{
	color:#fff;
	padding:0 4px;
}
#menutable .menutop{
	color:#fff;
	padding:0 4px;
}

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