.header-image
{
  background-image: url("header.jpg");
}

.front-page
{
  background-position: 0 0;
  background-image: url("sweco-front.jpg");
}

.btn-demo .btn
{
  margin-right: .25rem;
  margin-bottom: .25rem;
}

.bodycontent
{
background-color: #f2faf9;
}

.navbartop
{
position:absolute;
z-index: 100;
top:0;
display:block;
min-height:60px;
background-color: #00665e;
margin-left:-.95rem;
left:calc(100% - 50px);
padding:0;
}

.fixedtop
{
position:fixed;right:0;left:0;z-index:1050;
top:0
padding-right:0!important;
padding-left:calc(100vw - 100%)!important
margin-left:-7px!important;
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.3);
z-index:1060;
}

.logotop
{
position:relative;
top:59px;
left:0px;
display:block;
z-index:150;
max-width:230px;
max-height:30%;
}

.footergreen
{
background-color: #00665e;
}

.containerback
{
background-color: #fff;
position: relative; 
border-radius: 20px 20px 20px 20px;
padding: 20px;
max-width: 1700px;
width: 90%;
height: 90%;
text-align: justify;
}

.nosto
{
background-color:#f2faf9; 
position: relative; 
top:15px; 
padding: 10px;
border-style:solid; 
border-color:#fff; 
border-radius: 0px 0px 0px 0px;
box-shadow: 0px 0px 5px #b3b3b3;
max-width: 95% 1700px;
text-align: justify;
}

.20pxsisennys
{
margin: 20px;
}

.vihrea
{
color:green; 
}

.pystyjako
{
border-width: 0px 0px 0px 3px;
border-style: solid;
border-color: green;
}

.header1
{
color:#004d46;
}

.header5
{
color:#004d46;
text-shadow: 2px 0 white, 0 2px white, 2px 0 white, 0 2px white;
}

.pyoristetty
{
border-radius: 20px 20px 20px 20px;
}

.floatleft
{
float: left;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 10px;
max-width: 50%;
max-height: 80%;
}

.floatright
{
float: right;
margin-left: 30px;
margin-top: 10px;
margin-bottom: 10px;
max-width: 50%;
max-height: 80%;
}

.ajankohtaista
{
max-width: 70%;
max-height: 80%;
overflow: scroll;
padding:10px;
}