/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

/* YAHOO RESET */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/* YAHOO RESET ENDS */


h1 {
color: black;
font-size: 3em;
font-family: verdana;
margin: 40px 0 0 5px;
}

h2 {
color: black;
font-size: 2em;
font-family: verdana;
float: left;
}

h3 {
color: lightgray;
font-size: 1.3em;
margin: 8px 0 0 0;
float: left;
}

.musta {
color: white;
background: black;
}

.valkonenHeader {
color: white;
background: white;
margin: 10px 0 0 10px;
font-size: 0.01em;
}



A:link {
color: gray;
text-decoration: none;
}

A:visited {
color: darkgray;
text-decoration: none;
}
A:active {
color: gray;
text-decoration: none;
}
A:hover {
color: lightgray;
text-decoration: none;
}

.linkki {
background: #e6e6e6;
color: black;
}

.contentWrap {
width: 965px;
height: 645px;
margin: 0 auto;
}



/* MINÄ OSUUS ALKAA */


.minaWrap {
width: 960px;
height: 640px;
margin: 0 auto;
background:url(img/mina.jpg);
position: relative;
}

.minaHeader {
width: 122px;
height: 105px;
background: black;
float: left;
}

.minaH2 {
width: 800px;
margin: 20px 0 0 20px;
}

.minaContent {
width: 960px;
height: 400px;
float: left;
}
.minaContent p {
color: black;
font-size: 1.5em;
margin: 30px 10px;
}

.minaContent img {
border: 1px solid;
border-color: #0F0F0F;
}
.minaContent .cv {
font-size: 0.9em;
margin: 20px 10px;
}

.cvTitle {
font-size: 1.3em;
}

.refeWrap {
width: 960px;
height: 500px;
margin: 15px 0 0 0;
}

.refe {
width: 460px;
height: 105px;
float: left;
margin: 0 10px 0px 0;
}

.refe img {
float: left;
margin: 10px 10px 0 0;
}

.refe p {
margin: 5px 0 0 15px;
}
p.refeTeksti {
font-size: 0.8em;

}

p.refeInfo {
font-size: 0.7em;

}

.nudge {
margin: 0 0 0 60px;
}
/* MINÄ OSUUS LOPPUU */



/* AJATUKSIA OSUUS ALKAA */

.ajatuksiaWrap {
width: 960px;
height: 640px;
margin: 0 auto;
background:url(img/ajatuksiaBG.jpg);
position: relative;
}

.ajatuksiaHeader {
width: 230px;
height: 105px;
background: black;
float: left;
}

.ajatuksiaH2 {
width: 680px;
margin: 20px 0 0 20px;
}

.ajatuksiaContent {
width: 960px;
height: 400px;
float: left;
}
.ajatuksiaContent p {
color: black;
font-size: 1.5em;
margin: 30px 10px;
}

.thinkBoxLeft {
float: left;
width: 320px;
height: 200px;
margin: 0px 160px 0 0;
font-size: 0.8em;
}

.thinkBoxRight {
float: left;
width: 440px;
height: 200px;
margin: 0px 0 0 0;
font-size: 0.8em;
}

.thinkBoxLeft .signed {
font-size: 0.8em;
margin: -20px 0 0 60px;
}

.thinkBoxRight .signed {
font-size: 0.8em;
margin: -20px 0 0 60px;
}

img.firstImage {
margin: 0 0 0 500px;
}
p.moveRight {
margin: 0px 0 0 500px;
}

.kirjatLeft {
margin: 0;
width: 530px;
height: 400px;
float:left;
}

.kirjatRight {
width: 400px;
float:left;
}

/* AJATUKSIA OSUUS LOPPUU */


/* YHTEYSTIEDOT OSUUS ALKAA */

.yhteysWrap {
width: 960px;
height: 640px;
margin: 0 auto;
background:url(img/yhteystiedotBG.jpg);
position: relative;
}

.yhteysHeader {
width: 175px;
height: 105px;
background: black;
float: left;
}

.yhteysH2 {
width: 700px;
margin: 20px 0 0 20px;
}

.yhteysContent {
width: 960px;
height: 400px;
float: left;
}
.yhteysContent p {
color: black;
font-size: 1.5em;
margin: 30px 10px;
}

p.mediaLista {
font-size: 1.1em;
}
/* YHTEYSTIEDOT LOPPUU */



/* VERKOSTOT ALKAA */

.verkostotWrap {
width: 960px;
height: 640px;
margin: 0 auto;
background:url(img/verkostotBG.jpg);
position: relative;
}

.verkostotHeader {
width: 223px;
height: 105px;
background: black;
float: left;
}

.verkostotH2 {
width: 700px;
margin: 20px 0 0 20px;
}

.verkostotContent {
width: 960px;
height: 400px;
float: left;
}
.verkostotContent p {
color: black;
font-size: 1.5em;
margin: 30px 10px;
}


/* VERKOSTOT LOPPUU */

.verkostotWrap {
width: 960px;
height: 640px;
margin: 0 auto;
background: url(../img/verkostotBG.jpg) no-repeat;
}

.yhteystiedotWrap {
width: 960px;
height: 640px;
margin: 0 auto;
background: url(../img/yhteystiedotBG.jpg) no-repeat;
}

.menuWrap {
background: black;
width: 100%;
height: 40px;
border-top: 5px double white;
}

.menu {
width: 965px;
height: 40px;
margin: 0 auto;
}

.menuList {
width: 965px;
height: 40px;
margin: 0 auto;
}


.menuList li {
color: white;
display: inline;
margin: 8px 18px 0 0;
float: right;
font-size: 1.2em;
font-family: georgia;
}

.copyrights {
font-size: 0.7em;
width: 965px;
height: 25px;
margin: 0 auto;
}

.copyrights p {
color: grey;
}

.up20 {
margin: -20px 0 0 0;
}

.breadcrumb
{
margin: 0 0 0 40px;
float: left;
}