* {box-sizing: border-box;}
*:focus {outline: 0 !important;}
@font-face {font-family: Open Sans; src: url(OpenSans-Regular.ttf);}

html,body {
	font-family: Open Sans,Tahoma, "Gotham", Verdana,'Kodchasan', monospace, Arial, sans-serif; font-size:0.9rem; margin: 0px;} /* Må ikke have background-color */
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:15px}h6{font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
hr{border:0;border-top:1px solid rosybrown;margin:0px 10px 10px 0px;}
.hr1 {border-top: 1px solid chocolate; margin-bottom: 20px;}
/*til snoren*/.hr-string {display:block; margin: 0px; border:0px; height:5px; background-image:url('img/line.jpg'); background-size: 50% 100%;}
.p-space {padding-top: 10px;}
.vertical-line {border-right:1px solid #ccc;}/* forelæbig ikke i brug*/
/*skal indgå: .underline {text-decoration: underline;}*/
.bold {font-weight: bold;}

.parent {display: flex; flex-flow:column; height: 100%; max-width: 725px;} /* background: #f4ecde; 2022 */


/* Test om denne kan fjernes: .child-top {flex: 0 1 auto; padding: 0px; margin: 0px;}   background: url("img/child-top.png") no-repeat; background-position: bottom;*/

.child-bottom {overflow-y: hidden;}/* flex: 1 1 auto; */
    /* Test om denne kan fjernes: background: #f4ecde; background-image: url(img/content-bg_XXX.png); background-repeat: no-repeat; 2022 */

#container {
  margin-left: 10px;
  line-height:20px; 
  /*margin-right: 35px;  2022*/
  padding: 0px 25px 0px 40px;
  width: auto;
  height: 100%;
  border-left: 1px solid rgb(225,208,189);
  /*z-index: 1 !important;*/
  background-color: #fbfaf2; /* rgb(246 241 228) 2022 */
  background-image: linear-gradient(to bottom, hsl(51deg 80% 100%) 0%, hsl(51deg 80% 97%) 15%, hsl(51deg 60% 97%) 30%, hsl(51deg 65% 96%) 40%);/* det skal være en ujævn front  */
}  
#container p {color: #290000;}
  /* Test om denne kan fjernes: div container padding-top medvirker til hvor langt indholdet forskubbes nedad*/
  /* Test om denne kan fjernes: samlet bredde 720px, men width skal være auto, for at scroll-funktion følger med når vinduet minimeres */

/* SCROLLBAR */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fbf9ee; border-left: 1px solid #f1e7db; border-right: 1px solid #e1d0bd;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f2e7db; border-left: 1px solid #dfc9c3; border-top: 1px solid #dfc9c3; border-bottom: 1px solid #bc8f8f; border-right: 1px solid #bc8f8f;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #decbc7; 
}

  /*FORMATE*/

.headline {text-align: center;
    padding: 2px 20px 10px 25px;
    margin: 10px 0px;
    font-weight: 700; font-size: 22px; transform: scaleY(0.8); letter-spacing: -1px;  
    color: #ba5350 !important;
  }
.subheadline {color: #3c5990 !important; font-size: 19px; font-weight: 700;}/*brown eller #a52a2a */

.table-content {margin: 0px auto; font-weight: bold;} /*  max-width: 550px fjernet */
.table-content a:link {text-decoration: none; color: #823248; border-bottom: 1px solid lightgrey; padding: 2px; }/* brown font-weight: bold; */
.table-content a:visited {text-decoration: none; color: brown; border-bottom: 1px solid lightgrey;}
.table-content a:hover {background-color: brown; color: beige;}
.table-content .row {background: none; border: none;}
.table-content .column {
  float: left;
    width: 50%; 
    /* Test om denne kan fjernes: min-height: 200px;*/
    padding: 0px 10px 5px 10px;
    margin: 0px;
    height: auto;
    box-sizing: border-box;/* undersøg om ikke denne kan undværes*/
}
 
.fade-margen {
 background: url("img/tear-top.png"); background-repeat: no-repeat;
  border-left: 1px solid rgb(225,208,189); /* 2022*/
    position: fixed; left: 10px; right: 20px;
    height: 35px; max-width: 700px;
    /* Test om denne kan fjernes: background-image: linear-gradient(to bottom, rgba(255,255, 255, 1.0) 0%, rgba(255,255, 255, 1.0) 20%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0.0) 100%);*/ z-index: 100;}

.drop-cap {color: rgb(203, 134, 126); float: left; font-family: Georgia, UnifrakturMaguntia, Old English Text MT ; font-weight: 700; font-size: 45px; line-height: 35px; margin: 3px 4px 0px 0px; border: 1px solid white; text-shadow: 0px 0px 0px black; background-color: rgba(255, 255, 255, 1.0);}/*background-image: url('img/uncial.png');*/
.padding-bottom {padding-bottom: 10px!important;}
.zero-margin {margin: 0px;}
.float-break {display: block; clear: both;} /* fx lige efter indholdsområde */

/*content header -------------------------------------------------*/
div.nav-bar {margin-top: 0px; padding-top: 0px; text-align: right; padding-left: 25px; height: 38px; width: 100%; line-height: 10px; z-index: 900;}/*(56, 93, 138)*/

.breadcrumb img {vertical-align: middle;} /*ikon*/
ul.breadcrumb {
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
  font-size: 12px;/*font-size: 18px;*/
}
ul.breadcrumb li+li:before {
  padding: 5px;
  /*color: black;*/
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #851515;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: red;
  text-decoration: underline;
}

.tab-section {height: 100%; margin-top: 0px; width: 100%; padding-top: 23px; /*background: #f4eadc;*/
  background-image: url(img/sheet1.png); background-repeat: no-repeat; z-index: 898;} /*padding-top = styring af højde*/

.tab-portal {
  float: left; padding: 0px 40px 0px 25px; margin: 0px 0px 0px 10px; width: 267px; font-size: 15px; color: #b48f81;}/* width:justering af fane1's afstand til 2*/
.tab-members {
  float:left; padding-right:20px;
}
.members {
    float: left; padding: 0px 10px 0px 10px; margin: -2px 0px 0px 25px; /*background-image:url('img/sheet2.png');background-color: #fcf9f4;*/ font-size: 15px; color: #ddd; font-weight: 100 !important;
}

.to-top {
    height: 20px;
    float:right;
    margin-top: -3px;
    padding: 0px;
    position: relative; /* disse to styles løfter ikonrækken fri fra child-bottom */
    top: -2px !important;
  }

.myButton {
  position: relative; top: -8px; /* styrer placering af to-top knappens position i ikon-rækken */
  box-shadow: inset 1px 1px 0px 0px #828282;
    background: linear-gradient(to bottom, #c5a299 5%, #c5a299 100%);
    background-color: #c5a299;
    border-radius: 6px;
    border-top: 0px solid #828282;
    border-bottom: 1px solid #ffffff;
    border-left: 0px solid #828282;
    border-right: 1px solid #ffffff;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 6px;
    text-decoration: none;
}
.myButton:hover {
  background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  background-color:#dfdfdf;
}
.myButton:active {
  position:relative;
  top:-3px;
  text-decoration:none;
}

/*  Test om denne kan fjernes: */.-list-icon:before{content: url('img/list.png'); display: block; width: 15px; height: 11px; float: left;}/* background: url('') no-repeat; background-size: contain; unicode: \2610 */ 

/* Standard  listeform*/ #container ul {list-style-image: url('img/list.png');}

/* FOOTER */
.update {background-color: #f5ecde; margin: 0px; padding: 1px; line-height: 10px; text-align: center;}

/* Create three equal columns that floats next to each other */
.column {/* bruges både til table content og til footer - Lav en seperat til table of content */
	float: left;
    width: 33.33%;
    padding: 0px 10px 10px 10px;
    margin: 0px;
    box-sizing: border-box;
}

/* Clear floats after the columns */
.row {
    padding: 5px 0px; border-top: 1px solid rosybrown; border-bottom: 1px solid rosybrown;
}
.row-footer {background-color: white;}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    height: auto;
    clear: both;
}
/*code*/


.scrollContainer {overflow-y: scroll;  position: relative; width: 120px; overflow-x: hidden;} /* nødvendig for at styre højre scroll */

/* style der skal fungere overalt -------------------------------------------------------------------- */
.icon-btn {
  background-position: center; background-repeat: no-repeat;
  border: 1px solid rgba(0,0,0,0.0);
  background-color: rgba(0,0,0,0.0);
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 23px; height: 23px; /* OBS: Content pages uses box-sizing, thus the 2 extra pixels here */
  margin: 0px !important; padding: 0px !important;
  list-style-type: none;
  text-decoration: none; /* måske ikke nødvendig */
}
.icon-btn:hover {background-color: rgba(249,243,232,1); border: 1px solid rgb(255,255,255,1);}
.icon-btn:active {background-color: rgba(249,243,232,1); border: 1px solid rgba(217,160,146,1);}
.icon-btn img {margin: 0px !important; padding: 0px !important;}

/* BOOK Site */
    .book {float: left; max-width: 400px; min-width: 150px;}
    .book img {width: 120px; padding-top: 7px;}
    .book-text {float: left; max-width: 400px; min-height: 190px}
    .book-title {font-weight: bold;}
    .clear {clear: both;}  /* skal flyttes til generelt -afsnit */

/* LINK Site */
    .link {float: left; max-width: 400px; min-width: 150px;}
    .link img {width: 120px; padding-top: 7px;}
    .link-text {float: left; max-width: 400px; min-height: 190px}
    .link-title {font-weight: bold;}
    .link-list { /* omdøb til fx link-content */
      background-image: url(img/tablet.png);
      background-repeat: no-repeat;
      background-position: 0px 2px;
      padding-left: 20px;
    }

/*???.emoji {font-family: Segoe UI Emoji; size: 40px !important;}*/
/*???.attribute {position: relative; font-size: 26px;text-align: center;}*/
/*???.header1 {font-weight: bold; text-transform: uppercase; background-color: white;}*/
/*???.header2 {font-weight: bold;}*/
/*???.tip {color: blue;}*/
/*???.table-100 {max-width: 100%; margin: 20px auto;}.table-100 p{margin-bottom: 5px;}*/
/* .table-100 a:link .table-100 a:visited .table-100 .column */

/*.anchor-table {width:100%; font-weight: bold; color: brown; text-decoration: none;}*/
/*.anchor-table td {padding-left: 20px;}*/
/*.anchor-table img {float: left; margin-right: 4px; height: 100%;}*/
/*.anchor-table a:link {text-decoration: none; color: brown;}*/
/*.anchor-table a:visited {color: #455aa3;}*/
/*.anchor-table div {padding: 0px; margin: 0px;}*/


/* These table things from pattern painter - not in use */
/*til pattern painter#table {border: 0px solid black; border-collapse: collapse; font-weight: normal;}*/ /*width: flex;*/
/*til pattern painter#table td {border: 0px solid black; border-collapse: collapse;}*/
/*th, td {padding: 2px; text-align: center; line-height: 20px;}*/
/*til pattern painter.v-align-top {vertical-align: top;}*/
/*til pattern painter.no-marg {margin: 0px; padding: 0px;}*/ /*vertical-align: bottom;*/
/*til pattern painter.border-right {border-right: 1px solid black !important;}*/
/*.swats {width: 19px; height: 19px; border-left: 1px solid #333; border-bottom: 1px solid #333; cursor:pointer; margin: 0px; padding: 0px; float: left;}*/
/*---------------------------------------------------------------------------*/
/*?.txt-indent{text-indent: 20px; margin-top: -10px}*/
/*?*title{font-size:2px!important; margin: 0px 10px 10px 10px;}/.
/*?.section {font-family: Verdana, dropCap, 'Kodchasan', sans-serif; font-weight: 900; font-size: 18px;}*/
/*?.anchor {text-decoration: none;}*/
/*?.padding-top {padding-top: 10px;}*/
/*?.zero: {margin: 0px; padding: 0px;}*/
/*?.zero-padding-bottom {padding-bottom: 0px!important;}*/
/*?.margin-left-10 {margin-left: 10px;}*/
/*?.margin-right-10 {margin-right: 10px;}*/
/*?.bullet-margin {margin: 0px 5px 0px 0px;}*/
/*?.margin-bottom-10 {margin-bottom: 10px;}*/
/*?.spacing {letter-spacing:2px}*/
/*?.vl {border-left: 1px solid red; height: 90%; position: absolute; left: 33.33%; margin-left: 0px; top: 0;}*/

/*.navbar span {display: inline-block; padding-top: 5px; float: left;}?*/
/*?.icon-bar {float: right; height: 10px !important; margin: 0px; font-size: 20px; padding: 0px 10px 0px 0px;}*/
/*?.icon-bar span {color: #b49289 !important; no-textdecoration;}*/
/*.nav-content {display: block;} bruges vist ikke*/
/*.top-icon img {padding: 0px!important; margin-left: 5px!important;} ikke vigtig lige nu*/


/* Se også noter.txt */