<style type="text/css">
html * {
    color: #000;
    width:1005;
    padding:0;
    margin:-10 0;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color:#fdfdfd;}        
html, body {} /* fdfdfd fdfbf4 */ 
body {
    margin: 0 auto !important;
    line-height: 1em;
    font-size: 1em;
    font-family:Nunito, sans-serif;
    color:#000;
    background-color:#fdfdfd;}
body div {
    line-height: 1.4;}
div#wrapper {
    float: none;
    margin:0 auto;
    width:100%;}
div#content {
    float:none;
    margin:0 auto 0 auto;
    width:1000;
    padding: 40 0 10 0;
    min-height:90vh;}
div#contentwidth {
    width: 800px;}
div#footer {
    background-color: #d16f2d;}
.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;}


a {
    color:#000;}
a:hover {
    text-decoration:under;
    text-decoration-color: #000;
    text-decoration-thickness: 1px;}
p {
    margin-left: auto;
    margin-right: auto;}
ul li {
    margin: 0 0 17 0;}
img {
    border: 0px solid #f3dbd6;}
input {
    border: 1px solid #ccc;
    outline-width:0;}
button {
    border: 1px solid #ccc;}
.boldtext {
    font-weight: bold;}
.italictext {
    font-style: italic;}
.break {
    margin:0 0 10px 0;}


/* Menu */


div#menuwrapper {
    width:100%;
    background-color: #cef0c7; /* ddf0d9 */
    height: 85px;}
div#menu {
    width:1000;
    margin: 0 auto 30 auto;
    padding: 0 0 10 0;
    color:#0a116b;}
div#menulogo {
    float:left;
    color:#ffffff;
    background-color:#b32727; 
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.6em;
    padding: 42 20 7 20;
    border-radius:0;
    margin:}
div#menuitems {
    float:right;
    margin: 0 0 0 0;}
div#menuitems a {
    float:left;
    color:#0a116b;
    font-weight: bold;
    font-size:1.25em;
    margin:30 0 15 50;
    text-decoration: none;}
div#menuitems a:hover {
    text-decoration: none;}
.mobilemenu {
    display: none;}

    
/* Flash */


div#flash {
    background: #f2c0b4;
    color: #000;
    padding: 15 17;
    margin: 30 0 -15 0;
    font-size: 0.85em;
    border-radius: 10px;
    display: none;}


/* Tekst */


div.pagetitle {
    font-size:1.2em;
    font-weight:bold;
    margin: 20px 0 30 0;
    padding: 0 0 5 0;
    text-decoration: none;
    text-decoration-color: #b32727;
    text-decoration-thickness: 2px;
    border-bottom: 1px dotted #000;}
div#text {
    float:left;
    font-size: 0.95em;}
.imagetext {
    font-size:0.85em;
    margin:10 0 5 70;
    font-weight: normal;}
.textimg90 {
    width:90%}
.textimg70 {
    width:70%}


/* Oevre del */    


div#upper {
    width: 100%;
    box-sizing: border-box;
    display: none;
    height: 80;
    float:left;
    padding: 10 0 0 0;
    background-color: transparent; /* faf5f5 ddf0d9 f7f7f7 */
    margin:0 0 0 0;}
div#uppercontainer {
    width:1000;
    box-sizing: border-box;
    padding:0 0 0 0;
    margin:0 auto 0 auto;
    display:flex;
    gap: 10px;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;}


/* Video */    


div#introvideo {
    display: none;
    float:left;
    width:40%;
    background-color: transparent; /* fbfbfb */
    font-size:1.15em;
    padding:20px 0 0 80;
    margin:0 0 0 0;
    font-weight: bold;}
div#introvideo a {
    text-decoration:none;}
div#introvideo a:hover {
    text-decoration:none;}
div#introvideo p {
    margin:0 0 0 0;}
img#introvideoicon {
    margin:-3 10 0 0;
    width:30;
    float:left;}


/* Nyhedsbrev 

div#mc_embed_shell {
    float: right;
    background-color: transparent; /* eef5db 
    padding: 3px 0 0 0;
    border-radius: 1px;
    width: 50%;
    box-sizing: border-box;
    margin:0 0 0 0;
    border: 0px solid #ddd;}
div#mc_embed_signup {
    float: none;
    padding:0;
    margin:0;}
#mc_embed_signup {
    display: block;
    margin:0;}
.mc-field-group label {
    display: none;}
div#mc_embed_signup_scroll {
    margin: 0 0 0 0;}
div#mc_embed_signup_scroll h2 {
    font-size:0.9em;
    margin: 0 0 0 0;
    color:#02140c;}
input#mce-EMAIL {
    border:1px solid #ccc;
    box-sizing: border-box;
    float:left;
    margin: 0 0 0 70px;
    font-size:0.9em;
    height:20px;
    padding:13 5;
    width:74.8%;
    outline-width:0;
    color:#000;}
input#mc-embedded-subscribe {
    float:left;
    border:none;
    margin: 0 0 0 0;
    box-sizing: border-box;
    font-size: 0.9em;
    padding:6 11 5 11;
    font-weight:normal;
    background-color: #d9d9d9;}
input#mc-embedded-subscribe:hover {
    cursor:pointer;} /* 0d8365 
input#mce-EMAIL:focus {
    outline:0px solid #b32727;
    border:1px solid #b32727;}*/
    div#mc_embed_shell {
        float: left;
        background-color: transparent; 
        padding: 0px 0 18px 0;
        border-radius: 1px;
        width: 100%;
        box-sizing: border-box;
        margin: -15px 0 0 0;
        border: 0px solid #ddd;}
    input#mce-EMAIL {
        border:1px solid #ccc;
        box-sizing: border-box;
        float:left;
        margin: 0 0 0 0px;
        font-size:0.9em;
        height:20px;
        padding:13 5;
        width:100%;
        outline-width:0;
        color:#000;}
    input#mce-EMAIL:focus {
        outline:0px solid #b32727;
        border:1px solid #b32727;}
    input#mc-embedded-subscribe {
        float:right;
        border:none;
        margin: 0 0 0 0;
        box-sizing: border-box;
        font-size: 0.9em;
        padding:6 11 5 11;
        font-weight:normal;
        background-color: #d9d9d9;}
    input#mc-embedded-subscribe:hover {
        cursor:pointer;}
    div#mc_embed_signup {
        float: none;
        padding:0;
        margin:0;}


/* Front boxes */    

div#frontboxes {
    float:left;
    width: 100%;
    margin: 5px 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 1px dotted #aaa;
    box-sizing: border-box;
    display:flex;
    gap: 10px;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;}
div#choice {
    float:left;
    width: 145%;
    display: grid;
    margin: 0 0 0 0;
    padding: 0px 0px;
    box-sizing: border-box;
    color:#000;
    text-align: left;}
div#frontlatest {
    float:left;
    width: 75%;
    margin: 0px 0 0 0;
    padding: 10px 15px 5px 15px;
    box-sizing: border-box;
    background-color: #d8f9e7;
    text-decoration: none;}
div#frontlatest li {
    list-style-type: none;
    margin: 0 0 15px 0;}

.choicecategory {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin:0 10px 0px 0;
    background-color: #eeeab2; /* e4dfa3 479940 379973 */
    padding: 10px 10px 5px 15px;}
.choicecategorygap {
    margin: 10px 0 0px 0;
    background-color: #eedcb2;}
div#oral5asachoice, div#rektal5asachoice, div#secondchoice {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 0px 0;
    padding:5px 10px 0 10px;}
.choicecategoryoral5asa {}
.choicecategoryrektal5asa {
    padding: 15px 10px 5px 15px;
    margin: 0px 0px 0px 0px !important;}
.boxtitle {
    float:left;
    width: 100%;
    margin: 0px 0 10px 0px;
    padding: 0px 0 0px 0px;
    box-sizing: border-box;
    font-size: 1.15em;}
.boxtitlerektal {
    float:left;
    width: 100%;
    margin: 0px 0 10px 0px;
    padding: 0px 0 0px 0px;
    box-sizing: border-box;
    font-size: 1.15em;}
.choiceitem {
    float:right;
    box-sizing: border-box;
    padding: 0 0 0 0px;
    border-left: 0px dotted #000;
    width: 95%;
    font-size: 0.95em;
    font-weight: bold;
    text-align: left;}
.choiceitemtitle {
    margin: 0 0 0 0;}
div#secondchoice {
    background-color: transparent; /* e4dfa3 e8e6d4 9bb327 879b62 7da68b d2dfba */}
.choicenumber {
    float: left;
    position: relative;
    display: ;
    top:0px;
    left:0px;
    margin: 0 20px 0 0;
    padding: 0px 0px;
    border-radius: 0 0 0 0;
    background-color: transparent;
    text-align: center;
    font-size: 0.95em;
    font-weight: bold;}
.choicenumber1 {
    color: #000;}
.choicenumber2 {
    color: #000;}
.choicecomment {
    box-sizing: border-box;
    padding: 0 5px 0 0;
    margin: 3px 0 0px 0;
    font-size: 0.85em;
    word-wrap: break-word;
    
    font-style:italic;
    font-weight: normal;}
div#choicedate {
    float:right;
    width:100%;
    margin: 10px 0 0px 0;
    text-align:right;
    color:#795555; /* 5e5d5d */ 
    font-size:0.7em;}
div#frontlatestlinksclass {
    float:left;
    width: 100%;
    margin: 0px 0 0px 0;
    font-size: 0.85em;
    font-style: italic;}
div#frontlatest a {
    text-decoration: none;}
div#frontlatestlinks {
    font-size: 0.95em;
    margin: 0 0 0 0;}


div#frontnumbersknow {
    float:left;
    display: flex;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    box-sizing: border-box;}
div#frontnumbers {
    float:left;
    display: grid;
    width: 641px;
    box-sizing: border-box;}
div#fronttext {
    float: left;
    margin: 0px 0 20px 0;
    box-sizing: border-box;
    font-size: 0.95em;}
div#frontknowledge {
    float:left;
    box-sizing: border-box;
    width: 349px;
    margin: 0 0 0 10px;}
div#frontknowledgebox {
    float:left;
    box-sizing: border-box;
    margin: 0 0 10 0;
    padding: 10px 15px 0px 15px;
    height: auto;
    width: 100%;
    background-color: #d1f0f2;} /* dcf7f9 */
div#frontknowledgebox a {
    text-decoration: none;}
div#frontknowledgeboxtext {
    box-sizing: border-box;
    margin: 3px 0 10px 0;
    font-size: 0.85em;
    font-style: italic;
    font-weight: normal;}

div#sectionoral5asa, div#sectionrectal5asa, div#sectionbud {
    float:left;
    width: 100%;} 
div#charttil {
    float:left;
    margin:10px 0px 0 0px;
    border: 1px solid #ddb9f8;
    background-color: #fff;
    padding: 10px 10px 0px 10px;}
div#charttilrektal {
    float:left;
    margin:10px 0px 0 0px;
    border: 1px solid #b9baf8;
    background-color: #fff;
    padding: 10px 10px 0px 10px;}
div#charttilrektalmax {
    float:left;
    margin:10px 0px 0 0px;
    border: 1px solid #f8a9a9;
    background-color: #fff;
    padding: 10px 10px 0px 10px;}
.chartheight {
    max-height: 300px;
    width: 100%;}
.chartheightrektal {
    max-height: 175px;
    width: 100%;}
.chartheightbud {
    max-height: 145px;
    width: 100%;}
div#charttilmax {
    float:left;
    margin:-1px 0 20 0;
    border: 1px solid #ddb9f8;
    background-color: #fff;
    border-top: none;
    padding:0 10px 10px 10px;}
div#charttilrektalpat {
    float:left;
    border: 1px solid #b9baf8;
    margin:-1px 0 10 0;
    background-color: #fff;
    border-top: none;
    padding:0 10px 10px 10px;}
div#charttilrektalpatmax {
    float:left;
    border: 1px solid #f8a9a9;
    margin:-1px 0 10 0;
    background-color: #fff;
    border-top: none;
    padding:0 10px 10px 10px;}

div#chartpat {
    float:left;
    margin:0px 0px 0 0px;
    border: 1px solid #b5f7f0;
    background-color: #fff;
    padding:10 10px 0px 10px;}
div#chartpatmax {
    float:left;
    margin:-1px 0 10px 0;
    border: 1px solid #b5f7f0;
    background-color: #fff;
    border-top: none;
    padding:0 10px 10px 10px;}

div#chartbudtil {
    float:left;
    margin:10px 0px 0 0px;
    border: 1px solid #f8d1b7;
    background-color: #fff;
    padding: 10px 10px 10px 10px;}
div#chartbudpat {
    float:left;
    border: 1px solid #f8d1b7;
    margin:-1px 0 20 0;
    background-color: #fff;
    border-top: none;
    padding:0 10px 10px 10px;}

.charttitle {
    font-size: 1em;}
.charttitlecomment {
    display: block;
    margin: 5px 5px 0px 0;
    color: #525252;
    text-align: right;
    font-size: 0.75em;}
.chartsubtitle {
    margin: 5px 0 0 0;
    font-style: italic;
    font-size: 0.95em;}


/* Tabs */    

 /* Style the button that is used to open and close the collapsible content */
 .collapsible {
    float:left;
    background-color: #eee;
    color: #000;
    box-sizing: border-box;
    padding: 25px 15px;
    width: 100%;
    margin: 10px 0;
    border: 0px solid #ccc;
    text-align: left;
    outline: none;
    font-size: 1.1em;}



/* Tidsperiode */


div#timeperiod {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 0;
    overflow:hidden;
    width:100%;
    display: none;}
div#timeperiodcomment {
    font-size:0.68em;
    margin:0 0 -15 0;
    font-weight:normal;
    width:100%;
    text-align:right;
    display: none;}
div#timeperiodtext {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 0 0;
    overflow:hidden;
    width:100%;}
div#timeperiodtextmobile {
    display: none;}

img#priceimgtil, img#priceimgpat, img#colorImage {
    text-align: center;
    background-color: transparent;
    width: 100%;}
.priceimgbud {
    margin:0 0 80px 0 !important;}
.priceimages {
    float:left;
    display: block;
    margin: 15px 0 0 0;
    border:0px solid #ebf5ff;
    padding:0;
    width: 100%;
    background-color: transparent;} /* f4faff */
#mobilepriceimageslinks {
    display: none;}


/* Formaal */


div#goal {
    float:left;
    font-size:0.95em;}


/* Metode */    


table#methodtextitemnumbers {
    font-size:0.95em;
    width:450;
    text-align: left;
    margin:20 0 0 25;}
table#methodtextitemnumbers th {
    padding:13 0 7 0;}
table#methodtextitemnumbers td {
    padding:13 0 7 0;
    border-bottom:1px solid #aaa;}

ul#methodtextitemnumbers {
    max-width: 360;
    margin-left:-10;}
.methodtextitemnumbers {
    width: 80%;
    list-style: none;
    font-size:0.9em;}
.methodtextitemnumbers, .methodtextitemnumbers span {
    margin:0 0 5 0;}
.methodtextitemnumber {
    float:right;
    margin: 0 0 0 0 !important;}


/* Nyheder */


div#newsitem {
    padding:0;
    margin:0;}
div#newsdate {
    font-size:0.9em;
    margin:0 0 -15 0;
    font-weight: normal;
    background-color: none ;
    padding: 0;
    border-radius:0;
    width:80;}
div#newstitle {
    padding:0;
    margin:0 0 -15 0;
    font-size: 1.1em;
    font-weight:bold;}
div#newscontent {
    margin:0 0 50 0;
    font-size:0.95em;}


/* Udgivelser */


.pubyear {
    float:left;
    width:100%;
    margin:0 0 50px 0;}
.pubyeartitle {
    float:left;
    font-size: 1.6em;
    font-weight: normal;
    width: 3%;}
div#pubitem {
    float:right;
    width:88%;
    margin:0 0 30 0;
    border-left:0px solid #000;
    padding: 3px 0 0 30px;}
div#pubclass {
    font-size:1.1em;
    margin:0 0 0 0;
    font-weight: normal;
    background-color: none;
    color:#2b2b2b;
    padding:0;
    border-radius:0;
    width:51;
    float: none;}
div#pubtitle {
    font-size:1.2em;
    width:100%;
    color: #2b2b2b;
    font-weight: bold;
    float:left;
    margin:0 0 0 0;}
div#pubbuttons {
    display: none;
    float: right;
    padding: 12 15;
    width: 40;
    text-align: center;
    margin:-22 0 0 0;
    font-weight: bold;
    font-size:1em;
    background:#00aaaa;
    color:#fff;}
div#pubbuttons:hover {
    background-color: #B32727;}


/* Footer */

div#footer {
    width:100%;
    float:left;
    padding: 0 0 0 0;
    margin: 200 0 0 0;
    bottom: 0;
    position: relative;
    background-color: #d7f0d2;} /* fff0f0 eaf7f0 cef0c7 */
div#footercontainer {
    height: 100px;
    width:1000;
    padding: 20 0;
    margin: 0 auto 0 auto;
    font-weight: normal;
    font-size:1em;
    border-top:0px solid #b32727;
    background-color: transparent;} /* f9eeee eaf7f0 */
img#footerlogo {
    width:80px;
    float:left;}
div#footerlogo {
    float: left;
    color: #ffffff;
    background-color: #b32727;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1em;
    padding: 28 12 4 12;}
div#footergoal {
    float:left;
    width:90%;
    padding:0 0 0 13;
    font-size: 1em;
    margin: 0 0 0 0;}
div#footercontact {
    float: right;
    display: none;
    width: 390;
    height: 100%;
    border-left:1px dotted #525252;
    padding: 0 0 0 77;}
div#footercontact input:focus {
    outline:0px solid #b32727;
    border:1px solid #b32727;}
div#footercontact textarea:focus {
    outline:0px solid #b32727;
    border:1px solid #b32727;}
.antispam { display:none;}
div#footercontacttitle {
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin:0 0 5 0;}
div#footercontact form {}
div#footercontactlabels {}
div#footercontactlabels label {
    margin:4 0 0 0;
    display: inline-block;}
div#footercontactlabels input {
    float: right;
    display: inline-block;
    margin:3 0 0 0;
    width:250;
    border: 1px solid #ccc;}
div#footercontactlabels input:focus {}
div#footercontacttextarea {}
div#footercontacttextarea label {
    margin:-5 0 3 0;
    display: inline-block;}
div#footercontact textarea {
    border: 1px solid #ccc;
    width:390;
    height:100;
    text-align: left;}
div#footercontact textarea:focus {
    text-align: left;}
input#footercontactsend {
    float:right;
    border:none;
    margin: 5 0 0 6;
    padding: 6 7 6 7;
    font-weight: normal;
    background-color: #d9d9d9;}
input#footercontactsend:hover {
    cursor: pointer;}

div#popup {
    display: none;
    float: left;
    position: fixed;
    bottom: 0;
    padding: 5 0 20 10;
    width: 100%;
    background-color: #27b351;
    left: 0;}
div#popupcontainer {
    margin:0 auto;
    width:1000;}
div#popupcontainer a {
    text-decoration: none;}
div#popuptext {
    color:#fff;
    font-size: 1em;
    padding:10 0;
    width:90%;
    float: left;
    font-weight: bold;}
div#popuptext .boldtext {
    font-size:0.8em;
    display: block;
    font-weight: normal;
    text-transform: uppercase;}
div#popupcontainer button {
    background-color: transparent;
    float:right;
    border: none;
    color:#fff;
    font-weight: normal;
    padding:10;}
div#popupcontainer button:hover {
    cursor:pointer;}



/* 
Generic Styling, for Desktops/Laptops 
*/
div#mobileprice {
    display: none;}
table#mobileprice { 
    display:none;  }
.mobileh4 {
    display: none;}  



/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 999px), (min-width: 201) {
    html, body {
        margin-left:auto;
        margin-right:auto;
        font-size:1em;}
    body {
        padding:10px 10px 0px 10px;}
    div#wrapper {   
        margin:0;
        padding: 0;}
    div#content {
        margin:0 0 0 0;
        min-height: 110vmin;
        padding:0;
        width: 100%;
        box-sizing: border-box;}
    div#contentwidth {
        width: auto;}
    div#upper {
        float:left;
        position: relative;
        height: auto;
        overflow:hidden;
        width:100%;
        box-sizing: border-box;
        background-color: transparent;
        margin:-15 auto 0 auto;
        padding:0;}
    div#uppercontainer {
        width:100%;
        box-sizing: border-box;
        background-color: transparent;
        margin:0 auto 0 auto;
        height:auto;
        padding: 0 0 0 0;}
    .textimg90 {
        width:100%}
    .textimg70 {
        width:100%}
    .imagetext {margin:10 0 5 10;}
    div#topline {
        display:none;}
    
    div#menuwrapper {
        width:100vw;
        box-sizing: border-box;
        background-color: #cef0c7; /* ddf0d9 */
        height: 70px;
        margin: -10 0 0 -10;}
    div#menu {
        width: 100vw;
        height: auto;
        float: left;
        padding: 0 0 0 0;}
    div#menulogo {
        float: left;
        overflow:hidden;
        position: relative;
        margin: 0 0 0 10;
        width:auto;
        padding: 33.5 15 5 15;
        font-size: 1.4em;
        z-index: 99999;}
    div#menuitems {
        float:left; 
        width:100%;
        margin: 15 0 5 3;
        display:none;}
    div#menuitems a {
        width:100%;
        float:left; 
        margin:0 0 15 0;
        font-size:1.1em;}
    hr#menuline {
        width:100%;
        margin: 0 0 30 0;
        display:none;
        float:left;}
    div#flash {
        float:left;
        width:93%;
        margin:2 0 25 0;  
        padding: 15 5 15 17;}
    div#flashspan {
        width:95%;}


/* Hamburger menu */

  /* Style the navigation menu */
   .mobilemenu {
    float:right;
    display:block;
    width:175;
    background-color: transparent;
    position:absolute;
    min-height:80px;
    right:0;
    margin:0 10 0 0;}
  
  /* Hide the links inside the navigation menu (except for logo/home) */
  .mobilemenu #mobilemenulinks {
    display: none;
    margin:25 0 0 0;
    background-color: #B32727;
    overflow:visible;
    color:#fff;
    width:100%;
    float:right;
    z-index: 999;
    overflow:hidden;
    position: relative;}
  div#mobilemenulinks a {
    color:#fff;}
  
  /* Style navigation menu links */
  .mobilemenu a {
    margin: -1 0 0 0;
    padding: 15 0 15 10;
    text-decoration: none;
    font-size: 0.95em;
    display: block;
    font-weight: bold;
    border-top:1px solid #fdfdfd;}
  
  /* Style the hamburger menu */
  .mobilemenu a.icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.5em;
    color: #B32727;}
  
  /* Add a grey background color on mouse-over */
  .mobilemenu a:hover {
    background-color: transparent;}
  
  /* Style the active link (or home/logo) */
  .active {
    background-color: transparent;
    color: black;} 

/*    div#introvideo {
        float:left;
        width:100%;
        padding: 13 5 11 11;
        border-radius: 1px;
        font-size:1.0em;
        height: auto;
        display: none;}
    div#introvideo p {
        margin:1 0 0 35;}
    img#introvideoicon {
        margin:0 0 0 0;}    

    div#mc_embed_shell {
        margin: 0 0 0 0;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        float: left;}
    div#mc_embed_signup {
        float:none;
        width: 100%;
        margin: 0 0 0 0;
        padding:0;} 
    div#mc_embed_signup_scroll {
        margin: 1 0 0 0;
        padding:0;}
    div#mc_embed_signup_scroll h2 {}
    input#mce-EMAIL {
        float:left;
        width:85%;
        box-sizing: border-box;
        font-size:0.8em;
        height:30px;
        outline:0;
        margin:0;}
    input#mc-embedded-subscribe {
        float: right;
        margin: 0 0 0 0;
        font-size: 0.80em;
        padding:8 5 7 5;
        width:clamp(40px, 15%, 15%);
        box-sizing: border-box;
        text-wrap: auto;}
    input#mc-embedded-subscribe:hover {}
    input#mce-EMAIL:focus {}        */

    

    div.pagetitle {
        font-size:1.3em;
        float:left;
        font-weight:bold;
        margin: 24 0 30 0;  
        width: 100%;}

    .tab {display: none;}
    div#tabtil {display: none !important;}

/* Choice */
div#frontboxes {
    float:left;
    width: 100%;
    margin: 0px 0 30px 0;
    box-sizing: border-box;
    display:flex;
    gap: 10px;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;}
div#choice {
    float:left;
    width: auto;
    flex-basis:  165%;
    flex-grow: 1;
    margin: 0px 0 0 0;
    padding: 0px 0px 0px 0px;
    background-color: transparent; /* eeeab2 e4dfa3 479940 379973 */
    box-sizing: border-box;
    color:#000;
    text-align: left;}
div#frontlatest {
    float:left;
    flex-grow: 1;
    margin: 0px 0 0 0;
    padding: 10px 15px 0px 15px;
    box-sizing: border-box;
    text-decoration: none;}

.choicecategory {
    padding: 10px 10px 10px 15px;}
.choicecategoryrektal5asa {
    padding: 10px 10px 10px 15px;
    margin: 0px 0px 0px 0px !important;}
div#firstchoice, div#secondchoice {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 0px 0;
    padding: 0px 0px 0px 0px;}
.boxtitle {
    float:left;
    width: 100%;
    margin: 0px 0 5px 0px;
    padding: 0px 0 5px 0px;
    box-sizing: border-box;
    font-size: 1.15em;}
.choiceitem {
    float: left;
    box-sizing: border-box;
    margin: 1 0 0 0;
    padding: 0 0 0 0px;
    border-left: 0px dotted #000;
    width: 90%;
    font-size: 0.95em;
    font-weight: bold;
    text-align: left;}
div#secondchoice {
    background-color: #eeeab2; /* e4dfa3 e8e6d4 9bb327 879b62 7da68b d2dfba */}
.choicenumber {
    float: left;
    position: relative;
    display: ;
    top:0px;
    left:0px;
    margin: 0 13px 0 0;
    padding: 0px 0px;
    border-radius: 0 0 0 0;
    background-color: transparent;
    text-align: center;
    font-size: 1em;
    font-weight: bold;}
.choicenumber1 {
    color: #000;}
.choicenumber2 {
    color: #000;}
.choicecomment {
    box-sizing: border-box;
    font-size: 0.95em;
    font-style:italic;
    font-weight: normal;}
div#choicedate {
    float:left;
    width:100%;
    color:#000;
    font-size:0.75em;}

div#frontlatestlinksclass {
    float:left;
    width: 100%;
    font-size: 0.9em;
    margin: 0px 0 0px 0;}
div#frontlatest a {
    text-decoration: none;}
div#frontlatestlinks {
    font-size: 0.95em;
    margin: 0 0 0 0;}

div#frontnumbersknow {
    float: left;
    display: block;
    width: 100%;
    box-sizing: border-box;}
div#frontnumbers {
    float:left;
    display: block;
    width: 100%;
    box-sizing: border-box;}
div#frontknowledge {
    width: 100%;
    margin: 0;}
div#frontknowledgebox {
    float:left;
    display: block;
    box-sizing: border-box;
    padding: 10px 15px 0px 15px;
    height: auto;
    width: 100%;}
div#fronttext {
    float: left;
    width: auto;
    display: block;
    box-sizing: border-box;
    margin:0px 0 20px 0px;
    padding: 0 5px;}


div#charttil {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin:10px 0px 0 0px;
    border: 1px solid #ddb9f8;
    background-color: #fff;
    padding: 10px 0px 0px 10px;}
.chartheight {
    max-height: 300px;
    width: 100%;}
.chartheightbud {
    max-height: 145px;
    width: 100%;}
div#charttilmax {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin:-1px 0 20 0;
    border: 1px solid #ddb9f8;
    background-color: #fff;
    border-top: none;
    padding:0 0px 10px 10px;}

div#chartpat {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin:0px 0px 0 0px;
    border: 1px solid #b5f7f0;
    background-color: #fff;
    padding:10 0px 0px 10px;}
div#chartpatmax {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin:-1px 0 20 0;
    border: 1px solid #b5f7f0;
    background-color: #fff;
    border-top: none;
    padding:0 0px 10px 10px;}

div#charttilrektal {
    float:left;
    width: 100%;
    box-sizing: border-box;}
div#charttilrektalmax {
    float:left;
    width: 100%;
    box-sizing: border-box;}
div#charttilrektalpat {
    float:left;
    width: 100%;
    box-sizing: border-box;}
div#charttilrektalpatmax {
    float:left;
    width: 100%;
    box-sizing: border-box;}

div#chartbudtil {
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin:10px 0px 0 0px;
    border: 1px solid #f8d1b7;
    background-color: #fff;
    padding: 10px 0px 10px 10px;}
div#chartbudpat {
    float:left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #f8d1b7;
    margin:-1px 0 20 0;
    background-color: #fff;
    border-top: none;
    padding:0 0px 10px 10px;}

.charttitle {
    font-size: 1.05em;}
.chartsubtitle {
    margin: 5px 0 0 0;
    font-style: italic;
    font-size: 0.95em;}


.collapsible {
    display: block;}
div#mobilepriceimageslinks {
    float: left;
    width:100%;
    display: block;
    margin: 0px 0 0 0;
    padding: 0 0 0 5px;}
div#mobilepriceimageslinkstitle {
    font-weight: bold;
    margin: 20px 0 0px 0;}
div#mobilepriceimageslinksitem {
    margin: 0 0 15px 0;}
div#mobilepriceimageslinksitem li {
    margin: 0 0 0 20px;}

    .tabmobilepricetitle {
        width:98%;
        float:left;
        padding:2% 2% 3% 2%;
        background-color: transparent; /* deeffd */
        height: auto;
        margin: 50 auto 24 auto;
        border-bottom:1px solid #000;} /* 2c9bf5 */
    .tabmobilepricetiltitle, .tabmobilepricepattitle {
        word-wrap: break-word;
        font-size: 1.05em;
        font-weight: bold;
        float:left;
        background-color: transparent; /* f8e3e3  f4faff deeffd */}
    .timeperiodmobile {
        margin:5 0 0 1;
        font-size:0.85em;
        font-weight: normal;}
    .downloaddiagram {
        text-align: center;
        float: right;
        margin: 0 115 20 0;
        font-size: 0.85em;
        padding: 7 10;
        background-color: transparent;
        border-radius: 5px;
        border:1px solid #ccc;}
    .downloaddiagram:hover {}
    span#downloaddiagramtilmax, span#downloaddiagrampatmax {
        display: none;}
    .downloaddiagram a {
        text-decoration: none;
        font-weight: normal;}
    
    .slider {
        float:right;
        position: static !important;
        display: block;
        font-size:0.85em !important;
        height: 24 !important;
        text-align: center;
        width:auto !important;
        padding: 8 10 0 10 !important;
        margin:0 -8 0 0;
        background-color: transparent !important;
        border:1px solid #ccc;
        color:#000 !important;}
    .slider:hover {}
    input:checked + .slider {
        background-color: #b32727 !important;
        color:#fff !important;}
    input:focus + .slider {
        box-shadow: 0 0 0px #fff;
        border:1px solid #b32727;}
    .tableslider {
        position: relative !important;
        float:right;
        top:0;
        right:0;
        left:0;
        height:0;}
    .maxremswitchtableTil, .maxremswitchtablePat {
        position: static !important;
        width: auto;
        display: block;
        margin: 0 0 0 0;
        bottom: 0;
        left: 0;}
    .maxremswitchtableTil input, .maxremswitchtablePat input {
        position: relative;
        opacity: 0;
        width: 0;
        height: 0;}
    input:checked + .slider {
        background-color: #b32727;
        border:1px solid #b32727;
        color:#fff;}
    }
    
@media only screen and (max-width: 999px), (min-width: 201) {    
    div#mobileprice {
        display: block;}
    table#tabmobilepricetil, table#tabmobilepricepat { 
        width:102.4%;
        margin: 0 auto 10 auto;
        float:left;}
    div#divtabmobilepricetilmax, div#divtabmobilepricepatmax {
        display:none;}
    table#tabmobilepricetilmax, table#tabmobilepricepatmax {
        width:102.4%;
        margin: 0 auto 10 auto;
        float:left;}
    th { 
        font-weight: bold;
        background-color: transparent;
        font-size: 0.95em;
        text-align: left;}
    td, th { 
        padding:4 0 3 0; 
        border-bottom: 1px solid #aaa;
        background:transparent;} /* f2f2f2 f4faff */
    td {
        font-size: 0.95em;}
    .onecol {
        width:60%;}
    .twocol {
        text-align: center;
        width: 20%;}
    .secondcoltitle {
        text-align: center;}
    .thirdcoltitle {
        text-align: right;}
    .threecol {
        background:transparent; 
        text-align: right;
        font-weight: normal;
        text-align: right;
        width: 20%;
        color:##000;}
    
    table#methodtextitemnumbers {
        width:100%;
        margin:15 0 0 0;}

    div#newsdate {
        font-size:0.85em;
        width:80;}
    div#pubclass {
        font-size:0.95em;
        width:100%;
        margin:0;}
    .pubyear {
        font-size: 1.0em;
        font-weight: bold;
        width:auto;
        float:left;
        margin:0 0 25 0;}
    .pubyeartitle {
        margin:0 0 10 0;
        font-size: 1.5em;}
    div#pubitem {
        float:left;
        width:auto;
        font-weight: bold;
        margin:0 0 20 0;
        border:none;
        padding:0 0 0 0;
        border-left: 0px solid #000;}
    div#pubtitle {
        width: auto;
        float:left;
        font-size:1.2em;
        margin:3 0 3 0;
        overflow-wrap: break-word;
        white-space: normal;}
    div#pubbuttons {
        float: left;
        padding: 0;
        width: 100%;
        text-align: left;
        margin:0 auto 2 auto;
        font-weight: bold;
        font-size:0.95em;
        background:transparent;
        color:#b32727;
        border-radius:0;}
    div#pubbuttons:hover {
        background-color: #fdfdfd;}
    
    div#footer {
        float:left;
        width:100%;
        margin: 100 0 0 0;
        background-color: transparent;}
    div#footercontainer {
        padding:10;
        margin: 0 auto 0 -10px;
        width: 100%;
        min-height:200px;
        font-size:0.95em;
        background-color: #d7f0d2;}
    img#footerlogo {
        min-width:10%;}
    div#footergoal {
        width: 100%;
        float: left;
        padding: 0 0px 0 0px;
        margin: 10px 0 0 0;
        box-sizing: border-box;}
    div#footercontact {
        border:none;
        margin: 30px 0 0 0;
        padding:0;
        width:100%;
        height: auto;
        float:left;}
    div#footercontactlabels input {
        width:60%;
        display:block;
        margin:1 0 0 0;
        text-align: left;}
    div#footercontacttextarea label {
        margin: -5 0 5 0;
        display: inline-block;
        text-align: left;}
    div#footercontact textarea {
        width: 100%;
        height: 100;
        text-align: left;}

    div#popup {
        width:100%;}
    div#popupcontainer {
        width:auto;
        margin:0 0 0 -10;
        padding:0;
        background-color: transparent;}
    div#popupcontainer a {
        text-decoration: none;}
    div#popuptext {
        color:#fff;
        background-color: transparent;
        padding:10;
        width:80%;
        text-align:left;
        font-size: 0.95em;}
    div#popuptext .boldtext {
        font-size:0.85em;
        display: block;
        font-weight: normal;}        
    div#popupcontainer button {
        margin:0 10 0 0;}
}


/* Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
selector{ property:value; }
}

/* Chrome version 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
selector { -chrome-:only (;
property:value;
);}
}
    
/* Chrome, Safari, and also the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {
selector { property:value; }
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
selector { 
property:value; 
}
}}
/* Test website on real Safari 11+ */

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
selector { 
property:value; 
}
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
selector { 
property:value;
}
}}



.imgslider {
    height: 50;
    padding: 15 160 0 0;
    text-align: right;
    margin: 0 0 45px 0;}

.imgslidertitle {
    margin:20 0 0 0;
    color:#000;
    font-weight:bold;
    font-size:0.95em;}

 /* The switch - the box around the slider */
 .maxremswitchTil, .maxremswitchPat {
    position: relative;
    float:right;
    bottom:0;
    left:0;
    display: inline-block;
    width: 0px;
    height: 34px;
    margin: 0 0 0 0;
    text-align: center;}
  
  /* Hide default HTML checkbox */
  .maxremswitchTil input, .maxremswitchPat input {
    opacity: 0;
    width: 0;
    height: 0;  }
  
  /* The slider */
  .slider {
    position: absolute;
    width:150px;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9e9e9;
    -webkit-transition: .4s;
    transition: .0s;
    padding: 6 0 0 2;}
  .slider:hover {}
  
  .slider:before {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
    left: 120px;
    bottom: 0px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 10px;}
  
  input:checked + .slider {
    background-color: #b32727;
    color:#fff;}
  
  input:focus + .slider {
    box-shadow: 0 0 0px #fff;  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);  }
  
  /* Rounded sliders 
  .slider.round {
    border-radius: 34px;  }
  
  .slider.round:before {
    border-radius: 50%;  } 
  */


   /* Tooltip container */
  .tooltip {

  }
  



</style>