/* 
	This stylesheet conatains common styles for ncc.fi.
	Site layout, menus and general typographie etc.
*/

/* element defaults */
	ul, li{list-style: none; margin: 0px; padding: 0px;}
	a, a:link, a:hover, a:visited{text-decoration: none; color: #000;}
	img{border:none;}
	h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0px; display: block !important;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{display: block !important;}
	p{margin:0px;padding: 0px 0 12px 0;}
	.hidden {display:none}
	input, select, textarea{font-size:1.1em; padding:2px 2px 2px 4px;}
	a.form-button,
	a.form-button:link,
	a.form-button:visited { background:url(../media/img/bg_formbutton.gif) no-repeat right #000; padding:2px 18px 2px 5px; border:1px solid #dddddd; color:#fff; font-weight:normal;}
	.clear {clear:both;overflow:hidden;height:1px}

/* Typography */
	#NCC .page .view a,
	#NCC .page .view a:link,
	#NCC .page .view a:visited{ background:url(../media/img/bg_link.gif); padding-bottom:4px; }
	.page-headline { margin: 0 0 5px 0; font-size: 34px; line-height: 38px; text-transform: uppercase; font-weight: normal; background-repeat:no-repeat; }
	.section-headline {font-size:30px; line-height:36px; background-repeat:no-repeat; text-transform:uppercase;}
	.project-headline { background-repeat:no-repeat; font-size:15px; line-height:22px; margin:0px; font-weight:normal;	 text-transform:uppercase; }
	.page-headline,
	.section-headline,
	.puff-headline,
	.puff-headline-wide,
	.puff-headline-narrow,
	.sub-headline,
	.project-headline{ font-family:arial; font-weight:normal; }
	.page-headline span, .puff-headline span, .section-headline span, .puff-headline-wide span, .puff-headline-narrow span, .sub-headline span, .project-headline span {border:none; }
	.puff-headline{background-repeat:no-repeat; font-size:15px; line-height:22px; margin:0px; font-weight:normal;	}
	.puff-headline-wide, .puff-headline-narrow { background-repeat:no-repeat; font-size:15px; line-height:22px; margin:0px; font-weight:normal;	}
	.sub-headline-container{margin:0px; padding:0px; margin:0px 0 54px 0 !important;}
	.sub-headline-container .sub-headline {	 font-size:1.7em; line-height:1.4em; padding:0 0 2px 0; margin:0px !important; }
	h2 {display: block !important; font-weight:bold; color:#1c5e96; font-size:1em; text-transform:uppercase; margin:0 0 8px 0}
	h3 {font-size:1.0em;display: block !important;}
	h4 {font-size:1.1em;text-transform:uppercase;line-height:1.45em;display: block !important;}
	h5 {font-size:1.1em;text-transform:uppercase;line-height:1.45em;display: block !important;}
	p.preamble, p.preamble-wide{ font-family:Arial; }
	p.preamble {display:block; background-repeat:no-repeat; }
	p.preamble-wide {background-repeat:no-repeat; font-size:17px; line-height:1.22em;}
	p.preamble-wide span, p.preamble-narrow span { position:relative;}
	p.preamble-narrow { display:block; background-repeat:no-repeat; font-size:17px; line-height:1.22em; padding-right:0px; padding-top:0px; margin:0px;}
	a.arrow-link, a.arrow-link:link, a.arrow-link:visited { background:url(../media/img/bg_arrowlink.gif) no-repeat right top !important; padding:0 18px 2px 0;}
	.link-container { text-align:right; }

/* layout */
	body { margin: 0; padding: 0px; text-align:center; font-family:verdana, arial, sans-serif; font-size: 62.5%; position: relative;}
	#NCC { text-align:center; background: url(../media/img/bg_headerlines.gif) top center #fff repeat-x; padding:0px; margin:0px;	 }
	#NCC #container { margin: 0 auto 0 auto; text-align:left; position: relative;}

	#NCC .page { margin: 0 0 0 0; }
	#NCC .page .left-column {}
	#NCC .page .wide-left-column {}
	#NCC .page .mid-column { width: 63% !important; float: left !important;}
	#NCC .page .right-column {width: 20% !important; float: left !important; padding: 0 0 0 2%;}
	#NCC .page .wide-right-column { margin: 0 0 0 0px;}
	#NCC .page-footer {	border-top:1px solid #ccc; margin: 25px 0 0 0; padding-top:5px; text-align:right; font-size:1.1em; }
	#NCC .page-footer a,
	#NCC .page-footer a:link,
	#NCC .page-footer a:visited{color:#b0b28a;}
	#NCC .site-footer { background:url(../media/img/bg_sitefooter.gif) repeat-x; padding:0 0 120px 0; text-align:center;}
	#NCC .site-footer .content { margin:4px auto 0 auto; color:#fff; text-align:left;}
	#NCC .site-footer .content .left { float:left;}
	#NCC .site-footer .content .right { float:right; }
	#NCC .site-footer a,
	#NCC .site-footer a:link,
	#NCC .site-footer a:visited {color:#fff; margin:0 10px 0 10px; }

/* page header */
	#NCC #header {text-align:left; margin:32px 0 0 0;}
	#site-tools {background: #1c5e96 url(../media/img/bg_sitetoppanel.gif) repeat-x; width:100%; margin:0px auto 0 auto; display:none; position:relative; z-index:1700;}
	#contact-panel { margin: 0 auto 0 auto; color:#fff; background:url(../media/img/bg_contactseperator.gif) 336px 0px no-repeat; }
	#contact-panel .left {float:left; text-align:left; margin-top:6px;}
	#contact-panel .footer-link { float:right; font-size:1.1em; color:#9ad0ff; margin-right:10px;}
	#contact-panel .footer-link a,
	#contact-panel .footer-link a:link,
	#contact-panel .footer-link a:visited {color:#9ad0ff !important;}
	#contact-panel .contact {margin:6px 10px 0 0; float:left; }
	#contact-panel .other-contacts { margin-left:25px; position:absolute; top:0px; left:0px; display:none; margin-top:6px; }
	#contact-panel .contact p { font-size:1.1em; line-height:1.45em;}
	#contact-panel .right { float:right; text-align:left; margin-top:0px; position:relative;}
	#contact-panel .contact-search {margin-left:20px; background:url(../media/img/bg_contactseperator.gif) 288px 0px no-repeat; float:left;}
	#contact-panel .contact-search .on-pages{float:left; margin-top:6px;}
	#contact-panel .contact-search .form-button {float:right; margin-top:14px; }
	#contact-panel .contact-search .in-tree{float:right; margin-top:6px;}
	#contact-panel .contact-search .select-list{margin-top:12px; float:left; position:relative; z-index:2000;}

	#search-panel {margin:0  auto 0 auto; display:none; color:#fff; overflow:hidden; text-align:left;}
	#search-panel .right {float:right;	padding-top:17px; font-weight:bold; text-transform:uppercase;}
	#search-panel .right input { vertical-align:middle;}
	#search-panel .right .search-field {margin:0 0 0 4px;}
	#search-panel .right .form-button {margin-left:12px; vertical-align:middle; }

	#site-tools  .close { text-align:right;	 margin:0  auto 0 auto;}
	        top: -35px;
}
#NCC #header #heading { height:41px; position:relative; top:-40px; left:175px; z-index:1;}
	#NCC #logotype { position:relative; left:20px;}

	#NCC #header #heading #heading-container { background:url(../media/img/bg_topmenuheading.gif) #fff repeat-x;}
	#NCC #header #heading #heading-container img,
	#NCC #header #heading #heading-container #seperator{margin-top:10px;}

/* top buttons */
	#top-buttons { position:absolute; z-index:100; float:right; top:-33px; right:0px;}

/*top menu */
	#NCC #top-menu ul li { float:left; height:41px; background: url(../media/img/bg_topmenuitem.gif) #fff right no-repeat;}
	#NCC #top-menu ul .list-item { background:none;}
	#NCC #top-menu ul ul { display:none;}
	#NCC #top-menu ul li a,
	#NCC #top-menu ul li a:link
	#NCC #top-menu ul li a:visited { border-bottom:6px solid #000; display:block; height:35px; line-height:1.3em; padding:0px 9px 0px 5px; text-transform:uppercase; margin:0 1px 0 0px; background:#fff;}
	#NCC #top-menu ul li a.first-item,
	#NCC #top-menu ul li a.first-item:link
	#NCC #top-menu ul li a.first-item:visited { padding:0px 7px 0px 0px;}
	#NCC #top-menu ul li.active a { border-bottom:6px solid #2375bb; color:#2375bb;}
	#NCC #top-menu ul li a:hover { color:#2375bb;}
	#NCC #top-menu {background: url(../media/img/bg_topmenu.gif) #fff repeat-x; height:83px; position:absolute; top:0px; z-index:0; left:175px; font-size: 1.1em; }
	#NCC .top-menu-widthheading { background: url(../media/img/bg_topmenublack.gif) #fff repeat-x !important; height:90px; position:absolute; top:0px; z-index:0; }
	#NCC #top-menu ul ul { position:absolute; left:0px; }
	#NCC #top-menu ul li ul li {background:none; border-right:1px solid #fff; height:34px; margin:8px 0 0 0; }
	#NCC .top-menu-widthheading ul li ul li { background:none; border-right:1px solid #fff; height:41px !important; margin:0px 0 0 0 !important; }
	#NCC .top-menu-widthheading ul li ul li  a,
	#NCC .top-menu-widthheading li ul ul li a:link,
	#NCC .top-menu-widthheading ul li ul li a:visited{border-bottom:3px solid #000 !important; padding-top:8px !important; }
	#NCC #top-menu ul li ul li a, 
	#NCC #top-menu ul li ul li a:link, 
	#NCC #top-menu ul li ul li a:visited { background:none; padding-top:0px; padding-bottom:1px; border-bottom:3px solid #2375BB; margin:0px; height:30px; color:#000; }
	#NCC #top-menu ul li ul .active a, 
	#NCC #top-menu ul li ul .active a:link,
	#NCC #top-menu ul li ul .active a:visited { border-bottom:3px solid #2375bb !important; color:#2375bb !important;} 
	#NCC #top-menu ul li ul li a:hover{ color:#2375bb !important;}
	#NCC #top-menu ul .active ul { display:block;}
	#NCC #heading img { float:left;}
	#NCC #heading #seperator {float:left; border-left:1px solid #ececec; padding:0 0 0 8px; height:21px; margin:0 0 0 8px; }
#NCC #heading #seperator img{ margin:10px 0 0 0; }

/* left menu */
	#NCC #left-menu ul {font-size:1.1em; border:1px solid #cccccc; border-width:1px 0 0 0; }
	#NCC #left-menu ul ul {font-size:1em;}
	#NCC #left-menu ul ul {background:url(../media/img/bg_leftmenu.gif) no-repeat top left #f7f7f7; }
	#NCC #left-menu ul li a,
	#NCC #left-menu ul li a:link,
	#NCC #left-menu ul li a:visited { display:block; padding:6px 0 6px 2px; border:1px solid #cccccc; border-width:0 0 1px 0;line-height:1.3em;}
	#NCC #left-menu ul li.expanded a,
	#NCC #left-menu ul li.expanded a:link,
	#NCC #left-menu ul li.expanded a:visited {border:1px solid #b4b4b4; border-width:0 0 1px 0; }
	#NCC #left-menu ul li.expanded ul li a,
	#NCC #left-menu ul li.expanded ul li a:link,
	#NCC #left-menu ul li.expanded ul li a:visited{padding:6px 0 6px 10px; border:1px solid #fff; border-width:0 0 1px 0;}
	#NCC #left-menu ul li.expanded ul li.last-item a,
	#NCC #left-menu ul li.expanded ul li.last-item a:link,
	#NCC #left-menu ul li.expanded ul li.last-item a:visited{border:1px solid #cccccc; border-width:0 0 1px 0; }
	#NCC #left-menu ul .current a,
	#NCC #left-menu ul .current a:link,
	#NCC #left-menu ul .current a:visited{color:#2375bb; background:url(../media/img/bg_leftmenucurrent.gif) repeat-x bottom; }
	#NCC #left-menu ul .current ul li a,
	#NCC #left-menu ul .current ul li a:link,
	#NCC #left-menu ul .current ul li a:visited{background:none; color:#000;}

/* content puff */
	.puff { padding:0 0 20px 0; }
	.leftpuff { float:left;}
	.rightpuff {float:right;}
	.puff-normal {width:290px;} 
	.puff .footer {clear:both; background:#2375bb; margin:1px 0 0 0; text-transform:uppercase;}
	.puff .footer a,
	.puff .footer a:link,
	.puff .footer a:visited{ text-align:right; display:block; font-weight:bold; color:#fff; padding:0 24px 2px 0 !important; background:url(../media/img/bg_whitearrow.gif) no-repeat right !important;}
	.puff  .content { position:relative;}
	.puff .content div.plate {position:absolute; top:113px; width:100%; overflow:hidden; margin:0px; color:#fff;}
	.puff .content .opac-bg {background:#000; position:absolute; top:113px; width:100%; overflow: hidden; }
	.puff .content div.plate a,
	.puff .content div.plate a:link,
	.puff .content div.plate a:visited { color:#65b8ff;}
	.puff .content p { padding:4px 8px 4px 8px;}
	.puff-wide {clear:both;} 
	.puff-wide  .content {}
	.puff-wide .content div.plate { top:0px;left:232px; width:232px; height:146px;}
	.puff-wide .content .opac-bg { top:0px;left:232px;width:232px;height:146px;}
	.puff-narrow { width:222px;} 
	.puff-narrow  .content {height:146px;}
	.puff-narrow .content div.plate {top:96px; width:232px; height:146px;}
	.puff-narrow .content .opac-bg {top:96px; width:232px; height:146px;}
	.puff .projectlist { border-top:1px solid #585857;}
	.puff h3 { margin:8px 4px 0 8px;}
	.puff-large {width:620px; clear:both;}
	.puff-large .content {height:275px; width:100%;}
	.puff-large .content .opac-bg { top:228px;}
	.puff-large .content div.plate {top:228px;}
	.puff-large .footer a,
	.puff-large .footer a:link,
	.puff-large .footer a:visited { padding:1px 24px 3px 0;}
	.puff-news { width:290px; border-bottom:1px solid #2375bb; height:200px; overflow:hidden; padding:0px;}
	.puff-news .content {margin:20px 0 0px 0; height:auto; padding:0px;}
	.puff-news .content p img { float:left; margin:5px 10px 0 0; width:113px; height:116px;}
	.puff-news .content p {padding:0px;} 
	.puff-news .content .link-container {clear: both; margin: 7px 0px 0px 0px; padding: 0px;}
	
	.puff-newslist{ width: 290px; height: 200px; padding: 0px; margin-bottom: 22px; border-bottom: 1px solid #2375bb;}
	
	.puff-newslist .content {height:166px;padding:0px; margin:0px; border-top:1px solid #cccccc; padding-top:5px; margin-top:10px; overflow:hidden;}
	.puff-newslist .content .link-container { clear:both; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px;}
	.puff-newslist .content .txt { float:left; }
	.puff-newslist .content .date { float:right;}
	.puff-newslist ul  { margin:0 0 4px 0;}
	.puff-newslist ul li { clear:both; border-bottom:1px solid #e5e5e5; height:20px; margin-top:3px;}

/* right column */
	.info-box { background:#f0f0f0; margin:0 0 7px 0;}
	.info-box h4 { font-size:1.1em; line-height:1.2em; text-transform:uppercase; color:#2074bc; padding:4px 8px 4px 8px;}
	.info-box p { padding:6px 8px 14px 8px; font-size:1.1em; line-height:1.65em; border-top:1px solid #fff;}
	.blue-button { margin:0 0 7px 0; padding:3px 8px 4px 8px; background-color:#2070b5; clear:both;}
	.arrow-right { background:url(../media/img/bg_arrowbtn.gif) #2070b5 no-repeat right bottom;}
	.arrow-left { background:url(../media/img/bg_arrowbtn.gif) #2070b5 no-repeat left top;}
	.arrow-right a,
	.arrow-right a:link,
	.arrow-right a:visited { color:#fff; display:block; padding-right:30px; line-height:1.65em;}
	.arrow-left a,
	.arrow-left a:link,
	.arrow-left a:visited { color:#fff; padding-left:20px; line-height:1.65em; margin-bottom:1px;}
	.teasers { margin-top:13px;}
	.info-box p a,
	.info-box p a:link,
	.info-box p a:visited { background:url(../media/img/bg_link.gif); padding-bottom:4px;}

/* custom form elements */
	.select-list {	background:url(../media/img/bg_customselect.gif) no-repeat; width:211px; height:21px; position:relative;}
	.select-list a,
	.select-list a:link,
	.select-list a:visited{display:block;padding:4px 5px 1px 8px; font-size:11px; line-height:14px;}
	.select-list ul { width:100%; background:#fff; position:absolute; top:21px; display:none; border:1px solid #ccc;}
	.select-list ul li { width:100%;color:#000;}
	.select-list ul li a,
	.select-list ul li a:link,
	.select-list ul li a:visited { padding:1px 5px 3px 8px; font-size:11px; line-height:14px; display:block; }
	.select-list ul li a:hover {background-color:#ccc;}
	.select-disabled{background:url(../media/img/bg_customselect_disabled.gif) no-repeat; width:211px; height:21px; position:relative; cursor:default;}
	.select-disabled a {cursor:default;}

/* print styles begin here */
	#NCC { text-align:left;  background: none; padding:0px; margin:0px;}
	#NCC #container { margin: 0 0 0 0px; text-align: left;}
	#NCC .site-footer, #NCC #heading-container{display: none !important; visibility: hidden;}
	#NCC #header #top-buttons, #NCC #header #heading, #NCC #header #top-menu, #NCC #heading, #NCC #top-menu, #container #top-menu{display:none !important; visibility: hidden;}
	#site-tools{display: none; visibility: hidden;}
	#NCC .page .left-column{display:none; visibility: hidden;}
	#tellafriend-container { display:none; }
	#NCC #header #heading, .site-footer .second-row{display: none !important; visibility: hidden;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span{border:none;}
	#site .project{float: none; clear: both;}
	
	* html table.apartments_import_table td,
	* html table.apartments_import_table th { font-size:0.7em; }
	
	
	/* * {float: none !important;}
	#NCC .wide.view .left.project {float: none;}*/
	#NCC, #container, #header, #sectionpage1, .view{ clear:both; float: none !important; width: 100%;}
	#NCC .project{float: none; width: 100%; border-bottom: 1px solid #2375bb;}
	
	
	/* Survey: Ogeli, EkaOma */
	.ogeli textarea { border:0; width:90%; }
	.ogeli select { border:0; background:none; }
	.ogeli .textFields input { border:0; border-bottom:1px solid #999; }
	.ogeli .quarterling { display:none; }