/* 	
palstaväli= 17px
1 palsta= 223px
2 palstaa= 463px
3 palstaa= 703px
4 palstaa= 943px
1/6= 143px 	
*/

* {	margin: 0px; 
	padding: 0px; 
	behavior: url(iepngfix.htc);
	outline: none;
	font-family: arial, helvetica, sans-serif; 
	}

body {text-align: center; background: white url(../images/bg.jpg) repeat-x top;}

a {outline: none;}

/* Typografia ---------------------------------------------------------------------------------------------------------------- */

p {font: normal 14px/18px arial, helvetica, sans-serif; color: #575757; margin: 0px 0px 8px 0px;}

.introtext p, #footer p {font: normal 16px/20px arial, helvetica, sans-serif; margin-bottom: 10px; color: #666;}
.one_column p, #footer p {font: normal 12px/16px arial, helvetica, sans-serif;}
.index_news p {margin: 1px 0px 2px 5px;}
.one_column p {margin: 3px 0px 2px 5px;}
.text p {font-weight: bold; font-style: italic; line-height: 14px; margin: 0px;}
.text p+p {font-weight: normal;}


h2 {font: bold 26px/28px arial, helvetica, sans-serif; color: #3a79bc; margin: 3px 0px 8px 0px;}

.cool_reference h2 {
font: bold 18px/22px arial, helvetica, sans-serif; 
color: #3a79bc; 
margin: 3px 0px 8px 0px;
padding-bottom: 8px; 
background: url(../images/horizontal_rule.png) no-repeat bottom left; 
}

h3 {font: bold 18px/22px arial, helvetica, sans-serif; color: #3a79bc; margin: 3px 0px 8px 0px;}

h4 {font: bold 14px/16px arial, helvetica, sans-serif; color: #3a79bc; margin: 0px 0px 3px 5px;}

.heat_tuotteet h4 {font: bold 16px/16px arial, helvetica, sans-serif; margin: 0px 0px 3px 5px;}
.index_reference h4 {margin-bottom: 8px;}
.text h4 {margin: 0px 0px 6px 0px;}
.cool_tietopankki h4 {background: url(../images/horizontal_rule.png) no-repeat bottom left; margin: 5px 0px 3px 5px; padding-bottom: 3px;}
.two_column h4 {margin-left: 0px;}

h5 {font: bold 12px/14px arial, helvetica, sans-serif; color: #3a79bc; margin: 10px 0px 3px 5px;}

.one_column h5 {font: bold 12px/14px arial, helvetica, sans-serif; color: #575757; margin: 0px 0px 8px 5px;}
.cool_reference h5 {margin-bottom: 3px;}
#footer h5 {font: bold 14px/14px arial, helvetica, sans-serif; color: #3a79bc; text-transform: uppercase; margin: 0px 0px 3px 0px;}

.date {font: normal 12px/14px arial, helvetica, sans-serif; color: #3a79bc;}

.breadcrumbs {font: normal 12px/16px arial, helvetica, sans-serif; color: #575757;}

.cool_tietopankki p {margin-bottom: 8px;}

h6 {font: normal 12px/16px arial, helvetica, sans-serif; color: #575757; margin: -10px 0px 16px 0px; font-style: italic;}

/* Linkit alkaa ---------------------------------------------------------------------------------------------------------------- */

li a:link, li a:visited {color: #575757; text-decoration: none;}
li a:hover, li a:active {color: #a2a2a2;}

.one_column a:link, .one_column a:visited, .item3 a:link, .item3 a:visited {text-decoration: none; padding-right: 15px;}
.index_cool a:link, .index_cool a:visited, .index_heat a:link, .index_heat a:visited {padding-right: 0px;}

.index_news a:link, .index_news a:visited, 
.index_blog a:link, .index_blog a:visited,
.events a:link, .events a:visited,
.item3 a:link, .item3 a:visited
 	{font: normal 12px/16px arial, helvetica, sans-serif; color: #3b79bb; background: url(../images/cool_bullet.png) no-repeat right; padding-right: 15px;}

.index_news a:hover, .index_news a:active, 
.index_blog a:hover, .index_blog a:active,
.events a:hover, .events a:active,
.item3 a:hover, .item3 a:active 
	{color: #84a6cb;}


.cool_reference a:link, .cool_reference a:visited, 
.palvelut a:link, .palvelut a:visited, 
.yhteysvalikko a:link, .yhteysvalikko a:visited 
	{background: url(../images/cool_bullet.png) no-repeat center right;color: #3a79bc;}
	
.cool_reference a:hover, .cool_reference a:active, 
.palvelut a:hover, .palvelut a:active, 
.yhteysvalikko a:hover, .yhteysvalikko a:active 
	{color: #84a5c7;}

.heat_reference a:link, .heat_reference a:visited {background: url(../images/heat_bullet.png) no-repeat center right;color: #666;}
.heat_reference a:hover, .heat_reference a:active {color: #838383;}

.heat_reference li a:link, .heat_reference li a:visited, .heat_reference p a:link, .heat_reference p a:visited  {background: url(../images/heat_bullet.png) no-repeat center right;color: #3b79bb;}
.heat_reference li a:hover, .heat_reference li a:active, .heat_reference p a:hover, .heat_reference p a:active {color: #84a6cb;}

.cool_esitteet p a:link, .cool_esitteet p a:visited {background: url(../images/cool_bullet.png) no-repeat center right; color: #575757;} 
.cool_esitteet p a:hover, .cool_esitteet p a:active {color: #a2a2a2;}

.heat_tuotteet h4 a:link, .heat_tuotteet h4 a:visited {background: url(../images/heat_bullet_big.png) no-repeat center right; color: #373737;}
.heat_tuotteet h4 a:hover, .heat_tuotteet h4 a:active {color: #838383;}

.heat_tuotteet p a:link, .heat_tuotteet p a:visited  {background: url(../images/heat_bullet.png) no-repeat center right; color: #575757;} 
.heat_tuotteet p a:hover, .heat_tuotteet p a:active {color: #a2a2a2;}



.cool_tietopankki a:link, .cool_tietopankki a:visited, 
.heat_tietopankki a:link, .heat_tietopankki a:visited, 
.cool_rekrytointi a:link, .cool_rekrytointi a:visited 
	{font: normal 12px/14px arial, helvetica, sans-serif; color: #3b79bb; text-decoration: none;}

.breadcrumbs a:link, .breadcrumbs a:visited, 
.cool_tietopankki a:link 
	{color: #3b79bb; text-decoration: none;}
	
.breadcrumbs a:hover, .breadcrumbs a:active, 
.cool_tietopankki a:hover, .cool_tietopankki a:active, 
.heat_tietopankki a:hover, .heat_tietopankki a:active, 
.cool_rekrytointi a:hover, .cool_rekrytointi a:active 
	{color: #84a6cb;}

.intra {margin: 4px 0px 10px 0px;}

.intra a, .sema a, .contact a {display: block; width: 221px; height: 38px; text-indent: -9999px;}

.contact a {margin-top: 20px;}

#copy a:link, #copy a:visited {text-decoration: none; font: normal 12px/16px arial, helvetica, sans-serif; color: #3b79bb;}
#copy a:hover, #copy a:active {color: #84a6cb;}

/* Elementit ---------------------------------------------------------------------------------------------------------------- */ 


#wrapper {
position: relative;
width: 100%; 
background: url(../images/bg_image.jpg) no-repeat top center;
}

#container, #footer {
position: relative;
width: 964px;
margin-left: auto;
margin-right: auto;
text-align: left;
clear: both;
}

#header_index {
position: relative;
width: inherit;
height: 305px;
background: url(../images/bg_snow_sun.png) no-repeat bottom center;
}

#header_main, #header_heat, #header_cool {
position: relative;
width: inherit;
height: 225px;
}

#header_main {background: url(../images/main_palkki.png) no-repeat bottom center;}
#header_heat {background: url(../images/heat_palkki.png) no-repeat bottom center;}
#header_cool {background: url(../images/cool_palkki.png) no-repeat bottom center;}

#content, #content_two, #content_three {width: 100%; margin-bottom: 30px; clear: both;}

#content {background: url(../images/vertical_rules.png) repeat-y left;}
#content_two {background: url(../images/vertical_rules2.png) repeat-y left;}
#content_three {background: url(../images/vertical_rules3.png) repeat-y left;}

#content img, #content_three img {border: #84a5c7 solid 1px;}

#cleantech img {border: none; margin-top: 10px; margin-left: 5px; }

#branding {
position: absolute;
top: 23px;
left: 0px;
width: 241px;
height: 73px;
text-indent: -9999px;
background: url(../images/scancool_logo.png) no-repeat top left;
}


.item, .item3 {
width: 98%;
background: url(../images/horizontal_rule.png) repeat-x bottom left;
padding-bottom: 7px;
margin-bottom: 7px;
clear: both;
}

.item img {margin: 0px 0px 3px 5px; background: none;}


/* Footer ---------------------------------------------------------------------------------------------------------------- */ 

#footer_wrapper {
width: 100%;
background-color: #f3f6f9;
border-top: 1px solid #c1d3e4;
border-bottom: 1px solid #c1d3e4;
margin-bottom: 0px;
clear: both;  
}

#footer {
min-height: 31px;
margin-top: 10px;
margin-bottom: 10px;
background: url(../images/footer_rules.png) no-repeat center left;
}

#copy {
text-align: right;
width: 940px;
min-height: 20px;
margin-top: 3px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}

#footer ul {
position: relative;
list-style: none;
margin: 0px;
width: 100%;
clear: both;
}

#footer ul li {
position: relative;
float: left;
width: 145px;
margin: 0px 5px 0px 10px;
}



/* Palstat ---------------------------------------------------------------------------------------------------------------- */

.one_column {
position: relative;
float: left;
width: 223px;
margin: 0px 7px 0px 10px;
}

.two_column {
position: relative;
float: left;
width: 463px;
margin: 0px 7px 0px 10px;
}

.two_column .one_column {
width: 223px; 
margin: 0px; 
padding-right: 17px; 
background: url(../images/vertical_rule.png) repeat-y right;
}
.two_column .one_column+.one_column {
width: 223px; 
margin: 0px;
padding: 0px;
background: none;
}

.four_column {
position: relative;
width: 943px;
margin: 15px 7px 18px 10px;
}

.index_cool, .index_heat, .index_news, .index_blog, .index_case, .index_reference, 
.cool_reference, .cool_tietopankki, .cool_kohteet, .cool_huolto, .cool_rekrytointi, 
.heat_reference, .heat_tietopankki, .heat_tuotteet, .heat_huolto, .heat_kohteet,
.yhteystiedot, .yhteysvalikko, .events 
{width: 100%; margin-bottom: 10px; clear: both;}


.introtext {width: 100%; margin-bottom: 20px;}

.main_content {width: 100%;} 
.main_content img {margin-bottom: 8px;}

.index_case {
min-height: 160px;
background: url(../images/horizontal_rule.png) no-repeat bottom left;
margin-bottom: 8px;
}


/* Listat ---------------------------------------------------------------------------------------------------------------- */

.one_column ul, .item ul {margin: 0px 0px 0px 5px; list-style: none;}

.two_column ul {font: normal 14px/18px arial, helvetica, sans-serif; color: #575757; margin: 0px 0px 8px 16px;}


.index_cool li, .index_heat li, .cool_reference li, .cool_kohteet li, .cool_huolto li, .heat_huolto li, .heat_reference li, .heat_kohteet li {
padding-left: 15px;
margin-bottom: 6px;
font: normal 12px/14px arial, helvetica, sans-serif;
color: #575757;
}

.cool_reference .item2 {display: none;}

.cool_reference li, .cool_huolto li {background: url(../images/cool_dot.png) no-repeat 0px 3px;}

.heat_reference li, .heat_huolto li, .index_heat li, .heat_kohteet li {background: url(../images/heat_dot.png) no-repeat 0px 3px;}

.index_cool li, .cool_kohteet li {background: url(../images/cool_bullet.png) no-repeat 0px 3px;}

/*.index_heat li, .heat_kohteet li {15px; background: url(../images/heat_bullet.png) no-repeat 0px 3px;}*/

.index_reference li {
margin-top: 4px;
font: bold 12px/14px arial, helvetica, sans-serif;
color: #575757;
}

.cool_kohteet ul {margin: 3px 0px 12px 5px;}

.yhteystiedot ul {
list-style: none;
padding-top: 7px;
margin: 3px 0px 7px 5px; 
}

.yhteystiedot ul+ul {background: url(../images/horizontal_rule.png) repeat-x top left;}

.yhteystiedot li:first-child {font-weight: bold;}

.yhteystiedot li {font: normal 12px/16px arial, helvetica, sans-serif; color: #575757;}

/* Otsikot ---------------------------------------------------------------------------------------------------------------- */



#index_headline {
text-indent: -9999px;
width: 100%;
height: 55px;
margin-top: 10px;
}




/* Päävalikko ---------------------------------------------------------------------------------------------------------------- */

#menu {
position: relative;
margin-top: 33px;
margin-right: 10px;
float: right;
list-style: none;
}

#menu li {display: inline;}



/* Kielivalikko ---------------------------------------------------------------------------------------------------------------- */

#menu_lang {
position: absolute;
top: 90px;
right: 250px;
width: 140px;
height: 18px;
list-style: none;
}

#menu_lang li {display: inline;}

.fi, .se, .en, .de {
display: block;
float: left;
text-indent: -9999px;
height: 18px;
margin-left: 7px;
background: url(../images/flags.png) no-repeat;
overflow: hidden;
}

a:link.fi, a:visited.fi {width: 28px; background-position: 0px 0px;}
a:hover.fi, a:active.fi, .active a:link.fi, .active a:visited.fi {width: 28px; background-position: 0px -19px;}

a:link.se, a:visited.se {width: 26px; background-position: -34px 0px;}
a:hover.se, a:active.se, .active a:link.se, .active a:visited.se {width: 26px; background-position: -34px -19px;}

a:link.en, a:visited.en {width: 25px; background-position: -67px 0px;}
a:hover.en, a:active.en, .active a:link.en, .active a:visited.en {width: 25px; background-position: -67px -19px;}

a:link.de, a:visited.de {width: 26px; background-position: -97px 0px;}
a:hover.de, a:active.de, .active a:link.de, .active a:visited.de {width: 26px; background-position: -97px -19px;}


/* Alavalikot ---------------------------------------------------------------------------------------------------------------- */

.palvelut ul, .yhteysvalikko ul {
list-style: none;
margin-top: 12px;
}

.palvelut li, .yhteysvalikko li {
background: url(../images/horizontal_rule.png) no-repeat bottom left;
font: bold 14px/14px arial, helvetica, sans-serif; 
color: #3a79bc;
}

.palvelut li {
padding-bottom: 18px;
margin: 0px 0px 18px 5px;
}

.yhteysvalikko li {
padding-bottom: 7px;
margin: 0px 0px 7px 0px;
}

/* Hakukone ---------------------------------------------------------------------------------------------------------------- */

#search {
position: absolute;
top: 90px;
right: 10px;
width: 223px;
height: 18px;
z-index: 1000;
}

#search p {
display: none;
background-color: #cbddee;
padding: 3px;
}

fieldset {border: none;}

#ajaxSearch_input {
width: 160px;
background: url(../images/input_bg.png) repeat-x bottom;
height: 14px;
border: solid 1px #4684bf;
padding: 2px;
}

#ajaxSearch_submit {width: 52px;}


#ajaxSearch_output {
	background-color: #fff;
	padding: 8px;}
	
#ajaxSearch_output a:link {font: normal 12px/16px arial, helvetica, sans-serif; color: #3b79bb;}
#ajaxSearch_output a:visited {font: normal 12px/16px arial, helvetica, sans-serif; color: #7700aa;}
#ajaxSearch_output a:hover, #ajaxSearch_output a:active {color: #84a6cb;}

.AS_ajax_result {margin-bottom: 4px;}


/* Case slideshow ---------------------------------------------------------------------------------------------------------------- */

#case {
position:relative; 
height:197px; width: 220px; 
background: url(../images/horizontal_rule.png) no-repeat bottom left; 
margin-bottom: 12px;
}

#case img {position:absolute; top:0px; left:0px; border: none;}
#case .text {position:absolute; top:3px; left:0px; width: 155px;}
#case .text p {margin-bottom: 0px;}

#case li {position:absolute; top:0px; left:0px; z-index:8; background-color: #fff; height:196px; width: 220px;}

#case li.active {z-index:10;}

#case li.last-active {z-index:9;}

/* Painikkeet ---------------------------------------------------------------------------------------------------------------- */
#cool_button,  #heat_button {
position: absolute;
display: block;
top: 162px;
width: 195px;
height: 80px;
text-indent: -9999px;
}

#cool_button2, #cool_button3, #heat_button2 {
position: absolute;
display: block;
top: 133px;
width: 195px;
height: 69px;
text-indent: -9999px;
}

#cool_button {left: 37px; background: url(../images/button_cool.png) no-repeat;}

#heat_button {right: 37px; background: url(../images/button_heat.png) no-repeat;}

a:link#cool_button, a:visited#cool_button, a:link#heat_button, a:visited#heat_button { background-position: 0px 0px; }
a:hover#cool_button, a:active#cool_button, a:hover#heat_button, a:active#heat_button { background-position: 0px -81px; }

#cool_button2 {left: 37px; background: url(../images/button_cool2.png) no-repeat;}

#cool_button3 {right: 37px; background: url(../images/button_cool2.png) no-repeat;}

#heat_button2 {right: 37px; background: url(../images/button_heat2.png) no-repeat;}

a:link#cool_button2, a:visited#cool_button2, a:link#cool_button3, a:visited#cool_button3, a:link#heat_button2, a:visited#heat_button2 {background-position: 0px 0px; }
a:hover#cool_button2, a:active#cool_button2, a:hover#cool_button3, a:active#cool_button3, a:hover#heat_button2, a:active#heat_button2 {background-position: 0px -71px; }

/*Lomake ---------------------------------------------------------------------------------------------------------------- */									

.two_column label {	
font: normal 14px/18px arial, helvetica, sans-serif; color: #575757; margin: 0px 0px 8px 0px;
float:left;
padding-right: 6px;
width: 200px;
margin-bottom: 2px;
}

.two_column input {
float:left; 
width: 200px;
margin-right: 400px;
margin-bottom: 10px;
}

.two_column textarea { 
float:left; 
width: 300px;
height:100px;
margin-bottom:10px;
margin-right: 300px;
}
			
.two_column .lomake_tieto { 
color:#CC0000;
}
/*				
#cfContact { 
float: left;
width:100px;
margin: 20px 0px 35px 0px;
}

#cfReset { 
float: left;
width:100px;
margin:20px 0px 35px 35px;
}
*/
.right {float: right;}