body {
background:#ffffff;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#eb690a; 
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#f2d9c6;
text-decoration:underline;
}

p {
line-height:1.2em;
margin:0 0 5px;
}

/*** Main container ***/

#container {
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

#erotin {
	display:block;
	background:#eb690a;
	width: 100%;
	height: 2px;
	font-size:2px;
} 

h1 {
/*font-family: Times New Roman,Verdana,Tahoma,sans-serif;*/
background-color:inherit;
color:#b00060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

h2 {
font-size:1.6em;
font-weight:bold;
margin-top:1.5em;
margin-bottom:10px;
}

h3 {
font-size:1.4em;
}

h4 {
font-size:1.2em;
}

h5 {
font-size:1.1em;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

#container #header{
	position: fixed;
	}

/*** Header section ***/

#header {
  position: absolute;
  background:#ffffff;
  border: 0;
  margin: 0;
  padding: 0em;
  text-align: left;
  top: 0;
  left: 0%;
  width: 100%;
  height: auto;
/*  float: left;*/
  z-index: 4; 
  vertical-align: top;
  overflow: hidden;
}

#sitename {
display:block;
float: left;
color:#eb690a;
height:75px;
width: 100%; 
text-align:left;
}

#sitename h1 {
font-size:30px;
margin:10px 0 0 10px;
font-style: italic;
}

#sitename h2 {
font-size:18px;
margin:2px 0 5px 10px;
font-style: italic;
}

/*** Horizontal menu ***/

#mainmenu {
float:left;
margin-top:10px;
margin-bottom:15px;
display:block;
background:#eb690a;
width: 100%;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
font-family: Arial,Times New Roman,Verdana,Tahoma,sans-serif;
color:#ffffff;
display:block;
font-size:0.7em;
padding:4px 10px 4px 10px;
}

#mainmenu a:hover {
color:#f2d9c6;
text-decoration:none;
}

#mainmenu a.current {
color:#f2d9c6;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
font-size:0.9em;
	margin-top: 1em; margin-bottom: 1em;
	border: none;
	width: 100%;
	top:135px;
	position: absolute;
}


/*** Palstat ***/

#leftside {
	margin : 0;
	padding-left: 3%; padding-right: 1%; padding-top: 15px;
/*	border-top: 1px solid #b00060;
	border-right: 1px solid #b00060;
*/	width : 28%; height: 100%; 
	float : left;
}

#content {
	margin : 0;
	padding-left: 2%; padding-right: 2%; padding-top: 15px;
	border-top: 1px solid #b00060;
	border-left: 1px solid #b00060;
	width : 28%; height: 100%; 
	float : left;
}

#rightside {
	margin : 0;
	padding-left: 1%; padding-right: 3%; padding-top: 15px;
	border-top: 1px solid #b00060;
	border-right: 1px solid #ffffff;
	width : 28%; height: 100%; 
	float : left;
}


#content img,#contentalt img, #leftside img, #rightside img {
border:1px solid #b0b0b0;
margin:5px 0px 6px;
padding:5px;
}


/*** vihreä palsta ***/

#box {
display:block;
background:#e1f1e9;
/*width: 90%;*/
clear:both;
font-size:0.9em;
margin: 10px 30px 0px 30px;
padding:10px;
}


/*** Footer ***/

#erotin_footer {
	display:block;
	background:#eb690a;
	width: 100%;
	height: 2px;
	font-size:2px;
	position: relative;
} 


#footer {
clear:both;
color:#eb690a;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:10px 0;
text-align:center;
width:100%;
position: relative;
}

#footer a {
color:#eb690a;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/