/*
	Genereal Stylesheet for common webbrowsers
*/

/*
	General styles
	Header
		Header Content
			Logo
			Languaage Selection
			Search Form
			Help Links
	Quicklinks
	Page
		Left Column
			Navigation
		Right Column
			Frontpage
				Main Image
				Bulletin Area
				Picks
				Image Slider			
			Subpages
	Footer
		Footer Content
			Contact Information
			Sitemap
	Other Templates
		Bulletin Manager 2
		Form Designer
		404 error
		Search Results
		Login page
*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a { outline: none;}
body {
	background:#fff;
	font-family: arial, verdana, serif;
	font-size: 12px;
}
#wrapper {
	position:relative;
	width: 860px;
	border-right: 1px solid #e7eaeb;
}
	#header {
		position: relative;
		width: 100%;
		height: 96px;
	}

		#logo {
			position: absolute;
			width: 236px;
			height: 70px;
			top:15px;
			left: 10px;
			background: url(/pics/asuntomessut/logo-valkeakoski.gif) no-repeat;
			text-indent: -999999px;
		}
		#languageSelection {
			position: absolute;
			left: 550px;
			top:24px;
		}
			#languageSelection a { color:#000; text-decoration: none; font-size: 0.92em;}
			
		#searchForm {
			position: absolute;
			left: 640px;
			top: 21px;
			width: 213px;
			height: 20px;
			
		}
			#searchForm .textField {
				border: 1px solid #b3bcbd;
				background: url(/pics/asuntomessut/searchBox.gif) repeat-x;
				width: 188px;
				height: 18px;
				padding-top: 0px;
				font-size: 12px;
				font-weight: bold;
			}
			#searchForm .formSubmitButton { 
				position: absolute; 
				right: 0px;
				margin-top:0px; 
				width: 21px; 
				height: 21px; 
				border:1px solid #b3bcbd; 
				background: url(/pics/asuntomessut/searchSubmitButton.gif) no-repeat;
				}
		
		#quicklinks {
			position: absolute;
			left: 640px;
			top: 55px;
		}
			#quicklinks a { color:#000; font-size: 11px;text-decoration: none;}
			#quicklinks a:hover { text-decoration: underline;}
	#page {
		position: relative;
		width: 100%;
	}
		#leftCol {
			position: relative;
			float:left;
			width: 204px;
			margin-right: 13px;
			z-index: 80;
		}
			#navi {
			 margin-top: 1em;
			}
			
				#navi ul {
					list-style-type: none;
					background: url(/pics/asuntomessut/ul-navi.gif) left bottom repeat-x;
					padding-bottom: 0.2em;
					margin-bottom: 0.2em;
				}
					#navi li { margin:0em 0;}
					#navi li a { display: block;font-size: 12px;font-weight: bold; color:#000;text-decoration: none;border-left: 13px solid #fff;padding: 0em 0;line-height: 1.8em;padding-left: 13px; }
					#navi li.active a { border-left: 13px solid #0d668e;}
					#navi ul ul { margin-left:-13px;background: none; padding-bottom: 0;} 
					#navi li.active li a { font-size: 12px;font-weight: normal;border-left: 13px solid #fff; padding: 0.2em 0; padding-left: 13px; line-height: 1.3em;  }
					#navi li.active li {  padding-bottom:0em;border-left: 13px solid #fff;}
					#navi li li.active a { border-left: 13px solid #00a761; text-decoration: underline;}
					#navi .indexLink li a { font-size: 14px; color:#0c6890;}
				
		.banner {}
			.banner img {}
			
	#rightCol {
		float:left;
		width: 643px;
	}
			/* main image */
			#fpMainImage,#spMainImage,#spTemplateImage {
				position: relative;
				width: 628px;
				overflow: hidden;
			}
			#spTemplateImage { top: 10px;}
			
			#fpMainImage { height: 313px; background: url(/pics/asuntomessut/fpMainImage.jpg) no-repeat;margin-bottom: 3em;}
			#spMainImage { height: 274px; background: url(/pics/asuntomessut/spDefaultImage.jpg) no-repeat;margin-bottom: 1em;}
			.selected-fi { height: 100px; background: url(/pics/asuntomessut/spTemplateImage-fi.gif) no-repeat;margin-bottom: 1em;}
			.selected-en	{ height: 100px; background: url(/pics/asuntomessut/spTemplateImage-en.gif) no-repeat;margin-bottom: 1em;}
			.selected-se	{ height: 100px; background: url(/pics/asuntomessut/spTemplateImage-se.gif) no-repeat;margin-bottom: 1em;}
			
				#spMainImage a {
					position: absolute;
					width: 628px;
					height: 274px;
					text-indent: -999999px;
				}
				#spTemplateImage a {
					position: absolute;
					width: 628px;
					height: 100px;
					text-indent: -999999px;
				}
			/* News of the frontpage */
			#bulletin { margin-bottom: 2em;}
				.newsItem { margin-bottom: 1em;}
				.newsItem h3 { font-size: 14px; font-weight: bold; margin-bottom: 0.5em;}
					.newsItem h3 a { text-decoration: none;color: #005b86;} 
				.newsItem .date { position: absolute;color:#a9a9a9; width: 60px; height: 40px; border-right: 1px solid #dedfdf; font-size: 10px;}
				.newsItem .lead { position: relative; margin-left: 70px;width: 500px;}	
					.newsItem .lead p { color:#000; font-size: 12px; line-height: 15px;}
			
			/* Selected content picks on the frontpage */
			#picks {
				margin-top: 3em;
				position: relative;
				width: inherit;
				margin-bottom: 3.5em;
			}	
			.pickContent { float:left; width: 31%; padding: 0 2% 0 0;}
					.pickContent h3 { font-size: 14px; font-weight: bold;  color:#005b86;margin-bottom: 1em; padding-bottom: 0.3em;background: url(/pics/asuntomessut/dottedLine.gif) left bottom repeat-x;}
					.pickContent p {
						color:#686868;
						line-height: 15px;
					}
					.pickContent a { color: #d34035;text-decoration: none;}
						.pickContent a:hover { text-decoration: underline;}
						
					/* slideshow */
					#slideShowImages { height: 180px; width: 175px; overflow: hidden;margin-left: 10px;}
						
						
					
			/* Contents of the subpages */
			#content {
				width: 95%;
				margin: 0 auto;
			}
			.normalPage { min-height: 450px;}
			.shortPage { min-height: 600px;}
				/* headings */
				#content h1 { font-size: 28px; color:#11932f; font-weight: normal;margin-bottom: 0.5em;}
				#content h2 { font-size: 18px; color:#11932f; font-weight: normal;margin-bottom: 0.5em;}
				#content h3 { font-size: 14px; color:#11932f; margin-bottom: 0.5em;}
				/* paragraphs */
				#content p { margin-bottom: 1em;  line-height: 1.5em;}
				
				/* lists */
				#content ul,#content ol { margin-left: 2em;}
					#content ul ul, #contetn ol ol { margin-left: 1em;}
				
				/* links */
				#content a { color: #d34035; text-decoration:none;}
					#content a:hover { text-decoration: underline;}

		#fanElement {
			position: absolute;
			left: 0px;
			bottom: 0px;
			background: url(/pics/asuntomessut/fanElement.gif) no-repeat;
			width:168px;
			height: 293px;
			z-index: 10;
		}
		#sloganElementTop {
			position:absolute;
			right:-53px;
			bottom: 0px;
			width: 106px;
			height: 48px;
			background: url(/pics/asuntomessut/sloganElementUpper.gif) no-repeat;
		}

	
			
			
#shortcuts {
	position: absolute;
	top:100px;
	left:870px;
}
	#shortcuts ul{
		list-style-type:none;
	}
	#shortcuts li {
		background: #f0f2f2;
		padding: 2px;
		margin: 5px 0;
		
	}
		#shortcuts li a { display: block; border: 1px solid #fff; height: 15px; padding: 5px 0.5em 0 0.5em;font-size: 11px; color:#000; text-decoration: none;}
		
		
#footer {
	position: relative;
	clear:both;
	width: 100%;
	background: url(/pics/asuntomessut/footer.gif) repeat-x;
	min-height: 100px;
}

	#sloganElementBottom {
			position: absolute;
			width: 106px;
			height: 58px;
			background: url(/pics/asuntomessut/sloganElementBottom.gif) no-repeat;
			left:807px;
			top: 0px;
		}
	#footerContent h3 { width: 213px; height: 42px; background: url(/pics/asuntomessut/logo-asuntomessut.gif) no-repeat; text-indent: -99999px;color:#00628c; font-size:18px; font-weight: normal;}
	#footerContent {
		width: 867px;
		margin-left:13px;
		padding-top: 4px;
	}

	/*
 	Other templates
 	****************************
 */

	/* BM2 */
	#bm2 ul { list-style-type: none;margin-left: 0em;}
	#bm2 li {color:#a9a9a9; font-size: 11px; padding-bottom: 0.3em;background: url(/pics/asuntomessut/dottedLine.gif) left bottom repeat-x; margin-bottom: 1em;}
	#bm2 li a { /* font-size: 18px;color:#005B86;*/ font-size: 12px; color:#000; font-weight: bold;text-decoration: none;line-height: 1.8em;}
	.bulletinArea { background: url(/pics/asuntomessut/dottedLine.gif) left bottom repeat-x; margin-bottom: 2em;padding-bottom: 1em; }
	.bulletinArea a.linkReadMore { float:right;margin-top: -3em;}
	#content .bulletinArea h2 { font-size: 18px; margin-bottom: 1em;}
	#content .bulletinArea h3 { font-size: 14px;}
		#content .bulletinArea h3 a { color: #005B86;}
	#content h3 .dateSubpage { color:#a9a9a9;font-size: 11px;font-weight: normal;} 	
	#content #bm2 p.bulletinDate { color:#a9a9a9;font-size: 11px;font-weight: normal; margin-bottom: 1em;}
		
		
	/* Form Desiger */
	#fd {}
	#fd fieldset { border: none;}
	#fd label, #fd legend, #fd b, #fd strong { color: #000;}
	#fd input, #fd textarea, #fd select { margin-bottom: 1em;}
	
	/* 404 - error page */
	.error { min-height: 300px;}

	/* Search Results */
	#searchResults {position: relative; min-height:500px;}
		#searchResults .p1 a { font-size: 14px; font-weight: bold;}
		#searchResults .odd, #searchResults .even { padding: 0.2em;}
		#searchResults .odd { background: #f3fcf2;}
			#pages { width: 75%;}
	/* Login page */
	.loginPage { min-height: 600px;}