@font-face {
font-family: 'Exo 2';
font-style: normal;
font-weight: 400;
src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/K95WapF0Wa6u7CY0wsZbXqCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

.navigationLinks {
position:absolute;
font-size:12px;
top:67px;
left:auto;
right:auto;
margin-left:570px;
width:210px;
}

.navigationLinks a {
padding-right:6px;
text-decoration:none;
color:#b3b3b3;
font-weight: 400;
}

.navigationLinks a:hover {
text-decoration:none;
color:#dad9d9;
font-weight: 400;
}


#footerElement {
}

.footer {
padding-bottom:20px;
}

.bottomFooter {
width:100%;
height:55px;
background:#007bb0;
}

.footerTitle {
text-align:center;
margin-bottom:20px;
font-size:12pt;
}

.footerLine {
text-align:center;
padding:40px 0;
}

.bottomLinks {
float:left;
padding:17px 15px 15px 12px;
color:#fff;
font-size:9pt;
font-weight: 600;
}

.bottomLinks a {
color:#fff;
text-decoration:none;
padding:5px;
}

.bottomLinks a:hover {
color:#af4080;
text-decoration:none;
}

.copy {
color:#fff;
float:right;
padding:17px 115px 15px 12px;
}



.genNavi {
height:26px;
margin-top:77px;
margin-left:10px;
width:auto;
display:inline-block;
float:left;
}

.headerlogo {
float:left;
padding:10px;
}

#bannerLeft {
width:161px;
padding:0;
float:left;
margin-top:20px;
}

#bannerRight{
width:161px;
padding:0;
float:right;
}


#topNavigationWrapper {
  height:45px;
  background:#000;
}

#topNavigation {
  margin:0 auto;
  width:940px;
  padding:3px 0;
}

.topNaviLogoContainer {
  display:block;
  float:left;
  margin-right:3px;
}

.topNaviLinkContainer {
  display:block;
  float:left;
  padding:6px 5px 5px 5px;
}

.topNaviLinkContainer a {
  font-size:11pt;
  color:#fff;
  text-decoration:none;
  font-weight:normal;
  padding:6px 5px 4px 5px;
  display:block;
}

.topNaviLinkContainer a:hover {
  font-size:11pt;
  color:#000;
  text-decoration:none;
  font-weight:normal;
  background:#fff;
  border-radius:3px;
}

/* Geneeriset elementit */

body {
background-color:#f0f0f0;
padding:0;
margin:0;
border-collapse:collapse;
font-size:80%;
font-family: "Exo 2", sans-serif;
}

div{
padding:0;
margin:0;
border-collapse:collapse;
}

appContent{
display:block;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
}

a{
color:#035981;
font-weight:bold;
text-decoration:underline;
}

a:hover{
color:#035981;
font-weight:bold;
text-decoration:underline;
}

/* Otsikkotyylit */

h1, h2, h3, h4, h5, h6{
color:#000;
margin-top:0;
}


p{
margin-top:0;
}


/* Ympäristön fonttivärit ja määreet */

.green{color:#01934C;}

.red{color:#B50000;}

.blue{color:#EEF5F9;}

.white{color:#fff;}

.bold{font-weight:bold;}


/* Linkit */

a.green{
color:#01934C;
}

a.green:hover{
color:#01934C;
text-decoration:underline;
}

a.red{
color:#B50000;
}

a.red:hover{
color:#B50000;
text-decoration:underline;
}

a.navi{

}

.newsBlock{
background:#fafafa;
padding:12px;
margin-right: -7px;
}

.newsHeader {
margin-right: -7px;
background:#0080bb;
padding:12px;
color:#fff;
font-size:12pt;
font-weight:bold;
letter-spacing:0.5pt;
}

.newsTitle {
letter-spacing:0.3pt;
}

.newsDate {
font-size:7pt;
color:#a9a9a9;
font-weight:bold;
letter-spacing:0.3pt;
}


/* ID:t, yksilöelementit */

#mainElement{
border: 1px solid #e1e1e1;
width:943px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}

#topElement{
background-color:#fafafa;
width:943px;
height:135px;
border-bottom: 1px solid #e1e1e1;
}

#time{
float:right;
margin-top:10px;
margin-right:20px;
font-size:90%;
font-weight:bold;
}

#search{
position:absolute;
top:60px;
left:auto;
right:auto;
margin-left:770px;
}

#navi{
position:relative;
top:30px;
right:30px;
}

#naviRight{
  float:left;
}

#midElement{
display:table;
width:100%;
margin-top:15px;
}

#midElementMarg{
margin-left:7px;
margin-right:7px;
}

#genLeft{
float:left;
width:214px;
}

#genLeftImg{
width:236;
height:288;
border:0px;
margin:0px;
padding:0px;
}

#genWorkspace{
margin-left:214px;
/* width:649px; */
padding-top:20px;
}

#genInfo{
float:left;
width:437px;
padding-bottom:10px;
font-size:14px;
line-height:1.4;
color:#444 !important;
}

/* Materiaalien taittoon infoalueen levennys 12.10.2006 by Lankinen */
#genMaterials{
float:left;
width:637px;
padding-bottom:10px;
font-size:14px;
line-height:1.4;
color:#444 !important;
}

#genChannel{
float:right;
width:192px;
}

/* Materiaalien resurssipuun tyylit 12.10.2006 by Lankinen */

a.materialsDoc{
font-weight:normal;
padding:1px;
text-decoration:none;
}

a.materialsDocSelected{
font-weight:normal;
background-color:#146CAC;
color:#fff;
padding:0px 1px 0px 1px;
text-decoration:none;
}

a.materialsFolder{
text-decoration:none;
}

.resourceIsDolder{
background-image:url(/fi/gfx/kansio_icon.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-top:4px;
font-size:90%;
}

.resourceIsDocument{
padding-left:14px;
margin-top:4px;
font-size:90%;
}

.resourceIsDocumentSelected{
padding-left:15px;
margin-top:4px;
font-size:90%;
}

#materialsContainer{
margin-top:24px;
margin-bottom:30px;
}

#materialsCurrentTitle{
background-color:#0080bb;
width:90%;
padding:4px 4px 4px 10px;
color:#fff;
}



/* FORM ELEMENTIT */

input.button
{
    background-image: url("http://opinnot.internetix.fi/fi/gfx/new/search.gif");
    background-repeat: no-repeat;
    background-color: #fff;
    border: 0 none;
    color: #ccc;
    position: absolute;
    right: 6px;
    top: 8px;
    z-index: 3;
}

input.searcharea
{
    border: 1px solid #d2d2d2;
    border-radius: 20px;
    font-size: 0.9em;
    height: 17px;
    margin: 0;
    padding: 6px 12px;
    transition: all 0.2s ease-in 0.2s;
    width: 130px;
}




input.button_
{
background-color:#59caea;
border:0;
text-align:center;
color:#000000;
display:inline;
font-size:9pt;
border:1px solid #85a4b2;
margin-top:4px;
margin-left:4px;
padding:2px 4px;
}

input.field
{
background-color:#FFFFFF;
border:1px solid #cbcbcb;
display:inline;
font-size:9pt;
padding:4px 4px;
}


input.textField
{
background-color:#FAF9F9;
border:1px dashed #CECCCC;
font-size:9pt;
padding:3px;
text-decoration:none;
}

input.fieldError
{
border:1px dashed #CECCCC;
font-size:9pt;
padding:3px;
text-decoration:none;
}

textarea.memoField
{
background-color:#FAF9F9;
border:1px dashed #CECCCC;
font-size:9pt;
padding:3px;
text-decoration:none;
}

select.selection
{
background-color:#FFFFFF;
font-size:9pt;
border: 1px solid #ffffff;
}

select
{
background-color:#ffffff;
font-size:9pt;
border: 1px solid #d2d2d2;
}


.banner
{
margin-top:50px;
}


/* Aineopiskelijat hakulomake */

.formElementDiv{
margin-top:10px;
}



#formSurname{
float:left;
}

#formFirstnames{
float:left;
}


#dateInputsContainer{
}


#formYear{
float:left;
}


#formMonth{
float:left;
}


#formDay{
float:left;
}

#formCountry{
float:left;
}


#formCity{
float:left;
}


#formPostNo{
float:left;
}




#formNationality{
float:left;
}


#formLanguage{
float:left;
}




#formPhoneNo{
float:left;
}


#formEmail{
float:left;
}