/*
	* **********************************
	* Stylesheet for common webbrowsers
	* **********************************
*/

/* 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, 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;} /* removes borders from links on Mozilla Firefox */

body { 
	background:#ffffff url(/pics/fenestra/body.gif) center top repeat-x;
	font-family: Arial, verdana, sans-serif;
	color:#4b4b4b;
	font-size: 12px;
	}

	#wrapper { position: relative; width: 950px; margin: 0 auto;}
		#header { position: relative; width: 950px; height: 102px;}
			#header #logo { position: absolute; width: 223px; height: 62px; top: 27px; left:10px;  text-indent: -999999px;}
				#header .suomi { background: url(/pics/fenestra/logo-fenestra-new.gif) no-repeat;}
				#header .english { background: url(/pics/fenestra/logo-fenestra-en.gif) no-repeat;}
				#header .svenska { background: url(/pics/fenestra/logo-fenestra-se.gif) no-repeat;}
			#searchBox { position: absolute; width: 220px; height: 28px; left: 578px; top: 18px;}
				#searchBox form { position: relative; width: 220px; height: 40px; background: url(/pics/fenestra/input-textfield.gif) right top no-repeat; }
					#searchBox input.input-textfield { width: 170px; height: 20px; padding: 5px; margin-left: 5px;  border: none; background: transparent; overflow:hidden;}
					#searchBox input.input-submit { position: absolute; width: 19px; height: 18px; left: 187px; top: 3px;  background: url(/pics/fenestra/input-submit.gif) no-repeat; border: none; }
			#languageSelector { position: absolute; right: 14px; text-align: right; top: 24px;}
				#languageSelector p { margin:0;}
				#languageSelector a { color:#4b4b4b; text-decoration: none; }
					#languageSelector a:hover { text-decoration: underline;}
			#mainMenu { position: absolute; right: 0px; top: 61px;}
				#mainMenu ul { list-style-type: none;  }
				#mainMenu li { display: inline; margin:0 0px; }
					#mainMenu a { text-align: right; position: relative;;float:left; padding: 5px 10px; padding-bottom: 10px; font-size: 16px; color:#2a2a2a; text-decoration: none; background: url(/pics/fenestra/mainMenu.gif) bottom center no-repeat;}
						#mainMenu a.selected { font-size: 16px; color:#fff; text-decoration: none; background: url(/pics/fenestra/mainMenu.gif) top center no-repeat;}
		#page { position: relative; width: 950px;}
			/*
				* ***********
				* Frontpage
				* ***********
			*/
			#mainImageArea { position: relative; width: 950px; height: 334px; margin-bottom: 5px; background: url(/pics/fenestra/frontpage-image.jpg) no-repeat;}
				#solutionsSelector { position: absolute; left:0px; bottom: 0px; width: 950px; height: 102px; padding:0px 0; background: url(/pics/fenestra/solutionsSelector.png) left bottom no-repeat;} 
					#solutionsSelector .solution { float: left; width: 214px; padding: 10px; height: 82px;}
						#solutionsSelector .pos-4 { width: 228px;}
						#solutionsSelector .solution h2 { color:#fff; height: 45px; border: none; font-size: 20px; font-style: oblique; margin:0;padding:0; line-height:18px; width: 100px;}
							#solutionsSelector  .pos-1 h2 { width: auto;}
						#solutionsSelector .solution ul { list-style-type: none;}
						#solutionsSelector .solution ul li a, #solutionsSelector .solution p { font-size: 16px; color:#fff; font-style: italic;}
							#solutionsSelector .solution ul li a:hover { text-decoration: underline;}
						#solutionsSelector .pos-1:hover { background: url(/pics/fenestra/solutionsSelector-hover.png) left bottom no-repeat;}
						#solutionsSelector .pos-2:hover,#solutionsSelector .pos-3:hover { background: url(/pics/fenestra/solutionsSelector-hover.png) center bottom no-repeat;}
						#solutionsSelector .pos-4:hover { background: url(/pics/fenestra/solutionsSelector-hover.png) right bottom no-repeat;}
						.solution a { color:#fff; text-decoration: none; }
						.solution p { margin:0; color:#fff;}
			.liftArea { position: relative; width: 950px; margin-top: 5px;}
				.liftArea .hidden { display:none;}
				.banner { float: left; padding-left: 10px;}
					.one-col { width: 305px;}
					.two-col { width: 609px; margin-right: 10px; }
					.two-cols { width: 599px; margin-right: 5px;}
					.liftArea h2,.liftArea h3, .banner h3 { font-size: 20px; color:#002b5b; font-weigth: normal; margin-bottom: 0.25em; margin-top:0;}
					.liftArea p { font-size: 12px;}
					.liftArea td { vertical-align: top;}
					.liftArea a { color:#D76F23; }
						.liftArea a img { border:none;}
				#newsAndBanner	{ margin-bottom: 5px;}
					#mainBanner { float:left; margin-right: 5px; width: 629px;} 
						#mainBanner a img { border: none;}
					#bulletins { float: left; background: url(/pics/fenestra/bulletins.gif) left top no-repeat; padding-top: 1em; width: 290px; padding-right: 10px; padding-left: 10px; }	
						#bulletins h3 { font-size: 24px; color:#002b5b; font-weigth: normal; margin-bottom: 0.25em; margin-top:0;}
						#bulletins ul { list-style-type: none;}
							#bulletins li { border-bottom: 1px solid #d6d6d5; padding: 0.5em 0;}
								#bulletins li a { color:#D76F23; text-decoration: none; font-size: 14px;}
								#bulletins li a:hover { text-decoration: underline;}
							#bulletins p.archiveLink { text-align: right; padding-right: 10px;}
							#bulletins p.archiveLink a { color:#D76F23; font-size: 16px; font-style: italic; text-decoration:none;}
								#bulletins p.archiveLink a span { color:#000; font-size: 12px;}
			/*
				* ********
				* Subpage
				* ********
			*/
			#rightColumn { float:right; width: 695px; padding-left: 10px; background: url(/pics/fenestra/rightColumn.gif) right top no-repeat; padding-bottom: 20px;}
				#cookiepath { position: absolute; right: 25px; font-style:italic; top: 15px; font-size: 11px; width: 690px; text-align: right;}
					#cookiepath a { color:#4b4b4b; text-decoration: none; font-style: italic;}
						#cookiepath a:hover { text-decoration: underline;}
						.pathLoc-2 { display:none;}
				#content { padding-left: 30px; padding-top: 50px; width: 638px; min-height: 300px;}
	
					#content h1 { font-size: 26px; color:#002c5b; font-weight: normal; padding-bottom: 0.25em; margin-bottom: .75em; border-bottom: 1px solid #dcdcdc;} /* page title style */
					#content ul, #content ol { margin-left: 2em;}
						#content ul ul, #content ol ol { margin-left: 1em;}
					#content a { color:#D76F23;}
			#leftColumn { float: right; width: 234px; padding-left: 10px; padding-bottom: 20px; margin-bottom: 20px;}
				#subnavigation { position: relative; top: 48px; width: 230px; padding-bottom: 48px;}
					#subnavigation h2 { display: none;}
					#subnavigation ul { list-style-type: none;}
						#subnavigation li { border-bottom: 1px solid #d8d8d8; padding-bottom: 9px; margin-top: 9px; padding-left: 10px; background: url(/pics/fenestra/subnavi.gif) -99999px 0px  no-repeat;}
							#subnavigation li a { display: block; width: 180px; font-size: 14px; color:#6f6f6f; text-decoration: none;}
							#subnavigation li.active, #subnavigation a.active { background:url(/pics/fenestra/subnavi.gif)  right top  no-repeat;}
							#subnavigation li.active a { color:#3b3b3b;}
							#subnavigation li.active li a {  color:#6f6f6f; }
							#subnavigation li li.active li a  { color:#000; }
						#subnavigation ul ul { margin-top: 0.5em; margin-left: 1em;}	
							#subnavigation li li { border-bottom:none; padding: 0.25em 0;} 	
								#subnavigation li li a { font-size: 12px; text-decoration: none; }
								#subnavigation li li li { margin-top: 2px; padding-bottom: 2px;}
								#subnavigation li li li a { font-size: 12px; color:#000; text-decoration: none; }	
						#subnavigation li a:hover { text-decoration: underline;}
			/*
				* ********
				* Footer
				* ********			
			*/
			#footer { clear:both;position: relative; width: 950px; padding-bottom: 20px; height: 100px;}
				#shortCuts { position: relative; width: 930px; padding: 0 10px; height: 46px; background: url(/pics/fenestra/shortCuts.gif) left bottom repeat-x;}
					.shortcut { float:left; width: 191px; height: 25px; border-left: 1px solid #d9d9d9; padding-left: 33px; padding-top: 3px; padding-bottom: 3px;}
					#shortCuts .first { border:none;}
						.shortcut h3 { margin-top:0;}
						.shortcut h3 a { font-size: 23px; font-weight: normal; text-decoration: none; color:#002a5a; font-style: italic; margin-top:0; padding-top:0;}
						.shortcut h3 a span { color: #f7933e; font-size: 20px;}
				#footer p { margin:0;}
				#contact { float:left; width: 75%; padding-top: 10px;}
					#footer address { font-style: normal;}
				#quicklinks { float:left;width: 25%; padding-top: 10px; text-align: right;}
				 	#quicklinks a { color: #4B4B4B; text-decoration: none;}
				 		#quicklinks a:hover { text-decoration: underline;}
				 		
		/*
			*
			* Other templates
			*
		*/
		
		/* 
			* Services
			* pagetemplates/services.vm
		*/
		#services { position: relative; width: 950px; background: url(/pics/fenestra/services.jpg) no-repeat; padding: 0 14px; }
			#mainServices { padding: 25px 14px;} 	
			.mainCategory { float: left; width: 430px;}
				#professionals { margin-left: 36px;}
				.mainCategory img { float:left; margin-right: 10px;}
				.mainCategory h2 { color:#002b5b; text-align: center; font-size: 26px; font-weight: normal; margin-bottom: 0.35em; border: none; margin-top:0;}
				.chooseCategory { clear:both; padding-top: 10px;}
					.singleCategory { float:left; /* width: 50%; */  text-align: center; /* margin-right: 5px; */}
						.singleCategory h3 { font-weight: normal; height: 32px; background: url(/pics/fenestra/button-singleCategory.gif) center top no-repeat; padding: 0px 10px; padding-top: 3px; }
						/* sizes of the links */
						#apartment-new, #blockhouse-renovation { margin-right: 5px; /* margin-left: 5px;  */}
						#apartment-new  h3 { width: 160px;} 
						#apartment-renovation  h3 { width: 220px;} 
						#blockhouse-renovation  h3 { width: 220px;} 
						#blockhouse-new  h3 { width: 154px;} 
						
						.singleCategory h3 a {  color:#fff;font-size:20px; text-decoration: none;}
						.singleCategory h3.active { background: url(/pics/fenestra/button-singleCategory.gif) center bottom no-repeat;  } 
						
						.singleCategory div { display:none; text-align: left; }
							.singleCategory div h4 { margin: 1em 0; font-weight: normal;}
							.singleCategory div h4 a { display:block; background:#ededed url(/pics/fenestra/button-icon-grey-right.gif) center right no-repeat; padding: 5px 10px; padding-right: 40px; font-size: 15px; color:#545453; text-decoration: none; }
		
			#otherServices { clear:both; position: relative; width: 100%; margin: 0 auto; background: url(/pics/fenestra/otherServices.gif) no-repeat; margin-bottom: 20px;}			
				#otherServices .contentWrapper { float:left; width: 303px;}
				#otherServices	.margin-right { margin-right:10px;}	
					#otherServices .contentWrapper div { position: relative; width: 277px; margin: 0 auto; padding-top: 20px;}
						#otherServices .contentWrapper div h3 { font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 0.5em; margin-top:0; color:#002b5b;}
							#otherServices .contentWrapper a { color: #D76F23;}
						
	/* 
	 	* Form Designer
	 	* pagetemplates/formdesignerform.vmn
	 */	
	#fd { }
	#fd label { font-weight:bold; }
	#fd fieldset { border:1px solid #CCCCCC; margin:0 0 1.5em; padding:1.4em; clear:both;}
	#fd legend { font-size:1.2em; font-weight:bold; }
	#fd input[type="text"], input[type="password"], input.text, input.title, textarea, select { background-color:#FFFFFF; border:1px solid #BBBBBB; }
	#fd input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666666;}
	#fd input[type="text"], input[type="password"], input.text, input.title, textarea, select { margin:0.5em 0; }
	#fd .FormDesignerFieldTypeAddress input, .FormDesignerFieldTypeText input, .FormDesignerFieldTypeEmail input { padding:5px; width:240px; }
	#fd input.title { font-size: 16px; }
	#fd textarea { height:180px; padding:5px; width:300px; }
	#fd input[type="checkbox"],#fd input[type="radio"],#fd input.checkbox,#fd input.radio { position:relative; top:0.25em; }
	#fd form.inline { line-height:3; }
	#fd form.inline p { margin-bottom:0; }
	#fd button, .button { background-color:#BDCF23; border:medium none; color:#FFFFFF; cursor:pointer; font-weight:bold; line-height:1; padding:3px 8px; text-align:center; text-decoration:none; white-space:nowrap; }
	#fd .error,#fd .notice,#fd .success { border:2px solid #DDDDDD; margin-bottom:1em; padding:0.8em; }
	#fd .FormDesignerFieldTypeTextarea textarea { float:left; margin-right: 1em;}
	#fd tr { vertical-align: bottom;}
	
	/*
		* Product Database search
		* pagetemplates/pdb-client/_inc/searchForm.vm
	*/
	#pddSearchBox { position: absolute; width: 220px; height: 100px; left: 578px; top: 18px;}
		#pdbSearchBox form { position: relative; width: 220px; height: 40px;}
			#pdbSearchBox input.input-textfield { width: 175px; height: 20px; padding: 5px; text-indent: 5px; padding-right: 40px; background: url(/pics/fenestra/input-textfield.gif) right top no-repeat; border: none;}
				#pdbSearchBox input.input-submit { position: absolute; width: 19px; height: 18px; left: 187px; top: 3px;  background: url(/pics/fenestra/input-submit.gif) no-repeat; border: none; }
			
			
	/*
		* Bulletinmanager 2
		* pagetemplates/bulletinmanager2.jsp
	*/	
	#bm2 #message-single h2 { margin-top: 0em;}	
	#message-listing {}
		#message-listing  ul { list-style-type: none; margin-left: 0; }
			#message-listing  li { margin-bottom: 1em; font-size: 11px; font-style: italic;}
			#message-listing  li a { font-size: 16px; text-decoration: none; font-style: normal; color: #F57D17;}
				#message-listing  li a:hover { text-decoration: underline;}
	/*
		* Bulletinmanager 2 / Open vacancies
		* pagetemplates/open_vacancies.vm
	*/	
			
	.singleVacanciesItem {
		padding-bottom: 0.5em;
		border-bottom: 1px solid #d6d6d5; 
		margin-bottom: 0.5em;
	}
		.singleVacanciesItem h3 a { text-decoration: none;}
			.singleVacanciesItem h3 a:hover { text-decoration: underline; }
			
			
	/*
		* Personal database
		* pagetemplates/toimipisteet.jsp
	*/
		.personInfo { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #D8D8D8;} 
		.personInfo .image { float: left; width: 120px;}
		.personInfo .data { float: left;}