/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4,ul, li {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


/* Yleiset tyylit */
body {		 
font-family: Georgia, Arial, Helvetica;
color: #4d4d4d;
font-size: 12px;
width: 100%;
height:auto;
line-height: 18px;
background: url(../img/bg1.jpg) top center fixed #000;
}

p{
	padding:5px 0 5px 0;
}

a {
	font-family: inherit;
	color: #395518;
	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: inherit !important;
	color: #395518 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
}

td {
	font-family: inherit;
	font-size: inherit;

}
.login {
	font-family: inherit;
	font-size: inherit;
}

input, select, textarea, form {
	font-family: inherit;
	font-size: inherit;
}
.text{
	width:100%;
}

h1 {
	display:block;
	width: auto;
	height: 67px;
}

h2 {
	font-family: Georgia, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #1b1b1b;
	padding: 10px 0px 10px 0px;
}

h3 {
	font-family: Georgia, Arial, sans-serif;
	font-size: 18px;
	color: #1b1b1b;
	padding: 8px 0px 8px 0px;
}

h4 {
	font-family: Georgia, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #1b1b1b;
	padding: 5px 0px 5px 0px;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	top: 85px;
	display:none;
	width:auto;
	z-index:10;
	background-color:#000;
	padding:0px 15px 5px 15px;
	margin: 0 0 0 8px;
}

#menutable .menusub_a{
	color:#f7941d;
	padding:5px 30px 5px 20px;
	font-weight:none;
	line-height:12px;
	display:block;
	background-color:#000;
	z-index:10;
	font-size: 12px;
}
#menutable .menusub{
	color:#fff;
	padding:5px 30px 5px 20px;
	display:block;
	line-height:12px;
	background-color:#000;
	z-index:10;
	font-size: 12px;
}

/* Kuvien sijoittelu editorin kautta */

.kuva-oikealla {
padding: 0 0 10px 10px;
}

.kuva-vasemmalla {
padding: 0 10px 10px 0;
}
 

/* Oletusrakenne */
#wrapper{
	width:984px;
	margin:0 auto;
	height: auto;
	
}
#header{
	position:relative;
	height:auto;
}
#nosto{
	position: absolute;
	top: 23px;
	right: 48px;
	width:580px;
	height:77px;
	background: url(../img/nosto-bg.png) left;
	float:right;
	z-index: 10;
}

#logo {
	position: absolute;
	top: 111px;
	left: 56px;
	width:378px;
	height:148px;
	background: url(../img/logo-bg.png) left;
	z-index: 10;
	padding: 0 0 0 5px;
}


#fade{
	position: relative;
	top: 43px;
	height:445px;
	float:left;
}

#menu {
	position: relative;
	top: -46px;
	left: 17px;		
	width:214px;
	float:left;
	text-align:left;
	background: url(../img/menu-bg.png) top no-repeat;
	height: auto;
	min-height: 495px;
	padding: 67px 0 0 0;
}

#menu ul {
list-style-type: none;
padding: 0 0 0 26px;
}

#menu li {
float:left;
}

#menu .menu-0 {
font-family: Georgia, Arial, sans-serif;
color:#23150a;
text-decoration:none;
text-transform:uppercase;
font-size: 12px;
display: block;
width: 160px;
height: 25px;
float:left;
line-height: 25px;
background: url(../img/menu/bg.gif) right no-repeat;
padding: 0 0 0 3px;
}

#menu .menu-1	{
}

#main-bg{
position: relative;
	left: 37px;
	top: -46px;	
	width:490px;
	height: auto;
	float:left;
	text-align:left;
	background: url(../img/main-bg.gif) repeat-y;
	overflow: hidden;
}

#main-content{
position: relative;	
	width:422px;

	height: auto;
	min-height: 551px;
	float:left;
	text-align:left;
	background: url(../img/main-top-bg.gif) top no-repeat;
	padding: 0 37px 0 31px;
	z-index: 5;
}

#main-ala-bg{
position: relative;	
	width:737px;
	left: 36px;
	top: -46px;
	height: auto;
	float:left;
	text-align:left;
	overflow: hidden;
	background: url(../img/main-ala-bg.gif) repeat-y;
}

#main-ala-content{
position: relative;
	left: 1px;	
	width:649px;
	height: auto;
	min-height: 551px;
	float:left;
	text-align:left;
	background: url(../img/main-ala-top-bg.gif) left top no-repeat;
	padding: 0 58px 0 31px;
	z-index: 5;
}

#keikat{
position: relative;	
	width:170px;
	top: -46px;
	right: 22px;
	height: 226px;
	float:right;
	text-align:left;
	background: url(../img/right-content-top-bg.png) top no-repeat;
	padding: 61px 14px 0 24px;
	margin: 0 0 16px 0;
}

#uutiset{
position: relative;	
	width:170px;
	right: 22px;
	top: -46px;
	height: 226px;
	float:right;
	text-align:left;
	background: url(../img/right-content-bottom-bg.png) top no-repeat;
	padding: 61px 14px 0 24px;
}


