@import "grid.css";
/*
	Yleiset
*/
h1{
	font-size:18px; color:#678c0e;margin:0;text-transform:uppercase;margin-right:10px;
}

h2{
     font-size:16px;color:#fff; background:#678c0e; padding:4px; text-transform:none;
}

#container.area5 h2{
     font-size:16px;color:#fff; background:#0063a9; padding:4px; text-transform:none;
}

h3, h3 a{
    font-size:14px; color:#678c0e; font-weight:bold; text-transform:uppercase;text-decoration:none;
}

h3.blue{
	color:#2f699f;
}

.img_link, .block .img_link{
	border:0;
}



.latin{
    color:#678c0e;font-style:italic; font-size:16px; float:left; margin-top:2px;
}

a{
    color: #2572a6; 
}

hr{
	height: 2px;background:#ccc; border:none;
}

/*
	Layout
*/
html{
	margin:0;padding:0;
}
body{
	margin:0;padding:0;background: url('images/body_bg.jpg') top left repeat-x #cfe1e3;color:#333333;
	font-size:12px; font-family:Arial;
}

#header{
    background:url('images/header_bg.jpg') top left no-repeat;height:274px;
    width:100%;
}

#container{
	width:900px;background:transparent;padding:0 15px;
}

#language{
   padding-top:30px;
}
#logo{
	position:absolute; top:0; left:0; width:114px; height:114px;z-index:100;background: url('images/logo.png') top left no-repeat transparent;
	padding:0;
}
#logo-en{
    position:absolute; top:0; left:0; width:114px; height:114px;z-index:100;background: url('images/logo-en.png') top left no-repeat transparent;
    padding:0;
}
#flash{
	background: url('images/flash_placeholder.jpg') top left no-repeat;width:649px; height:221px;
	margin-top:4px;padding:0;position:relative;z-index:0;
}
#top_img{
	height:221px; margin-top:4px; width:250px;padding:0;
}

#navigation, #subnavigation{
    background:#fff; width:100%;padding-top:2px;
}

#main{
	padding-bottom:40px;background:#fff; width:100%;
}

#main_left, #main_right{
    width:240px;
}
#main_center{
    width:330px;padding:35px 25px;
}

#main_wide{
    width:570px;padding:35px 25px;
}

#footer{
    width:100%;
}

/*
    Top_bc
*/

#top_bc{
    width:256px;margin-left:60px;padding-top:23px;
}

#top_bc li{
    list-style-type:none; float:left;margin-left:10px;font-weight:bold; font-size:14px
}

#top_bc li a{
    color:#333; text-decoration:none; 
}
/*
  Search 
*/

#search{
    padding-top:25px;
}


/*
    Language
*/

#language {
	float: right;
}

#language ul{
    margin:0; padding:0;
}

#language ul li{
    float:left; margin-left:2px;list-style-type:none; 
}

#language li a{
    height:17px; display:block;background: url('images/lang_bg.png');width:28px;
}
#language li a .hidden{
	display:none;
}
li#fi a{
    background-position: 0 0;
}

li#se a{
    background-position:-30px 0px;
}

li#en a{
    background-position:-60px 0px;
}

li#de a{
    background-position:-90px 0px;
}

li#it a{
    background-position:-120px 0px;
}

li#fr a{
    background-position:-150px 0px;
}

li#ru a{
    background-position:-180px 0px;
}

li#jp a{
    background-position:-210px 0px;
}

li#cn a{
    background-position:-240px 0px;
}

li#ko a{
    background-position:-269px 0px;
}

/*
	Navigaatio
*/

#navigation ul, #subnavigation ul{
	margin:0 0 0 0px; padding:0 20px 0 20px; background:#0063a9;height:27px;
}

#navigation ul li,#subnavigation ul li{
	list-style-type:none;float:left;padding:0;margin-top:7px;
}

#navigation ul li.last{
	border:none;
}

#navigation ul li a, #subnavigation ul li a{
	color:#fff; font-size:12px; text-decoration:none; font-weight:bold;padding:7px 10px 6px 10px;
}
#navigation ul li a:hover, #navigation ul li.active a{
	background: #008bed;
}

#subnavigation ul{
    	background:#678c0e;
}


#subnavigation ul li a:hover,#subnavigation ul li.active a{
    background: #8ec341;
}

#sidenavigation ul{
    margin:0; padding:0 0 0 15px;; font-size:12px; font-weight:bold;
    
}

#sidenavigation ul li{
    list-style-type:none;padding:2px;
}

#sidenavigation ul li a{
    text-transform:uppercase; color: #333; text-decoration:none;
}


#sidenavigation ul li ul{
    padding-left: 20px; display:none;
}

#sidenavigation ul li.active ul{
    display:block;
}

#sidenavigation ul li ul li{
    list-style-type:disc;    
}

#sidenavigation ul li ul li a{
    text-transform:none;
}

#sidenavigation ul li.active a, #sidenavigation a:hover{
    color:#678c0e;
}

.area5 #sidenavigation ul li.active a,.area5 #sidenavigation a:hover{
    color:#2f699f;
}

#sidenavigation ul li.active ul li a, .area5 #sidenavigation ul li.active ul li a{
    color: #333;
}	


#sidenavigation ul li.active ul li.active a{
    color:#678c0e;
}

.area5 #sidenavigation ul li.active ul li.active a{
    color:#2f699f;
}

/*
	lohkot
*/
.block{
	padding:15px 0 0 0; margin:0; clear:both;
}
.block img{
    float:left;margin-right:10px;
}

/*
    main
*/

.welcome{
    color:#0163ac;
}

#main_center h2{
   
}

/*
    Main bc
*/

#main_bc{
    width:100%;padding:15px 0 0 15px;color: #2572a6;
}

#main_bc a {
    color: #2572a6;
}

#main_center_header{
    width:100%; clear:both; padding:0;
}

/*
    Post
*/

.post{
    border-bottom:1px solid #999;margin-bottom:10px;
}

.post a{
    color:#333; text-decoration: none;
}

/*
    Palautelomake ja tilauslomake
*/
.palaute{
	background:#d3f0bb;padding:30px;
}

#contact_form label,#order_form label{ float:left; width:120px;}

#contact_form  input.text,#contact_form  textarea,
#order_form  input.text,#order_form  textarea{
    width:360px; height:20px; border:0;margin-bottom:10px;
}

#order_form  input.text,#order_form  textarea{
	border:1px solid #ccc; 
}

#contact_form  textarea,#order_form  textarea{
    height:150px;
}

#contact_form input.submit,#order_form input.submit{
    margin-left:120px; width:auto;
}

#order_form input.tuote, #order_form input.tuote_maara{
    border:1px solid #ccc; height:20px; margin-bottom:10px;margin-right:10px;width:390px;
}

#order_form input.tuote_maara{
    width:80px
}

#order_form .tuote_label{
    width:390px;margin-right:10px;float:left;margin-bottom:5px;
}

#order_form .maara_label{
    width:80px;margin-bottom:5px;
}

/*
	Kuvapankki
*/

#image_bank_thumb{
	float:left; width:100px; text-align:center;font-size:10px;margin:3px;
}

#image_bank_thumb img{
	border:1px solid #999; padding:2px;
}

#image_bank_thumb a:hover img{
	border:1px solid #678c0e; padding:2px;
}

.galleryorder{
	background:#c3dcbe;padding:10px;margin-top:20px;
}

.galleryorder h3{
	color:#000;
}


.result_table{
	border-collapse:collapse;
}

.result_table td{
	border:1px solid #ccc;padding:5px;
}

/*
    Footer
*/
    
#footer p{
    text-align: center;   
}


/*

    tag cloud

*/

.tag-cloud                          { text-align:center; width:218px; padding:10px; border:1px solid #eee;}
    .tag-cloud .tag                 { padding:5px; display: inline-block; }
        .tag-cloud .tag.smallest    { font-size:12px; }
        .tag-cloud .tag.small       { font-size:14px;}
        .tag-cloud .tag.medium      { font-size:16px;}
        .tag-cloud .tag.large       { font-size:18px;}
        .tag-cloud .tag.largest     { font-size:20px;}