<!--LAYOUT-->
body{ background-color:#fffff; FONT-SIZE:16px; color:#000000; transition:all .5s;
  -webkit-transition:all .5s;}
.content{width:100%;} .content>.row{ margin:0 auto; float:none; }
#top{padding:10px 0; }  
.section.full{width: calc(100% + 30px);max-width: calc(100% + 30px);margin: 0 -15px;}

<!--NAVIGATION-->

.navbar-toggle{border:1px solid #222;}
.navbar-brand{padding:0 10px;}
 
<!--ELEMENTS-->

.lead{font-size:21px; font-weight:400;  }
.image{ text-align:center;} .image img{margin:auto;}
.icon-bar{ background-color:#222;}
.form{ padding-top:25px; padding-bottom:25px;}

<!--TEXTS-->

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight:600; }
h1{font-weight:400; font-size:2.5em;}
p{color: ;}
.subtext { font-size:0.8em; padding:10px; background-color:#093543;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; }
.subtext p{ color:#f2eee9;}
.txtblock{margin-bottom:30px;}
.slogan h1{margin-top:150px; font-size:1.6em; vertical-align:bottom; margin-bottom:0px; color:#978f8f;}

<!--STYLES-->

.shadow{ 
        -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75); }
.rotate{transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* IE 9 */ -webkit-transform:rotate(-90deg);}


@media (max-width: 991px)
    {
        .slogan h1{margin-top:120px;}
        .navbar-right {float: left!important;}
    }

@media (max-width: 768px)
    {
    .borderright{border:none;}
        .slogan h1{
        margin-top:30px;
        }
        .slogan{
        text-align:center;
        }
    
    }

.btn-info{color:#000; background:url(../files/images/buttonicon.png) 5px  no-repeat #d9dbdc; border:1px solid #ccc; padding-left:30px;}
.btn-info:hover{ background-color:#888888; color:#fff; border:1px solid #d9dbdc;}

li.next>a{color: #fff;
  background: url(../files/images/buttonicon.png) 5px no-repeat #002b50;
  border: none;
  padding-left: 30px;   transition:all .5s;
  -webkit-transition:all .5s;}
li.next>a:hover{ background-color:#024A88; color:#fff;  padding-left: 40px;}
a{transition:all .5s;
  -webkit-transition:all .5s;}
@media (max-width:992px)
	{
    .navbar-nav>li>a {   font-size: 14px;
  padding: 10px;}
    }

html{position: relative;   min-height: 100%;}
body{  margin-bottom: 70px; font-family:  'Open Sans' ,sans-serif; font-size:16px; font-weight:100; color:#292929;  
background:url(/files/images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
header{ background-color: rgba(255,255,255, 1);  border-top:solid 3px #002b50; }
main{background-color: rgba(255,255,255, 1); border-top:solid 3px #002b50; margin-top: 15px;}
#topnav{background: none; border: none;  margin-top: 15px;}
.infotext{ font-size:0.9em; padding-top:10px;  }


h1{ font-size: 2.2em; color:#002b50;  font-weight:100;}
h2{ font-size: 1.6em; color:#002b50; font-family:  'Open Sans', 'Nimbus Sans' ,sans-serif; font-weight:400;  }
h3{ font-size: 1.4em; color:#002b50; font-family:  'Open Sans', 'Nimbus Sans' ,sans-serif; font-weight:400;  }
h4{ font-size: 1.2em; color:#002b50; font-family:  'Open Sans', 'Nimbus Sans' ,sans-serif; font-weight:400;  }
p{line-height:1.2em; }

#holder{padding:0; margin:50px auto; width:auto; max-width:600px; height:auto; display:block;  }
#info{ margin:10px 10px; padding:0 20px; text-align:left; display:block; height:auto; width:240px; text-align:left; float:left; border-left:solid 1px #CCC; }
.jumbotron{background-color:#fff; }
.section{margin: 5px;padding: 5px;}
.lead{font-style:italic;}
footer{background:#000000; font-size:0.7em; padding-top:10px; position: fixed;
bottom: 0; 
width: 100%;
height: 60px;}
footer p{color:#ffffff;}

.logo{ margin:100px auto;}
.headerimg{text-align: center; background: url(/files/images/cover.jpg);
   no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:500px; width:100%;}
#langselect{ position:absolute; z-index:51; }
#MainNavigation{margin-bottom:30px;   background-color:#000000; z-index:50; position:absolute; width: 100%;}
#MainNavigation a{ font-family: 'Nimbus Sans'; font-size:2em; color:#ffffff; }
#MainNavigation .nav>li>a{ font-family:  'Nimbus Sans'; font-size:20px; color:#fff;  }
#MainNavigation .nav>li>a:hover{ background:none; border-bottom:2px solid #f37036; color:#b03e48;  margin-bottom:-2px;}

.navbar-inverse .navbar-toggle .icon-bar{ background-color: #222; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #002b50;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background-color: #fff;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{ color:#002b50;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{ background-color:#002b50;}
.nav-brand-img{max-height: 120px;}
#languages{ float:right; margin-right:50px; }
.section{  background-color: none;}
.image{ padding:5px 0; }
.btn-default{ background:none; text-align:left; border:none;}
.btn-default:hover{background:none; text-align:left; font-style:italic; border-bottom:1px dashed grey;}
.kopio{margin:0;}
#RPMcontent{ background:white; }

.fcopy{   font-size: 0.8em;
  margin-left: 8px; margin-top:5px;
  color: #999; float:right;}
 .fcopy a{ color:#999; }
.uutisnoste  .list-group-item-text {
  line-height: 1.2em;
  font-size: 0.9em;
}