/* Background colors and images */
#content { background: #fff }
#kuva-alue {background: #E6E8FA}

/* text settings */
body {color: #666}
#ylaviite, #ylaviite a {color: #666}
a {color: #110794}
a:hover {color: #fa0}
h1, h2, .slogan {color: #007FFF}
#alaviite {color:#666}
.field-validation-error {color: Red}

/* navigation style */
#ylaviite.yhteydenotto {
    background: url(/Content/LayoutA/Images/ikonipalkki.png) center top #94070a;
}
#navigaatio li {
    border-left: 1px solid #007FFF;
}
#navigaatio a:hover, #navigaatio li a {background: #007FFF; color: #fff; font-weight: bold}

.mobileimage img {
    border: 1px solid #007FFF;
}

.imagecontainer {
    background: #E6E8FA;
}

/* mobile style */
.columncontainer.mobi {background: url(/Content/LayoutA/Images/mobilebg.png) repeat-x left top #907f5c !important; overflow: auto; padding: 20px}
#mobilebg.gradient {background: url(/Content/LayoutA/Images/mobilebg2.png) #907f5c !important}

/* mobile navigation gradients */
ul#navigaatio li {
    background: rgb(180,45,45); 
    background: -moz-linear-gradient(top, rgba(195,50,50,1) 1%, rgba(180,45,45,1) 50%, rgba(135,35,35,1) 51%, rgba(175,45,45,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(195,50,50,1)), color-stop(50%,rgba(180,45,45,1)), color-stop(51%,rgba(135,35,35,1)), color-stop(100%,rgba(175,45,45,1))); 
    background: -webkit-linear-gradient(top, rgba(195,50,50,1) 1%,rgba(180,45,45,1) 50%,rgba(135,35,35,1) 51%,rgba(175,45,45,1) 100%); 
    background: -o-linear-gradient(top, rgba(195,50,50,1) 1%,rgba(180,45,45,1) 50%,rgba(135,35,35,1) 51%,rgba(175,45,45,1) 100%); 
    background: -ms-linear-gradient(top, rgba(195,50,50,1) 1%,rgba(180,45,45,1) 50%,rgba(135,35,35,1) 51%,rgba(175,45,45,1) 100%); 
    background: linear-gradient(to bottom, rgba(195,50,50,1) 1%,rgba(180,45,45,1) 50%,rgba(135,35,35,1) 51%,rgba(175,45,45,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33232', endColorstr='#af2d2d',GradientType=0 );
}