/* $Id: common.css 6636 2009-07-31 10:33:31Z timo $
 * Copyright (c) 2006 Codecenter. All rights reserved. */

body {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 10pt;
    background-color: #FFFFFF;
}

body.template {
    text-align: center;
}

#kielivalinta {
    width: 720px;
    text-align: right;
    display: block;
    margin: auto;
}

#kielivalinta img {
    border: 0px;
}

#haku {
    width: 720px;
    text-align: right;
    display: block;
    margin: auto;
}

#haku div {
    width: 204px;
    float: right;
}

#haku div form {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

#haku div form input.query {
    position: relative;
    float: left;
    width: 150px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid white;
}

#haku div form input.submit {
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

#menu1 {
	position: absolute;
	top: 109px;
	left: 0;
    width: 100%;
    height: 35px;
    margin: 0px auto;
    display: block;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}

#menu2 {
	position: absolute;
	top: 189px;
	left: 0;
    width: 100%;
    height: 35px;
    margin: 0px auto;
    display: block;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}

#menu3 {
	position: absolute;
	top: 239px;
	left: 0;
    width: 100%;
    height: 35px;
    margin: 0px auto;
    display: block;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}

#menu1 ul, #menu2 ul, #menu3 ul {
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none;
    text-align: center;
}

#menu1 ul li, #menu2 ul li, #menu3 ul li {
    position: relative;
    top: 2px;
    display: inline;
    margin: 0;
    padding: 4px 10px 5px 10px;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: white;
    vertical-align: middle;
    font-size: 10px;
}

#menu1 ul li a, #menu2 ul li a, #menu3 ul li a {
    font-weight: bold;
    color: white;
    background-color: transparent;
    text-transform: uppercase;    
    text-decoration: none;
}

#menu1 ul li.active, #menu2 ul li.active, #menu3 ul li.active {
    background-color: white;
    background-image: url("../images/Valikkotausta.png");
    background-repeat: repeat-x;
}

#menu1 ul li a.active, #menu2 ul li a.active, #menu3 ul li a.active {
    color: #003333;
}


#submenu1 {
	position: absolute;
	top: 135px;
	left: 0;
    width: 100%;
    height: 50px;
    margin: 5px auto;
    text-align: center;
    z-index: 100;
}

#submenu2 {
	position: absolute;
	top: 215px;
	left: 0;
    width: 100%;
    height: 50px;
    margin: 5px auto;
    text-align: center;
    z-index: 100;
}

#submenu3 {
	position: absolute;
	top: 265px;
	left: 0;
    width: 100%;
    height: 50px;
    margin: 5px auto;
    text-align: center;
    z-index: 100;
}

#submenu1 ul, #submenu2 ul, #submenu3 ul {
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none;
}

#submenu1 ul li, #submenu2 ul li, #submenu3 ul li {
    display: inline;
    margin: 0;
    padding: 4px 10px 4px 10px;
    border: 0;
    vertical-align: middle;
}

#submenu1 ul li a, #submenu2 ul li a, #submenu3 ul li a {
    text-decoration: none;
    color: #336765;
}

#submenu1 ul li a.active, #submenu2 ul li a.active, #submenu3 ul li a.active {
    font-weight: bold;
}

#path {
    padding: 0px 10px 0px 10px;
}

#path a {
    text-decoration: none;
    color: #336765;
}

#path a.active {
    font-weight: bold;
}


#body1 {
	position: absolute;
	top: 180px;
	left: 0;
	width: 100%;
	text-align: center;
    z-index: 200;
}

#body2 {
	position: absolute;
	top: 260px;
	left: 0;
	width: 100%;
	text-align: center;
    z-index: 200;
}

#body3 {
	position: absolute;
	top: 310px;
	left: 0;
	width: 100%;
	text-align: center;
    z-index: 200;
}

#container {
    margin: auto auto 10px auto;
    width: 780px;
}

#container .column {
    float: left;
}

#left {
    width: 235px;
    text-align: right;
}

#left div {
    margin-right: 35px;
}

#left div h1 {
    margin-top: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.1em;
    color: #336765;
    text-transform: uppercase;
}

#left div img {
	margin-bottom: 10px;
}

#center {
    width: 365px;
    text-align: left;
}

#center div {
    margin-right: 10px;
}

#content {
    width: 525px;
    text-align: left;
}

#content div {
    margin-right: 10px;
}

#right {
    width: 160px;
    text-align: left;
}


div.box {
    width: 160px;
    border: 1px solid black;
    margin: 0px 0px 10px 0px;
}

div.box div.title {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #E2EDE7;
    padding: 1px;
    border-bottom: 1px solid black;
    text-align: center;
}

div.box ul {
    list-style-type: circle;
    list-style-image: url("../images/arrow_green.png");
    list-style-position: outside;
    padding: 20px 20px 5px 20px;
    margin: 0px 0px 0px 5px;
}

div.box ul li {
    margin-bottom: 5px;
}

div.box div.text {
    padding: 0px 0px 0px 8px;
    margin: 0px 0px 20px 5px;
}

img.banner {
    width: 160px;
    border: 1px solid black;
    margin: 0px 0px 10px 0px;
}

img.eu {
	position: relative;
	bottom: 0px;
}


h1 {
    margin: 0px 0px 10pt 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 13pt;
    color: #08383A;
    text-transform: uppercase;
}

h2 {
    margin: 11px 0px 10pt 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 13pt;
    color: #08383A;
}

h3 {
    margin: 11px 0px 0px 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
}

p, td {
    font-family: Arial;
    font-size: 10pt;
    margin-top: 0px;
}

a {
	color: #336666;
	text-decoration: underline;
}

div.thumbnail {
}

img.thumbnail {
	border: 1px solid black;
	margin: 0px 10px 10px 0px;
}

div.description {
	margin: 0px 0px 10px 0px;
}


input.linkLikeButton {
	border:none;
	background-color:transparent;
	padding:0;
	margin:0;
}