body {font-family: Arial, sans-serif;}
#main {background-clip: white;width: 60%;position: absolute;left: 1px;right: 1px;margin: auto;}
a:link {color: red;text-decoration: none;}
a:visited {color: red;text-decoration: none;}
a:hover {color: red;text-decoration: underline;}
a:active {color: red;text-decoration: none;}

h1 {font-size: 25px; margin-top: 30px;border-bottom: 3px solid #f00;}
/*h1:before {color: red;content: "!";  border-radius: 50%;border: 3px solid red;  width: 26px; height: 25px;  line-height: 28px;  display: inline-block;  left: -30px;  top: -33px;text-align: center;} */
h1:before{color: red;content: "!!";  width: 20px; height: 25px;  line-height: 28px;  display: inline-block;  left: -30px;  top: -33px;text-align: center;}
h2:before{color: red;content: "::";  width: 20px; height: 25px;  line-height: 28px;  display: inline-block;  left: -30px;  top: -33px;text-align: center;}
h2 {font-size: 22px; margin-top: 30px;margin-bottom: 0px;border-bottom: 3px solid #f00;display: inline-block;}
h3 {font-size: 18px; margin-top: 30px;margin-bottom: 0px;border-bottom: 3px solid #f00;display: inline-block;}
h4 {font-size: 18px; margin-top: 30px;margin-bottom: 0px;padding:0px;display: inline-block;/*counter-increment: chapter;*/}
/*h4:before {content: counter(chapter)". ";}*/
p {font-size:16px;line-height:1.6;}
.comments {font-size: 16px; background-color: lawngreen;width: fit-content;}
.lastedited, .lastloaded {font-size: 16px;font-style: italic; font-weight:bold;}
.status {font-size: 16px;font-style: italic; font-weight:bold;}
hr {border-top: 3px solid #f00;}
ul {list-style-type: square;}
img.leftside {float: left; top:0px; margin: 10px; border: 1px solid red;}
img.center {display: block;margin-left: auto;margin-right: auto;}
img.rightside {float: right; top:0px; margin: 10px;}
img.rightsidered {float: right; top:0px; margin: 10px; border: 1px solid red;}
.iframe {display: block;margin-left: auto;margin-right: auto;width:600px;border-style: ridge;}
#sagsproces li {padding-left: 10px;}
#sagsproces {display: none;border: solid 1px #c3c3c3;background-color:#E8e8e8;padding: 5px;margin: 4 auto;position: relative;}

#sagsforlob li {padding-left: 110px;}
#sagsforlob li b {width: 105px;display: inline-block;margin-left: -110px;}
/*            ul li a {display: block;}*/
#sagsforlob {display: none;border: solid 1px #c3c3c3;background-color:#E8e8e8;padding: 5px;margin: 4 auto;position: relative;}
label {display: inline-block; width: 100%; vertical-align: top;}
input {width: 250px;}
textarea {width: 250px; height: 250px;}
.arrow {border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
.down {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.imagecontainer {background-color:#e1eaea;text-align: center;border: 10px solid #e1eaea;}
.imageview {text-align: center; width: 270px;display: inline-block;  }
@media only screen and (max-width: 600px) {
    #main {background-color: white;width: 95%;left: 1px;right: 1px;margin: auto; padding: 5px;}
    img.rightside {display: block; max-width:350px;}
    img.center {display: block;margin-left: auto;margin-right: auto;width:70%}
    img.rightsidered {display: block; max-width:350px; border: 2px solid red;}
    #sagsforlob {width: 95%}
    label {display: block; width: 100px; vertical-align: top;}
    input {width: 90%;}
    textarea {width: 90%;}
}