@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { font: normal normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #cccccc; }

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

img { display: block; border: none; }

h1 { font-size: 18px;  color: #fff; font-weight: normal; margin: 0 0 15px 0; }
	h1.kylterit { font-size: 18px;  color: #fff; font-weight: normal; margin: 0 0 15px 0; }

h2 { font-size: 14px;  color: #fff; margin: 0 0 15px 0; }
	h2.kylterit { font-size: 14px;  color: #fff; margin: 0 0 15px 0; }

h3 { font-size: 12px;  color: #fff; }
	h3.kylterit { font-size: 12px;  color: #fff; }

blockquote { margin: 0 0 0 40px; }

.rss { position: absolute; top: 0; right: 0; }

 
#wrapper { 
	width: 980px; 
	background: #383838; 
	margin: 0 auto; 
	position: relative; 
	padding-bottom: 20px; 
	border:  1px solid #282828;
	border-top: none;
	}

span.highlight { color: #000000; }

#page { position: relative; float: left; padding: 30px 0 0 20px;  }
	
	#cookie { height: 40px; margin-top: -7px; color: #ccc; }
	
.separator { 
	background: transparent url(/pics/kylterit/separator.gif) top repeat-x; 
	height:51px; 
	width: 460px; 
	position: relative; 
	float: left;
	}

.separator2 { 
	background: transparent url(/pics/kylterit/separator2.gif) top repeat-x; 
	height:10px; 
	width: 460px; 
	position: relative; 
	float: left;
	}
	
	

/*--- LOGIN ---*/

#masthead { background: #000; color: #fff; }

	#masthead a { color: #fff; }
	
	#masthead-wrapper { background: #195180;  }

	#masthead-bar { height: 40px; text-align: right; line-height: 35px;  margin: 0 auto; width: 960px; }
	
	#log { margin: 0 auto; position: relative; width: 960px; height: 30px;}
	
#login { width: 960px; margin: 0 auto; display: none; padding: 20px 0 0 0;}

	#login-description {  float: left; padding: 0 0 20px 0; display: inline; width: 360px; }
	#login-description h1 { color: #FFFFFF; }
	#login-form {
		padding-top: 27px;
		padding-left: 45px;
		color: #888888;
		float: right;
		width: 500px;
		height: 188px;
		background: transparent url(/pics/kylterit/bgLogin.gif) no-repeat;
		}
	
	#login-form input.login-txt { 
		background: #fafafa; 
		border: 1px solid #e8e8e8; 
		width: 438px; 
		height: 18px; 
		padding: 6px;
		}
		
	#login-form input.btnLogIn { 
		background: transparent url(/pics/kylterit/bgBtnKirjaudu.gif) no-repeat; 
		border:none; 
		cursor: pointer; 
		display: block; 
		height: 33px; 
		width: 101px; 
		float: right; 
		margin: 15px 45px 0 0; 
		font-weight: bold;
		text-transform: uppercase;
		color: #2f2f2f;
		}
	
	#login-form	a.forgotPW { display: block; height: 30px; width: 200px; float: left; margin: 25px 0 0 0; }
	
	#login-form a { color:  #1e3d6b; }
	
	#login-form  p { margin: 0; }
		
	#login-error {
		margin: 0 auto; width: 960px; }	




/*--- HEADER ---*/

#header {  position: relative; float: left; background: #282828; }

	#wrapperTop { width: 250px; position: relative; float: right; padding: 15px 15px 0 0; }

		#logo { position: relative; float: left; padding: 15px 0 2px 15px; }
		#logo a { 
			background: transparent url(/pics/kylterit/logokylterit.gif) no-repeat; 
			text-indent: -99999px; 
			display: block; 
			width: 130px; 
			height: 91px;
			}
		
		
		#links, #lang { color: #FFFFFF;}
		
		#lang a, #links a { text-decoration: none;  }
			#lang a:hover, #links a:hover { text-decoration: underline;  }
			
		#lang {  width: 250px; height: 25px;  text-align: right; }
		
		#search { background: transparent url(/pics/kylterit/bgSearchBox.gif) no-repeat; float: right; position: relative; width: 193px; height: 25px; padding: 2px 0 0 6px; }
			#search input { }
			#search input.searchBox { background: none;  border: none; width: 165px;  }
			#search input.searchBtn {}
		
		#links { width: 250px;  float: right; position: relative;  text-align: right; margin: 10px 0 0 0; }
	
	
	/* Main navigation */
	
	#mainNavi { 
		width: 980px;
		position: relative;
		height: 30px;
		margin-top: 10px;  
		float: left;
		z-index: 15;
		}
	
	#mainNaviBtm  {
		z-index: 5;  
		position: absolute; 
		left: 0;
		bottom: 0;
		background: transparent url(/pics/kylterit/bgHeader.png) top left no-repeat; 
		height: 13px; 
		width: 980px;
		}
	
	#mainNaviBtm2  {
		z-index: 5;  
		position: absolute; 
		left: 0;
		bottom: 0;
		background: transparent url(/pics/kylterit/bgHeader2.gif) top left no-repeat; 
		height: 13px; 
		width: 980px;
		}

		#mainNavi ul { list-style-type: none; /* padding: 0 15px 0 15px; */ z-index: 15;  }
		#mainNavi ul li { display: inline; float: left; }
		#mainNavi ul li a { font-weight: bold; text-decoration: none; position: relative;  display: block; float: left; padding: 0 0 6px 0; border-bottom: 4px solid #fff;}
			#mainNavi ul li a:hover {  color: #cccccc; border-bottom: 4px solid #cccccc;  }
			#mainNavi ul li.selected a {  color: #cccccc; border-bottom: 4px solid #cccccc; 	 }
		
		#mainNavi ul.left { position: relative; float: left; padding: 0 0 0 15px; }
		#mainNavi ul.left li {  margin: 0 25px 0 0; }
	
	


/*--- FRONTPAGE ---*/


/* Imagearea and shortcuts */

#imageArea { position: relative; float: left; /* margin: 46px 0 0 0; */ margin-top: -10px; }
	
	#shortcutImageArea { position: absolute; bottom: 10px; left: 20px; }
		#shortcutImageArea ul li { 
			background: transparent url(/pics/kylterit/bgShortcut.gif) left top no-repeat; 
			width: 226px; 
			height: 29px;
			margin: 0 0 10px 0; 
			list-style-type: none;
			padding: 13px 0 0 15px; 
			}
	
		#shortcutImageArea ul li a { text-decoration: none; font-weight: bold; font-size: 14px;}
			#shortcutImageArea ul li a:hover { text-decoration: underline; }
		
		#shortcutImageArea ul li.last a { color: #eeaf30;  }
		
	#borderTop { background: transparent url(/pics/kylterit/bgHeader.png) top no-repeat; height: 13px; width: 980px; position: absolute; top: 0; left: 0; }
	#borderTop2 { background: transparent url(/pics/kylterit/bgHeader2.gif) top no-repeat; height: 13px; width: 980px; position: absolute; top: 140px; left: 0; }

	
/* Column 1 frontpage */

#col1 h1, #col1 h2, #col1 h3, #col2 h1, #col2 h2, #col2 h3, #col3 h1, #col3 h2, #col3 h3 { color: #fff; }

#col1 { width: 220px; position: relative; float: left; }
	
	#contactInfo, .shortcuts, .shortcutsOut, .attachments { background: #282828; margin-bottom: 20px; position: relative; padding: 12px; color: #cccccc;  }
	#contactInfo, .shortcuts, .shortcutsOut, .attachments {  border-top: 2px solid #444444; }
		
	.shortcuts ul li {  list-style-type: none; margin: 0 0 10px 0;}
	.shortcuts p { margin: 0 0 4px 0; }
	.shortcuts img.tasaus_vasemmalle { position: relative; float: left; margin: 0 10px 0 0;  }
		
	.shortcutsOut ul li { list-style-type: none;	  }
	.shortcutsOut ul li img { display: inline; padding: 0 0 0 5px;  }
	.shortcutsOut ul li p { margin: 0 0 3px 0;}
	
	.attachments ul li { list-style-type: none;  }
	.attachments ul li a {  background: transparent url(/pics/kylterit/bgAttachmentsLi.gif) bottom right no-repeat; padding: 0 15px 0 0; }
		
	
		 
	#ekonomilehti { background: #FFFFFF; border: 14px solid #f0f3f6; padding: 13px; margin-bottom: 20px; }
		#ekonomilehti img { margin: 0 auto; width: 150px; height: 194px;}
		#ekonomilehti h2 { text-align: center; }


		
/* Column 2 frontpage */	
	
#col2 { width: 460px;  position: relative; float: left;   margin: 0 20px 0 20px; }
		
	#news1 { position: relative; float: left; width: 460px;}
		
	#news1 ul li { list-style-type: none; margin: 0 0 20px 0; }
		#news1 ul li a { font-size: 13px; }
		#news1 ul li p.date, #eventsAndTrainings ul li p.locationAndDate { font-size: 10px; color: #cccccc; }
		#news1 ul li p { color: #CCCCCC; margin: 0; }

	#gallery {position: relative; float: left;  } 
	
	#gallery a.arrow { display: block; height: 26px; width: 15px; position: relative; float: left;  margin: 30px 11px 0 0; }
		#gallery a.image { display: block; height: 90px; width: 120px; position: relative; float: left; margin: 0 11px 0 0; }
		#gallery a.sendPic { position: absolute; top: 0; right: 0; }
		
		#gallery img.border { border: 4px solid #FFFFFF; }
	
	#introduction { color: #cccccc; }	
	
	#eventsAndTrainings { position: relative; float: left; }
	
	#eventsAndTrainings ul li { list-style-type: none; margin: 0 0 12px 0; }
	
	#eventsAndTrainings ul li .date { 
		margin: 2px 10px 0 0; 
		height: 42px; 
		width: 48px; 
		background: transparent url(/pics/kylterit/bgPvm.gif) no-repeat; 
		position: relative; 
		float: left;
		}
		
		#eventsAndTrainings ul li .date p.month { color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; margin: 2px 0 2px 0;}
		#eventsAndTrainings ul li .date p.day { color: #525252; font-size: 18px; font-weight: bold; text-align: center;}
		#eventsAndTrainings ul li .information { position: relative; float: left; width: 400px;  }
			

/*  Column 3 frontpage */
	
#col3 { width: 220px; position: relative; float: left; color: #FFFFFF;}

	#gallup {width: 166px; background: #383838; border: 14px solid #282828; border-bottom: none; padding: 13px; position: relative; float: left; }
		#gallup ol.gallup li label, #gallup ol.gallup li p  { color: #cccccc; }
		ol.gallup li { color: #cccccc; }

		#resultsLink { background: #383838; border-left: 14px solid #282828; border-right: 14px solid #282828; padding: 0 13px 13px 13px; }
		#gallupBottom { background: transparent url(/pics/kylterit/bgGallup.gif) no-repeat; height: 51px; width: 220px; margin-bottom: 20px;}
	
	
	#blog { color: #cccccc; width: 200px; position: relative; float: left; background: #282828; padding: 16px 10px 15px 10px; border-top: 2px solid #444444; margin-bottom: 20px;  }
		.pic { width: 75px; float: left; font-style: italic; font-size: 11px; margin: 0 0 0 0; }
		.txt { width: 120px; float: right; }
	
	.banners { margin: 0 0 10px 0; position: relative; float: left; }
		.banners img { margin: 0 0 10px 0; }
	

/* BLOGI */

#blogComments .comment_containerBlog.kylteri { border: none; background: #383838; padding: 0 0 5px 0; }
#blogComments .comment_containerBlog.kylteri .commentBlog.kylteri {  border: 1px solid #666666;  background: #383838;  padding: 10px; margin: 0; }
#blogComments #comments-form textarea.textareaBlog.kylteri { background: #fff; border-top: none;  color: #000000;  padding: 10px;}

			
/*--- SUBPAGES ---*/

img.tasaus_vasemmalle { position: relative; float: left; margin: 0 15px 15px 0; }

img.tasaus_oikealle { position: relative; float: right; margin: 0 0 15px 15px; }

span.highlight { background-color: #cedbe7; }

/* Subnavi */	

#subNavi { border-top: 5px solid #666666; padding: 15px 0 20px 0; position: relative;  }

	#subNavi ul { list-style-type: none; }
	
	#subNavi ul li { background: transparent url(/pics/kylterit/bgSubnavi.gif) left top no-repeat; border-bottom: 1px solid #e7e7e7; padding: 6px 0 6px 0;}
		#subNavi ul li a { padding: 0 0 0 10px; display: block; height: 1%; text-decoration: none;   }
		#subNavi ul li a:hover { text-decoration: underline; }
	
	#subNavi ul li.selected { background: transparent url(/pics/kylterit/bgSubnaviSelected.gif) left top no-repeat; }
		#subNavi ul li.selected a { padding: 0 0 0 15px; font-weight: bold; }
		
		#subNavi ul li.selected ul li a { font-weight: normal; }

		
		#subNavi ul ul { margin: 0 0 0 10px; }
		#subNavi ul ul li { background: none; border-bottom: none; padding: 10px 0 0 0;  }
		#subNavi ul ul li.selected { background: none; }
		#subNavi ul ul li.selected a { text-decoration: underline; padding: 0 0 0 15px; }
		#subNavi ul ul li a { color: #ccc;  }
	
	
	
/*-- Column content 1 --*/

/* Column 2  */


#content, .content { border-top: 5px solid #666666; padding: 18px 0 20px 0; color: #cccccc; }
	#content p, .content p { margin: 0 0 20px 0;  }
	#content ul, #content ol, .content ul, .content ol { margin: 0 0 20px 35px; }
	#content p.ingressi, .content p.ingressi { font-size: 14px; margin: 0 0 20px 0; }
	.toolbox { text-align: right; padding: 0 0 20px 0; height: 30px;  }
	.toolbox a { display: block; width: 16px; height: 16px; float: right; margin: 0 5px 0 0;    } 
	


/*  Column 3 */

#col3Content { color: #fff; padding: 0 0 0 0;  }
	#col3Content p {  margin: 0 0 20px 0;  }
	#col3Content ul, #col3Content ol { margin: 0 0 10px 40px;  }
	#col3Content img { margin: 0 0 15px 0;  }


/*-- Column content 2 --*/

/* Column 2  */
#col2-2 { width: 340px; position: relative; float: left; margin: 0 20px 0 20px;}

/*  Column 3 */
#col2-3 { width: 340px; position: relative; float: left;}


/* SEARCH */

ul.searchBy { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }
	ul.searchBy li input { vertical-align: middle; }

p.noMargin { margin: 0; }

/*-- FORM DESIGNER --*/

#fd fieldset { border: none; margin: 0 0 15px 0;  }

#fd .fdFormField { color: #cccccc; }



/*-- BM2-tiedotteet --*/

ul.bmList { list-style-type: none; margin: 0; padding: 0; }
	ul.bmList li { margin: 0 0 10px 0; }
	
.pages  { padding: 20px 0 0 0;  }

	a.arrows { text-decoration: none; font-size: 14px; }
		a.arrows:hover { text-decoration: underline; }

/* Liitetiedosto-taulukko */

table.attachments { background: #f2f5f8; margin-bottom: 20px; position: relative;  padding: 0; }
	table.attachments td { padding: 12px; font-size: 12px; }
	table.attachments td p { padding: 0; margin: 0px; }
	table.attachments td a { background: transparent url(/pics/kylterit/bgAttachmentsLi.gif) right no-repeat; padding: 0 15px 0 0; }

	
/* tables */

table.normalTable th { text-align: left; color: #ccc; padding: 3px 7px 3px 0; vertical-align: top;}
	table.normalTable td { padding: 3px 7px 3px 0; }
	table.normalTable td input.text { width: 290px; }
	table.normalTable td select { width: 295px; }
	table.normalTable td.radio input { vertical-align: middle; }
	table.normalTable h2 { margin: 30px 0 0 0; padding: 0;}
	

	

/*--- FOOTER ---*/

#footer { color: #cccccc; height: 22px; background: #282828; position: relative; float: left; width: 920px; margin: 10px 0 0 0; padding-left: 20px; padding-top: 8px; } 


/* clear floats */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:ltä \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */