.infoskrift {
  font-family:'pluto_sans_bold';
  font-size:12px;
}




button.knappvsrestart {
  float:right;
  font-size:9px;
}

pre.visprosjektkommentar {font-size:14px; font-family:'pluto_sans_extralight'; background-color: #F6F5F0; padding:5px;}







div.oppsett {float:left; background-color: #E6E3D6; padding:10px; margin:2% 2% 0 0;}
div.skilleboks {float:left; background-color: #E6E3D6; padding:10px; margin:2% 2% 0 0;}

div.infobokser {float:left; margin:5px; padding:0 10px; background-color: #E6E3D6}
div.infobokser p {font-size:13px;}

div.lukkboks {background-color:#3D3D3D; padding:10px; color: #FFFFFF; cursor: pointer; text-align: center; width: 60px }
div.lukkboksmini {background-color:#3D3D3D; padding:5px; color: #FFFFFF; cursor: pointer; text-align: center; width: 60px; font-size:12px; margin:10px;}
div.avbrytboks {background-color:#3D3D3D; padding:10px; color: #FFFFFF; cursor: pointer; text-align: center; width: 80px; float:left; }
div.slettboks {background-color:#E5302A; padding:10px; color: #FFFFFF; cursor: pointer; text-align: center; width: 80px; float:left; }
div.lagreboks {background-color:#12B200; padding:10px; color: #FFFFFF; cursor: pointer; text-align: center; width: 80px; float:left; }

div.settferdigboks {background-color:#12B200; padding:6px; color: #FFFFFF; cursor: pointer; text-align: center; font-size: 10px; width: 215px;}
div.endrelagretboligboks {background-color:#00679E; padding:6px; color: #FFFFFF; cursor: pointer; text-align: center; font-size: 10px; width: 215px;}
div.nyboligbasertboks {background-color:#000000; padding:6px; color: #FFFFFF; cursor: pointer; text-align: center; font-size: 10px; width: 215px; }
div.slettboligboks {background-color:#E5302A; padding:6px; color: #FFFFFF; cursor: pointer; text-align: center; font-size: 10px; width: 215px; }




div.registrerboks {background-color:#1B61B1; padding:10px; color: #FFFFFF; cursor: pointer; text-align: center; width: 110px; float:left; }
div.logginnboks {background-color:#12B200; padding:10px; color: #FFFFFF; cursor: pointer; text-align: center; width: 110px; float:left; }

div.beskjedboks {background-color: #12B200; color:#FFFFFF}
div.beskjedboks p { margin-left:10px; }
div.beskjedboks input { margin-left:10px;}
div.beskjedboks label { margin-left:10px;}
div.beskjedboks button { margin-left:10px;}
div.beskjedboksrod { background-color: #CC0300; color:#FFFFFF}
div.beskjedboksrod p { margin-left:10px;}
div.beskjedboksrod input { margin-left:10px;}
div.beskjedboksrod label { margin-left:10px;}
div.beskjedboksrod button { margin-left:10px;}

/* */
div.trygghetsniva {margin:10px 0; background-color: #EAE6DD; padding:1%;}
div.trygghetsnivaknapper { }

.myButtonmainniva {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
    color:#ffffff;
	font-size:15px;
	padding:1% 5%;
    text-decoration: none;
    font-family:'pluto_sans_bold';
    width:90px;
    text-align:center;
}

.myButtonmainniva:active {position:relative; top:1px;}

.myButtoningen {background-color:#FFFFFF; border:1px solid #DEDEDE; color: #949494; width:90px;}
.myButtoningen:hover {background-color:#DEDEDE;}

.myButtonlav {background-color:#55FF33;	border:1px solid #28F000;}
.myButtonlav:hover {background-color:#28F000;}

.myButtonmed {background-color:#15D100;	border:1px solid #12B200;}
.myButtonmed:hover {background-color:#12B200;}

.myButtonhoy {background-color:#339D20;	border:1px solid #216615;}
.myButtonhoy:hover {background-color:#216615;}



.oppsett td { vertical-align: top;}

/*  */

div.rom {
    float:left;
    margin:0 0 2% 2%;
    color:#ffffff;
    width:150px;
    height:150px;
    padding:10px;
    clear:right;
    overflow: auto;
}

div.romt1 {background-color:#CC0300; box-shadow: 5px 5px 2px #888888;}
div.romt2 {background-color:#00B825; box-shadow: 5px 5px 2px #888888;}
div.romt3 {background-color:#1B61B1; box-shadow: 5px 5px 2px #888888;}
div.romt4 {background-color:#CCB500; box-shadow: 5px 5px 2px #888888;}
div.romt5 {background-color:#CC4B00; box-shadow: 5px 5px 2px #888888;}
div.romt6 {background-color:#8A8A8A; box-shadow: 5px 5px 2px #888888;}
div.romt7 {background-color:#3B3B3B; box-shadow: 5px 5px 2px #888888;}
div.romt8 {background-color:#945400; box-shadow: 5px 5px 2px #888888;}
div.romt9 {background-color:#A37800; box-shadow: 5px 5px 2px #888888;}



#vannstoppspm {
  background-color: #E6E3D6;
  padding:1% 10px;
}



 p.funksjoner {font-size:60%; padding-left:3px; margin:0; padding:0;}
 ul.funksjoner li {font-size:60%; padding-left:3px; margin:0; padding:0; padding-left: 0px; margin-left:15px; font-family: "pluto_sans_cond_light"; list-style: square;}
 ul.funksjoner {padding: 0px; margin: 0px;}
 ul.prosjektfunksjoner li {font-size:100%; padding-left:3px; margin:0; padding:0; padding-left: 0px; margin-left:15px; font-family: "pluto_sans_cond_light"; list-style: square;}
 ul.prosjektfunksjoner {padding: 0px; margin: 0px;}
 div.skille4 {height:4px; }

.myButtonp {
	background-color:#0082C7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #00679E;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	/*padding:0px 10px;*/
	text-decoration:none;
    width: 35px;
    text-align: center;

}
.myButtonp:hover {
	background-color:#00679E;
}
.myButtonp:active {
	position:relative;
	top:1px;
}

/*  */

.myButtonn {

	background-color:#E5302A;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #C81F19;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	/*padding:0px 10px;*/
	text-decoration:none;
    width: 35px;
    text-align: center;
}
.myButtonn:hover {
	background-color:#C81F19;
}
.myButtonn:active {
	position:relative;
	top:1px;
}

/*  */

.myButtone {
    /*float:right;*/
	background-color:#FFFFFF;
/*	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:2px;*/
	border:1px solid #D4D4D4;
	display:inline-block;
	cursor:pointer;
	color:#000000;
     text-transform: uppercase;
	font-size:11px;
	padding:0px 10px;
	text-decoration:none;
    font-family:'pluto_sans_regular';
    font-size:10px;
    box-shadow: 0 2px 2px 0px #4C4C4C;
    margin-left:7px;
}
.myButtone:hover {
	background-color:#EAE6DD;
    text-decoration: none;
}
.myButtone:active {
	position:relative;
	top:1px;
}

.myButtonenofloat {
	background-color:#FFFFFF;
/*	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:2px;*/
	border:2px solid #D4D4D4;
	display:inline-block;
	cursor:pointer;
	color:#000000;
     text-transform: uppercase;
	font-size:11px;
	padding:0px 10px;
	text-decoration:none;
    font-family:'pluto_sans_regular';
}
.myButtonenofloat:hover {
	background-color:#EAE6DD;
    text-decoration: none;
}
.myButtonenofloat:active {
	position:relative;
	top:1px;
}


.infoikon
{
  float:right;
  margin:5px;
  width:16px;
  height:16px;
  border-radius:50%;
  font-size:10px;
  font-weight:bold;
  color:#000000;
  line-height:16px;
  text-align:center;
  background:#FFFFFF;
  font-family:'pluto_sans_extralight';
  cursor: pointer;
  border:1px solid #FFFFFF;
}

.ferdigikon
{
  background-image: url(/img/check.png);
  float:right;
  background-repeat: no-repeat;
  background-size: contain;
  width:20px; height:20px;
}


.graph {
    position: relative;
    width: 180px;
    border: 1px solid #7BD620;
    padding: 2px;
    margin-top:5px;
}
.graph .bar {
    display: block;
    position: relative;
    background: #7BD620;
    text-align: center;
    color: #333;
    height: 1em;
    line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }

.graphmini {
    position: relative;
    width: 50px;
    border: 1px solid #FFFFFF;
    padding: 2px;
    margin-top:3px;
    z-index:5;
}
.graphmini .barmini {
    display: block;
    position: relative;
    background: #FFFFFF;
    text-align: center;
    color: #333;
    height: 7px;
    line-height: 7px;
}
.graphmini .barmini span { position: absolute; left: 1em; }









/*  */
div.knapper { position: fixed; right: 0; top: 0; z-index:15; box-shadow: 0 0 15px 5px #4C4C4C;}

div.infosh{ width:100%; background-color: #F6F5F0; margin-bottom:10px; display: none;}
  div.knappinfoh {background-color: #3D3D3D; padding:10px 10px; width:60px; color: #FFFFFF; cursor: pointer;}
  div.knappinfos {background-color: #3D3D3D; width:110px; padding:20px 0; color: #FFFFFF; text-align: center;  cursor: pointer;}

div.boligsh{ width:100%; background-color: #F6F5F0; margin-bottom:10px; display: none;}
  div.knappboligh {background-color: #3D3D3D; padding:10px 10px; width:60px; color: #FFFFFF; cursor: pointer;}
  div.knappboligs {background-color: #3D3D3D; width:110px; padding:20px 0; color: #FFFFFF; text-align: center;  cursor: pointer;}

div.nivash{ width:100%; background-color: #F6F5F0; margin-bottom:10px; display: none;}
  div.knappnivah {background-color: #3D3D3D; padding:10px 10px; width:60px; color: #FFFFFF; cursor: pointer;}
  div.knappnivas {background-color: #3D3D3D; width:110px; padding:20px 0; color: #FFFFFF; text-align: center;  cursor: pointer;}

div.kontosh{ width:100%; background-color: #F6F5F0; margin-bottom:10px; display: none;}
  div.knappkontoh {background-color: #3D3D3D; padding:10px 10px; width:60px; color: #FFFFFF; cursor: pointer; margin-bottom:10px;}
  div.knappkontos {background-color: #3D3D3D; width:110px; padding:20px 0; color: #FFFFFF; text-align: center;  cursor: pointer;}

div.knappfb {background-color: #646464; width:110px; padding:20px 0; color: #FFFFFF; text-align: center;  cursor: pointer;}



div.prosjekt{ width:100%; background-color: #F6F5F0; margin-bottom:10px; display: none;}
  div.knappprosjekth {background-color: #3D3D3D; padding:10px 10px; width:60px; color: #FFFFFF; cursor: pointer;}
  div.knappprosjekts {background-color: #3D3D3D; width:110px; padding:20px 0; color: #FFFFFF; text-align: center;  cursor: pointer;}

   div.active {background-color: #000000; }

div.shcontent {padding: 0 0 1% 1%; }

div.trhn {margin-left:2%}

table.romliste { float:left;  margin-right:29px; }
  td.romlisteant {width:40px; font-size:12px; vertical-align: middle;}
  td.romlistebesk {width:130px; font-size:12px; vertical-align: middle;}
  td.romlisteknapp {width:50px; vertical-align: middle;}


div.prosjektoversikt { background-color: #DEDEDE; width:70%; padding:20px; margin-left:2%; box-shadow: 5px 5px 2px #888888;}

div.prosjektvisrom { background-color: #FFFFFF; padding:10px; margin-bottom:10px;}

table.prosjektvisprodukter  {width:80%; margin:auto;}
table.prosjektvisprodukter td {font-size:13px; text-align:left;}
table.prosjektvisprodukter th {font-size:13px; text-align:left;}

/* */

table.statusoversikt td {font-size:10px;}

/*  */

table.prosjektliste td {font-size:11px;}

div.infoboks {background-color:#E6E3D6; margin:0; padding:2%}
div.endreboks {background-color:#E6E3D6; margin:0; padding:2%}

#sikkerhetsfunksjoner { background-color: #F6F5F0; padding:10px; margin-bottom:10px;}
#sikkerhetsfunksjoner div.boks { float:left; margin-right:10px;}
#sikkerhetsfunksjoner div.funksjonsnavn { float:left;}
#sikkerhetsfunksjoner div.beskrivelse { font-size:12px; font-family: "pluto_sans_extralight"; padding-left:30px;}


/*  */

div.flowinnhold {
  border:2px solid #5FAF46;
  padding:2%;

}

div.flowheader {
  background-color:#C2C2C2;
  padding: 10px 25px;
  float:left;
  font-size:12px;
  border-style:solid;
  border-color: #ffffff;
  border-width: 0 5px 0 0;
  color:#ffffff
}

div.flowheader.valgt {

  background-color:#5FAF46;
  color:#ffffff;
}


div.flowheaderoppsett {
  background-color:#C2C2C2;
  padding: 5px 15px;
  float:left;
  font-size:10px;
  border-style:solid;
  border-color: #ffffff;
  border-width: 0 2px 0 0;
  color:#ffffff
}

div.flowheaderoppsett.valgt {

  background-color:#5FAF46;
  color:#ffffff;
}

/*  */

.flowframtilbake {


	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
    text-align: center;
    float:right;

}

.flowframtilbake.neste {
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
  padding:10px 10px;
  background-color:#5FAF46;
  border:1px solid #4F923A;
}
.flowframtilbake.neste:hover {
    background-color:#4F923A;
}

.flowframtilbake.forrige {
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
  padding:10px 10px;
  background-color:#B04F39;
  border:1px solid #964331;
}
.flowframtilbake.forrige:hover {
    background-color:#964331;
}

.flowframtilbake.start {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
  padding:20px 30px;
  background-color:#5FAF46;
  border:1px solid #4F923A;
}
.flowframtilbake.start:hover {
    background-color:#4D8E39;
}


ul.liste li {font-size:14px; font-family: "pluto_sans_extralight";}

/*  */
    #largeImgPanel {
        text-align: center;
        visibility: hidden;
        position: fixed;
        z-index: 100;
        top: 0; left: 0; width: 100%; height: 100%;
        background-color: rgba(100,100,100, 0.5);
    }
/*  */

#loading {margin-left:2%;}



div.endreromknapp {
  background-image: url(/img/settings.png);
  background-repeat: no-repeat;
  background-size: contain;
  width:20px; height:20px;
  float:right;
  cursor: pointer;
}

div.finansinfo { float:none; border:1px solid #12B200; width:95%; padding:2%;  margin-bottom:5px;  }
iframe.finansframe  { float:none; }

div.forskrinfo { border:1px solid #12B200; max-width:50%; padding:2%;    }
span.forsrab { border:1px dashed #FFFFFF; padding:2px; margin-left:5px; background-color:#339D20; color:#FFFFFF  }

@media(min-width: 1024px) {
    div.finansinfo { float:right; border:1px solid #12B200; width:30%; padding:2%; }
    iframe.finansframe  { float:left; }
}

@media(min-width: 1200px) {
    div.finansinfo { float:right; border:1px solid #12B200; width:40%; padding:2%;   }
    iframe.finansframe  { float:left; }
}

@media(min-width: 1400px) {
    div.finansinfo { float:right; border:1px solid #12B200; width:50%; padding:2%;   }
    iframe.finansframe  { float:left; }
}

@media(max-width: 1300px) {

  div.header1 {font-size: 30px; }
  div.header2 {font-size: 20px; }

}




@media(max-width: 1000px) {

  div.header1 {font-size: 25px; }
  div.header2 {font-size: 15px; }

}

@media(max-width: 800px) {
  div.overskrift {    top:15%; }
  div.header1 {font-size: 18px;}
  div.header2 {font-size: 14px;}
  div.mmeny { width:100%; top:50px;}
  img.menyknapp { height:45px;  }
  div.flowinnhold {
  border:1px solid #5FAF46;
  padding:1%;
  }
  div.flowheader {
  padding: 5px 10px;
  font-size:12px;
  border-width: 0 1px 1px 0;
  }
  div.flowheaderoppsett {  border-width: 0 1px 1px 0;}

  ul.meny { font-size: 10px;}
  ul.meny li {padding: 8px 10px; }


}
@media(max-width: 600px) {
  div.overskrift {   top:10%; }


}

@media(max-width: 400px) {
  div.header1 {font-size: 12px;}
  div.header2 {font-size: 9px;}
  div.mmeny { width:100%; top:40px;}
  img.menyknapp { height:35px;  }

  div.flowheader {
  padding: 5px 10px;
  font-size:10px;
  width:40%;
  }
  div.flowheaderoppsett { width:45%; border-width: 0 1px 1px 0; padding:2px 5px; font-size:9px;}
  ul.meny { font-size: 9px;}
  ul.meny li {padding: 5px 10px; }
  .flowframtilbake.neste {font-size: 10px; padding:5px; }
  .flowframtilbake.forrige {font-size: 10px; padding:5px; }


}

.atm-i { visibility: hidden;}

/* +/- */