/* Begin CSS Popout Menu */
/*
#menu{
/*width:100%;
float:left;
*/
/*
	width: 782px;
	height: 57px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: right;
	float: right;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display: block;
border-width:0px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
text-transform:uppercase;
}

#menu h2{
color:#000;
*/
/*background:#000 url(/css/images/expand3.gif) no-repeat 100% 100%;*/
/*
text-transform:uppercase;
}

#menu a{
background:#b6b8aa;
text-decoration:none;
height: 20px
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#000;
background:#949784;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
*/
/*float:left;*/
/*
width:9em;
float: left;
text-transform:uppercase;
}

#menu li{
position:relative;

}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}
*/
/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */
/*
div#menu h2:hover{
*/
/* background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px; */
/*
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}
*/
/* End of non-anchor hover selectors */

/* Styling for Expand */
/*
#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}
*/
/* End CSS Popout Menu */

/* ***************************************************************************
/**************** menu coding *****************/
#menu {
	width: 100%;
	float: left;
	padding-top: 11px;
	height: 56px;
	margin: 0 auto;
	font-size: 0.9em;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 10em;
	float: right;

}

#menu a, #menu h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	display: block; 
	margin: 0;
	padding: 0px 0px;
}

#menu h2 {
	font-weight:bold;	
	color: #b6b8aa;
	background: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
}

#menu a {	
	color: #000;
	background: #b6b8aa;
	text-decoration: none;
	text-transform: capitalize;
}

#menu a:hover {
	color: #a00;
	background: #949784;
}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;	
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


html, body {
	height: 100%;
}




body {
	margin: 0;
	padding: 0;
	background: #EDFBD2 url(images/img01.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2B4E15;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-bottom: 1.8em;
	line-height: 160%;
}

ul, ol {
}

blockquote {
}

a {
	color: #71AB48;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
	height: auto;
	min-height: 100%;
	background: url(images/img02.jpg) repeat-x left bottom;
}

html>body #wrapper {
	height: auto;
}

.normalText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	
	
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
	text-decoration: none;
}

.fetText {
	font-weight: bolder;
}
.eagleText {
	color: #FFFF00;
}

.birdieText {
	color: #FF0000;
		
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
	text-decoration: none;
}

.bogeyText {
	color: #0000FF;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
	text-decoration: none;
}

.dubbelText {
	color: #660000;
		
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
	text-decoration: none;
}

.otherText {
	color: #CC00FF;
		
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
	text-decoration: none;

}

.tabell {
	border: none;
}


/* Logo */

#logo {
	width: 778px;
	height: 160px;
	margin: 0 auto;
	color: #FFFFFF;
}

#logo h1, #logo h2 {
	float: left;
	margin: 0;
}

#logo h1 {
	padding: 25px 0 0 20px;
	letter-spacing: -2px;
	text-transform: lowercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	
	/*font-family: Helvetica, Arial, sans-serif; 	*/
	font-size: 50px;
}

#logo h2 {
	padding: 3px 0 0 10px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 778px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content */

#content {
	float: left;
	width: 775px;
}

.post {
	padding-bottom: 20px;
}

.post .title {
	margin: 0;
	padding: 5px 20px;
	letter-spacing: -2px;
}

.post .title a {
	text-decoration: none;
	color: #57A122;
}

.post .entry {
	padding: 10px 20px 0 20px;
}

.post .meta {
	height: 26px;
	border-top: 1px solid #3E5C0E;
	border-bottom: 2px solid #3E5C0E;
	font-size: smaller;
	font-weight: bold;
}

.post .posted {
	float: left;
	height: 16px;
	padding: 5px 20px;
}

.post .permalink, .post .comments {
	float: right;
	height: 16px;
	padding: 5px 20px;
}

.post .permalink {
}

/* Sidebar */

#sidebar {
	float: right;
	width: 260px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 20px;
}

#sidebar li ul {
	padding: 20px;
}

#sidebar li li {
	margin: 0;
}

#sidebar p {
	padding: 0 20px;
}

#sidebar h2 {
	height: 29px;
	margin: 0;
	padding: 9px 0 0 20px;
	background: #B6E074;
	border: 1px  dotted #4D7C2B;
	text-transform:lowercase;
	font-size: 1.4em;
	font-weight: normal;
	color: #000000;
}

/* Search */

#search form {
	padding: 20px;
}

#search br {
	display: none;
}

#search #s {
	width: 135px;
}

/* Footer */

#footer {
	clear: both;
	padding: 10px 0;
	font-size: smaller;
	
	
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
	
}


a:link{
	text-decoration: underline;
	color:#777;
}
a:active{
	text-decoration: underline;
	color:#777;
}
a:visited{
	text-decoration: underline;
	color:#777;
}
a:hover{
	text-decoration: underline;
	color: #E2144A; 
}

/* ================================================================
   Responsive/mobile layout for The Fogdegård Open
   ================================================================ */
* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    min-width: 0;
    overflow-x: hidden;
}

#wrapper {
    width: 100%;
    min-height: 100vh;
}

/* Main navigation */
#menu {
    width: min(778px, calc(100% - 24px));
    height: auto;
    min-height: 0;
    float: none;
    padding-top: 12px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
}

.menu-toggle {
    display: none;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 0;
    border-radius: 6px;
    background: #2B4E15;
    color: #fff;
    font: bold 16px Arial, Helvetica, sans-serif;
    text-align: left;
    cursor: pointer;
}

.menu-icon {
    display: inline-block;
    margin-right: 8px;
    font-size: 20px;
    line-height: 1;
}

.main-nav {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 4px;
}

.nav-link,
.nav-group-toggle {
    display: block;
    min-height: 36px;
    padding: 9px 14px;
    border: 0;
    background: #b6b8aa;
    color: #000;
    font: bold 13px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.nav-link:hover,
.nav-group-toggle:hover {
    background: #949784;
    color: #000;
}

.nav-group {
    position: relative;
}

.sub-nav {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    min-width: 170px;
    max-height: 70vh;
    overflow-y: auto;
    background: #b6b8aa;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

.nav-group:hover .sub-nav,
.sub-nav.is-open {
    display: block;
}

.sub-nav a {
    display: block;
    padding: 7px 12px;
    color: #000;
    font: 13px Arial, Helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.sub-nav a:hover {
    background: #949784;
    color: #000;
}

.nav-arrow {
    margin-left: 5px;
}

/* Header */
#logo {
    width: min(778px, calc(100% - 24px));
    height: auto;
    min-height: 150px;
    margin: 0 auto;
    padding: 25px 0 15px;
    display: flex;
    align-items: center;
}

#logo h1,
#logo h2 {
    float: none;
}

#logo h1 {
    padding: 0 0 0 14px;
    margin: 0;
    letter-spacing: -1px;
    font-size: clamp(30px, 6vw, 50px);
    line-height: 1.05;
}

#logo h2 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1;
}

#logo img {
    max-width: 48px;
    height: auto;
}

/* Content */
#page {
    width: min(778px, calc(100% - 24px));
    margin: 0 auto;
    padding: 16px 0 24px;
}

#content {
    float: none;
    width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
}

#content img {
    max-width: 100%;
    height: auto;
}

#content input,
#content textarea,
#content select,
#content button {
    max-width: 100%;
}

#content table {
    max-width: 100%;
}

/* Included legacy pages contain their own tables and sometimes fixed widths. */
#content table[width="100%"] {
    width: 100% !important;
}

/* Statistics: allow wide scorecards to scroll instead of breaking the page. */
#content table {
    font-size: 13px;
}

#footer {
    width: min(778px, calc(100% - 24px));
    margin: 0 auto;
}

@media (max-width: 700px) {
    body {
        font-size: 15px;
      	margin-top: 40px;
    }

    #menu {
        width: calc(100% - 20px);
        padding-top: 10px;
    }

    .menu-toggle {
        display: block;
    }

    .main-nav {
        display: none;
        width: 100%;
        margin-top: 6px;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        background: #b6b8aa;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,.18);
    }

    .main-nav.is-open {
        display: flex;
    }

    .nav-link,
    .nav-group-toggle {
        width: 100%;
        min-height: 46px;
        padding: 12px 14px;
        font-size: 16px;
        text-align: left;
    }

    .nav-group {
        width: 100%;
    }

    .sub-nav {
        position: static;
        width: 100%;
        max-height: none;
        overflow: visible;
        box-shadow: none;
    }

    .sub-nav a {
        min-height: 42px;
        padding: 10px 20px 10px 32px;
        font-size: 15px;
        border-top: 1px solid rgba(0,0,0,.08);
    }

    .nav-group:hover .sub-nav {
        display: none;
    }

    .nav-group:hover .sub-nav.is-open,
    .sub-nav.is-open {
        display: block;
    }

    #logo {
        width: calc(100% - 20px);
        min-height: 110px;
        padding: 20px 0 12px;
    }

    #logo h1 {
        padding-left: 10px;
        font-size: clamp(28px, 9vw, 42px);
    }

    #logo img {
        max-width: 40px;
    }

    #page {
        width: calc(100% - 20px);
        padding-top: 8px;
    }

    #content {
        font-size: 15px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #content h1 {
        font-size: 28px;
    }

    #content h2 {
        font-size: 23px;
    }

    #content h3 {
        font-size: 18px;
    }

    #content p,
    #content li {
        line-height: 1.5;
    }

    #content .normalText {
        font-size: 14px;
    }

    /* Make every wide table horizontally scrollable. */
    #content table {
        max-width: none;
    }

    #content table.tabell,
    #content table[border],
    #content table[width] {
        overflow-x: auto;
    }

    /* Forms become full-width on small screens. */
    #content input[type="text"],
    #content input[type="password"],
    #content input[type="email"],
    #content textarea,
    #content select {
        width: 100% !important;
        min-height: 40px;
        font-size: 16px;
    }

    #content input[type="submit"],
    #content input[type="button"],
    #content button {
        min-height: 42px;
        padding: 9px 16px;
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    #logo h1 {
        font-size: 27px;
    }

    #logo img {
        max-width: 34px;
    }
}