* {
    padding: 0;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border: none;
    line-height: 1;
    font-family: 'calibri', 'times new roman';
    outline: 0;
    border-spacing: 0;
}

ul {
    list-style-type: disc;
    list-style-position: inside;
}

#logo {
    display: grid;
    justify-content: center;
    background-color: #63CCAB;
}

div {
    border: 1px solid green;
    background-color: fff;
}

#aboutus {
    padding: 2px 5px;
    text-align: justify;
}

h2 {
    color: #728FC8;
    font-weight: 900;
    text-align: center;
}

h4 {
    color: white;
    font-weight: 900;
    background-color: #374992;
    text-align: center;
}

h2:hover {
    background-color: purple;
}

#loadtheteam {
    border: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 
        "opskrif opskrif opskrif"
        ". hugo ."
        ". memhugo ."
        "hugoinfo hugoinfo hugoinfo"
        ". tanya ."
        ". memtanya ."
        "tanyainfo tanyainfo tanyainfo"
        ". nico ."
        ". memnico ."
        "nicoinfo nicoinfo nicoinfo"
        ". claude ."
        ". memclaude ."
        "claudeinfo claudeinfo claudeinfo";
}

#opskrif {
    grid-area: opskrif;
    font-size: 150%;
    font-weight: 100;
    border: none;
}

#hugo {
    grid-area: hugo;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: black 2px solid;
}

.memhugo {
    grid-area: memhugo;
    text-align: center;
    font-size: 150%;
}

.hugoinfo {
    grid-area: hugoinfo;
    border: none;
    text-align: justify;
    margin-left: 5px;
    margin-right: 5px;
}

#tanya {
    grid-area: tanya;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: black 2px solid;
}

.memtanya {
    grid-area: memtanya;
    text-align: center;
    font-size: 150%;
}

.tanyainfo {
    grid-area: tanyainfo;
    border: none;
    text-align: justify;
    margin-left: 5px;
    margin-right: 5px;
}

#nico {
    grid-area: nico;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: black 2px solid;
}

.memnico {
    grid-area: memnico;
    text-align: center;
    font-size: 150%;
}

.nicoinfo {
    grid-area: nicoinfo;
    border: none;
    text-align: justify;
    margin-left: 5px;
    margin-right: 5px;
}

#claude {
    grid-area: claude;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: black 2px solid;
}

.memclaude {
    grid-area: memclaude;
    text-align: center;
    font-size: 150%;
}

.claudeinfo {
    grid-area: claudeinfo;
    border: none;
    text-align: justify;
    margin-left: 5px;
    margin-right: 5px;
}

#allcourses {
    display: none;
    padding: 2px 5px;
    border: none;
    background-color: #63CCAB;
}

#courses {
    background-color: white;
}

#showcalendar:hover {
    background-color: #63CCAB;
}

#showcontactus {
    display: block;
    text-align: justify;
}

#tweesec {
    display: grid;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
        "links regs";
}

#seklings {
    grid-area: links;
}

#sekregs {
    grid-area: regs;
}

#showweblinks {
    display: none;
    padding: 5px 5px;
}

#newreg {
    display: none;
}

#loginsys {
    display: none;
}

#thenote {
    text-align: justify;
    padding: 5px;
}

#aairway {display: none;}

#showaairway {
    padding-left: 3px;
    padding-right:  3px;
    border: none;
    text-align: justify;
    background-color: fff;
}

#showacls {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#showbls {
    border: none;
    padding: 5px 5px;
    background-color: white;
    text-align: justify;
}

#showblsi {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#showfamilycpr {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#pals {display: none;}

#showpals {
    border: none;
    background-color: white;
}

#cmip {display: none;}

#showcmip {
    border: none;
    background-color: white;
}

#cpg {display: none;}

#showcpg {
    border: none;
    background-color: white;
}

#showfirstaid {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#ecg {display: none;}

#showecg {
    border: none;
    background-color: white;
}

#itlsfirst {display: none;}

#showitlsfirst {
    border: none;
    background-color: white;
}

#showfuture {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#showitls {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#mechb {display: none;}

#showmechb {
    border: none;
    background-color: white;
    text-align: justify;
    padding: 5px 5px;
}

#showstopthebleed {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

#showtacmed {
    border: none;
    background-color: white;
    padding: 5px 5px;
    text-align: justify;
}

.namebar {
    background-color: #374992!important;
    border: none;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: blue;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

h3 {
    color: #3E4095;
    text-align: center;
}

.copyright {
    background-color: black;
    color: white;
    text-align: center;
}