* {
margin:0;
padding:0;
}

@font-face {
font-family: "mairo";
src: url("fontit/fontti.php")
}

body {
background: url('img/taustakuva1.png') repeat-x #FFFFFF fixed;
color:black;
font-family:"trebuchet ms", Arial, Verdana, Tahoma, sans-serif !important;
font-size:13px;
text-align:center;
}

img {
border:0;
}

#taustavarjo {
width:950px;
margin:0 auto;
background: url('img/taustavarjo.png') repeat-y;
background-position: top center;
}

#runko {
width:900px;
height:100%;
margin:0 auto;
text-align:left;
background: url('img/sisapohja1.png') repeat;
border-left:4px solid #dea316;
border-right:4px solid #dea316;
border-style:none solid;
}

#logo {
width:900px;
height:150px;
margin:0px auto;
text-align:left;
background: #333333;
border-bottom:4px solid #dea316;
vertical-align:top;
}

#logoteksti {
float: left;
height:150px;
position:relative;
}

#logoteksti a {
font-size:50px;
font-family:"mairo", "Super Mario Bros.";
text-shadow:#333333 4px -4px 6px;
padding:15px;
color:#FFFFFF;
text-decoration:none;
bottom:0;
position:absolute;
}
#logoteksti a:hover {
color:#FFFFFF;
}

#logokuva {
float: right;
height:150px;
padding-right:5px;
}

#menu{
float: left;
width:200px;
}

#menu h2{
margin-top:10px;
margin-left:10px;
width:171px;
height:21px;
color:white;
background:#333333;
padding:4px;
padding-top:5px;
font-size:15px;
}

#menu ul{
list-style:none;
margin-left:10px;
}

#menu ul li a{
margin-top:2px;
background:#f4b318;
display:block;
width:171px;
height:21px;
text-decoration:none;
color:black;
padding:4px;
padding-top:5px;
font-size:15px;
}

#menu ul li a:hover {
color:black;
width:171px;
height:21px;
text-decoration:none;
background:#dea316;
}

#menu p {
text-align:center;
margin-left:0 auto;
margin-right:0 auto;
margin-top:10px;
}

.aktiivinen {
color:black;
text-decoration:none;
background:#dea316 !important;
font-weight:bold;
}

#menu ul li a.akt {
color:black;
background:#B0CD5B;
}

#sisalto {
width:680px;
float:right;
padding:10px;
}

#sisalto h2 {
color:#333333;
height:26px;
padding-left:10px;
padding-top:4px;
font-size:15px;
border-bottom:1px solid #dea316;
}

#sisalto p {
color:#333333;
margin-top:10px;
padding-bottom:10px;
}

#sisalto a {
color:#dea316;
}

#sisalto a:hover {
color:#dea316;
text-decoration:none;
}

#copyright {
width:900px;
height:100%;
padding-top:5px;
clear:both;
text-align:center;
color:white;
background: #333333;
border-top:4px solid #dea316;
}

#copyright a {
color:white;
}

#copyright a:hover {
color:white;
text-decoration:none;
}

/*glfilesin tyyliosat. Helpompi pitää päätyylin mukana*/
/*Otsikko-osat*/
.glfilesots {
background-color: #dea316; 
padding-left: 5px; 
color: white;
}
/*Sisältöosat*/
.glfilessis {
border: 1px solid #f4b318; 
padding-left: 5px
} 
/*Lomakkeita ympäröivä viiva*/
.glfilesfields {
border: 1px solid #f4b318;
width: 80%;
}