/* ------ Section 1 - Global Body, Font and Link Settings Q's - baseret på PPAs ------ */

body {
background-color: #eeeded;            /* Farven på hele sidens baggrund ændret fra #d6d2d2 Pale grey til lys grå #eeeded - http://www.colorhexa.com */
margin: 0;			/* Margin er 0, hvis den ændres, rykker hele skabelonen ned */
padding: 5px;		/* Padding (indre margin, det synlige af den grå baggrund for oven for selve skabelonen) var før 40px, nu sat til 5px */
font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;  /* Standardskrift var: Lucinda Sans Unicode (først), nu sat til Verdana (kun i brødtekst, overskrifter er Lucinda Sans Unicode)(som på gamle BB1 skabelon) */
color: #000;
font-size: 85%;	/* Generel font-size var sat til 85%, jeg har rettet det til 85% - påvirker al teksten både i left, middle og right column */
}

h1, h2, h3, h4, h5, h6 {	/* --- Alle overskrifter h1 til h6 i al alm. tekst: Farve var før #595959 (Dark grey as in header text) nu sat til mørk gråblå #2f4e62 -  indtast og se farver på f.eks. http://www.colorhexa.com --- */
background-color: transparent;
color: #2f4e62;                     /* fra mørk grå #595959 til gråblå 2F4E62*/
clear: none;
}

h2, h3, h4, h5, h6 {
margin-top: 40px;	/* --- Alle mindre overskrifter (h2 til h6) i al alm. tekst: Margin var før 24px, nu sat til 40px for at give mere luft mellem afsnit --- */
}

h1 {
margin-top: 10px;	/* --- Alle største overskrifter (h1) i al alm. tekst: Top-margin var før 5px, nu sat til 10px for at give mere luft for oven --- */
font-family: Franklin Gothic Medium, Tahoma, Helvetica, Verdana, Georgia, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; /* --- før: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;  --- */
border-bottom: 0 solid #2f4e62;	/* --- Overskrift h1 (største) al tekst: Linje/streg under (sat til 0= ikke synlig) var før #8f8fb3 (grå) nu sat til #2f4e62 (mørk gråblå) --- */
text-align: center;
}

h2 {
font-family: Franklin Gothic Medium, Tahoma, Helvetica, Verdana, Georgia, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
border-bottom: 0px solid #2f4e62;	/* --- Overskrift h2 (næststørste) al tekst: Linje/streg under (var før sat til 1px= tynd med koden: 1px solid #8f8fb3)(grå), nu sat til 0 (ingen streg) og #2f4e62 (mørkere gråblå) --- */
}

h3 {
font-family: Franklin Gothic Medium, Tahoma, Helvetica, Verdana, Georgia, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
border-bottom: 0 solid #2f4e62;	/* --- Overskrift h3 (mindste) al tekst: Linje/streg under (sat til 0= ikke synlig) farve var før #8f8fb3 (grå) nu sat til #2f4e62 (mørkere gråblå) --- */
}

blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}

code {
color: navy;
}

img {
border: 0 solid #ddd;	/* --- #ddd er en mørk rød /vinrød farve --- */
}

a:link img {
border: 0;
}


/* -- General Link Styling -- */

a:link {
color: blue; 
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: underline;
}

a:hover {
color: #c83423;                /* Deep red as in Nav headers */
text-decoration: underline;
}



/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {
width: 960px;
border: 1px solid #9a9a9a;   /* dark grey, headlines and borders */
}

#Header {

}

#ContentWrapper {
float: left;
width: 100%;
}

#ContentColumn {
margin: 0 180px 0 180px;    /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */
}

#NavColumn {
float: left;
width: 179px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */
margin-left: -960px;
        /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
}

#ExtraColumn {
float: left;
width: 179px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */
margin-left: -180px;        /* STEP 5: set to -(ExtraColumnWidth) */
}

#Footer {
clear: both;
width: 100%;
padding: 8px 0;
height:124px;
border-top: 0px solid ;
}

.Liner {
padding: 10px;
}

#Header .Liner {
position:relative; /* copy these 4 green lines and paste into your CSS file */
padding:1px 0;
min-height:187px; /* change this number to the header height you wrote down, minus 2px */
_height:187px; /* IE6 min-height fix */ /* change this number to the header height you wrote down, minus 2px */
}

#Footer .Liner {
margin: 50px;
padding: 0;
}



/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
margin: 0px auto;	/* --- Pagewrapper margin (luft ovenover selve skabelonen) var før 24px, nu sat til 0px - ergo: hele skabelonen rykker op --- */
background-image: url(../image-files/new-background.gif);
background-repeat: repeat-y;/* --- repeat-y betyder billedet gentages uendeligt så længe der er brug for det --- */
background-color: transparent;
}

#Header .Liner {
background-image: url(../image-files/header-image.jpg);
background-repeat: no-repeat;	/* --- no-repeat betyder billedet kun bruges en gang --- */
background-color: transparent;
background-position: top left;
}

#ContentWrapper {
background-image: url(../image-files/new-background.gif);
background-repeat: repeat-y;	/* --- repeat-y betyder billedet gentages uendeligt så længe der er brug for det --- */
}

#NavColumn {
background-image: url();
background-repeat: repeat-y;
background-color: transparent;
}

#ContentColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#ExtraColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#Footer {
background-image: url(../image-files/footer-background.jpg);
background-repeat: no-repeat;
background-color: #e4e4e4;     /* Pale grey as in body background */
text-align: center;
font-size: 85%;
}

#NavColumn {                     
font-size: 80%;        /* --- font size (størrelsen på BRØDteksten i left navigation column) var før 90%, nu rettet til 80% --- */
color: #2f4e62;         /* Originalt Dark grey 595959 as in headers - nu sat til #2f4e62 - øvrig tekst undtagen knapoverskrift og knapper i højre og venstre navbar  */
}

#ExtraColumn {
font-size: 80%;        /* --- font size (størrelsen på BRØDteksten i right navigation column) var før 90%, nu rettet til 80% --- */
color: #2f4e62;         /* Originalt Dark grey 595959 as in headers - nu sat til #2f4e62 - øvrig tekst undtagen knapoverskrift og knapper i højre og venstre navbar  */
}

#NavColumn h4 {
font-size: 115%;       /* --- font size (størrelsen på OVERSKRIFTEN i left navigation column) var før 90%, nu rettet til 115% --- */
color: #2f4e62;        /* Originalt Dark grey 595959 as in headers - nu sat til #2f4e62 - øvrig tekst undtagen knapoverskrift og knapper i højre og venstre navbar  */
margin-top: 2px;       /* Øverste skrift i venstre nav bar/kolonne. Var før på 6px og er nu på 2px og er rykket lidt op  */
}

#ExtraColumn h4 {
font-size: 115%;       /* --- font size (størrelsen på OVERSKRIFTEN i right navigation column) var før 90%, nu rettet til 115% --- */
color: #2f4e62;       /* Originalt Dark grey 595959 as in headers - nu sat til #2f4e62 - øvrig tekst undtagen knapoverskrift og knapper i højre og venstre navbar  */
margin-top: 2px;
}


/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
width: 100%;        /* Størrelsen på selve knappen, jo mindre %, desto mindre knap */
font-size: 107%;             /* Størrelsen på overskrift lige over nav.buttons - var før 110% er nu på 134% */
font-family: Arial, Calibri, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
background-color: transparent;
font-weight: bolder
}

/* -- Nav Headers = Overskrifter ovenover navigations-knapperne ---- */

.Navigation h3 {
padding: 0;
font-size: 134%;             /* Størrelsen på overskrift lige over nav.buttons - var før 110% er nu på 134% */
color: #2f4e62;                       /* Farve på overskrift over nav-buttons: Var før ppa's #823926 (Deep red) - er nu  sat til #2f4e62, som er en mørkere grå */
border-bottom: 1px solid #fff;       /* Streg under (h3) overskrifter i Navigations kolonnen (1px tyk, farve var #fff (hvid), nu rettet til: #ffc41e (varm gul fra SSHs header/topimage) */
margin: 12px 0;
}

/* -- Nav List --= Selve navigations-knappernes placering -- */

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 0px;	/* Højre-margin på nav-buttons: Var før: 0 0 8px 5px, nu sat til 0 0 8px 0px (ingen højre margin), herved bliver de centeret i left column */
margin: -6px 0 0 0;
}

.Navigation li {
background-color: #fff;        /* Farve inde i nav-buttons var "8b8b8b (grey as in headline) er nu hvid #fff */
border: 1px solid #9a9a9a;        /*  Kanten (rammen) på nav-buttons er 1px før light grey #c1c1c1, nu mørkere grå #9a9a9a)*/
margin-bottom: 3px;             /* Margin (luft) mellem nav-buttons: 3px - kunne sættes til 4px eller 5px */
margin-left: 0px;              /* Ny linje: Margin (luft) til venstre for knapper før sat til 2px - nu sat til 0 - påvirker kun knapper, ikke teksten over dem */
}

/* -- Navigation Link styles = Hvordan links (ALLE links, ikke kun knapper) ser ud før, under, og efter museklik -- */

.Navigation a:link {
color: #2f4e62;	/* Farve på teksten i nav-buttons - var: white - nu: mørkere gråblå #2f4e62 */
font-size: 100%; /* Ny linje - størrelse på skrift inde i knap efter visited - bør være det samme som før besøg; Størrelse sat til 115% men ændret til 100% */
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:visited {
color: purple;
font-size: 100%; /* Ny linje - størrelse på skrift inde i knap efter visited - bør være det samme som før besøg; Størrelse sat til 100% */
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:hover {
color: #0409FE;      /* før deep red #c83423, nu 'linkblå' som i alm. links #0409FE*/
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
background-color: #EDEDED;   /* før #e9e9e9 light light grey as in adsense and callout box, nu lys grå #EDEDED */
text-decoration: underline;
}



/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation -- */

.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a:link {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
text-decoration: underline;
color: #0409FE;      /* før deep red #c83423, nu 'linkblå' som i alm. links #0409FE*/
}


/* -- Horizontal Text NavBar -- Bottom of page links: Normally used for non site theme related links - Top of page links: Used as you please  -- */

.ExtraNav {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}

.ExtraNav ul {
list-style-type: none;
padding: 0;
}

.ExtraNav ul li {
display: inline;
background-color: transparent;
text-align: center;
}

.ExtraNav a:link {
color: #01518E;            /* -- Farven på ekstra-links i top og bund var før #595959 (Grey as in headers), nu rettet til #fff - hvid -- */
font-weight: bold;         /* -- Indsat ny linje gør ekstralinks i top og i bunden bold -- */
text-decoration: none;
text-align: center;
padding: 0 10px;          /* -- afstanden mellem ekstralinks i top, var 4px er nu 10px -- */
}

.ExtraNav a:visited {
color: purple;
text-decoration: none;
}

.ExtraNav a:hover {
color: #0409FE;      /* før deep red #c83423, nu 'linkblå' som i alm. links #0409FE*/
background-color: transparent;
text-decoration: underline;
}

#Header .ExtraNav {
font-size: 85%;
position: absolute;
bottom: 170px;	/* --- Placering af top nav-links (thumbnails) regnet fra bunden af topimage, var før 12px, nu sat til 170px (dvs den rykke meget kraftigt op) */
right: 60px;	/* --- Placering af top nav-links (thumbnails) ifht højre kant, var før 20px */
}

#Header .ExtraNav ul { 
margin: 0;
}

#Footer .ExtraNav {	
margin: 60px auto 30px;	/* --- Dette må være placeringen af links i bunden, ikke ændret --- */
background-color: transparent; /* --- En 'streg/bar med tekst (links)' i bunden af siden: Ingen ændring lavet, for den er transparent, kunne også have været en farve. --- */
}



/* ------ Section 6 - Boxes ------ */

.CalloutBox {
background-color: #f1f1f1;                            /*very pale grey */
width: 85%;
border: 1px dotted #c83423;                                   /*Red as in h3 headers in nav bar */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}

.ReminderBox {          
background-color: #E6E5E5;                /*før #ddd grey, nu en lysere grå #E6E5E5 */
width: 24%;
border: 1px solid #8b8b8b;
margin: 0 0 12px 12px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
color: #c83423;
text-align: center;
background-color: #f1f1f1;
}

.ReminderBox p {
font-size: 80%;
color: #595959;
padding: 6px 4px;
line-height: 120%;
}

.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
padding: 0px;          /* var før på 5px, hvilket gave en lys grå kant, er nu på 0px dvs. ingen kant */
background-color: #f4f4f4;
border: 0px;
}

.AdSenseBoxLeft {
margin: 0 12px 12px 0px;    /* kl. 9 var før 18px, er nu 0. Kl 15 var før 18 er nu 12px */
float: left;
}

.AdSenseBoxRight {
margin: 0 18px 12px 12px;     /* kl. 18 var 12px, er nu 12px, kl. 9 var før 18 er nu 12px */
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;				/* angiver størrelse på banner!! Har ikke gjort noget ved det! Pt irrelevant */
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}

.ReturnToNavBox {          /* de to linjer som omgiver linket sidst på siden, som linker op til starten */
background-color: #fff;
width: 90%;
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
margin: 0 auto 12px auto;
padding: 10px;
text-align: center;
}

/* -- RSS Box -- */

#RSSbox {
width: 148px;
background-color: #f1f1f1;            /*Just off white */
border: 1px solid #8b8b8b;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #595959;                      /*Dark grey as in headers */
line-height: 120%;
text-align: center;
}



/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
clear: both;
}

.Caption {
font-size: 100%;     /* Tekststørrelse under thumbnails i højre kolonne (også kaldet image place holder eller adsense) - var 85%, er nu 100% */
font-weight: bold;    /* bold er valgt fordi den bliver mere overskriftsagtig fx folk skal købe en bog */
color: #000;         /* Tekst under thumbnails i højre kolonne (også kaldet image place holder eller adsense) - er sort #000 */
display: block;
line-height: 180%;    /* afstanden mellem skrift og thumbnail og også afstanden til elementerne under - var 150%, er nu 180% */
margin-bottom:17px;    /* afstanden mellem ovenforstående skrift og thumbnailen lige neden under - var 10px, er nu 17px */
}

/* -- floats -- */

.ItemRight {         /* Dette er en image place holder siddende i højre side - den eneste, der er demonstreret */
float: right;
margin: 2px 0 8px 12px;          /* var før 2px 0 12px 18px, er nu 2px 0 8px 12px */
text-align: center;
}

.ItemCenter {        /* Dette er en image place holder siddende i midten - den er ikke demonstreret */
margin: 2px auto 8px auto;     /* var før 2px auto 12px auto, er nu 2px auto 8px auto */
text-align: center;
clear: both;
}

.ItemLeft {                  /* Dette er en image place holder siddende i venstre side - den er ikke demonstreret */
float: left;
margin: 2px 12px 8px 0;      /* var før 2px 38px 12px 0, er nu 2px 12px 8px 0  */
text-align: center;
}



html.mobile #PageWrapper, html.mobile #ContentWrapper { background-image:none;  background-color:transparent;}
html.mobile body { padding:0; }
html.mobile #PageWrapper { border:none; }
html.mobile #Footer { background-image:none; background-color:#7BA7E8; height:140px; padding:0; }
html.mobile #Footer .Liner { margin:0 auto; }
html.mobile #Footer .ExtraNav { margin:0; }



html.mobile img { max-width:125px; height: auto; width:auto; }
html.mobile table { max-width:100%; width:100%; }
html.mobile table, html.mobile tr{margin:0 auto; width:100%!important;border:transparent;clear:both}
html.mobile table p, html.mobile td { text-align:center; margin:0 auto; max-width:50%; width:50%; min-width:80px; font-size:85%;}
html.mobile table img { max-width:80px; height:auto; width:auto; }
html.mobile .style1 { max-width:96%; width:96%; margin:0 auto; text-align:center; }
html.mobile .style1 td, html.mobile .style1 p { max-width:23%; min-width:55px; font-size:80%; }
html.mobile .style1 img {max-width:55px; height:auto; width:auto; }
html.mobile img, html a { border:none!important; }