html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    font-family: verdana, arial;
}

#container {
    position: relative;
    clear: both;
    width: 100%;
    

}

.top {
    padding: 1em;
    border-bottom: 1px solid;
}

.toplink {
    text-decoration: none;
    
}

.toptitle {
    color: #ffcd52;
    font-size: 4.5em;
    vertical-align: top;
}

img {
    text-decoration: none;
    border: 0;
}

.koulutus {
    margin-left: 30%;
    background-color: #FFFFFF;
    padding: 1.5em;
    min-height: 6em;

}

.intro {
    background-color: #ffcd52;
    position: relative;
    clear: both;
    padding: 1em;
    
}

.navifcontainer {
    /*background-color: #ffcd52;*/
    position: relative;
    
    width: 100%;
    clear: both;
}

.navif {
    float: left;
    padding: 1em;
    
}

.navif a {
    color: #0000FF;
}

.navi {
    left: 0;
    width: 27%;
    padding: 1em;
    margin: 0;
    position: relative;
    background-color: #ffcd52;
    background-image: url('kulma.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    float: left;
    
}

.navi a {
    color: #0000FF;
}

li {
    margin-top: 0.8em;
}

li.naviactive {
    font-weight: bold;
}

ul.list1 {
    font-weight: bold;
}

ul.list2 {
    font-weight: normal;
}

.bottom {
    position: relative;
    margin: 1em;
    float: right;
    clear: both;
}

.yhteystiedot {
    position: relative;
    clear: both;

    background-color: #ffcd52;
    padding-left: 1em;
}