.soitin {
background:#1C1A1B;
font: normal 0.8em Arial;
color: #131112;
text-decoration: none;
margin: 0 0 0 76px;
padding:3px 3px 3px 5px;
border-top: 1px solid #131112;
border-bottom: 1px solid #131112;

}

.flashcontent {
margin: 5px auto;
}

.tilaus {
background: url(kuvat/epistilaus.jpg) no-repeat;
width: 460px;
height:160px;
margin:0 0 7px 16px;
padding:0;
}

#map {

	background:transparent;
	position: absolute;
	height: 26px;
	width: 113px;
	margin: 53px 0 0 121px;
	font-size: 1em;
	text-decoration: none;
  }

  

#map a {
  position: absolute;
  height: 26px;
  width: 113px;
  top: 0; 
  text-decoration: none;
  }
  
 #map a:hover{
  text-decoration: none;
  }



#map a i {
		visibility:hidden;
		text-decoration:none;
}



a#tilaa { left: 0; }

body {
background:#131112 url(kuvat/bodybg_2.jpg) repeat top left;
margin:0; 
padding:0;

}

p {
margin:7px 0 0 10px ;
padding: 10px ;
font: normal 0.8em Verdana;
color: #131112;
line-height: 1.5em;
}

.media {
margin:7px 0 0 17px ;
padding: 0 0 5px 0 ;
font: normal 0.8em Verdana;
color: #131112;
line-height: 1.5em;
}

.clear {
clear:both;
}

#container {
margin:0 auto;
padding:0;
width: 774px;
background: #ECEEED;
}

#header {
background: url(kuvat/header_2.jpg) no-repeat;
margin:0 ;
padding:0;
width: 100%;
height: 320px;
z-index:-50;
}

#contentbg {
background:  url(kuvat/mainbg_2.jpg) no-repeat;
width: 100%;
padding:0;
margin:0;
}

#main {
background: #ECEEED;
width: 99%;
padding:0;
margin:0 auto;
height:auto !important;
height:500px;
min-height:500px;

}

#sidebar {
background:transparent ;
width: 230px;
margin:0 0 0 14px;
padding:0;
}



#keikattulevat {
background:#ECEEED;
color: #131112;
text-decoration: none;
margin: 0 0 10px 0;
padding:3px 0 3px 5px;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}

#keikatmenneet {
background:#ECEEED;
color: #131112;
text-decoration: none;
margin: 0 0 10px 0;
padding:3px 0 3px 5px;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}


#rightcolumn {
position:relative;
background: #E7E7E7;
width: 504px;
right:12px;
padding:0;
margin: 0 0 10px 5px;
float:right;
height:auto !important;
height:500px;
min-height:500px;
border:1px solid #CECECE;

}
 a.kontakti {
color: #131112;
text-decoration:none;
margin:0;
padding: 3px;
}

 a:hover.kontakti {
color: #131112;
text-decoration:none;
border-top:1px solid #313031;
border-bottom:1px solid #313031;
padding: 3px;
margin:0;

}

 a.etu {
color: #131112;
text-decoration:none;
margin:0;
padding: 3px;
}

 a:hover.etu {
color: #131112;
text-decoration:none;
border-top:1px solid #313031;
border-bottom:1px solid #313031;
padding: 3px;
margin:0;

}



.oranssi {
color:#B7C2B1;
}

.harmaa {
color: #131112;

}

.keikkakuvat {
width: 455px;
margin: 10px auto;
padding:0;
}

.videot {
width: 435px;
margin: 10px auto;
padding:0;
}

.promo {
width: 435px;
margin: 10px 0 0 35px;
padding:0;
border:1px solid #313031;
}

.keikkakuvat img {
border: 1px solid #313031;
}



#footer{
background: #ECEEED url(kuvat/footer_2.jpg) no-repeat;
width: 100%;
height:109px;
padding:0;
margin:0 auto;

}

h1 {
background: url(kuvat/h1bg_2.jpg) no-repeat;
width: 504px;
height: 35px;
margin: 5px auto;
padding:2px 0 2px 0 ;
}

h2.content {

font:normal 1.1em Times New Roman;
color: #131112;
letter-spacing: 0.05em;
margin: 10px 0 0 15px;
padding:5px;
width: 90%;
border-top: 1px solid #313031;
border-bottom: 1px solid #313031;
}

h2.kuvat {
font:normal 0.8em Verdana;
color: #131112 ;
margin: 0 0 0 25px;
padding:5px;
width: 87%;
border-top: 1px solid #313031;
border-bottom: 1px solid #313031;
}

.headerteksti {
font: normal 0.65em Times New Roman;
letter-spacing: 0.05em;
color: #131112;
margin: 0 0 0 57px;
padding: 0;
}


	

/*navigaatio*/

#chromemenu {
position: relative;
top: 283px;
left: 20px;
background:transparent;
width: 700px;
margin: 0;
}


.chromestyle{
font-weight: normal;
}



.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}



.chromestyle ul{
background: transparent; /*THEME CHANGE HERE*/
padding: 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/

}



.chromestyle ul li{
display: inline;
background: transparent ;
margin:0;
padding: 4px;
}



.chromestyle ul li a{
color: #000;
padding:2px;
margin: 0;
text-decoration: none;
font:bold 0.8em "Trebuchet MS";
}



.chromestyle ul li a:hover{
color: #F7B032; /*THEME CHANGE HERE*/
padding:2px;
margin: 0;
}









/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 0.7em Verdana;
z-index:100;
background-color: #131112;
width: 125px;
visibility: hidden;
border-bottom: 1px solid #4A4A4A;
border-left: 1px solid #4A4A4A;
border-right: 1px solid #4A4A4A;
margin-top:4px;
padding: 0;

}





.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #1C1A1B; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
font-weight: normal;
color: #fff;
}



* html .dropmenudiv a{ /*IE only hack*/
width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #1C1A1B;
color: #F7B032;
}

/*keikat dd*/

.arrowlistmenu {

width: 100%; /*width of accordion menu*/
margin:0 0 10px 0;
padding: 0;
float: left;
}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 0.8em Arial;
color: #131112;
background: transparent;
margin: 3px 0 3px 0; /*bottom spacing between header and rest of content*/
padding: 6px 0 6px 4px; /*header text is indented 10px*/
cursor: pointer;
}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: transparent;
margin:0;
padding:0;
}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}



.arrowlistmenu ul li{
padding-bottom: 0; /*bottom spacing between menu items*/
margin:0;
}

.arrowlistmenu ul li a {
color: #131112;
background: transparent; /*custom bullet list image*/
padding: 2px;
padding-left: 3px; /*link text is indented 19px*/
text-decoration: none;
line-height: 20px;
font: normal 0.7em Verdana;
}





.arrowlistmenu ul li a:hover { /*hover state CSS*/
color: #B5BDDB;
background-color: #70ABE5;
padding-left:3px;
margin:0;
}


/*classit*/

.keikkainfo {
width: 220px;
margin:0 0 7px 3px;
padding:0 0 7px 0;
color: #131112;
font: normal 0.7em Verdana;
text-align: left;
}

.menneet {
width: 220px;
margin:0 0 7px 3px;
padding:0 0 7px 0;
color: #131112;
font: normal 0.6em Verdana;
text-align: left;
}

.menneetvuosi{
margin:0 0 0 3px;
padding:0;
color:#9CAB94;
font: normal 0.7em Verdana;
}

.date {
	margin-bottom: 3px;
	color: #9CAB94;
	font-weight: normal;
	}
	


.fright {

	color: #131112;
	float: right;
	margin-top: 35px;
	padding-right: 15px;
	font: normal 0.7em Verdana;
	}



.fright a{
	color: #131112;
	text-decoration: none;
	}
	
.fright a:hover {
	color: #F7B032;
	text-decoration: none;
	}

	

.fleft {
	margin-top: 35px;
	padding-left: 15px;
	color: #131112;
	float: left;
	font: normal 0.7em Verdana;
	}
	
	
.infobox {
	width: 95%;
	float: left;
    margin-bottom: 10px;
    margin-left: 13px;
	border-bottom:1px solid #313031;
	}
	
.float-left {
     clear:both;
	 float:left;
	 margin-top: 4px;
	 margin-left: 4px;
	 padding-right: 4px;
	}
	
.signed {
position:relative;
margin-top: -5px;
color: #131112;
font-style:italic;
padding: 0 0 10px 10px ;
}