/* Start of CMSMS style sheet 'ilmankostyle' */
html, body {
 background-color:#FFFFFF;
 font-family: sans-serif;
}

* {
 margin:0;
 padding:0;
}


p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 155%;
	color: #494949;
}
a {
 color: #009ee3;
 text-decoration:underline;
}

h1 {
	font-family:Times New Roman, serif;
	font-style: italic;
	color: #494949;
	font-size: 30px;
        background:url('images/h1_bg.gif') no-repeat top left;
        width:330px;
        height:118px;
        padding:24px 40px 0px 5px;
        font-weight:normal;
        text-align:center;

        
}

h2 { /* noiden sinisten palkkien teksti */
	font-family: sans-serif;
	font-size: 14px;
	color: white;
}

h3 {
 color: #009ee3;
 padding:0 0 5px 0;
}
img {
border:0;
}

.sininen, #sininen {
 color:#009ee3;
 font-weight:bold;
}

div#wrap {
margin:0 auto;
width:auto
height:auto;
background-color:#fff;
background:url('images/header_bg.jpg') no-repeat top center;
}
div#wrapeng {
margin:0 auto;
width:auto
height:auto;
background-color:#fff;
background:url('images/eng/header_bg_eng.jpg') no-repeat top center;
}

/** MAIN**/
div#main{
margin:0 auto;
width:900px;
height:480px;

position:relative;
}

#menu {
position:absolute;
left:-120px;
top:90px;
text-align:right;
font-size: 13px;
 color:#768387;

width:200px;

}
#menu ul {
list-style:none;
}
#menu ul li {
padding:0 0 7px 0;
}
#menu ul ul {
display:none;
}
#menu ul li a.menuactive {
color:#009ee3;
}

#menu ul li.menuactive ul {
display:inherit;
padding:3px 5px 5px 0;

}
#menu ul li.menuactive ul li a, #menu ul li.menuactive ul li, #menu ul ul .currentpage h3 span {
font-size: 11px;
padding:3px 0 0 0;
margin:0;
}

#menu ul li.menuactive ul li a:after, #menu ul ul .currentpage h3 span:after {
content: " »";
}
#menu a, #menu .currentpage h3 span{
font-size: 14px;
 color:#768387;

text-decoration:none;
font-weight:bold;
}


#menu .currentpage h3 span
{
color:#009ee3;
}
#menu a:hover {
 color:#009ee3;
}
#menu img {
 border:0;
 margin:0;
 padding:0;
}
#menu h3 {
 padding:0;
}

div#leftbanner {
 width:130px;
 height:165px;
 margin: 20px 0 0 0;
 text-align:right;
 float:right;
}
div#leftbanner img {
 max-width:130px;
 max-height:165px;
}

#subnav {
width:auto;
max-width:640px;
 float:left;
}
#subnav ul{
list-style:none;
padding-bottom:10px;
margin-bottom:5px;
width:auto;
background:#FFF url(images/alamenu_viiva.png) no-repeat left bottom;
}

#subnav ul li {
display:inline;
margin:0 15px 10px 0;
white-space:nowrap;

}
#subnav ul li, #subnav ul li a{
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #768387;
text-decoration:none;
}

#subnav ul li a:hover, #subnav ul li.currentpage {
color: #009ee3;
}

/** CONTENT **/
div#content {
 position:absolute;
 top:350px;
 left:100px;
 width:720px;
 margin:0 auto;
 font-family: sans-serif;
 font-size: 12px;
 color: #494949;
 padding: 0 0 40px 0;

}
#leftcol {
padding:0 15px 0 0;
}
#leftcol, #rightcol {
 width: 350px;
 height:auto;

}
#leftcol {
 _margin:0 0 0 0;
}
#clearer {
 clear:both;
}
#ctext {
 width: 330px;
}

#ctext p, #ctext_ala p {
padding-bottom:15px;
}

#ctext_ala img{
float:left;
padding: 0 20px 20px 0px;
}
div#vinkki {
 clear:both;
 padding-bottom:15px;
 min-height:87px;
 margin-bottom:10px;
 background:url('uploads/images/viiva.gif') no-repeat bottom center;
}

div#vinkki p {
margin-left:107px;
}

div#vinkki  img, div#vinkki p img{
 float:left;
 padding: 0 20px 20px 0px;
 margin:0;

}

/** SEURAAVAT TAPAHTUMAT **/
div.nextevent_title {
 width:350px;
 height:32px;
 background:url('images/bar_350.jpg') no-repeat top left;
 margin-bottom:8px;
}
div.nextevent_title h2 {
 margin:0 0 0 30px;
 padding:8px 0 0 0;
}

div.nextevent_box {
 width:350px;
}
div.nextevent_box .mid, div.nextevent_box .mid p, div.nextevent_box .mid a{
 font-family: sans-serif;
 font-size: 12px;
 line-height: 155%;
 color: #768387;
 padding:0 0 0 5px;
}
#NewsPostDetailSummary {
margin-bottom:15px;
}

div#teasers {
margin-top:-10px;
margin-bottom:-10px;
}

div.nextevent_box .top {
 height:20px;
 background:url('images/box_top.gif') no-repeat top left;
}
div.nextevent_box .mid{
 height:auto;
 background:url('images/box_middle.gif') repeat-y top left;
}

div.nextevent_box .bottom{
 height:20px;
 background:url('images/box_bottom.gif') no-repeat top left;
 margin-bottom:5px;
}

/** Tapahtumat-luettelo**/
#luettelo .NewsLuettelo {
width:100%;

}

#luettelo #leftside {
width:80px;
float:left;
clear:left;
}
#luettelo #rightside{
width:550px;
float:left;
margin-bottom:10px;
}
#luettelo #rightside p {
margin-bottom:0;
padding-bottom:0;
}


/**Right column **/

img#calendar {
 margin:0 0 20px 0;
}
a.cale {

}

div#facebooklink {

 height:33px;
 width:350px;
 margin-bottom:8px;
}
div#facebooklink a img {
 border:0;
}
div#joinmaillist {
 height:45px;
 width:100%;
 margin-bottom:5px;

}
div.joinform label {
 color: #009ee3;
 font-size:14px;
 font-family:sans-serif;
 font-weight:bold;
}

div.joinform input{
 float:left; 
 margin: 3px 2px 0 0 ;
 color: #494949;
}

table#vinkki td#right {
 padding:0 0 0 8px;
}
table#vinkki {
 margin:0 0 10px 0;
}


table#vinkki td#right .mid {
 background:url('images/box_mid.jpg') repeat-y top right;
 width:235px;
 padding:0 10px 0 10px;
 margin-top:-10px;
 min-height:57px;

}

table#vinkki td#right .mid, table#vinkki td#right .mid p, table#vinkki td#right .mid a {
 font-family: sans-serif;
 font-size: 12px;
 line-height: 155%;
 color: #768387;
}

/** Tapahtumat **/

hr#NewsPostDetailHorizRule {
 width:620px;
 height:10px;
 border:0;
 background:url('uploads/images/viiva.gif') no-repeat top left;
 background-color:transparent;
 margin:0 0 15px 0;
 
}

#NewsPostDetailDate {
font-weight:bold;
}

#event {
 width:620px;
}



/** Galleria **/
#galleria {
position:relative;
}

#slider {
 width:300px;
 margin:0 15px 0  18px;
 position:relative;
 min-height:90px;
}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
     #slider li {
		width:150px;
		height:100px;
		overflow:hidden; 
}
     #slider li img {
 max-width:148px;
 max-height:98px;
 width:148px;
 height:98px;
}

        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }


	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:12px;
		height:22px;
		position:absolute;
		left:6px;
		top:55px;
		z-index:10;
		}	
	#nextBtn, #slider1next{ 
		left:333px;
}
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:12px;
		height:22px;
		background:url(images/left_arrow.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/right_arrow.jpg) no-repeat 0 0;	
		}

/* End of 'ilmankostyle' */