body {font-family: Arial, Helvetica, sans-serif; background-color: #fcfcfc;  margin: 0;}

a.linkinfo {text-decoration: none; font-weight: bold; color: #176502;}

div {display: block;}
div.sakside {width: 100%;}
div.kvart {width: 20%;}
div.halv {width: 60%; margin: 10px auto; text-align: center;}
div.forum {width: 60%; margin: 10px auto;}
div.forumsvar {margin: 10px auto; padding-left: 60px;}
div.clear {clear: both;}
th {text-align: left;}

table.sak {border-collapse: collapse; background-color: #fff; width: 96%; margin: 20px auto;}
th.medlem, td.medlem {padding: 3px 5px;}

table.mListe{
    width: 100%;
    max-width: 400px;
	padding-left:30px;
    overflow: hidden;
    text-align: left;
    }

table.fSak{
    width: 100%;
    text-align: left;
    margin: 0px 0px;
    }

table.innlegg{
    width: 100%;
    max-width: 600px;
	padding-left:60px;
    overflow: hidden;
    text-align: left;
    }

table.forumsvar{
    width: 100%;
    max-width: 540px;
	padding-left:60px;
    overflow: hidden;
    text-align: left;
    }

table.sListe{
    margin: 0px;
    }

table.vListe{
    margin-top: -20px;
    }

table {border-collapse: collapse; background-color: #fff; width: 90%; margin: 2px auto; max-width: 800px;}

div.mListe{
    width: 100%;
    max-width: 600px;
	margin: 0px auto;
    }

.registrert{
    margin: 40px auto;
    border: 1px solid lightgray;
    padding: 20px;
    width: 60%;
}

.exKnapp{
    width: 130px;
    font-size: 12px;
    padding: 6px 10px;
}

div.sInnlegg{
    width: 100%;
    }

.antallSider{
    width: 160px;
}

.squarebox{
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 40px auto;
    }

.squareboxcontent{
    overflow: hidden;
    /*display: none;*/
    }

textarea.forum {
    max-width: 700px;
}

input.forum {
    max-width: 700px;
}

.container_txt {
    max-width: 100%;
    margin: 0px auto;
    margin-top: 50px;
}

.comment {
    float: left;
    width: 100%;
    height: auto;
}

select.rediger, option.rediger{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 1.2em;
}

.textinput {
    float: left;
    width: 100%;
    min-height: 75px;
    outline: none;
    resize: none;
}

/* Full-width input fields */
input[type=text], input[type=phone], input[type=email], input[type=password], textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

input.redigerknapp{
  padding: 4px 4px;
  background-color: #4CAF50;
  border: 0px;
  color: #fcfcfc;
}

input.rediger[type=text], input.rediger[type=phone], input.rediger[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 1.2em;
}

input.linker[type=text]{
  width: 100%;
  max-width: 80%;
  padding: 12px 20px;
  margin: 2px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

input.linker[type=file] {
  width: 100%;
  max-width: 80%;
  padding: 12px 20px;
  margin: 2px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Full-width input fields */
input[type=datetime-local], input[type=date] {
  width: 100%;
  padding: 10px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

h1 {text-align: center;}
h2 {text-align: center; font-size: 2em;}
h3 {padding-left: 40px; margin: 0px;}
h4.innlegg {margin: 20px 0px 0px 0px; padding: 0px; font-size: 1.3em;}
hr.innlegg {margin: 0px; padding: 0px;}
.c {text-align: center;}
.b {font-weight: bold;}
.l {text-align: left;}
.r {text-align: right;}
.err {color: red; font-size: 1.4em; text-align: center;}
p.justert {padding-left: 40px;}
p.OppdragFerdig {color: red; font-size: 1.2em; font-weight: bold; text-align: center;}
.eSendt {color: red; font-size: 0.8em; text-align: center; font-weight: normal;}
.oppdat {color: red; text-align: center; font-size: 1.5em; padding-top: 20px;}
Div.login {max-width: 300px; width: 100%; margin: 6px auto; text-align: center;}
td.linkinfo {padding: 3px 6px;}
th.linkinfo {padding: 3px 6px; font-size: 1.2em}

/* Set a style for all buttons */
button {
    font-size: 16px;
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  margin: 4px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button.pw {
    font-size: 16px;
  background-color: #ffb500;
  color: white;
  padding: 12px 20px;
  margin: 4px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button.redigerknapp {
    font-size: 12px;
  background-color: #4CAF50;
  color: white;
  padding: 6px 10px;
  margin: 0px;
  border: none;
  cursor: pointer;
  width: 100%;
}

button.aktiverknapp {
    font-size: 12px;
  background-color: #ffb500;
  color: white;
  padding: 6px 10px;
  margin: 0px;
  border: none;
  cursor: pointer;
  width: 100%;
}

button.slett {
    font-size: 16px;
  background-color: red;
  color: white;
  padding: 12px 20px;
  margin: 4px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button.neste {
    font-size: 16px;
  background-color: #ffb500;
  color: white;
  padding: 12px 20px;
  margin: 4px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

.DisabledButtons{
    font-size: 12px;
    text-align: center;
    color: red;
}

.sakbox{
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
}

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

.container {
  padding: 16px;
  text-align: center;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; max-width: 600px; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

.footer {
    width: 100%;
    white-space: nowrap;
    line-height: 20px;
}

.border-top{
  border-top: 1px solid #e5e5e5;
}

.push{height: 220px;}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on small screens */
@media screen and (max-width: 600px) {
    table {width: 100%;}
    .modal-content {width: 100%;}
    h1 {font-size: 1.6em;}
    h2 {font-size: 1.4em;}
    div.halv {width: 90%;}
    div.forum {width: 90%;}
    input.linker[type=text] {max-width: 100%;}
}

/* Change styles for span and cancel button on small screens */
@media screen and (max-width: 400px) {
    table {width: 100%;}
    .modal-content {width: 100%;}
    h1 {font-size: 1.4em;}
    h2 {font-size: 1.2em;}
    div.halv {width: 90%;}
    div.forum {width: 90%;}
    input.linker[type=text] {max-width: 100%;}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {display: block; float: none; }
    .cancelbtn {width: 100%;}
    table {width: 100%;}
    .modal-content {width: 100%;}
    h1 {font-size: 1.2em;}
    div.halv {width: 90%;}
    div.forum {width: 90%;}
    input.linker[type=text] {max-width: 100%;}
}