/* CSS Document */

/*GENERELLE STYLES*/

body {
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
    background-color: White;
    color: #111111;
    margin: 12px;
    margin-right: 15px;
}

a {
  color: #0000ee;
  text-decoration-line: underline;
}

/* img { */
/*     max-width: 100%; */
/* } */

.sjefsdiv {
    background-color:#FFFFFF;
    margin:0pt auto;
    padding-right:10px;
}

/* banner */

.topp_banner_midten {
    border-width:1px;
    font-size:8pt;
    padding-left:3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.venstre {
    float: left;
    border: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.hoyre {
    float: right;
    border: 0px;
    margin-right:  0px;
    min-width: 300px;
}
.clearboth {
    clear: both;
}


/* mellom-meny under banneren */

.mellom_meny_hoyre {
    float: right;
}
.mellom_meny_venstre {
    float: left;
}

img.mellom_meny_ikon {
    height: 32px;
}

.mainlevel_hovedmeny {
    cursor: pointer;
}

.mainlevel_mellomvalg {
    display: inline;
    font-size: 10pt;
    font-weight: bold;
    color: #1c4155;
    text-align: center;
}


.mainlevel_mellomvalg a {
    /* display: block; */
    text-align: center;
    text-decoration: none;
    color: #1c4155;
    padding-left: 10px;
    padding-right: 10px;
}

.mainlevel_mellomvalg a:hover {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    height: 20px;
    color: white;
    background-color: #1c415566;
}

/*VENSTRE SIDE*/

td.leftcolumn {
    vertical-align:top;
}
div.leftcolumn {
    min-width: 192px !important;
}

/* meny */

.menyoverskrift{
    display: block;
    width: 170px;
    height: 15px;
}

.mainlevel_meny_container {
    background-color: #e9ecee;
    padding-top: 2px;
    padding-bottom: 11px;
}

.mainlevel_meny {
    font-size: 10pt;
    color: #1c4155;
    height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
    box-sizing: content-box;
}

.mainlevel_meny a {
    text-decoration: none;
    color: #1c4155;
    font-weight: bold;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mainlevel_meny a:hover {
    color: white;
    background-color: #1c415566;
}

.mainlevel_meny a:active {
    color: #FFFFFF;
}

.sublevel_meny {
    font-size: 10pt;
    color: #1c4155;
    height: 16px;
    background-color: #dde3e6;
    padding-top: 3px;
    padding-bottom: 3px;
    box-sizing: content-box;
}

.sublevel_meny a {
    text-decoration: none;
    color: #1c4155;
    text-indent: 37px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

.sublevel_meny a:hover {
    color: white;
    background-color: #1c415566;
}

.sublevel_meny a:active {
    color: #FFFFFF;
    font-weight: bold;
}


.subsublevel_meny {
    color: #1c4155;
    font-size: 8pt;
    height: 16px;
    text-indent: 45px;
    padding-top: 1px;
    padding-bottom: 3px;
}

.subsublevel_meny a {
    color: #1c4155;
    text-decoration: none;
    display: block;
    padding-top: 1px;
    padding-bottom: 3px;
}

.subsublevel_meny a:hover {
    background-color: #1c415566;
    color: white;
    font-weight: bold;
}

.subsublevel_meny a:active {
    color: #000000;
    font-weight: bold;
}

.meny_current a {
    background-color: #1c4155;
    color: white;
}

/* kalender */

.blockheading{
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 8px;
}

.leftblock {
    background-color: #fcfcfd;
    border: 1px solid #b6c6cf;
    font-size: 10pt;
    padding: 8px;
}
.rightblock {
    background-color: #fcfcfd;
    border: 1px solid #b6c6cf;
    font-size: 10pt;
    padding: 8px;
}
ul.blocknews {
    list-style-type: none;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}
li.blocknews {
    padding-top: 5px;
    padding-bottom: 5px;
}
li.blocknews a {
    text-decoration: none;
}

.arrangement{
    padding-left:   8px;
    padding-right: 10px;
    padding-top:    5px;
    padding-bottom: 5px;
    border-bottom:  1px solid #b6c6cf;
}

.arrangement a {
    text-decoration: none;
}

table.top5 {
    border: 0px;
    border-spacing: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
table.top5 td {
    font-size: 10pt;
    width: 100%;
}

table.top5 a {
    text-decoration: none;

}


.kalender_dato{
    page-break-before: always;
    font-size: 8pt;
    color: #000000;
}

.kalender a:link{
    margin-left: 5px;
    color: #0000CC;
    font-size: 8pt;
    display: inline;
    text-decoration: none;
}

.kalender a:hover{
    margin-left: 5px;
    color: #0000CC;
    font-size: 8pt;
    display: inline;
    text-decoration: underline;
}

.kalender a:visited{
    margin-left: 5px;
    color: #0000CC;
    font-size: 8pt;
    display: inline;
    text-decoration: none;
}

.kalender a.active{
    margin-left: 5px;
    color: #0000CC;
    font-size: 8pt;
    display: inline;
    text-decoration: none;
}


/* RESULTAT KALENDER */

table.resultatkalender {
    /* background: #e9ecee; */
    border: 1px solid #a0a0a0;
    border-radius: 12px;
}
.resultatkalender_dag
{
    font-size: 10pt;
    text-align: right;
    padding: 0px;
    text-align: center;
    border-radius: 14px;
    border: 2px solid transparent;
    background: #fEfEFE;
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    height: 28px;

}
.resultatkalender_dag_harkamp_club_forbund {
    font-weight: bold;
    font-size: 12pt;
}
.resultatkalender_dag_harkamp_club_forbund_shadow {
    /* font-weight: bold; */
}
.resultatkalender_dag_harkamp_club_other {
    font-weight: bold;
    font-size: 13pt;
}
.resultatkalender_dag_harkamp_club_other_shadow {
    /* font-weight: bold; */
}
.resultatkalender_dag_valgt {
    background: #ffff00;
}
.resultatkalender_dag_idag {
    border: 2px solid red;
}
.resultatkalender a {
    text-decoration: none;
}
.resultatkalender a:hover {
    text-decoration: underline;
}


/*INNHOLD I MIDTEN*/

.nyheter {
    background-color: #F7F7F7;
    font-size: 8pt;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 10px;
    border-width: 1px;
    border-color: #b6c6cf;
    border-style: solid;
}


/*.nyheter_overskrift{*/
td.contentheading1 {
    margin-top: 10px;
    font-size: 18pt;
    font-weight: 400;
    color: #1c4155;
}

.contentheading1 {
    color: #1c4155;
    font-weight: bold;
    font-size: 10pt;
    border-bottom: solid 1px #b6c6cf;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 16px;
    margin-top: 20px;
    margin-bottom: 6px;
}

.contentheading1selected {
    border-style: solid;
    border-color: #b6c6cf;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    color: #006633;
    font-weight: bold;
    font-size: 12pt;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
    margin-bottom: 6px;
}

.contentheading1 a {
    color: #1c4155;
    text-decoration: none;
}

.contentheading1 a:hover {
    text-decoration: underline;
    color: #000000;
}

td.contentheading2 {
    margin-top: 10px;
    font-size: 18pt;
    font-weight: 400;
    color: #1c4155;
}

.contentheading2 {
    color: #1c4155;
    font-weight: bold;
    font-size: 10pt;
    border-bottom: solid 1px #b6c6cf;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 16px;
    margin-top: 20px;
    margin-bottom: 6px;
}

.contentheading2selected {
    border-style: solid;
    border-color: #b6c6cf;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    color: #006633;
    font-weight: bold;
    font-size: 12pt;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
    margin-bottom: 6px;
}

.contentheading2 a {
    color: #1c4155;
    text-decoration: none;
}

.contentheading2 a:hover {
    text-decoration: underline;
    color: #000000;
}

.contentheading {
    font-size: 18pt;
    font-weight: 400;
    color: #1c4155;
    border-bottom: solid 1px #b6c6cf;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 16px;
    margin-top: 0px;
    margin-bottom: 6px;
}

.contentheadingselected {
    border-style: solid;
    border-color: #b6c6cf;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    color: #006633;
    font-weight: bold;
    font-size: 12pt;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
    margin-bottom: 6px;
}

.contentheading a {
    color: #1c4155;
    text-decoration: none;
}

.contentheading a:hover {
    text-decoration: underline;
    color: #000000;
}


.contentpaneopen h1{
    font-size: 16pt;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 4px;
}

.contentpaneopen h2{
    font-size: 14pt;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 4px;
}

.contentpaneopen h3{
    font-size: 12pt;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

.contentpaneopen h4 {
    font-size: 8pt;
    font-weight: bold;
}

.head2headstat td
{
    text-align: right;
}

.head2headstat th
{
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
}

.head2headselect
{
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
    width: 260px;
}


/* Lenker til andre sider med nbgf-nyheter */
div.contentlist {
    padding-top: 40px;
}

table.contentlist {
    border-top: 1px solid #b6c6cf;
    border-spacing: 0px;
    min-height: 30px;
    margin: auto;
}

td.contentlist * {
    color: #1c4155;
    font-size: 18pt;
    font-weight: 400;
}

td.contentlistitem {
    border-style: solid;
    border-color: #b6c6cf;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 20px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 12pt;
}

.contentlistitemselected {
    border-style: solid;
    border-color: #b6c6cf;
    border-width: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 20px;
    margin-bottom: 6px;
    text-align: center;
    color: #ffffff;
    background-color: #1c4155;
    font-size: 12pt;
}

.contentlistitem a {
    text-decoration: none;
}

.contentlistitem a:hover {
    text-decoration: underline;
}



.contentpaneopen img {
    max-width: 100%;
    object-fit: contain;
    margin-top: 0px;
    border: 0px;
}

.xx_contentpaneopen IMG {
    border: 1px solid #b6c6cf;
    float: right;
    margin-top: 0px;
}

div.ingresswide {
    vertical-align:top;
    padding-top: 14px;
}

img.ingresswide {
    max-width:100%;
    max-height: 400px;
    object-fit: contain;
    border: 0;
    padding-top: 4px;
    padding-bottom: 2px;
}
img.ingress {
    max-width:100%;
    max-height: 200px;
    object-fit: contain;
    border: 0px;
    padding-top: 4px;
    padding-bottom: 2px;
}

div.ingress {
    vertical-align:top;
    padding-top: 8px;
}


.createdate{
    color: #727272;
    font-size: 8pt;
    font-weight: normal;
    text-transform: capitalize;
    padding-top: 5px;
    padding-bottom: 0px;
}

.small {
    color: #aaaaaa;
    font-size: 7pt;
}

.modifydate {
    color: #aaaaaa;
    float: right;
    font-size: 7pt;
    font-weight: normal;
}

.intro {
    font-weight: bold;
    margin-bottom: 10px;

}


li {
    font-size: 10pt;
}

.bilder{
    background-image: url(bilde.gif);
    background-repeat: no-repeat;
    display: block;
    width: 200px;
    height: 200px;
    background-color: #AED8FF;
    float: right;
    margin-left: 8px;
    margin-bottom: 8px;
}

.bilder2{
    background-image: url(bilde.gif);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 75px;
    background-color: #AED8FF;
    float: left;
    margin-left: 1px;
    margin-right: 8px;
    margin-bottom: 8px;
}

/* HOYRE SIDE (forum) */

.forum_mellom{
    display: block;
    width: 200px;
    height: 18px;
}

.forum {
    background-color: #e9ecee;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-bottom: 2px;
    border-width: 0px;
    border-color: #b6c6cf;
    border-style: solid;
}
.forum li {
    margin-left:-12px;
}

.forum a {
    text-decoration: none;
}


.forum h2{
    color: black;
    font-size: 8pt;
    display: block;
    margin-top: 5px;
    margin-bottom: 2px;
    text-decoration: none;
}


.banner {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 2px;
    border-width: 0px;
    border-color: #b6c6cf;
    border-style: solid;
    text-align: center;
}

div.banner_kontingent {
    padding-left:    5px;
    padding-right:   5px;
    padding-bottom: 10px;
    padding-top:    10px;
    margin-bottom: 0px;
    border-color: 1px solid #b6c6cf;
    text-align: center;
    font-size: 20pt;
    color: white;
    background-color: #1c4155;
}

a.banner_kontingent {
    text-decoration: none;
}

.banner_kontingent :hover {
    background-color: #0F2A39;
}

.banner_ads_container {
    /* display: flex; */
    /* justify-content: space-between; */
    /* justify-content: flex-end; */
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: #fcfcfd;
    border: 1px solid #b6c6cf;
    margin-top: 20px;
    border-radius: 5px;
    padding: 0px;
    /* witdh: 100%; */
    /* min-width: 400px; */
    /* min-height: 200px; */
}

.banner_ad_first {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
}
.banner_ad {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
}


/* BUNNEN */

.bunnlinje {
    margin-top: 20px;
    padding: 8px;
    border-top: 1px solid #b6c6cf;
}

.bunntekst_overskrift {
    font-size: 10pt;
    letter-spacing: 2px;
    text-align: center;
    color: #111111;
    font-weight: bold;
}

.bunntekst{
    padding-top: 5px;
    font-size: 9pt;
    text-align: center;
    color: #111111;
}


.responsive-iframe-container {
    border: 0;
    overflow: hidden;
    padding-top: 1600px;
    position: relative;
}

.responsive-iframe-container iframe {
    border: 0;
    left: 0;
    top:  0;
    position: absolute;
    width:  100%;
    height: 100%;
}

/* PLAYER PROFILE */

table.playerrating {
    border-spacing: 0px;
}
table.playerrating td {
    padding-left:  0px;
    padding-right: 10px;
    padding-top: 3px;
}

table.ratinglist {
    border-spacing: 0px;
}

table.ratinglist td {
    padding-left:  5px;
    padding-right: 30px;
    padding-top: 3px;
}

table.happening {
    border-spacing: 0px;
    border: 0px;

    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.happening th.happening {
    font-size: 12pt;
    padding-bottom: 10px;
}

table.happening th.tournament {
    font-size: 12pt;
    padding-bottom: 10px;
}

table.happening td.match {
    padding-left: 5px;
    padding-right: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.notplayedmatch {
    color: #aaaaaa;
}
.notplayedmatch * {
    color: #aaaaaa;
}

tr.masterRating {
    /* background-color: #fcfcfd; */
}
tr.intermediateRating {
    background-color: #efefef;
}
tr.beginnerRating {
    background-color: #e0e0e0;
}

td.ratingSalad {
    background-color: #ffffff;
}


div.ratingcalc-inputcontainer1 {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 1.5rem;
    grid-column-gap: 1rem;
}
div.ratingcalc-inputcontainer2 {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: .5rem;
    grid-column-gap: 1rem;
}
div.ratingcalc-inputcontainer3 {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
}

img.groupsymbol {
    height: 11px;
}