/* 1. Defaults */
        html, body { 
            height:100%;
			
        }   
        body, div, p, img, dl, ul, ol, img, h1, h2, h3, h4, h5, span, label, hr, img {
            margin: 0; 
            padding: 0;
        }
		
		form, fieldset{
			margin: 0 0 7px;
		}
        body {
			
			background:#f5f5f5 url(img/bg-body.gif) 0 0 repeat-x;
            font-family: Arial, sans-serif;  
            font-size:76% ;             
            text-align: center; 
            position: relative;
			height:600px;
			
        }
        #site, #footer {
            text-align: left;
        }
        .columns {
            float: left;
			margin-top:45px;
        }
        input.txt {
            background: #ffffff; 
            border-color: #1460BE #5296DD #5296DD #1460BE; 
            border-style: solid; 
            border-width: 1px; 
            color: #000; 
            font-size: 11px;
            height: 15px; 
            margin: 0; 
            padding: 0; 
            width: 135px; 
        }
		#searchBox input.txt { padding:1px 3px; height:16px; }
        input.sbm {
            background: url(img/btn-login.jpg) #2576CA; 
            border-color: #5296DD #1460BE #1460BE #5296DD; 
            border-style: solid; 
            border-width: 0; 
            color: #fff; 
            font-size: 11px;
            height: 15px; 

        }
        
        li {
            margin-left:0;
        }
        
        .spacer { 
            clear: both; 
            height: 0px; 
            margin: 0; 
            overflow: hidden; 
            padding: 0;
        }
        .u4-image-caption {
            color: #666; 
            font-size: 0.8em; 
            margin-left: 0.5em;
        }
        div.hr {
            background:  url(img/bg_hr.gif) 0 5px repeat-x;
            height: 15px; 
        }
        
        #siteBody{
            color: #222;
        }
        #siteBody li p {
        }



/* 2. Paragraph and heading styles*/
        .leftAlign{
            text-align: left;
        }
        .rightAlign{
            text-align: right;
        }
        .right{
            float: right;
        }
        .center{
            text-align: center;
        }
        .justified{
            text-align: justify;
        }
        .h{
            display: none;
        }
        
        h2, h4, h5{
            color: #1168C5;
        }
        h2.orange, h3.orange, h4.orange {
	color: #ff6600;
        }
		h2.white, h3.white, h4.white{
			color:#ffffff;
		}
        h2 { 
            font-size:1.8em ; 
            font-family: 'Cuprum', Verdana, sans-serif ; 
            font-weight: normal; 
            letter-spacing:1px; 
            padding-top: 0; 
			margin: 32px 0 25px;
        }
        .threeCol h3 { 
			background:url(img/header-3.jpg) repeat-x top left;
			color: #ffffff;
            font-size:1.4em ; 
            font-family: 'Cuprum', Verdana, sans-serif ; 
            font-weight: normal; 
            margin-bottom: 0.5em ;
			height:30px;
			padding:7px 0 0 10px;
			vertical-align: middle;
			text-align:left;
			width:272px;
        }
        h3.underline {
            border-bottom: 1px solid #1168C5; 
            padding-bottom: 0.2em;
        }
        h4 { 
            font-size: 1em ; 
            font-weight:bold ; 
            margin-bottom:0.5em ;
        }
        h5 { 
            font-size: 1em ; 
            font-weight:bold ; 
            margin-bottom:0.5em ;
        }
        
        #top {
            color: #fff;
        }
                #top a, #topNavi a {
                    color: #505050;
                }
        #footer {
            font-family: Arial;
            font-size: 12px; 
        }
        #middle {
            font-size: 13px; 
            line-height: 1.5em;
        }
                #middle h4 {
                    font-size: 13px; 
                    line-height: 1.6em;
                }


/* 3. Link styles*/
		a {
            color: #87C3EB; 
            text-decoration: none; 
        }
        a:hover {
            text-decoration: underline;
        }
		a:visited {
			color: #2467a5;; /*2C4F37*//*0C3F1C*/
			text-decoration: underline;
		}
		a:visited:hover {
			text-decoration: underline;
		}
                a img{
                    border: 0;
                }
        
		#supportNavi a {
			text-decoration:none;
		}
		#supportNavi a:hover {
			text-decoration: underline;
		}
        
        #docNavi, #supportNavi {
            font-size: 11px;
        }
        #topNavi a {
            font-weight: normal;
			font-size:15px;
			font-family:'Cuprum';
        }
        /*h4 a {
            color: #1269D8;
        }*/
		
		#searchBox a {
			color: #FEFFF4;
			/*text-decoration: none;*/
		}
		#searchBox a:hover {
			/*text-decoration: underline;*/
		}
		#login a {
			color: #FEFFF4;
			/*text-decoration: none;*/
		}
		#login a:hover {
			/*text-decoration: underline;*/
		}
		

		.newsList a {
			text-decoration: none;
			color: #222222;
		}
		.newsList a:hover {
			text-decoration: underline;
		}
		.newsList a:visited {
			text-decoration: none;
		}
		.newsList a:visited:hover {
			text-decoration: underline;
		}
		.newsList h4 a {
			color: #225f9b;
			
		}
		
		#docNavi a {
			text-decoration: none;
		}
        #docNavi a:hover {
			text-decoration: underline;
		}
		#docNavi a:visited {
			text-decoration: none;
		}
		#docNavi a:visited:hover {
			text-decoration: underline;
		}
		
		#leftContainer ul li .act-child {
			margin-left:15px;
			width:220px;
			font-size:12px;
			background-image:url("img/disc.png");
			background-position: 0 5px;
			background-repeat: no-repeat;
			padding-left:14px;		
			
		} 


/* 4. Bottom margins */
        #column-container p {
            margin-bottom: 1em;
			line-height:18px;
        }
        /*#middle p {
            margin-bottom: 0.6em;
        }*/

/* 5. Site structure*/
        #site {
           	background:url(img/header-bg.jpg) 0 0 no-repeat; 
			margin: 0 auto; 
            position:relative ; 
            width: 960px;
		     
        }
                #top {
                    position: relative;
					height:250px;
					
                }
                        #logo { 
                            background: url(img/rkl-logo.png) no-repeat left bottom ; 
							height: 65px; 
                            width: 449px;
							margin-left: 20px;
							padding-top:38px;
							
                        }
                                #logo a { 
                                    display:block ; 
                                    height: 65px;
                                    width: 449px; 
                                }
                                        #logo a span {
                                            display: none;
                                        }
                        #supportNavi {
                            width:550px ;
                            position: absolute; 
                            right: 0;
                            top: 0; 
                            z-index: 2;
							
                        }
                                #supportNavi ul {
                                    float: right;
                                }
                #siteBody {
                    float: left; 
                    position: relative;
                    
                }
                        #left {
                            clear: left;
                            width: 508px;
                        }
                        #column-container {
                        	clear:left; float:left;
                            background-color:#ffffff;
							width: 903px;
							
							padding: 0 30px;
                        }
                                #column-container .topslot {
                                    clear: left;
                                    float: left;
                                    width: 100%;
                                }
                    
                                #column-container .threeCol {
                                    clear: both;
                                    float: left;
                                    width: 100%;
									background:url(img/bg-column-borders.gif) 0 0 repeat-y;
                                    padding-bottom:32px;
                                }
								#column-container .threeCol.bottom { margin-bottom:32px; }
                            
                                        #column-container .threeCol .left {
                                            float: left;
                                            margin-left: 0;
                                            width: 281px;
											padding-right:15px;
                                        }
                                    
                                        #column-container .threeCol .right {
                                            float: left;
                                            margin-left: 0px;
                                            width: 281px;
											padding-left:15px;
                                        }
										#column-container .threeCol .center {
                                            float: left;
                                            margin-left: 14px;
                                            width: 281px;
											text-align:left;
											padding-right: 15px;
											
                                        }
                                    
                                        .editMode #column-container .threeCol .right {
                                            margin-left: 10px;
                                        }
                    
                    
                                #breadcrumb {
                                	position:absolute; bottom:10px; left:30px;
                                    color: #fff;
                                    float: left;
                                    font-size: 0.9em;
                                    width: 490px;
                                }
                                
                                        #breadcrumb a {
                                            color: #87c3eb;
											text-decoration:none;
											/*font-family:'Cuprum';*/
											font-size:14px;
                                        }
										#breadcrumb a:hover {
                                            text-decoration:none;
											color:#fff;
                                        }
                    
                    
                                #leftContainer {
                                    clear: left;
                                    padding: 0 0 0 0;
									
                                }
							
                        #middle {
                            width: 268px;
                        }
                                #midContainer {
                                    padding: 0px 70px 0 10px;
									display:block;
									width:600px;
									margin-top:-48px;
                                }
                                #midContainer h2{
                                	font-size:38px;
									line-height:100%;
									color: #8ac2e5
									
                                }
                #right {
                    /*width: 184px;*/
					width:200px;
					position:relative;
					left:370px;
					
                }
                        #login {
                            position:absolute;
							top:0; right:0;
							width:134px; 
                            
								
                        }
						#login .txt { width:132px; border:1px solid #87a7c8; background:#296ca9; color:#fff; margin-bottom: 7px;}
						
						.login-buttons a { display:block; text-decoration:none; }
						.login-buttons input { float:right; }
						
						#ohjeet { background:url(img/ohjeet.png) no-repeat 0 0; width:18px; height:20px; float:right; margin-right:3px; }
						
						#searchBox { position:absolute; bottom:0; top:225px; right:0; width:200px; }
                        
						#right #bannerslot {margin-top: 18px;}
                            
						#searchBox .rightAlign{margin-top:-20px; margin-right: 7px; }
						
                
        #footer {
        	clear:both;
            background: #87c3eb; 
            bottom: 0;
            left: 0;
         	width: 100%;
			height: 100%; 
			
			
        }
                #footerContainer {
                    margin: 0 auto 0 auto; 
					padding-top:58px;
                    position: relative; 
                    width: 963px;
					background:url(img/bg-footer.gif) center 0 no-repeat;
                }
                        #navigoCMS {
                            position: absolute; 
                            right: 0;
                            top: 0; 
                        }
		
		#address-title{
			border:solid red 1px;
		}
					
		#footerContainer .left-column{/*border: solid green*/; position:absolute; right:580px; top: 70px; width:146px;}
		
		#footerContainer h4 a{color:#fff;}
		
		/*
#footerContainer h4{color: #fff};
*/
		
		#second-column{/*border: solid blue*/; position: absolute; right:0; left:180px; position:absolute; top:0; width: 132px;}
		
		#third-column{/*border:solid purple*/;left: 350px;position: absolute;right: 0;top: 0; width:163px;}
		
		#fourth-column{/*border:solid yellow*/;left: 550px;position: absolute;right: 0;top: 0; width:155px;}
		
		#footer a { text-decoration:none; color:#2467a5; }
		#footer .naviList a:link, #footer .naviList a:visited{ display:block; color:#2467a5; text-decoration: none; font-weight:normal; padding:1px 6px; margin:0 -6px; }
		#footer .naviList a:hover{background-color:#abd5f1; }
			
		#footer h4 a:link{color:#fff; text-transform:uppercase; font-size:15px; font-family:Arial;}
		#footer h4 a:hover{color:#fff; background-color:#87c3eb; }
		#footer h4{color:#fff; font-size:15px; margin: 10px 0 0;}
		#columns-container{border:solid #897;}
		

/* 6. Navigation */
        /* naviList class to reduce redundancy */
        ul.naviList { 
            list-style:none ; 
            margin:0; 
            padding:0 ; 
			
        } 
            ul.naviList ul { 
                list-style:none ; 
            }
            ul.naviList li {
            	padding:0px;
				font-family:'Cuprum', Arial;
				font-size:14px;
            }
			ul.naviList h4{
				margin:0 0 0 0;
			}
        
/* 6.1 Topnavi */

        #top-navi-bg{ position:relative; height:30px; width:1200px; z-index:99; }
        
        /* Topnavi shows sub level with li:hover, except for IE -> JavaScript + li.over. */
        #supportNavi li {
            float: left; 
            margin: 0; 
            padding: 3px 3px 0 0; 
        }
    
        #siteBody > #topNavi { 
            position: relative;
			top:180px;
            z-index: 15; /* Tama jotta lyhyilla sivuilla footeri yli ulottuvat valikot toimisivat.
                            IE6 ei tykkaa hyvaa, joten siita syysta > notaatio */
			
        }
                #topNavi ul {
                    /*background: transparent url(img/bg_navi_vertLine_double.gif) no-repeat scroll right 6px;*/
                    float: left;
                    padding: 0 2px 0 0;
					margin-left:24px;
					font-size:12px;
                }
                #topNavi li { 
                    background:url(img/navi-vertical-line.gif) no-repeat right top ;
                    display: block;
                    float:left ;                     
                    margin:0 !important ; 
                    position:relative ; 
                }
 
						
                        #topNavi li a:hover {
                            text-decoration:none ; 
                        }
                        #topNavi li.last { 
                            /* Ei enaa tarpeellinen kun tama laitettiin jo ul:n taustaksi
                            background:url(img/bg_navi_vertLine_double.gif) no-repeat right 6px ; 
                            padding-right:2px ;*/
                        }
                                #topNavi li.last a { 
                                    margin-right:2px ; 
                                }
                                #topNavi li a { 
                                    display:block ; 
									margin-right:1px;
                                    padding:7px 12px 7px 12px; 
                                    float:left ; 
                                    text-decoration:none ; 
									text-transform:uppercase;
									/*font-family:'Cuprum'*/
									
									
                                }

                #topNavi a:hover , #topNavi li.over a { 
                    background:url(img/navigation-bg-hover.jpg) repeat-x top left ; 
                }
 
                        #topNavi li ul {  
                            display:none; 
                            float: none;
                            list-style:none ; 
                            left:0 ; 
                            margin: 0;
                            padding-bottom:1px ; 
                            padding-right:1px ;
                            position:absolute ; 
                            top:30px ; 
                            width:168px ;
							border-top:1px solid #fff; 
							z-index:10;
                        }
						#topNavi li li ul { display:none; left:170px; top:0; padding-left:2px; }
						#topNavi li li ul li.first { border-top:1px solid #6C9FBE; width:172px; }
						
                        #topNavi li:hover ul, #topNavi li.over ul { display:block ;  }
						#topNavi li:hover li ul, #topNavi li.over li ul { display:none;  }
						#topNavi li li:hover ul, #topNavi li li.over ul { display:block ; }
						
						
					
                        #topNavi li li { 
							  clear: left;
                            display:inline ; 
                            float:left ; 
			    width: 100%;
					background:none;
                        }
                                #topNavi li li a { 
                                    background:#ffffff ; 
                                    border-left:1px solid #6c9fbe ; 
                                    border-right:1px solid #6c9fbe ; 
                                    float:none ; 
                                    font-weight:normal !important ; 
                                    padding:0; 
									text-transform:none;
									width:170px;

                                }
								#topNavi li.over li a { background:#fff; }
                                #topNavi li li a:hover { 
                                    background:#87c3eb;
									color:#ffffff;
                                }
                                        #topNavi li li a span { 
                                           	border-bottom: 1px solid #CCCCCC;
                                            border-left:10px solid #87c3eb ; 
                                            display:block ; 
                                            
                                            padding:3px 3px 6px 8px ; 
                                            position:relative ; 
											
                                        }
                                #topNavi li li.last2 a { 
                                    border-bottom:1px solid #6c9fbe ; 
                                    padding:0 ; 
                                }
                                        #topNavi li li.last2 a span { 
                                            background:none ; 
											
                                        }
										
					#topNavi .flag span { display:none; }
					#topNavi li.flag { margin:0; padding:0; }
					#topNavi .flag a { display:block; width:21px; height:14px; margin:8px 10px; padding:0; background:url(img/flags.gif) 0 0 no-repeat; }
					#topNavi .fi a {  }
					#topNavi .sv a { background-position:0 -28px; }
					#topNavi .en a { background-position:0 -14px; }
					
					.childs span{background:url(img/arrow.png) 150px 8px no-repeat;}
					
/* 6.2 Docnavi */
        #docNavi {
            background-color: #fff;
            float: left;
            margin: 30px 10px 30px 0;
            overflow: hidden;
            padding: 0;
            width: 280px;
        }
		#docNavi h3{
			text-transform:uppercase;
			width: 245px;
			background: url("img/header-3.jpg") repeat-x scroll left top transparent;
			color: #FFFFFF;
			font-family: 'Cuprum', Verdana,sans-serif;
			font-size: 1.2em;
			font-weight: normal;
			/*letter-spacing: -1px;*/
			height: 30px;
			margin-bottom: 0.5em;
			padding: 4px 0 0 10px;
			text-align: left;
			vertical-align: middle;
								
		}
    
                #docNavi li {
                    float: left;
                    margin: 0;
                    width: 90%;
					font-size:15px;
                }
                        #docNavi li a {
                            /*
							background-color: #1660bf;
                            color: #fefff4;
                            display: block;
                            float: left;
                            margin: 0;
                            padding: 1px 1px 0px 1px;
                            width: 100%;
                            */
							text-decoration:none;
							color:#000000;
							border-bottom: solid 1px #e5e5e5;
							padding:2px 5px 2px 11px;
							margin:0 0 0 0;
							display:block;
							letter-spacing:0;
							font-family:Arial;
							font-size:13px;
						}
						#docNavi li a:hover{
							background-color:#87c3eb;
							color:#ffffff;
							text-decoration:none;
						}
						
						
						/*
                        #docNavi li a span {
                            background-color: #2579d1;
                            border: 1px solid #5396dd;
                            display: block;
                            overflow: hidden;
                            padding: 4px 8px 7px 8px;
                        }
                        #docNavi li li {
                            background-color: #fff;
                            color: #3379cf;
                            float: left;
                            margin: 0;
                            width: 100%;
                        }
                                #docNavi li li a {
                                    background-color: #fff;
                                    border: none;
                                    color: #3379cf;
                                    display: block;
                                    float: left;
                                    padding: 3px 5px 3px 10px;
                                    width: 100%;
                                }
                            
                                        #docNavi li li a span {
                                            padding: 0;
                                        }
                          */                                  

/* 7. Content elements */        
/* 7.1 powered by navigo cms */
        #navigoCMS{
            color: #9CA9B4;
        } 
            #navigoCMS * { 
                font-family: verdana; 
                font-size: 10px; 
                color: #9CA9B4; 
                text-decoration: none; 
            }
            #navigoCMS p { 
                background: transparent;
            }
            #navigoCMS a { 
                background: url(img/navigocms.gif) left top no-repeat;
                padding-left: 24px; 
                white-space: nowrap; 
            }
            #navigoCMS acronym { 
                cursor: help; 
                color: #9CA9B4; 
            }

/* 7.2 Boxes */
        #boxes {
            background: #277BD2 url(img/bg_topNavi_vr.gif) top left repeat-y; 
            color: #fff; 
            margin: 6px 0 0 0; 
            font-size: 11px;
        }
        #boxesBL {
            background: url(img/boxBL.gif) bottom left no-repeat;
        }
        #boxesB {
            background: url(img/boxB.gif) bottom left repeat-x;
        }
        #boxesBR {
            background: url(img/boxBR.gif) bottom right no-repeat;
        }
        #boxesR {
            background: url(img/boxR.gif) top right repeat-y;
        }
		/*
        #boxesTR {
            background: url(img/boxTR.gif) top right no-repeat; 
            padding: 10px 10px 10px 10px;
        }
    	*/
/* 7.3 Two columns */
        .columnContainer {
            margin-bottom: 0.5em;
            width: 100%;
        }
    
                .columnContainer .columns {
                    margin-right: 2%;
                    width: 47%;
                }
            
/* 7.4 Highlight */
        .highLight {
            border: 5px solid #1168C5;
            margin-bottom: 0.5em;
            padding: 5px;
        }
    
    
        .front .highLight {
            border-color: #d0d9e3;
        }
/* 7.5 E-mail Forms */
        form.emailForm {
            margin-bottom: 12px;
        }
                .formRow {
                    margin: 0 0 8px 0;
                }
                .formRow label span {
                    display: block;
                    margin: 0 0 4px 0;
                }
		
		form.emailForm input[type="submit"]{
			/*color:#2467a5;*/
			color:#94cbff;
			font-size:0px;
			background:url(/stc/img/btn_laheta.png) top left no-repeat ;
			border:0;
			height:36px;
			width:120px;
			/*text-indent: -9999px;*/
			margin:10px 0 0 0;
		}
/* 7.6 Sitemap */
        .siteMapFolderLevel0, .siteMapFolderLevel1, .siteMapFolderLevel2, .siteMapFolderLevel3 {
            font-weight: bold
        }
    
        .siteMap { 
            padding-bottom:2em ; 
            width:300px ; 
        }
        .siteMap a { 
            color:#333 ;
            display:block ; 
            text-decoration:none ; 
        }
    
        .siteMap a:hover { 
            color:#c00 ; 
        }
        .siteMap ul li { 
            list-style:disc ; 
        }
        
        .siteMapDocumentLevel0 { 
            background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; 
            padding:0.2em ; 
            padding-left:2em ; 
        }
        .siteMapDocumentLevel1 { 
            background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; 
            font-size:0.9em ; 
            padding:0.2em ; 
        }
        
        .depth0 { 
            padding-left:25px ; 
            background-position:5px center ; 
            width:275px ; 
        }
        .depth1 { 
            padding-left:40px ; 
            background-position:20px center ; 
            width:260px ; 
        }
        .depth2 { 
            padding-left:55px ; 
            background-position:35px center ; 
            width:245px ; 
        } 
        .depth3 { 
            padding-left:70px ; 
            background-position:50px center ; 
            width:230px ; 
        }
        .depth4 { 
            padding-left:85px ; 
            background-position:65px center ;
            width:215px ; 
        }
        .depth5 { 
            padding-left:100px ; 
            background-position:80px center ; 
            width:200px ; 
        }
            
        .siteMapFolderLevel1 a { 
            background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; 
            font-weight:bold ; 
            padding-left:20px ; 
        }
        .siteMapFolderLevel2 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 20px center no-repeat ; 
            padding-left:40px ; 
        }
        .siteMapFolderLevel3 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 35px center no-repeat ; 
            padding-left:55px ; 
        }
        .siteMapFolderLevel4 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 50px center no-repeat ; 
            padding-left:70px ; 
        }
        .siteMapFolderLevel5 a { 
            background:url(/stc/img/siteMap/sitemap_subfolder.gif) 65px center no-repeat ; 
            padding-left:85px ; 
        }
        
        .stripe { 
            background-color:#f9f9f9 ; 
        }
    
/* 7.7 Tables */
/* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}
#middle ul, #middle ol, #middle dl { padding-left:30px ; }

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }

.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}

.u4-table-complete-header td {background:#ccc; color: #fff; font-weight: bold;}

/* 7.8 Userdata */
.userData {
}
        .userData .userPhoto {
            float: right;
            max-width: 200px;
        }
        * html .userData .userPhoto {
            width: 200px;
        }
        .userData dl {
        }
                .userData dt {
                  font-weight: bold;
                  margin: 0;
                }
                  
                        .userData dd {                          
                          margin: 0 0 5px 0;
                          padding: 0;
                        }

/**/
        
        
div.userList li 		{ margin-bottom: 5px; }
div.userList span.name 		{ font-weight: bold; }
div.userList span.akkLogo{font-weight: bold; color: #1269D8; }

/* 7.9 Map */
		#map { position:relative; width:220px; height:421px; background:url(/stc/img/map/suomi_blank.gif) 0 0 no-repeat; font-size:11px; }
		#map .visible { display:block; }
		#map .stayVisible { display:block !important; }
	
		.piiri { display:none; position:absolute; width:220px; height:421px; }
		#lapin-piiri { background:url(/stc/img/map/lapin_piiri.gif) 0 0 no-repeat; }
		#oulun-piiri { background:url(/stc/img/map/oulun_piiri.gif) 0 0 no-repeat; }
		#vaasan-piiri { background:url(/stc/img/map/vaasan_piiri.gif) 0 0 no-repeat; }
		#keski-suomen-piiri { background:url(/stc/img/map/keski_suomen_piiri.gif) 0 0 no-repeat; }
		#kuopion-piiri { background:url(/stc/img/map/kuopion_piiri.gif) 0 0 no-repeat; }
		#pohjois-karjalan-piiri { background:url(/stc/img/map/pohjois_karjalan_piiri.gif) 0 0 no-repeat; }
		#turun-ja-porin-piiri { background:url(/stc/img/map/turun_ja_porin_piiri.gif) 0 0 no-repeat; }
		#hameen-piiri { background:url(/stc/img/map/hameen_piiri.gif) 0 0 no-repeat; }
		#mikkelin-piiri { background:url(/stc/img/map/mikkelin_piiri.gif) 0 0 no-repeat; }
		#kymen-piiri { background:url(/stc/img/map/kymen_piiri.gif) 0 0 no-repeat; }
		#uudenmaan-piiri { background:url(/stc/img/map/uudenmaan_piiri.gif) 0 0 no-repeat; }
		#helsingin-piiri { background:url(/stc/img/map/helsingin_piiri.gif) 0 0 no-repeat; }
		
		.area { z-index:2; cursor:pointer; }
		#lapin { position:absolute; left:64px; top:2px; width:116px; height:170px; }
		#oulun { position:absolute; left:80px; top:172px; width:114px; height:77px; }
		#vaasan { position:absolute; left:31px; top:249px; width:61px; height:69px; }
		#keski-suomen { position:absolute; left:92px; top:268px; width:30px; height:64px; }
		#kuopion { position:absolute; left:122px; top:249px; width:47px; height:69px; }
		#pohjois-karjalan { position:absolute; left:169px; top:249px; width:49px; height:69px; }
		#turun-ja-porin { position:absolute; left:31px; top:318px; width:34px; height:88px; }
		#hameen { position:absolute; left:65px; top:332px; width:57px; height:44px; }
		#mikkelin { position:absolute; left:122px; top:318px; width:65px; height:34px; }
		#kymen { position:absolute; left:122px; top:352px; width:67px; height:25px; }
		#uudenmaan { position:absolute; left:65px; top:376px; width:63px; height:28px; }
		#helsingin { position:absolute; left:82px; top:389px; width:23px; height:16px; }
		
		#map a { text-decoration:none; }
		#map h4 { width:190px; padding:5px 9px 0 9px; }
		.container { z-index:100;display:none; position:absolute; left:-200px; top:0; }
		#middle ul.hide-list { margin:0; padding:1px; background:#fff; border:1px solid #ddd; }
		/*.hide-list { z-index:100;display:none; position:absolute; margin:0; padding:1px !important; background:#fff; border:1px solid #ddd; }*/
		.hide-list li { list-style:none; margin:0; }
		.hide-list li a { padding:4px 9px 4px 9px; width:192px; display:block; line-height:1.2em; }
		.hide-list li a:hover, .hide-list li a.act { background:#f1f1f1; }
		.show .container { display:block; }
		.top { z-index:90; }
		
		/*#lapin .hide-list { left:40px; top:100px; }
		#oulun .hide-list { left:50px; top:35px; }
		#vaasan .hide-list { left:30px; bottom:35px; }
		#keski-suomen .hide-list { left:15px; bottom:32px; }
		#kuopion .hide-list { left:22px; bottom:34px; }
		#pohjois-karjalan .hide-list { left:22px; bottom:34px; }
		#turun-ja-porin .hide-list { left:12px; bottom:40px; }
		#hameen .hide-list { left:24px; bottom:22px; }
		#mikkelin .hide-list { left:20px; bottom:10px; }
		#kymen .hide-list { left:25px; bottom:2px; }
		#uudenmaan .hide-list { left:15px; bottom:24px; }
		#helsingin .hide-list { left:10px; bottom:13px; }

		#lapin .hide-list { left:-250px; top:0px; }
		#oulun .hide-list { left:-266px; top:-172px; }
		#vaasan .hide-list { left:-217px; top:-249px; }
		#keski-suomen .hide-list { left:-278px; top:-268px; }
		#kuopion .hide-list { left:-308px; top:-249px; }
		#pohjois-karjalan .hide-list { left:-355px; top:-249px; }
		#turun-ja-porin .hide-list { left:-217px; top:-318px; }
		#hameen .hide-list { left:-251px; top:-332px; }
		#mikkelin .hide-list { left:-308px; top:-318px; }
		#kymen .hide-list { left:-308px; top:-352px; }
		#uudenmaan .hide-list { left:-251px; top:-376px; }
		#helsingin .hide-list { left:-268px; top:-389px; }*/
		
		#lapin .container { left:-250px; top:0; padding-right:50px;}
		#oulun .container { left:-266px; top:0; padding-right:70px;}
		#vaasan .container { left:-217px; bottom:0; padding-right:20px;}
		#keski-suomen .container { left:-278px; bottom:0; padding-right:65px;}
		#kuopion .container { left:-308px; bottom:0; padding-right:95px;}
		#pohjois-karjalan .container { left:-355px; bottom:0; padding-right:140px;}
		#turun-ja-porin .container { left:-217px; bottom:0; padding-right:10px;}
		#hameen .container { left:-251px; bottom:0; padding-right:40px;}
		#mikkelin .container { left:-308px; bottom:0; padding-right:100px;}
		#kymen .container { left:-308px; bottom:0; padding-right:95px;}
		#uudenmaan .container { left:-251px; bottom:0; padding-right:40px;}
		#helsingin .container { left:-268px; bottom:0; padding-right:60px;}
		
input[type="submit"], input[type="button"], input[type="reset"] {
	
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	overflow: visible;
	padding:3px 5px;
	width: auto;
	text-transform:uppercase;
	font-size:9px;
}
.login-buttons input { padding:3px 0; width:72px; }
#searchForm .sbm { width:44px; padding:3px 0; }

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	color: #86c4eb;
}


.linked-list a{
	text-decoration:none;
	color:#000000;
	border-bottom: solid 1px #e5e5e5;
	padding:2px 5px 2px 11px;
	margin:0 0 0 0;
	display:block;
}
.linked-list a:hover{
	background-color:#87c3eb;
	color:#ffffff;
}

#expert-form{
	background:url(img/asiantuntija-haku.jpg) no-repeat;
	display:block;
	height:160px;
	padding:170px 0 0 25px;
}
#expert-form-small{
	background:url(img/asiantuntija-haku-small.jpg) no-repeat;
	display:block;
	height:160px;
	width:230px;
	padding:140px 0 0 15px;
	float:left;
	margin:20px 0;
}
#expert-form-small select{
	margin-bottom:17px;
	width:200px;
}
#expert-form select{
	margin-bottom:17px;
	width:225px;
}

#sbexpert{
	color:#000;
	background: url("img/expert-button.png") no-repeat scroll 0 0 #2576CA;
	border:0;
	padding: 2px 20px;
	
}
#btn-expert{
	color:#000;
	background: url("img/expert-button.png") no-repeat scroll 0 0 #2576CA;
	border:0;
	padding: 2px 20px;
	text-decoration:none;
	font-weight:bold;
	
	
}
/*
#area{
	margin-bottom:17px;
}
#expert{
	
}

*/
/* The Slider */
#slider {

	/* You MUST specify the width and height */
	width:904px;
	height:300px;
	position:relative;	
	overflow:hidden;
	padding: 30px 0 15px 0;
	
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:2712px;
	overflow:hidden;
}

	#gallery li {

		width: 904px; height: 300px;
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:30px;
	left:623px;
	
	
	/* width should be lesser than #slider width */
	width:280px;
	height:300px;
	overflow:hidden;	
	
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.4;  
	-khtml-opacity: 0.4;
	opacity: 0.4;
	background-color:#000;

}
	
#excerpt {	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:0;
	position:absolute;
	top:0;
	left:625px;
	
	/* Set the style */
	width:280px;
	overflow:hidden;
	font-family:'Cuprum', arial;
	font-size:10px;
	text-align:center;
	color:#fff;	
}

#excerpt li {
	padding:10px;
}

#excerpt h1{
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	padding: 45px 0 0 0;
}
#excerpt p{
	font-size: 13px;
	padding: 12px;
	
}

/* Excerpt linklist  */
#excerpt ul { margin:0 10px; border-top: solid 1px #fff; }
#excerpt ul li{
	display:block;
	list-style:none;
	margin: 0;
	padding:0;
	text-align: center;
	font-size:14px;
	border-bottom: solid 1px #fff;
	height:auto !important;
}
#excerpt ul li a{
	padding: 10px;
	text-transform:uppercase;
	display:block;
	color:#fff;
	text-decoration:none;
	
}
#excerpt ul li a:hover{
	background-color: #31485d;
	display:block;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}
#buttons{
	position:absolute;
	right:10px;
	bottom:25px;
	margin-left:10px;
	font-size:0;
}
#buttons a{
	position:relative;
	float:left;
	color:#fff;
	text-indent:5px;
}
#btn-prev{
	background:url(img/previous.jpg) no-repeat;
	width:85px;
	height:20px;
	
}
#btn-pause{
	background:url(img/pause.jpg) no-repeat;
	width:47px;
	height:20px;
	
}
#btn-play{
	background:url(img/play.jpg) no-repeat;
	width:47px;
	height:20px;
	
}
#btn-next{
	background:url(img/next.jpg) no-repeat;
	width:82px;
	height:20px;
	
}

.clear {
	clear:both;	
}
#attachment{
	background:none ;
	padding: 0 0 0 ;
}
.navigo-attachment{
	color:#000;
	
}
.navigo-attachment a:hover{
	background-color:#fff !important;
	color: #000 !important;
	text-decoration:none; !important;
}