*:link, *:visited, *:hover, *:active, *:focus {
    -webkit-transition:
        color .15s linear,
        background-color .15s linear,
        border-color .15s linear,
        opacity .15s linear;
    transition:
        color .15s linear,
        background-color .15s linear,
        border-color .15s linear,
        opacity .15s linear;
}



body {
    color : #000;
    background-color:#c4ced4;
    background-image:url('images/koskitausta.jpg');
    background-repeat:repeat-y;
    background-position:center top;
    margin: 0px;
    padding: 0px;
    font-family: Myriad Pro, sans-serif;
    font-size: 0.9em;
    height:100%;
}



.linkbarlink {
    font-weight: bold;
    font-family: Myriad Pro, sans-serif;
    padding: 10px;
    font-size: 1.1em;
    float:left;
    z-index:0;
}



.linkbartab {
    background-color: #d85c22;
    font-weight: bold;
    font-family: Myriad Pro, sans-serif;
    color:#fff;
    font-size: 1.1em;
    padding: 10px;
    float:left;
}

.contentlinkbox {
    width: 278px;
    float:left;
    background-color: #90b5cb;
    padding: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}


.contentlinkboxwide {
    width: 940px;
    background-color: #565b5f;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    clear:both;
    color:#fff;
    /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.contentboxwide {
    width: 940px;
    background-color: #d85c22;
    padding:10px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    clear:both;
    color:#000;
    /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.contentlinkboxwide a:link {
    color:#fff;
}
.contentlinkboxwide a:visited {
    color:#fff;
}

.contentboxwide a:link {
    color:#fff;
}
.contentboxwide a:visited {
    color:#fff;
}



.contentboxwideinv {
    width: 940px;
    background-color: #eee;
    padding:10px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    clear:both;
    color:#000;
    /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.contentlinkboxwideinv a:link {
    color:#333;
}
.contentlinkboxwideinv a:visited {
    color:#333;
}

.contentboxwideinv a:link {
    color:#333;
}
.contentboxwideinv a:visited {
    color:#333;
}




.contentlinkboxwideimg {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
    display: block;
}

.contentlinkboxwideimg:hover {
    opacity:1;
}


.contentbox {
    width: 278px;
    float:left;
    background-color: #d85c22;
    padding: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.contentbox2 {
    width: 278px;
    float:left;
    background-color: #b7c5ca;
    padding: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.contentimage {
    width: 278px;
    float:left;
    padding: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    font-size:0.8em;
    background-color: #eee;
}

.contentimage img{
    padding-bottom:5px;
    padding-top:5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contentimage2 {
    width: 278px;
    float:left;
    padding: 10px;
    margin-bottom: 15px;
    font-size:0.8em;
    background-color: #eee;
}

.contentimage2 img{
    padding-bottom:5px;
    padding-top:5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contentimage img:hover {
    opacity:0.9;}


.para {
    float:left;
    width: 298px;
    margin-left: 25px;
    margin-top: 20px;
}


.contentheader {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

.contentheader a:link {
    color: #fff;}


.contentheaderwide {
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
}

.contenttime {
    color: #fff;
}

.contentlinkimage {
    padding-bottom:5px;
    padding-top:5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#masonry {
    float:left;
    margin-left:0px;
    clear:both;
    background-color:#edebe5;
}


img {
    border : 0px;
}



a:link {
    color : #2c434a;
    opacity:1;
    filter:alpha(opacity=100);
    text-decoration:none;
}
a:visited {
    color : #2c434a;
    opacity:1;
    filter:alpha(opacity=100);
    text-decoration : none;
}
a:hover {
    color : #2c434a;
    opacity:0.8;
    filter:alpha(opacity=80);
    text-decoration : underline;

}
a:active {
    color : #444;
    opacity:1;
}