* {margin:0;padding:0;} 

html, body 			{ height: 100%;margin: 0px;padding: 0px;background: #ffffff;text-align: justify;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;}
html { scrollbar-gutter: stable; }


a:link 			{ color: #000;text-decoration:underline}
a:visited 		{ color: #000;text-decoration:underline}
a:hover 		{ color: #888;text-decoration:underline}
a.nolink		{ text-decoration:none}

#wrap 			{ min-height: 100%; width:100%;}


#header 		{ width: 100%;height: 140px;margin: 0 auto;padding: 0px;background: #444444;color: #ffffff;}
#header #logo 		{ max-width:1024px;width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;height:100%;position:relative; }
#header #logo ul	{ float:none;position:absolute;right:0;bottom:0; }
#header #logo h1 	{ padding: 6px 10px;font-size: 45px;font-weight: normal;color: #FFFFFF;text-transform: uppercase;display: inline;}

#header #logo ul
{
border-color: #000;
float: none;
    padding: 0px 0 2px;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: right; /*set to left, center, or right to align the tabs as desired*/
    background: #fff;
    border:1px solid #000;
    border-bottom:none;
    border-radius: 15px 15px 0 0;
}
        
#header #logo ul li
{
    display: inline;
    margin: 0;
    margin-right: 2px;/*distance between tabs*/
    font: normal 12px Verdana;
}
        
#header #logo ul li a
{
    text-decoration: none;
    position: relative;
    padding: 8px 22px;
    color: #000;
    border-radius: 3px 3px 0 0;
    outline:none;
}
  
        
#header #logo ul li a:hover
{
    text-decoration: underline;
    color: #000;
}
        
#header #logo ul li.selected a
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: #FFF;
    border: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    color: #000;
}
        
        
#header #logo ul li.selected a:hover, ul li.selected a:hover
{
    text-decoration: none;
}



#main 			{ overflow:auto;width:100%;margin:0 auto;clear:both;padding-top: 20px; padding-bottom: 180px;}/* must be same height as the footer */






#content 		{ overflow:auto;max-width:1024px;width:100%;margin:0 auto;padding:0 16px 50px;box-sizing:border-box;} /* must be same height as the footer */
#content h1 		{ padding: 6px 10px;font-size: 20px;font-weight: normal;color: #FFFFFF;background: #00C6FF; -moz-border-radius: 10px;border-radius: 10px;}
#content h2 		{ padding: 6px 10px;font-size: 15px;font-weight: normal;color: #FFFFFF;background: #00C6FF;}
#content h3 		{ padding: 6px 10px;font-size: 10px;font-weight: normal;color: #FFFFFF;background: #00C6FF;}
#content span.error  	{ color:red;}


#footer 	  	{ position: relative;margin-top: -180px; /* negative value of footer height */height: 180px;clear:both;} 
#footer 	  	{ background: #444444;color:#ffffff;font-size:11px;font-family:Verdana, Arial, sans-serif}
#footer a 	  	{ color:#fff;text-decoration:none}
#footer a:visited 	{ color:#fff;text-decoration:none}
#footer a:hover   	{ color:#fff;text-decoration:underline}
#footer p 	  	{ margin:0 0 15px 0}


#foot 			{ max-width:1024px;width:100%;margin:0 auto;height:180px;line-height:1.1em;padding:0 16px;box-sizing:border-box;}
#foot 	#left 		{ width:33.33%;	float:left;padding-top:30px;box-sizing:border-box;}
#foot 	#center 	{ width:33.33%;	float:left;text-align:left;padding-top:30px;box-sizing:border-box;}
#foot 	#right 		{ width:33.34%;	float:left;text-align:left;padding-top:30px;box-sizing:border-box;}
#foot 	h1 		{ padding: 6px 0 20px 0; font-size: 20px; font-weight: normal;color: #FFFFFF;}
#foot 	li 		{ margin: 0 auto;padding: 6px 0 3px 0 ;font-weight: normal;color: #FFFFFF;list-style: none;}


#lowborder a 		{ width: 100%; height: 100%; display: block;}
#lowborder a.minus	{ color: #ff0000;}
#lowborder a.nolink 	{ color: black;text-decoration: none;}
#lowborder a.no_decoration {text-decoration: none;}
#lowborder h3	 	{ padding: 0px 0px;font-size: 16px;font-weight: bold;color: #000000;background: #ffffff;}
#lowborder p.alignleft 	{ float: left; margin: 0px 0px 0px 6px; padding: 0px;} 
#lowborder p.alignright { float: right; margin: 0px 6px 0px 0px;} 
#lowborder table 	{ border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px;}
#lowborder td 		{ border-style: dashed; 	border-color: #999999; border-left: 0px; border-right: 0px; border-top: 0px; border-width: 1px;}
#lowborder td.first 	{ border-style: solid; 	border-color: #999999; border-left: 0px; border-right: 0px; border-top: 0px; border-width: 1px;}
#lowborder td.noborder 	{ border-style: solid; 	border-color: #999999; border-left: 0px; border-right: 0px; border-top: 0px; border-width: 0px;}
#lowborder tr:hover .hover  { color: #222222; font-weight: bold;}
#lowborder tr:hover .noborder  { color: #222222; font-weight: bold;}
















/*Opera sticky footer Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}

/* Logo */
img.logo { max-width:100%; height:auto; display:inline-block; vertical-align:bottom; }

/* Responsive show/hide helpers */
.d-mobile { display:none !important; }

/* =============================================
   RESPONSIVE – MOBIL
   ============================================= */
@media (max-width: 768px) {

    .d-desktop { display:none !important; }
    .d-mobile  { display:block !important; }

    /* Header */
    #header { height:auto; padding:10px 0; }

    #header #logo { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
    #header #logo h1 { font-size:28px; padding:4px 0; }

    #header #logo ul {
        position:static;
        float:none;
        display:flex;
        flex-wrap:wrap;
        gap:4px;
        border-radius:8px;
        border:1px solid #666;
        border-bottom:1px solid #666;
        background:#555;
        padding:6px 6px 6px;
    }
    #header #logo ul li { display:inline; margin:0; }
    #header #logo ul li a { padding:6px 10px; color:#fff; display:inline-block; font-size:12px; }
    #header #logo ul li a:hover { color:#ddd; text-decoration:none; }
    #header #logo ul li.selected a {
        background:#777;
        border:1px solid #888;
        border-bottom:1px solid #888;
        color:#fff;
    }

    /* Logo – begræns bredde på mobil */
    #header #logo > a { display:block; }
    img.logo { max-width:65%; height:auto; }

    /* Main */
    #main { padding-bottom:40px; }

    /* Sticky footer – deaktiver negativt margin på mobil */
    #footer { position:static; margin-top:0; height:auto; }
    #foot   { height:auto; }
    #foot #left   { width:100%; float:none; padding-top:20px; }
    #foot #center { width:100%; float:none; padding-top:20px; text-align:left; }
    #foot #right  { width:100%; float:none; padding-top:20px; text-align:left; }
    #foot h3 { padding:6px 0 12px; font-size:16px; }
    #foot li { padding:4px 0; }

    /* Wrappers – override inline side-styles */
    .login-wrap,
    .dash-wrap,
    .post-wrap,
    .page-wrap { width:100% !important; padding:0 12px; box-sizing:border-box; }

    /* Cards – reducer padding */
    .login-card,
    .dash-card,
    .post-card,
    .page-card { padding:24px 16px !important; }

    /* Indre max-width */
    .login-content,
    .post-inner,
    .page-inner { max-width:100% !important; }

    /* Forside feature-grid */
    .home-features { grid-template-columns:1fr !important; }

    /* Opret konto – fornavn/efternavn side om side */
    .register-name-row { grid-template-columns:1fr !important; }

    /* Stat-kort (overblik) – stack lodret */
    .stat-cards { flex-direction:column; }

    /* Tabeller – horisontal scroll */
    .dash-card { overflow-x:auto; }
    .dash-table { min-width:660px; }

    /* Måned/år-række i konto-form */
    .month-year-row { flex-direction:column; }
    .month-year-row select { width:100% !important; flex:none !important; }

    /* CTA-knapper */
    .home-cta { flex-direction:column; align-items:center; }
    .page-cta { flex-direction:column; }

}