/* Lotta Tuoremaa,started this CSS for SLU Faeltforsk 20200204 */
html {
/*L.T needed for GoM. */
  height:100%;
}
body  {
background-color:#ffffff;
color:#000000;
font-family:'Merriweather', Georgia, Arial, sans-serif !important;
/* Different SLU-example */
/*font-family:Roboto, Helvetica, Arial, sans-serif !important;*/
/*font-family:'Merriweather',Helvetica,Arial,sans-serif;*/
font-size:15px;
font-style:normal;
font-weight:300;
line-height:1.6;
}
/*==================================================*/
/*-------------layout------------------------------ */
* { box-sizing:border-box; }

.contentAdapted {overflow:auto;}

.pagecontainer {
  box-shadow:0px 0px 20px 2px #888888;
  width:95%;
  /* trbl */
  margin-bottom:40px;
  padding:10px 5px 5px 15px;
  
}
.pagecontainer-narrow1 {
   width:75%;    
}
.pagecontainer-center {
   /* L.T to center div with auto,  margins left right evenly distributed*/
   margin:auto;  
}

.contentcontainer {
  float:left;  
  width:93%;
  margin:0px 5px 0px 0px;
  padding:2px;
}

.contentcontainerBorder {
  float:left;  
  width:93%;
  margin:0px 5px 0px 0px;
  padding:2px;
  background-color:rgba(255,255,255,0.1);
  border:2px solid rgba(42,142,104,0.4);
  border-radius:5px;
}

/*SLU -portal*/
.contentContainerTop  {
    width:100%; 
	font-weight:normal;
	font-style:normal;
	font-size:0.75em;
	text-decoration:none;
}
.contentContainerBottom  {
    width:100%;
	font-weight:normal;
	font-style:normal;
	font-size:0.75em;
	text-decoration:none;
}
/*LT For old htmlpages */
.contentContainerLeft {
  float:left;
  border:none;
  width:50%;
  height:100%;
  
}
.contentContainerRight {
  float:right;
  border:none;
  padding-left:15px;
  width:50%;
  height:100%;  
}


div.contentContainerTopFullWidth {
 /*position:fixed;*/
 /* Fixed breaks the parent container */
 position:static;
 margin-left:20%;
 /* static tar inte top, left osv. 
 top:0;
 left:0;*/
 border:3px solid #333333;
 
 /*border:none;*/
 width:75%;
 height:200px;
 background:url(https://www.ffe.slu.se/fieldtrials/common/images/sortforsok-i-oljelin-2013-07-18-r-lan.jpg);  
 background-color:#dedede; 
/* for img handling */
background-position:center; 
/* Center the image */
background-repeat:no-repeat; 
background-size:cover; 
/* Resize to fill the div */
}

div.contentContainerTopFullWidthLm {
 /*position:fixed;*/
 /* Fixed breaks the parent container */
 position:static;
 margin-left:20%;
 /* static tar inte top, left osv. 
 top:0;
 left:0;*/
 border:3px solid #333333;
 
 /*border:none;*/
 width:75%;
 height:200px;
 background:url(https://www.ffe.slu.se/fieldtrials/lantmetrel/common/images/LantmetLogOutBG.jpg);  
 background-color:#dedede; 
/* for img handling */
background-position:center; 
/* Center the image */
background-repeat:no-repeat; 
background-size:cover; 
/* Resize to fill the div */
}



/* ==============================  */
.contentColumnsContainer
{
	overflow:hidden;
	width:100%; 
	padding-top:2%;
    height:100%;
    background-color:#ffffff;
}
.contentContainerLTS {
  float:left;
  border:none;
  display:table;
  width:450px;
  min-width:450px;
  /* or min-width adapted to displayshift */
  height:100%;
  /*background-color:#f0f0ff;*/
}
.contentContainerLT {
  float:left;
  border:none;
  width:50%;
  min-width:50%;
  /* or min-width adapted to displayshift */
  height:100%;
  background-color:#f0f0ff;
}
.contentContainerRB {
  float:left;
  border:none;
  padding-left:1px;
  margin-left:5px;
  width:50%;
  min-width:50%;
   /* or min-width adapted to displayshift */
  background-color:#f0fff0;
  height:100%;  
}
.contentContainerRBW {
  float:left;
  border:none;
  padding-left:1px;
  margin-left:5px;
  width:45%;
  min-width:35%;
   /* or min-width adapted to displayshift */
  /*background-color:#f0fff0;*/
  height:100%;  
}
.contentContainerWrdWr {
	/* keep text inside div */
	white-space: pre-wrap;
  	white-space: -moz-pre-wrap;
  	white-space: -pre-wrap;
  	white-space: -o-pre-wrap;
  	word-wrap: break-word;
	/* End of keep text inside div */
	width:40%; 
	margin:2% 5% 2% 5%;
	color:#333333;
	}
/* ==============================  */
/* LT for maps */
.mapContainer{
	float:left;
	/*width:450px;*/
    width:600px;
	height:700px;
	margin-top:15px;
	}
#iw-container  .iw-title {
   border-bottom:1px solid #428bca;
   border-top:1px solid #428bca;
   font-family:'Merriweather', Georgia, Arial, sans-serif !important;
   color:#333333;
   font-weight:300;
    font-size:small;
   padding:7px;
   /*background-color:#a7e385;*/
   background-color:#f5f5f5;
   margin:1px;
   box-shadow:0 1px 6px rgba(178, 178, 178, 0.6);
   border-radius:2px 2px 0 0; 
   /* In accordance with the rounding of the default infowindow corners. */
}

/* LT For tables */
.reportsContentContainer  {
	overflow-x:auto;
	width:100%;
    background-color:#ffffff;
	color:#333333;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

div.largeTableContainer
{
	display: inline-block;
	overflow-x:auto;
    /* trbl */
     margin-bottom:5px;
     padding:10px 2px 2px 2px;
	 font-size:0.95em;
	}
div.largeTableContainerLeft
{
	display:inline-block;
	float:left;
	overflow-x:auto;
	width:80%;
    /* trbl */
     margin-bottom:5px;
     padding:10px 2px 2px 2px;
	 font-size:0.95em;
	}	
div.symbols 
    {
	float:left;
	display:inline; 
	}
/*When incomplete info in responses. Took the same color as for tooltips  */
/*div.responseInfo {
  float:left;  
  width:93%;
  margin:20px 5px 0px 15px;
  padding:2px;
  background-color:rgba(241,239,212,0.5);
  border:2px solid rgba(80,80,80,0.4);
  border-radius:10px;
}*/

div.infoContainerLightColor {
  float:center;  
  width:75%;
  max-height:90%;
  overflow-y:auto;
  margin-top:10px; 
  margin-right:auto;
  margin-bottom:5px;
  margin-left:auto;
  /**  orig 5px all sides **/
  padding-top:20px;
  background-color:rgba(255, 255, 255, 0.9);
  border:2px solid #007681;
  border-radius:10px;
  text-align:left;
  text-decoration:none;
  word-wrap:break-word;
  font-family:'Oswald', Helvetica, Arial, sans-serif;
  color:#004851;
  font-size:1.4em;
  line-height:1.3em; 
}
.iframe-halfColLeft {
  float:left;
  border:none;
  width:50%;
  height:100%;
}
.iframe-halfColRight {
  float:right;
  border:none;
  padding-left:15px;
  width:50%;
  height:100%;
}
/* End pagestructure */
/*==================================================*/
/* ----------L.T. for content ----------------------*/
.content {
	float:left;
	display:inline; 
	padding:10% 10% 10% 10%;
	color:#333333;
	}
.topcontent {
	float:left;
	display:inline; 
	width:50%;
	padding:5% 5% 5% 5%;
	margin:2% 10% 10% 10%;
	color:#333333;
	}
.text-area.content {
    width:100%;
    padding-left:15px;
    padding-right:15px;
}
.text-halfarea.content {
    width:50%;
    padding-left:15px;
    padding-right:15px;
}
.formContentCenter 
{     /* L.T to center div with auto,  margins left right evenly distributed*/
     margin:auto;
	 margin-top:3%;  
     width:75%;
     border-radius:10px;
	 text-align:left;
	 background-color:#f3f7f9;
	 border:1px solid rgba(100, 100, 100, 0.5);
}
.lantmetContentLeftClean 
{   
     float:left;
	 width:802px;
	 margin-top:1%;  
     border-radius:10px;
	 text-align:center;
	 border:1px solid rgba(100, 100, 100, 0.5);
}
.lantmetContentLeftTextClean 
{     
     float:left;
	 width:802px;
	 margin-top:1%;  
     border-radius:10px;
	 text-align:left;
	 border:1px solid rgba(100, 100, 100, 0.5);
	 min-height:85%;
}
.lantmetContentCenter 
{     /* L.T to center div with auto,  margins left right evenly distributed*/
     margin:auto;
	 margin-top:3%;  
     width:75%;
     border-radius:10px;
	 text-align:left;
	 background-color:#f3f7f9;
	 border:1px solid rgba(100, 100, 100, 0.5);
}
.ffContentCenterClean 
{     /* L.T to center div with auto,  margins left right evenly distributed*/
     margin:auto;
	 margin-top:3%;  
     /*width:75%;*/
	 width:655px;
     border-radius:10px;
	 text-align:left;
	 background-color:#ffffff;
	 border:1px solid rgba(100, 100, 100, 0.5);
}
.ffContentCenterBig 
{  
	   /* L.T to center div with auto,  margins left right evenly distributed*/
     margin:auto;
	 margin-top:3%; 
	 width:980px;
     border-radius:10px;
	 text-align:left;
	 background-color:#ffffff;
	 border:1px solid rgba(100, 100, 100, 0.5);
}
section
{
	width:100%;
    font-family:'Merriweather',Georgia,"Times New Roman",Times,serif;
}
section.w75
{
	 width:75%;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 0;
	font-size:0.95em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	}

/* ------------end compartments-------------------- */
/*==================================================*/
/*-------------headers -----------------------------*/
/* Header inom pagecontainerblock */
.pagecontainer h2 {
	margin:10px 15px 5px 0px;
	padding-left:35px;
	padding-bottom:10px;
	border-bottom:5px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-style:normal;
	font-weight:600;
	}
.pagecontainer h3 {
	margin:10px 15px 5px 0px;
	padding-left:35px;
	padding-bottom:10px;
	border-bottom:5px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	}
/* for GoMa webbpages without pagecontainer div */
.h3_like_in_pagecont
{
	margin:10px 15px 5px 0px;
	padding-left:35px;
	padding-bottom:10px;
	border-bottom:5px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	}
.h3_like_in_pagecont_notUndersc
{
	margin:10px 15px 5px 0px;
	padding-left:35px;
	padding-bottom:10px;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	}
	/* for Lantmet's webpages without pagecontainer div */
.h3_like_in_pagecontLm
{
	margin:10px 15px 5px 0px;
	padding-left:35px;
	padding-bottom:10px;
	border-bottom:5px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	width:800px;
	}
.pagecontainer h3.upperc {
	margin:10px 15px 5px 0px;
	padding-left:35px;
	padding-bottom:10px;
	border-bottom:5px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	text-transform:uppercase;
	}
.pagecontainer h3.left {
	padding-left:5px;
	margin:10px 15px 5px 0px;
	padding-bottom:10px;
	border-bottom:5px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	}	
.pagecontainer h4 {
	margin:15px 0px 5px 1px;
	/* trbl */
	padding:10px 15px 5px 0px;
	border-bottom:2px solid #53565a;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:500;
	}
.pagecontainer .h4_notUndersc {
	display: block;
    font-weight: bold;
	/*above from h4 default */
	margin:15px 0px 5px 1px;
	/* trbl */
	padding:10px 15px 5px 0px;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:500;
	}
/* Topmenu for weatherdata with fieldtrials */
.gridarea {
  display:grid;
  grid-template-columns:auto auto auto;
  gap:5px;
  background-color:#ffffff;
  padding:5px;

}
/* default gridcellayout and style */
.gridarea > div {
  text-align:left;
  padding:10px 0;
  }
/* spec. gridcellayout and/or style */
.item_r1c1_2 {
grid-column:1 / span 2;
}
/*==================================================*/
/* -------------- tables ---------------------------*/
table.FfTable {
	width:100%;
	border-collapse:collapse;
	font-family:Verdana,Tahoma,Roboto,sans-serif;
	/*white-space:nowrap;
	Baettre laesbarhet men ger snabbt overflow utanfoer container.*/
}
table.newsTable {
	width:100%;
	border-collapse:separate; 
	border-spacing:0 1em;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	
	/*white-space:nowrap;
	Baettre laesbarhet men ger snabbt overflow utanfoer container.*/
}
/* To adapt old FF-pages with table for formlayout */
table.formTable, table.formTableSlim {
	width:100%;
	border-spacing:3px;
	border-collapse:collapse;
	/*white-space:nowrap;
	Better readability but gives overflow to soon, outside parentcontainer.*/
}
table.contactTable {
	width:100%;
	border-collapse:separate; 
	border-spacing:0 1em;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	
	/*white-space:nowrap;
	Baettre laesbarhet men ger snabbt overflow utanfoer container.*/
}
table.FfTable tr {/* border-top:1px solid #5d5d5d;*/ }

/*L.T: Trying to get it to look like the SLU-portals newslist which is an ul */
table.newsTable tr {background-color:#f3f7f9; }
table.newsTable tr:hover td {
/*background-color:#f5f5f5;*/
border-bottom:1px solid #428bca;
border-top:1px solid #428bca;
}
 
table.formTable tr {/*border-top:1px dotted #5f5f5f;*/ }
table.formTableSlim tr {/*border-top:1px dotted #5f5f5f;*/ }

table.FfTable tr.odd { 
background-color:#dddddd;
/*
background-color:#eeeeee;
border-top:1px solid #5d5d5d; */
}
table.formTable tr.odd { 
background-color:#dddddd;
/*
background-color:#eeeeee;
border-top:1px dotted #5f5f5f;*/ 
}
table.formTableSlim tr.odd { 
background-color:#dddddd;
/*
background-color:#eeeeee;
border-top:1px dotted #5f5f5f;*/ 
}

table.FfTable th { 
    /* trbl */
	padding:3px 0px 3px 6px;
	background-color:#dddddd;
	/*background-color:#eeeeee;*/
	color:#333333;
	text-align:left;
	vertical-align:top;	
	text-transform:uppercase;
}

table.newsTable th { 
    /* trbl */
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	padding:3px 0px 3px 6px;
	background-color:#dddddd;
	/*background-color:#eeeeee;*/
	color:#333333;
	text-align:left;
	vertical-align:top;		
	/*text-transform:uppercase;*/
}
table.newsTable th.white_bg { 
    /* trbl */
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	padding:3px 0px 3px 6px;
	background-color:#ffffff;
	color:#333333;
	text-align:left;
	vertical-align:top;		
	/*text-transform:uppercase;*/
}
table.formTable th { 
    /* trbl */
	padding:3px 0px 3px 6px;
	background-color:#dedede;
	/*background-color:#efefef;*/
	color:#606060;
	font-weight:600;
	text-align:left;
	vertical-align:top;	
	text-transform:uppercase;
}
table.formTableSlim th { 
    /* trbl */
	padding:0px 0px 0px 0px;
	background-color:#dedede;
	/*background-color:#efefef;*/
	color:#606060;
	font-weight:600;
	text-align:left;
	vertical-align:top;	
	text-transform:uppercase;
}
table.FfTable th.center {text-align:center;}
table.newsTable th.center {text-align:center;}
table.formTable th.center {text-align:center;}
table.formTableSlim th.center {text-align:center;}

table.FfTable td { 
	vertical-align:middle;
	min-width:5px;
	 /* trbl */
	padding:3px 0px 3px 6px;
	font-size:0.90em;	
}

table.newsTable td { 
    font-family:'Oswald', Helvetica, Arial, sans-serif;
	vertical-align:middle;
	min-width:5px;
	 /* trbl */
	padding:3px 0px 3px 15px;
    font-size:0.95em;	
}

table.formTable td { 
	vertical-align:middle;
	min-width:5px;
	 /* trbl */
	padding:3px 0px 3px 6px;
    font-size:0.95em;	
}

table.formTableSlim td { 
	text-align:left;
	vertical-align:top;
	min-width:5px;
	 /* trbl */
	padding:8px 3px 8px 3px;
    font-size:0.95em;	
}
table.contactTable td { 
    font-family:'Oswald', Helvetica, Arial, sans-serif;
	vertical-align:middle;
	min-width:5px;
	 /* trbl */
	padding:3px 0px 3px 15px;
    font-size:0.95em;	
}

table.formTableSlim input[type=checkbox] {
            vertical-align: top;
            position: relative;
			padding:8px 3px 8px 3px;
            /*bottom: 1px;*/
        }
table.FfTable td.heavy {
	font-weight:600;
	color:#707070;
}
table.FfTable td.heavyBig {
	font-weight:600;
	color:#000000;
	font-size:larger;
}
table.newsTable td.heavy {
	font-weight:600;
	color:#707070;
	 /* trbl */
	padding:3px 0px 3px 6px;
}
table.newsTable td.heavy_underlined {
	font-weight:600;
	color:#707070;
	text-decoration:underline dotted #333333;
	 /* trbl */
	padding:3px 0px 3px 6px;

}
table.formTable td.heavy {
	font-weight:600;
	color:#707070;
}
table.formTableSlim td.heavy {
	font-weight:600;
	color:#707070;
}

table.FfTable td.time {vertical-align:top;}
table.FfTable td.center {text-align:center;}

table.newsTable td.center {text-align:center;}

table.formTable td.center {text-align:center;}
table.formTableSlim td.center {text-align:center;}

table.newsTable td.left_padded {text-align:left;
                                   padding-left:20px;}
table.newsTable td.toptext {vertical-align:top;
                            text-align:left;
                            padding-left:20px;}
table.FfTable td.right {text-align:right;}
table.newsTable td.right {text-align:right;}
table.formTable td.right {text-align:right;}
table.formTableSlim td.right {text-align:right;}

table.FfTable td.empty {height:20px;}
table.FfTable td.underline {
  border-bottom: 1px solid black;
  /* trbl */
  padding:4px 0px 2px 0px;
 }
table.FfTable td.oddbw { 
background-color:#f7f7f7;
}
table.FfTable td.oddgreen { 
background-color:#eefdee;
}
table.FfTable td.oddlightblue { 
background-color:rgba(185,211,220,0.5);
}
table.FfTable div.spacer {height:40px;}
table.FfTable div.spacer form{ margin:0px;padding:0px;}
/* form inom div av class spacer inom table av class FfTable */

table.FfTable .showFewer {margin-bottom:15px;}

table.FfTable .showMore {margin-bottom:15px;}
/* newsTable extra styledefs */
table.newsTable .datebox {
    background-color:rgba(185,211,220,0.5);
    color:#54575b;
    font-size:1.125rem;
	font-weight:400;
    line-height:1;
    padding:6px 0px 6px 6px;
    position:float;
    text-align:left;
	width:105px;
}
table.newsTable .headline {
    display:block;
	/* tb rl */
    margin:2px 0;
    font-family:'Oswald', Helvetica, Arial, sans-serif;
    font-size:1.125rem;
    font-weight:500;
    line-height:1.3;
    text-decoration:underline;
}
table.newsTable a,table.newsTable a:link,table.newsTable a:active,table.newsTable a:visited {
    color:#2b61b4;
	text-decoration-line: underline;
    /*text-decoration:underline;*/
	}
table.newsTable a:hover
{ color:#0a58ca;
  text-decoration-line: underline;
  /*text-decoration:underline;*/
	}
/* End newsTable extra defs */
#map_table {
	float:left;
	width:40%;
	height:700px;
	margin-left:4px;
	margin-top:5px;
	margin-bottom:10px;
	overflow-y:scroll;
	}
/* L.T.: for all, minor stylechanges */
tr.underline td {
  border-bottom: 1px solid black;
  /* trbl */
  padding:4px 0px 2px 0px;
}
tr.underline th {
  border-bottom: 1px solid black;
   /* trbl */
  padding:4px 0px 2px 0px;
}

tr.underlineFormelements td {
  border-bottom: 1px solid #dedede;
  /* trbl */
  padding:4px 0px 2px 0px;
}
tr.underlineFormelements th {
  border-bottom: 1px solid #dedede;
   /* trbl */
  padding:4px 0px 2px 0px;
}

tr.formdivider th {
  border-bottom:3px solid #666666;
  /* trbl */
  padding:1px 0px 1px 2px;
}
tr.formdivider td {
  border-bottom:3px solid #666666;
  /* trbl */
  padding:1px 0px 1px 2px;
}
tr.topdivider_grv th {
	border-top-style:groove;
	border-width:5px;
	}
tr.topdivider_grv td {
	border-top-style:groove;
	border-width:5px;
	}
.like_th { 
	padding:3px 0px 3px 6px;
	background-color:#dddddd;
	/*background-color:#eeeeee;*/
	font-weight:600;
	color:#333333;
	text-align:left;	
	text-transform:uppercase;
}
.like_th_nc { 
	padding:3px 0px 3px 6px;
	background-color:#dddddd;
	font-weight:600;
	color:#333333;
	text-align:left;	
}
.like_th_nc_np { 
	background-color:#dddddd;
	font-weight:600;
	color:#333333;
	text-align:left;	
	vertical-align:top;
}
.like_th_nc_c_grbg_tb {
	font-weight:600;
	color:#333333;
    font-family:'Roboto',Arial,Helvetica,sans-serif;
    font-size:larger;
	padding-top:5px;
	text-align:center;
    background-color:#eeeeee;
	border-top-style:inset;
	border-width:2px;
	}
td.tborder {
	color:#333333;
	border-top-style:inset;
	border-width:2px;
	}	
td.underlineFormelements
{
  border-bottom: 1px solid #dedede;
  /* trbl */
  padding:4px 0px 2px 0px;
	}
td.valign_top {vertical-align:top;}
td.oddlightblue { 
background-color:rgba(185,211,220,0.5);
}
td.oddmediumblue { 
background-color:rgba(185,211,220,0.7);
}
tr.bottom_border td {
  border-bottom: 1px solid black;
}
tr.top_border td {
  border-top: 1px solid black;
}
td.right_border {
	border-right: 1px dotted #999999;
	padding-right:2px;
	}
/*Mod. for JQuery dataTable */
.dataTable.tdValueFont
{
	font-size:0.95em;
	font-weight:500;
	}
/* end tables */
/*==================================================*/
/* ---------------- minor styledefs ----------------*/
em {font-style:italic;}
.heavy {  
    font-weight:600;
	color:#707070;
}
.littPost {
  border:0px;
  border-collapse:separate; 
  border-spacing:0 8px; 
}
.h3 {
	margin:10px 15px 5px 0px;
	padding-bottom:10px;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:600;
	}
.h3lighter {
	margin:10px 15px 5px 0px;
	padding-bottom:10px;
	color:#53565a;
	text-align:left;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-style:normal;
    font-weight:400;
	}
	/*margin-bottom: 20px;*/
	/*color: #302f2f; Portalen*/
h5 { 
    display: block;
    font-size:1.00em;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
    margin-top:1.67em;
    margin-bottom:1.67em;
    margin-left:0;
    margin-right:0;
    font-weight:600;
}
h5.inline { 
    display:inline;
    font-size:1.00em;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
    margin-top:1.67em;
	display: inline;
    margin-bottom:1.67em;
    margin-left:0;
    margin-right:0;
    font-weight:600;
}
.largeCap {
  float: left;
  width: 0.7em;
  font-size: 400%;
  font-family: algerian, courier;
  line-height: 80%;
  color:#693;
}
/*==================================================*/
/* ---------------lists --------------- */
ul {
	font-family:'Merriweather', Georgia, Arial, sans-serif !important;
    list-style:square;
}
ul.clean {list-style:none;}
/* Descriptionlist with titles per item */
dl {
	float:left;
	width:100%;
	display:flex;
	flex-flow:row wrap;
	font-family:'Merriweather', Georgia, Arial, sans-serif !important;
} 
dt {
	flex-basis:20%;
	float:left;
	padding-right:0.3em; 
	} 
dd {
	flex-basis:70%;
	flex-grow:1;
	float:left;
	margin-right:1.5em;
	padding-right:2.5em; 
	}
/* ================================================= */
/* ------------------chart container and handling -- */
 /* Chart container */
.chartDiv {
  position:relative;
  display:inline-block;
  cursor:pointer;
  margin:2px 2px 3px 2px;  
  border:2px solid rgba(100, 100, 100, 0.7);
  color:#ffffff; 
  background-color:#bbbbbb;
  box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.25),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.23),inset 0 0 0em 0.05em rgba(255,255,255,0.20);
  text-align:center;
  text-decoration:none;
  font-family:'Roboto','Oswald', Helvetica, Arial, sans-serif; 
  padding:7px 12px;
  border-radius:4px; 
}

/* The actual chart div (appears on top) */
.chartDiv .chartDivtext {
  visibility:hidden;
  width:510px;
  background-color:#ffffff;
  color:#333333;
  text-align:center;
  border-style:solid;
  border-color:#cccccc; 
  border-radius:6px;
  padding:8px 0;
  position:absolute;
  z-index:1;
  bottom:125%;
  left:50%;
  margin-left:-55px;
}

/*Chart div arrow */
.chartDiv .chartDivtext::after {
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:#555555 transparent transparent transparent;
}

/* Toggle hide/show  when clicking the chart  div */
.chartDiv .show {
  visibility:visible;
  -webkit-animation:fadeIn 1s;
  animation:fadeIn 1s
}

/* Add animation (fade in the chart div) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 
/* ================================================= */
.metadataDiv {
  display: none;
  position:relative;
  z-index:2;
  width:100%;
  font-size:smaller;
}
.ctrlmetadataDiv {
  display:block;
  float:left;
  font-family:Tahoma, Geneva, sans-serif;
  font-style:oblique;
  padding:3px;
  margin-top:8px;
  border:1px;
  border-color:#360;
  border-radius::8px;
}
.ctrlmetadataDiv:hover + .metadataDiv {
  display:block;
  float:left;
}
/*==================================================*/
/* ------------- form - containers-------------------------------*/
fieldset {
	width:50%;
	border:none;
}
fieldset.wide {
	width:80%;
	border:none;
}
fieldset.markedArea{
	background-color:#f3f7f9;
	width:50%;
	border:none;
	
}
fieldset.markedAreaSLUcl{
	background-color:#f3f7f9;
	width:50%;
	border:none;
	display:block;
	margin:0 auto;
}
div.forTextInput
{
    margin-right:15px;
	margin-bottom:8px;
	background-color:#f3f7f9;
	/*border-bottom:1px solid #428bca;*/
    border-top:1px solid #428bca;
}
div.textinput_rdblock
{
  margin:0 auto;
  max-width:900px;
  padding:10px 5px;   
}
/* -----Labels ---- */
label {
  display:block;
  width:10em;
  /*text-align:right;*/
  vertical-align:top;
  /* trbl */
  margin:0px 0px 5px 0px;
  padding:5px 0px 5px 0px;
  /*text-transform:uppercase;*/
  font-family:'Merriweather', Georgia, Arial, sans-serif;
  font-size:medium;
  font-weight:500;
}
.labelCheckbox {
  display:inline-block;
  width:10em;
  /*text-align:right;*/
  vertical-align:top;
  /* trbl */
  margin:0px 0px 0px 0px;
  padding:0px 5px 3px 0px;
  /*text-transform:uppercase;*/
  font-family:'Merriweather', Georgia, Arial, sans-serif;
  font-size:medium;
  font-weight:500;
}
.likeLabel {
  display:inline;
  width:10em;
  /*text-align:right;*/
  	 /* trbl */
  margin:0px 0px 5px 0px;
  padding:5px 0px 5px 0px;
  /*text-transform:uppercase;*/
  font-family:'Merriweather', Georgia, Arial, sans-serif;
  font-size:medium;
  font-weight:500;
}
label.colAdapted {
  display:block;
  width:10em;
  text-align:left;
  vertical-align:middle;
  	 /* trbl */
  margin:0px 0px 5px 5px;
  padding:5px 0px 5px 25px;
  /*text-transform:uppercase;*/
  font-family:'Merriweather', Georgia, Arial, sans-serif;
  font-size:medium;
  font-weight:500;
}
label:after {
 /* content:":"; */
}
label.leftText {
  display:inline-block;
  width:50px;
  margin:0px 0px 5px 0px;
  padding:5px 2px 0px 5px;
  font-weight:500;
      }
.validationerror {color:red;margin-left:5px;}
label.validationerror {display:inline;}
/* ---Selectelement---- */
input[type=select]{
	display:block;
	vertical-align:top;
	font-family: inherit;
	font-size: inherit;
	color:#222222;
	margin:0px 0px 8px 0px;
    padding:5px 0px 5px 2px;
}

optgroup{
  font-family: inherit;
  font-size: inherit;
}
optgroup option{
  font-family: inherit;
  font-size: inherit;
}
option{
  font-family: inherit;
  font-size: inherit;
}
/* ---Text and Search-elements---- */
input[type="text"], input[type="search"], input[type="password"]  
{
	padding:5px 5px 5px 1px;
	border-radius:6px;  
	border:1px solid rgba(100, 100, 100, 0.5);
    font-family:'Roboto','Oswald', Helvetica, Arial, sans-serif;  
}
input[type="text"].textinput_rd
{
  /* Turn off the native look and feel */
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font:15px/1 'Open Sans', sans-serif;
  color:#333333;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  width:100%;
  max-width:500px;
  background-color:#cccccc;
  margin:0;
  padding:10px 11px 11px 11px;
  outline:none;
  box-sizing:border-box; 
  box-shadow:none;
/* ------- 
  border:none;*/ 
  border-radius:3px; 
/* Old IE */
  background: none;
}
.rd
{ 
  width:calc(100% - 50px);
  outline:none;
  margin:0;
  box-sizing:border-box;
  height:22px;
}
/* ---Checkboxelement---- */
input[type="checkbox"] {
	display:block;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 2px;
	vertical-align:middle;
    }
/* ---Buttonelement---- */
input[type=button], input[type=submit], input[type=reset]
{
	display:block;
	margin:2px 2px 3px 2px;
    /*border:none;*/
	border:2px solid rgba(100, 100, 100, 0.7);
    color:#ffffff; 
	background-color: #777777;
	/*background-color:rgba(0, 0, 0, 0.7);*/
	box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.25),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.23),inset 0 0 0em 0.05em rgba(255,255,255,0.20);
   
	text-align:center;
    text-decoration:none;
    font-family:'Roboto','Oswald', Helvetica, Arial, sans-serif; 
    padding:7px 12px;
    border-radius:10px;  
 }
input[type=button].dark, input[type=submit].dark, input[type=reset].dark {
    background-color: #777777;	
    /*border:2px solid rgba(100, 100, 100, 0.7);*/
    color:#ffffff;
}

input[type=button].darkLeft, input[type=submit].darkLeft, input[type=reset].darkLeft {
    background-color: #777777;
    border:2px solid rgba(100, 100, 100, 0.7);
    color:#ffffff;
	margin-left:2px;
}
<!--- SLU-portal linkbutton --->
.button-regular--slim
 {
    width: unset;
    font-size: 1.0em;
    padding: 5px 16px 5px !important;
	margin:5px 5px 5px 5px;
}
.button-regular {
	/*float:left;*/
    align-items: center;
    background-color: #007681 !important;
    border: 1px solid #fff !important;
    border-radius: 22px !important;
    color: #fff !important;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    justify-content: center;
    padding: 7px 16px 7px !important;
    text-align: center;
    text-decoration: none !important;
    /*overflow-wrap: anywhere;*/
}
.button-regular::after {top: 0.06em;}

/* ---lantMet-specific---- */
/* ---Text and Search-elements---- */
input[type="text"].lantmet, input[type="search"].lantmet, input[type="password"].lantmet  
{
	padding:3px 1px 3px 1px;
	border-radius:1px;  
	border:1px solid rgba(100, 100, 100, 0.5);
    font-family:'Roboto','Oswald', Helvetica, Arial, sans-serif;  
}

input[type=select].lantmet{
	display:block;
	vertical-align:top;
	font-family: inherit;
	font-size: inherit;
	color:#ffffff;
	margin:0px 0px 8px 0px;
    padding:5px 0px 5px 2px;
	border-radius:1px;  
}
input[type=button].lantmet, input[type=submit].lantmet, input[type=reset].lantmet
{
	display:block;
	margin:2px 2px 3px 2px;
    /*border:none;*/
	border:2px solid rgba(100, 100, 100, 0.7);
    color:#ffffff; 
	background-color: #bbbbbb;
	/*background-color:rgba(0, 0, 0, 0.7);*/
	box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.25),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.23),inset 0 0 0em 0.05em rgba(255,255,255,0.20);
   
	text-align:center;
    text-decoration:none;
    font-family:'Roboto','Oswald', Helvetica, Arial, sans-serif; 
    padding:7px 12px;
    border-radius:4px;  
 }
/*==================================================*/
/* ----"Modified date"-info or other pub.info------ */
.info:after {
  content:":";
}

.publish-info {
	padding-bottom:20px;
	text-align:left;
	color:#aaaaaa;
	font-family:'Roboto',Helvetica,Arial,sans-serif;	
	font-size:0.8em;
	text-transform:uppercase;
	}
.publish-infoDarker {
	padding-bottom:20px;
	text-align:left;
	color:#888888;
	font-family:'Roboto',Helvetica,Arial,sans-serif;	
	font-size:0.8em;
	text-transform:uppercase;
	}
.publish-infoDarker-nc {
	padding-bottom:20px;
	text-align:left;
	color:#888888;
	font-family:'Roboto',Helvetica,Arial,sans-serif;	
	font-size:0.8em;
	text-transform:none;
	}
.publish-infoDarkest-nc {
	padding-bottom:20px;
	text-align:left;
	color:#555555;
	font-family:'Roboto',Helvetica,Arial,sans-serif;	
	font-size:0.8em;
	text-transform:none;
	}
.usage-infoDarkest-nc {
	padding-bottom:20px;
	text-align:left;
	color:#333333;
	font-family:'Roboto',Helvetica,Arial,sans-serif;	
	font-size:0.95em;
	text-transform:none;
	}
.usage-infoDarkBig-nc {
	padding-bottom:20px;
	text-align:left;
	color:#333333;
	font-family:'Roboto',Helvetica,Arial,sans-serif;	
	font-size:1.00em;
	font-weight:500;
	text-transform:none;
	}
	
/* Mapmarker information window */
 #iw-container  .iw-title {
   border-bottom:1px solid #428bca;
   border-top:1px solid #428bca;
   font-family:'Merriweather', Georgia, Arial, sans-serif !important;
   color:#333333;
   font-weight:300;
    font-size:small;
   padding:7px;
   /*background-color:#a7e385;*/
   background-color:#f5f5f5;
   margin:1px;
   box-shadow:0 1px 6px rgba(178, 178, 178, 0.6);
   border-radius:2px 2px 0 0; 
   /* In accordance with the rounding of the default infowindow corners. */
}
/* list date and newstabletext used in newsTable */
.listdate 
{ 
	 padding:0px 4px 0px 0px;
	 color:#000000;
	 font-family:'Roboto',Helvetica,Arial,sans-serif;
	 font-weight:300;
	 font-size: .875rem;
     line-height: 1.4;
     /*text-transform: uppercase;*/
}
.newstabletext
{
  color: #000;
  font-family: 'Roboto',Helvetica,Arial,sans-serif;
  margin-top: 5px;
  line-height: 1;
  font-size: 1rem;
}
.newstabletext_big
{
  color: #000;
  font-family: 'Roboto',Helvetica,Arial,sans-serif;
  margin-top: 5px;
  line-height: 1.1;
  font-size: 1.1rem;
  /*font-weight:500;*/
}
/* -------------------  */
 .tablerelatedinfo {
  position:relative;
  display:inline-block;
  float:left;width:50%;
  font-family:'Roboto',Helvetica,Arial,sans-serif;	
  color:#333333;
  font-weight:300;
  font-size:small;    
  margin:auto;  
  border-radius:3px; 
  border-bottom:1px solid #428bca;
  border-top:1px solid #428bca;
  padding:7px;
  /*background-color:#a7e385;*/
   background-color:#f5f5f5;
   box-shadow:0 1px 6px rgba(178, 178, 178, 0.6);
}
 /* Supporting styles */
 .error
 {
	 padding:2px;
	 color:#300030;
	 font-family:'Roboto',Helvetica,Arial,sans-serif;
	 font-weight:600;
	 font-size:1.0em;
  }
   .writtenTexttype
 {
	 text-transform:none;
  }
/*==================================================*/
/*-----------------tooltip--------------------------*/
/* Container */
.tooltip {
  position:relative;
  display:inline-block;
  border:1px dotted #cccccc;
  font-family:'Roboto',Helvetica,Arial,sans-serif;
   
}

/* Content text */
.tooltip .tooltiptext {
  visibility:hidden;
  width:200px;
  /*background-color:#f1efd4;
  color:#333333;*/
  background-color:#555577;
  color:#fefeff;
  text-transform:none;
  font-weight:600;
  text-align:left;
  padding:5px 0;
  border-radius:6px;
  position:absolute;
  top:-5px;
  left:105%;
  z-index:1;
}

/* Visibility rule */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* Helptext */
.textcell
{
  border:1px dotted black;
  width:33%;
  /*background-color:#f1efd4;*/
  color:#666666;
  vertical-align:top;
  text-align:left;
  padding:9px 9px 10px 10px;
  border-radius:8px;
}
/*==================================================*/
/* ----------------links ------------......---------*/
a  {
	color:#428bca;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
a:link {
	color:#428bca;	
    text-decoration:none;}
a:visited  {
	/*color:#999999;*/
}
a:active  {
	color:#00529d;
}
a:hover, a:focus {
    color:#00376a;
	text-decoration-line:underline;
	text-decoration-style:solid;
	text-decoration-color:currentcolor;
}
/* end links */
/*==================================================*/
/* ------------------Decorations------------------- */
.contentcontainer hr
{
	background-color:#000000;
	height:1px;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
	}	
	
/*==================================================*/
/* ---------------L.T. clientadaptions ------------ */

@media (min-width:1008px){
.pagecontainer { width:95%;}
.pagecontainer-narrow1 {
   width:75%;  
}
.contentcontainer { width:93%;}
.text-halfarea.content {
	width:50%;
	padding-left:15px;
	padding-right:15px;
}
.text-halfarea.content.more-important {width:70%;}  
.contentContainerTop  {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.reportsContentContainer  {	
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
 .contentContainerBottom  {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.text-area.content {
	/* test background-color:#fff00f; */
    padding-left:15px;
    padding-right:15px;
}

}

@media (max-width:1007px) and (min-width:641px)  {
.pagecontainer { width:98%;}
.pagecontainer-narrow1 {
   width:80%;  
}
.contentcontainer { width:96%;}
.text-halfarea.content {
	width:85%;
    padding-left:15px;
    padding-right:15px;
}
.text-halfarea.content.more-important {width:85%;} 
.contentContainerTop  {
	/* test background-color:#0000ff; 
	color:#ff8bca; */
	
	font-weight:normal;
	font-style:normal;
	font-size:0.75em;
	text-decoration:none;
}
.reportsContentContainer  {
	/*background-color:#c00ccc;
	color:#428bff; */
	
	font-weight:normal;
	font-style:normal;
	font-size:0.75em;
	text-decoration:none;
}
.contentContainerBottom  {
	/* test background-color:#000fff; 
	color:#42ffca; */
	
	font-weight:normal;
	font-style:normal;
	font-size:0.75em;
	text-decoration:none;
}
 .text-area.content {
	background-color:#fff00f;
    padding-left:15px;
    padding-right:15px;
}
table.formTableSlim th{font-size:0.85em;}
table.formTableSlim td{font-size:0.75em;}
label {font-size:0.90em;
        font-weight:500;}
.labelCheckbox {font-size:0.90em;
        font-weight:500;}
.likeLabel {font-size:0.90em;
        font-weight:500;}
label.colAdapted { font-size:0.90em;
        font-weight:500;}
optgroup{
 	font-size:0.90em;
}
optgroup option{
 	font-size:0.90em;
}
option{
	font-size:0.90em;
}
table.FfTable {
	font-family:Tahoma,Roboto,sans-serif;
	font-size:0.85em;
	font-weight:500;
}

}
@media (max-width:940px){
	/* ==============================  */
.contentColumnsContainer
{
	display:inline;
    width:100%;  
    padding-top:2%;
    height:100%;
    background-color:#ffffff;
}
.contentContainerLT, .contentContainerLTS {
  float:left;
  border:none;
  width:60%;
  height:100%;
  
}
.contentContainerRB, .contentContainerRBW {
  float:left;
  border:none;
  width:100%;
  height:100%;  
}
/* ==============================  */
#map_table {
	 width:80%;
	}
table.FfTable {
    font-family:Tahoma,Roboto,sans-serif;
	font-size:0.80em;
	font-weight:500;
	}
	
}
@media (max-width:640px){
	 .pagecontainer { 
	 width:100%;
	 padding-left:1.1625%;
	 padding-right:1.1625%;
	 }
	.pagecontainer-narrow1 {
   width:90%;
}
    .contentcontainer { 
	width:98%;
	font-size:0.90em;
	}
    .text-halfarea.content {
	width:85%;
    padding-left:15px;
    padding-right:15px;
	}

.contentContainerTop  {
	/* test background-color:#00ffff; 
	color:#ff8bca; */
	
	font-weight:normal;
	font-style:normal;
	font-size:0.70em;
	text-decoration:none;
}
 .reportsContentContainer  {
	/*background-color:#cccccc;
	color:#428bff; */
	
	font-weight:normal;
	font-style:normal;
	font-size:0.70em;
	text-decoration:none;
}
 .contentContainerBottom  {
	/* test background-color:#f00fff; 
	color:#42ffca; */
	
	font-weight:normal;
	font-style:normal;
	font-size:0.70em;
	text-decoration:none;
}
.mapContainer{
	float:left;
	width:450px;
	height:700px;
	margin-top:15px;
	}
table.formTableSlim th{font-size:0.80em;}
table.formTableSlim td{font-size:0.70em;}
input[type=select]{
	float:none;	
	padding:5px 5px;
	margin-left:2px;
	vertical-align:top;
	color:#222222;
	font-size:0.85em;
	font-weight:600;
}
#ProjektFF{width:150px;}

#ProjektFF option{width:150px;}

input[type=button], input[type=submit]
{
	display:inline-block;
	margin-left:2px;
	/*background-color: #004498;*/
	background-color: #505050;
    padding:5px 10px;
    border:2px solid rgba(40, 40, 40, 0.7);
    color:white; 
    text-align:center;
    text-decoration:none;
    font-family:'Roboto','Oswald', Helvetica, Arial, sans-serif; 
    font-size:0.9em; 
    border-radius:10px;  
}
input[type=button].dark, input[type=submit].dark, input[type=reset].dark {
    background-color: #505050;	
    border:2px solid rgba(40, 40, 40, 0.7);
    color:#ffffff;
}

input[type=button].darkLeft, input[type=submit].darkLeft, input[type=reset].darkLeft {
    background-color: #505050;
    border:2px solid rgba(40, 40, 40, 0.7);
    color:#ffffff;
	margin-left:2px;
}

.text-area.content {
	background-color:#fff0ff;
    padding-left:15px;
    padding-right:15px;
}
label {font-size:0.90em;
        font-weight:500;}
.labelCheckbox {font-size:0.90em;
        font-weight:500;}
.likeLabel {font-size:0.90em;
        font-weight:500;}
label.colAdapted {font-size:0.90em;
        font-weight:500;}
optgroup{
 	font-size:0.90em;
}
optgroup option{
 	font-size:0.90em;
}
option{
	font-size:0.90em;
}
ul
{	
	color:#000000;
	font-weight:600;
}
#map_table {
	 width:80%;
	}
table.FfTable {
	font-family:Roboto,Tahoma,sans-serif;
    font-size:0.70em;
	font-weight:600;
	}
}