@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(images/a_tausta.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: bottom right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        line-height: 140%;
}


p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 140%;
	
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #8D274B;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 120%;

}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	letter-spacing: 1px;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}

.pikkuteksti {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 130%;
}

.punainenteksti, .punainenteksti a {
	color: #8D274B;
}


/* YLÄOSA */

#header {
	background-color: #FFFFFF;
	top: 0px;
	margin-top: 0px;
	padding: 0px 20px 2px 20px;
	height: 70px;	
}

/* MENU */

.menu {
	background-color: #FFFFFF;
	background-image: url(images/shadow.png);
	background-repeat: no-repeat;
	padding: 10px 20px 5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D274B;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: 1px;
}

#menus ul {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menus li {
	float: left;
	margin: 0px 8px;
}

#menus li a {
	color: #333333;
	text-decoration:none;
}

#menus li a:hover {
	color: #8D274B;
}


/* CONTENT */

#content {
	background-color: #FFFFFF;
	top: 0px;
	padding: 5px 17px 10px 17px;
	min-height: 550px;
	height: 100%;
	width: 866px;
	position: relative;
	left: 50%;
	margin-left: -450px;
}

#search {
	background-image: url(images/etusivu/ostan-pikahaku.jpg);
	background-repeat: no-repeat;
	padding: 40px 10px 20px 10px;
}

#search-form {
	padding: 1px;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

#tips {
	background-image: url(images/etusivu/vinkki.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 35px;
}


#tips-table {
	padding-right: 0px;
	padding-bottom: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	width: 275px;
	vertical-align: top;
}

#tips-table p {
	margin: 0px;
	padding: 0px;
}

#text_container {
	width: 560px;

}

#image_container {
	width: 285px;
	float: right;
	padding-top: 5px;
	padding-left: 15px;
}

#search_container {
	width: 270px;
	height: 475px;
	float: right;
	background-image: url(images/kohdehaku.jpg);
	background-repeat: no-repeat;
	padding: 40px 10px 20px 10px;
	margin-top: 15px;
	top: 119px;
	position: relative;
}

.person {
	width: 288px;
	height: 170px;
	float: right;
	background-image: url(images/myyja.jpg);
	background-repeat: no-repeat;
	padding: 37px 10px 20px 10px;
	margin-top: 15px;
	position: absolute;
	left: 605px;
	top: 74px;
}

.person a {
	text-decoration: none;
	color: #8D274B;
	font-weight: bold;
}

.person_extension {
	width: 288px;
	height: 430px;
	float: right;
	background-image: url(images/kovakysynta.jpg);
	background-repeat: no-repeat;
	padding: 37px 10px 20px 10px;
	margin-top: 15px;
	position: absolute;
	left: 605px;
	top: 928px;
}

.person_extension2 {
	width: 288px;
	height: 620px;
	float: right;
	background-image: url(images/tiivistelma.jpg);
	background-repeat: no-repeat;
	padding: 37px 10px 20px 10px;
	margin-top: 15px;
	position: absolute;
	left: 605px;
	top: 245px;
}

#conclusion {
	width: 263px;
	height: 240px;
	float: right;
	padding: 40px 10px 20px 10px;
	margin-top: 15px;
	position: absolute;
	left: 608px;
	top: 227px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#conclusion h2 {
	font-size: 15px;
}

#conclusiontable th {
	text-align: left;
	vertical-align: top;
}

#conclusiontable td {
	font-weight: normal;
	font-decoration: none;
	line-height: 14px;
}


#map {
	width: 263px;
	height: 240px;
	float: right;
	padding: 37px 10px 20px 10px;
	margin-top: 15px;
	position: absolute;
	left: 608px;
	top: 303px;
}


/* FOOTER */

#footer {
	background-image: url(images/shadow.png);
	background-repeat:no-repeat;
	
	padding: 0px 20px 5px 20px;
}


/* MUUT */

#myyn-lomake {
	background-color: #E1E0E0;
	
	padding: 1px 10px 5px 15px;
	margin-right: 15px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	/*padding: 0px 20px 5px 20px;*/
}



/* PDX OSIOT */

.targetListHeader{
        background-color: white;
	padding-bottom: 5px;
}

.target {
	width: 100%
}        

.targetMainImage img {
	border: 0px;
	padding-right: 10px;
}

.targetImg img.thumb {
	border:0px;
	padding: 3px;
}

.targetImg a:link, .targetImg a:visited,
.targetImgLinks a:link, .targetImgLinks a:visited  {
	text-decoration: none;
	color: #8D274B;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.targetMainImage {
	background-color: white;
}

.targetImg {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	background-color: #E1E0E0;
}

.targetImageBgOn {
}

.target td.header {
	color: #8D274B;
        background-color: #E1E0E0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

.target td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#assignments {
	padding: 10px;
}        

.targetEven, .targetOdd {
        background-color: white;
}
        
table.targetSearch, table.targetSearchOuter {
        background-color: #E1E0E0;
}

div.contactformlayer,div.friendformlayer {
        background-color: #F1F0F0;
	z-index: 100;
	border: 2px solid #8D274B;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	top: 25%;
	left: 25%;
	position: absolute;
}


.hakubox {
        background-color: #E1E0E0;
	margin-top: 10px;
	position: relative;
	width: 560px;
	height: 160px;
}

.kohdetext {
	padding: 10px;
	text-align: left;
	float: right;
	width: 330px;
}
        
.kohdethumb {
	padding: 10px 15px 10px 20px;
	float: left;
	text-align: left;
	width:170px;
}

.minibutton {
	background-color:#8D274B;
	border: 1px solid white;
	
}

.pagerlink, .pagerlink_selected {
	text-decoration: none;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #8D274B;
}

.pagerlink_selected {
	text-decoration: underline;
}

a { color: #8D274B; }
a:hover { color: #8D274B; text-decoration: underline; }

.office {
	background-color: #E1E0E0;
	padding:1px 10px 5px 15px;
	width: 500px;
	margin-bottom: 20px;
}