body {
margin-top:0px;
			height:100%;
			background:#818490;
background-attachment: fixed;
scrollbar-arrow-color: #262a57; 
scrollbar-face-color: white; 
scrollbar-shadow-color: white; 
scrollbar-darkshadow-color: white; 
scrollbar-track-color: white; 
scrollbar-highlight-color: #262a57; 
scrollbar-3dlight-color: white;
}

/* Tästä alkaa uudet määrittelyt */
/* poistetaan oletusmarginaalit ja -täytöt */
* {
	margin: 0;
	padding: 0;
}
/* lisätään valmiiksi ylä- ja alamarginaaleja elementeille */
h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
	margin-top: 10px;
	margin-bottom: 0em;
}

/* ... ja listoille vasen marginaali */
ul, ol { 
	margin-left: 0em; 
}
/* kaikilta li-elementin sisältämiltä elementeiltä 
(lähinnä muita listoja) ylä- ja alamarginaalit pois */
li * { 
	margin-top: 0; 
	margin-bottom: 0; 
}

.main_display {
position:absolute;
background-color:transparent;
left:0px;
top:1px;
width:100%;
height:101%;
}

/* Sivuston asettelu */
.display {
position: relative;
display:block;
width:940px;
background-position: center center;
margin-left:auto;
margin-right:auto;
}

#header {
			position:absolute;
			display:block;
			width:940px;
			height:200px;
      top:1px;
			background-image:url('../images/header.jpg');
	/*	z-index:2000; */
		}		
		
.menu  {
			position:relative;
			width:939px;
			height:50px;
      top:205px;
z-index:2;
}		

#container {
			position:relative;
      top:4px;			
			width:940px;
			background-color:#4e5162;
z-index:-1;
}

#pages {
			position:relative;
			display: block;
			fload:left;
			top:2px;			
			width:940px;
			background:#F7F7F7;
			padding-bottom:20px;
z-index:-1;			
}
#photos {
			position:relative;
			display: block;
			fload:left;
			top:2px;			
			width:940px;
			min-height:400px;
			background:#666f7e;
			padding-bottom:20px;
z-index:-1;			
}

.kuva_info {
text-align:center;
padding-top:5px;
padding-bottom:2px;
font-family:arial, helvetica,sans-serif;
font-size:14px;
font-weight:normal;
color:#333333;
} 
#dia {
display:inline-block;
width:186px;
height:152px;
background-image:url(../photos/dia.png);
margin-top:10px;
margin-left:7px;
}
#diakuva {
position:relative;
display:block;
text-align:center;
}
#konserttidia {
display:inline-block;
width:228px;
height:165px;
background-image:url(../photos/Konserttidia.jpg);
margin-top:14px;
margin-left:1px;
}

#pikavalikko {
   margin-top:2px;
			width:940px;
						min-height:260px;
}
.pikavalikko {
  padding-top:8px;
	 margin-left:10px;
			border-right: 0px solid #ADB3BA;
}
.pikavalintakuva {
position: relative;
display:block;
float: left;
margin-right:5px;
/*margin-bottom:5px;*/
/*border:2px inset #ccc;*/
width:220px;
border:0px;
}
.pikavalintalinkit {
text-align:left;
padding-left:1px;
background:#transparent;
}
hr {
    border:0;
    color:#ececec;
    background:#cecece;
    height:1px;
		width:100%;
}
hr.thin {
    border:0;
    color:#ececec;
    background:#cecece;
    height:1px;
		width:50%;
		align:center;
}

#text {
   margin-top:2px;
			width:700px;
			min-height:250px;
			border-right: 0px solid #ADB3BA;
}		
#vieraskirja {
   margin-top:2px;
			width:700px;
			min-height:400px; 
			border-right: 0px solid #ADB3BA;
}
#otsikot {
font-family: arial, sans-serif;
font-size: 16px;
color: #4A525D;
}
#valiotsikko {
font-family: arial, sans-serif;
font-size: 14px;
color: #4A525D;
}

.teksti {
font-family: arial, sans-serif;
font-size: 12px;
color: #4A525D;
padding-top:10px;	
padding-left: 45px;
	 margin-right:50px;
	 min-height:600px;
}
#poytalaatikko {
margin-top:1px;
width:700px;
height:581px;
/* background-image:url('../images/etusivu_runot.jpg'); */
}
#info {
position:absolute;
top:2px;
left: 700px;
width:240px;
border-left: 1px solid #ddd;
height:99%;
}		
#info_poytalaatikko {
position:absolute;
top:0px;
left: 700px;
width:240px;
border-left: 1px solid #ddd;
height:100%;
background:#A1A7AF;
}		

.infotext {
font-family: arial, sans-serif;
font-size: 12px;
color: #4A525D;
padding-top:10px;	
padding-left: 15px;
	 margin-right:20px;
}

#tab {
margin-left:25px;
}
.ylapalkki {
 display:block;
 width:600px;
	min-height:40px;
 background: #d8dee3;
 border: 1px solid #ddd;
}
.vastausalue {
 display:block;
 width:565px;
 padding:5px;
	min-height:45px;
 background: #ebf2f7;
 border: 1px solid #ddd;
}
#palkki ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#palkki li {
  float:left;
	display:block;
	text-align:left;
	position:relative;
	padding: 5px 0px 5px 5px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:5px;
	border:none;
	background:transparent;
}
#text_pvm {
font-family: arial, sans-serif;
font-size: 12px;
color: #4A525D;
padding-top:10px;	
padding-left: 5px;
}		

input {
  background-image: url("main/images/input.png");
	height:25px;
font-family:"Calibra",arial,helvetica,sans-serif;
font-size:12px;	
	border: 1px solid #dddddd;
}
#textarea {
font-weight:regular; 
text-align:left;
font-family:"Calibra",arial,helvetica,sans-serif;
font-size:12px;
}

.tnr {
font-family: "Times New Roman",arial, sans-serif;
font-size: 14px;
font-style:italic;
color: #4A525D;
padding-top:10px;	
}

.singlet {
 display:block;
 width:300px;
 height:170px;
 background: #d8dee3;
 border: 1px solid #ddd;
}

#text_dg {
font-family: arial, sans-serif;
font-size: 12px;
color: #4A525D;

}		

.tab_levyt {
position:relative;
padding-left:25px;
}

#bottombanner {
display:block;
			position:relative;
		  top:8px; 
      left:0px;		
			min-height:400px;	
			width:940px;
			background-color:#4e5162;
			z-index:-1;
/* z-index: 10000; */	
}	
	
.bbheader{
   position: absolute;
	 display:block;
   float: left;
   left: 2px;
	 margin-top:2px;
   width: 936px;
	 height:20px;
   background-color: #4e5162;
	 text-align:center;
}	
	
.left, .center{
   position: relative;
 	 display:block;
   float: left;
   left: 20px;
	 margin-top:12px;
   width: 280px;
	 height:150px;
   background: transparent;
	 text-align:left;
}

.center{
   position: relative;
 	 display:block;
   float: left;
   left: 20px;
	 margin-top:12px;
   width: 400px;
	 height:150px;
   background: transparent;
	 text-align:left;
}
.right{
   position: relative;
	 display:block;
	 float: right;
   left: -20px;
	 margin-top:12px;
   width: 220px;
	 height:150px;
   background: transparent;
	 text-align:left;	 
}

#bbotsikko_orig {
font-weight:bold;
font-style:regular; 
text-decoration:none; 
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#fff;
}
#bbotsikko {	
font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none; 
	text-shadow: 1px 1px 1px #000;	
}	
	
#bbtxt_orig {
font-weight:normal;
font-style:regular; 
text-decoration:none; 
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#fff;
}
#bbtxt {
font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}
.etusivunlinkit {
text-align:left;
padding-left:1px;
background:#transparent;
}

div.clear-left {
  clear: left;
	padding-top: 25px;
	padding-right: 40px;
}

div.clear-right {
/*  clear: right; */
 float: left;
	padding-top: 5px;
	padding-left:10px;
}

.video {
display:block;
width:1280px;
height:720px;
border:2px ouset #fff;
}
	
A {
font-weight:normal;
font-style:regular; 
text-decoration:none; 
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#000000;
padding:1px;
}
A:link {
color:#000000;
padding:1px;
}
A:visited {
color:#000000; 
}
A:hover {
color:#9298BD; 
}
A:active {
color:#0051E5; 
}