@charset "iso-8859-1";
/* CSS Document */

body {
background:#CED6E8;
}
* {margin:0;padding:0;}

H2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
}
H3 {

}
H4 {

}
#keskitys {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
background:#CED6E8;
height:100%;
min-width:1000px;
min-height:100%;
}
#keskitys #otsikko {
background:#4C64A4;
}

#keskitys #otsikko #otsikko2 {
padding: 10px;
width:900px;
margin:0 auto;
}
#keskitys #otsikko #otsikko2 H2{
color:#FFF;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
width:400px;
text-align:left;
margin:15px 0 0 0;
}
#keskitys #otsikko #otsikko2 #login{
float:right;
width:400px;
text-align:center;
background:#6980BA;
padding:20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}
#keskitys #pohja {
width:1000px;
background:#FFF;
margin: 20px auto;
border-left: 1px solid #D2D2D2;
border-top: 1px solid #D2D2D2;
border-right: 1px solid #676767;
border-bottom: 1px solid #676767;
text-align:center;
}
#keskitys #pohja #sisalto {
padding: 15px;
width:900px;
margin:0 auto;
}
#keskitys #pohja #sisalto #ohje {
padding: 15px;
border:1px dotted #D6D6D6;
background:#FFFFCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:left;
margin:20px 0;
}
#keskitys #pohja #sisalto #navi {
width:200px;
float:left;
border-right: 1px solid #D8D8D8;
min-height:400px;
text-align:left;
padding-right:15px;
}
ul#valikko li ul#alavalikko {
list-style-type:none;
margin:0px 0 10px 10px;
}
ul#valikko li {
list-style-type:none;
}
ul#valikko li ul#alavalikko li {
list-style-type:none;
border:none;
margin:0;
padding:0;
}
ul#valikko li a {
background:#CED6E8;
text-decoration:none;
display:block;
padding:5px;
border-bottom:2px solid #FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
ul#valikko li a:hover, ul#valikko li.valittu a {
background:#6980BA;
color:#FFF;
font-weight:bold;
}
ul#valikko li ul#alavalikko li a {
background:#fff;
text-decoration:none;
padding:0;
border:none;
color:#333;
font-weight:normal;
margin:0;
padding:0;
}
ul#valikko li ul#alavalikko li a:hover, ul#valikko li ul#alavalikko li.valittu a {
color:#6980BA;
font-weight:bold;
}
#keskitys #pohja #sisalto #kuvat {
float:right;
min-height:400px;
width:670px;
text-align:left;
}
#kuvat H3 {
text-align:left;
margin:0 0 20px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
letter-spacing:0.2em;
}
#kuvat .kuvapohja {
float:left;
text-align:left;
display:inline;
width:300px;
margin:0 20px 20px 0;
}
#kuvat .kuvapohja .kuva {
float:left;
margin-right:15px;
width: 130px;
height: 150px;
margin-bottom: 20px;
}
#kuvat .kuvapohja .kuvateksti {
text-align:left;
float:left;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}
#kuvat .kuvapohja .kuvateksti h4 {
color:#4C64A4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.2em;
text-transform:capitalize;
margin-bottom:0.7em;
}

#kuvat .kuvapohja .kuvateksti a.kuvalinkki {
background:url(kuvat/katso.gif) left center no-repeat;
padding:10px 0 10px 30px;
line-height:30px;
}
#kuvat .kuvapohja .kuvateksti a.latauslinkki {
background: url(kuvat/lataa.gif) left center no-repeat;
padding-left:30px;
padding:10px 0 10px 30px;
line-height:30px;
}

#kuvanavi {
clear:both;
text-align:center;
margin:20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

#keskitys #kayttoehdot {
clear:both;
text-align:center;
margin:20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
}