html, body {
margin:0px; 
padding:0px;
}

body {
	/*background-position : center left;*/
	font-family:  Verdana, sans-serif;
	font-size: 0.8125em;
	margin-bottom: 50px;
	background: url(../_themes/evrgreen/background_evrgreen.gif) repeat-y;;	
}

body h1 {
	padding: 0px;
}

body h2 {
	padding: 0px;
}

#wrap{ /*ydre DIV som sætter fast bredde og spiralgrafik med videre*/
	background-color: #FFFFCC;
	background-image: url(jrj_ring_y.gif);
	background-repeat: repeat-y;
	margin-left: 30px;
	margin-top: 40px;
	width: 980px;
	padding-right: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	margin-bottom: 100px;
	padding-bottom: 20px; /*giver nødvendig luft til #inner i bunden*/
}

#wrap_grafik{ /*ydre DIV som sætter fast bredde og spiralgrafik med videre*/
	background-color: #FFFFCC;
	background-image: url(jrj_ring_y.gif);
	background-repeat: repeat-y;
	margin-left:30px;
	margin-top: 40px;
	width: auto;
	padding-right: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	margin-bottom: 100px;
	padding-bottom: 20px; /*giver nødvendig luft til #inner i bunden*/
	overflow: visible;
}

#innner { /*indre DIV som afgrænser alt indholdet i forhold til grafikken i wrap*/
	margin-top: 30px;
	/*margin-bottom: 40px;*/
	margin-left: 80px;
	margin-right: 40px;
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 50px; /* forhindrer box objekter i at hænge ud nederst på siden...*/
	top: 32px;
	overflow: hidden; /*tilf. 3/1 2012*/
}
#innner_grafik { /*indre DIV som afgrænser alt indholdet i forhold til grafikken i wrap*/
	margin-top: 30px;
	/*margin-bottom: 40px;*/
	margin-left: 80px;
	margin-right: 40px;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 5px; /* forhindrer box objekter i at hænge ud nederst på siden...*/
	top: 32px;
	overflow: scroll; /*tilf. 3/1 2012*/
}

	
/* følgende selektor er tilføjet 26/7 2020for at slukke for sidenav i "bred visning" */
ul.topnav {
	display: none;    
}

ul.oldenav li a{
	display: block;
	list-style-type: none;
	text-decoration: none;
}

p {
	margin-top: 0px;
	/*får tekster til at flugte med overkanten af billeder i Firefox*/
}

pre {
	font-family:  "Courier New", Courier, monospace;
	font-size: 12px;
	white-space: pre-wrap;
}


img { border: none; 
} /* sep 2009: Images kan nu bruges som links uden rammer. width tilf. 29/7 2020*/


/* billedmarginL er til "indpakning" af billeder. Et bedre navn end "billedmargiL" ville have været "billedtekstL", 
da klassen styrer billedets placering inkl. den tilhørende billedtekst.
Se også kommentarerne til .fotos for mulighederne for at placere billedteksen langs billedets sider.
Sidstenævnte ville dog også kræve en klasse ".billedmarginL img" plus width større end billedbredden*/

/*brødteksten vil flyde op på siden af .billedmarginL, med mindre det forhindres af en .cb */
/* This is the css style that will make your text blink.*/

.billedmarginL {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 8px;
	margin-right: 10px; /* giver luft til evt. tekst, der flyder til højre for billedet*/
	display:inline;
	margin-bottom: 5px;
	float: left;
	clear: inherit; /* dec 2008*/
	margin-right: 10px; /*opr 0.5em */
	margin-top: 5px;
	/*max-width: 100%;
  height: auto;*/
}
/* .billedmarginLcentreret centrerer billeder i "bred visning", når dette ønskes. 29/7 2020 */
.billedmarginLcentreret {
	/* Her følger (28/7 2020) løsning af de problemer, som blockquotes gav mht styring og centrering af billeder i forbindelse med responsive "bred visning", 
	således at de tilpasses til kolonnebredden, se også citat.css og Anton_Serup.html*/
	position: inherit;
	margin: 1px;
	margin-bottom: 5px;
	border: 3px;
	margin-left: 20%; /*29/7 2020 centreret indledning_riis.html-billedet på siden i bred visning, dvs. i ikke-responsive!!! */
}

.billedtekst {
	margin-right: 10px; /*opr 0.5em */
	margin-top: 5px;
	float: left;
}

.billedtekst p{
	text-align: center;
  	font-style: italic;
  	font-size: smaller;
  	/*text-indent: 0; /* Jan 2009. OBS disse linier ville forhindre billedtekst i at flyde TH for billedet*/
  	/*margin-top: -1px;
  	margin-bottom: 5px;*/
}
.billedmarginLbakke {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 8px; /* giver luft til evt. tekst, der flyder til højre for billedet*/
	display: inline;
	margin-bottom: 5px;
	float: left;
	clear: inherit; /*opr 0.5em */
	margin-top: 5px;
	margin-left: 221px;
}

.billedBoksR {
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  padding: 8px;
  margin-right: 10px; /* giver luft til evt. tekst, der flyder til højre for billedet*/
  display:inline;
  margin-bottom: 5px;
  float: right;
  clear: inherit; /* dec 2008*/
  margin-right: 10px; /*opr 0.5em */
  margin-top: 5px;
}

.billedmarginR {
	float: right;
	clear: right; /* dec 2008*/
	margin-left: 10px; /*opr 0.5em */
	margin-top: 3px;
}


.billedmarginL p{
  text-align: center;
  font-style: italic;
  font-size: 10px;
  	/*text-indent: 0; /* Jan 2009. OBS disse linier ville forhindre billedtekst i at flyde TH for billedet*/
  	/*margin-top: -1px;
  	margin-bottom: 5px;*/
}


.billedmarginR p{
	text-align: center;
  	font-style: italic;
  	font-size: smaller;
  	text-indent: 0;
  	margin-top: -1px;
  	margin-bottom: 5px;
}

/* hertil billedrammer*/

.infoluftfotos {
	background-color: #FFFFFF;
	width: 500px;
	border: 1px solid #cccccc;
	padding: 8px;
	margin-right: 10px; /* giver luft til evt. tekst, der flyder til højre for billedet*/
	margin-bottom: 5px;
	float: left;
	margin-top: 5px;
}

.infoluftfotos p {
	/*text-align: left !important;
	font-size: 12px !important;
	font-family: Verdana, Geneva, sans-serif;*/
	font-size: 12px !important;
	all: initial; /* tilføjet 11/2 2018 for at forhindre inheritance. */
}

.fotocontainer{
	float: left;
	width: 1200px;
	overflow: auto;
	background: white;
}
.imgcont { /* til opstilling af lodret fotoalbum, der aktiveres ved at "hover" dem, jf. .thumbnail class */
			/* indsæt blot slut div efter hele serien jrj aug. 2008*/
	float: left;
	width: 204px;
	border: 1px solid black;
	/*padding: 10px;*/
	display:inline;
	/*margin-top: 10px;*/
	margin-right: 1em;
	margin-bottom: 0.5em;
	/*margin-left: 0;*/
}



/* fotos vedrører udelukkende siden stilarter og bruges til "indpakning" af billeder,
hvor det ønskes at billedteksten flyden op på siden af billedet*/
	
.fotos {
	background-color: white;
	/* text-align: left; */
	float: left;
	width: 475px;
	border: 1px solid #cccccc;
	padding: 10px;
	display:inline;
	margin-right: 10px; /* opr 0.5em*/
	
}

.fotos img {
	float: left; /* Denne linie får billedteksten til at flyde op til højre for billedet, 
	når der er plads til det, dvs. når/hvis width af .fotos er større end billedets bredde */
}

.fotos p{
	/* text-align: left; */
  	font-style: italic;
  	font-size: smaller;
  	}
.foto {
	/* text-align: left; */
	float: left;
	display:inline;
	margin-right: 10px;
}

/* Nedenstående er tilføjet i forbindelse med udarbejdelse af kathoveddoeren.htm */

.fotogen img {
	margin: 0 10px 5px 0;
	/* border:1px solid black; */
}
.home {
	position: relative;
	left: 80px;
	top: 10px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.home p{
  display: inline;
  margin: 10px;
  padding: 0px;
}


form {
  float: right;
}
/*tabeller */
table{
  border-collapse:collapse;
  background-color: #FFFCF0;
  margin-bottom: 10px;
}

th{
  border:solid 1px #bbbbbb;
  text-align: center;
  vertical-align: top;
  padding: 10px;
  font-size: 125%;
}

td{
  border:solid 1px #bbbbbb;
  text-align: left;
  vertical-align: top;
  padding: 8px;
}

.tabel {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}

.tabeller {
	float:left;
	width:250px;
	border:1px solid #cccccc;
	background:white;
	padding:0.4em;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-bottom: 0em;
	margin-left: 5px;
	font-size: 85%;
	overflow: hidden;
}

.my-table{
	width:100%;
} /*or whatever width you want*/

.my-table td{
	width: 300px;
	text-align: left;
} /*something big*/

.nothing /* Bruges med class på table: får den synlige tabelstruktur til at forsvinde og rykker rækkerne sammen. 8/2 2017 */
{
	border-collapse: collapse;
	background-color: transparent;
	border-spacing: 0px;

} 
.nothing tr td 
{
   border:none;
   border-collapse: collapse;
   border-spacing: 0px;
   outline:none;
   padding: 0px;
}

#bbc {
	background-image: url(../nyheder/images/bg_violet.gif);
	background-repeat: repeat-x;
}

#minilex{
	background-color: #FFFFE1;
	font-style: italic;
	/* font-size: smaller; */
  	text-indent: 0;
	border:1px solid #cccccc;
	padding:0.4em;
	font-size: 85%;
}

#txt1 {
	padding-left: 530px;

}

#uddrag{
	background-color: white;
	font-style: italic;
  	/* font-size: smaller; */

  	text-indent: 0;
}


/* Indramning af større afsnit, så de i højere grad fremtræder som helheder. Benyttes i beretningen om Barcelona. JRJ */

.afsnit {
	clear: left;
	border: 1px solid black;
	padding: 0.5em;
	margin-bottom: 1em;
}



.afstand {
	width: 500px;
	visibility: hidden;
	padding-top: 10px;
}


.blinkytext {
     /*font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;*/
     text-decoration: blink;
     font-style: normal;
 }



.pix {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 8px;
	margin-right: 10px; /* giver luft til evt. tekst, der flyder til højre for billedet*/
	display: inline;
	margin-bottom: 5px;
	float: left;
	clear: inherit; /* dec 2008*/
	margin-right: 10px; /*opr 0.5em */
	margin-top: 5px;
}


.blinker {
  text-decoration: blink;
}

.blaa {
	color: #00F;
}
.roed {
	color: #F00;
}

.graa {
	background-color: #F5F5F5;

}


/* clearing */

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cb {
	clear: both;
}


/* nedenstående bruges til markering af citater. Indsættes via Menu, Tag... vælg så HTML-tags, Formatting and Layout, dernæst span, hvorefter der kan indsættes class. Vælg her citatny */

.citat {
	display: none;
}

.citeringB {
  background-color: #FFFCF0;
  font-style: italic;
  margin-left: 485px;
}

.citatny p{
  font-style: italic;

}
.citatny {
	background-color: #FFC;
}

.fodnoter{
	width: 90%;
	padding: 0 70px;
	/*background-color: #EBF5FC;*/
	font-family:Arial, Impact, "Arial Narrow";
	
	/* font-style: italic; */
  	font-size: smaller;
  	text-indent: 0;
}


.infoboks {
	float:right;
	width:300px;
	border:1px solid #cccccc;
	background:white;
	padding:0.4em;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-bottom: 0em;
	margin-left: 5px;
	font-size: 85%;
	overflow: hidden;
}

.infoboks p {
	margin-top:5px;
}


.indryk {
  text-indent: 25px;
  margin: 0px;
}

.indryk16 {
	text-indent: 16px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
p.indrykmargin {
	margin-left: 30px;
}
.ingenmargin {
  margin-top: 0px;
  margin-bottom: 0px;
}

.noprint {
	display: inline;
	font-size: xx-small;
	font-style: italic;
}

.noterOkkels{
	width: 90%;
	padding: 0 20px;
	/*background-color: #EBF5FC;*/
	font-family:Arial, Impact, "Arial Narrow";
	
	/* font-style: italic; */
  	font-size: smaller;
  	text-indent: 0;
} 


.panel {
  margin-left: 23px;
}


/* Håndtering af billedrammer, så de er uafhængige
af billedernes dimensioner. Styling af infobokse */

.ramme {
  height: auto;
  width: 850px;
  border: thin solid #FF0000;
}

.script {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
}


.skjul {
  display: none;
}


.tegn {
	float: left;
	margin-right: 10px;
	}

/*Credits: Dynamic Drive CSS Library og Ham Sjel. Benyttes i forb. m. billedsamlinger i beretningen om Barcelona*/
/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail{
position: relative;
/* clear:left;  tilf. jrj */
z-index: 0;
}


.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width: 605px; /* hvis der ikke angives en bredde, flytter billedteksten op til højre for billedet jrj */
background-color: #FFFDED;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */

}


.thumbnail img{ /* tilf. jrj for at få lidt afstand mellem de små billeder */
	padding: 2px;
}

/* a{
	text-decoration: none; 
	color: black;
}*/


.understreg {
  text-decoration: underline;
}

.usynlig{
  visibility: hidden;
}
	

.uddrag2{
	background-color: white;
	/* font-size: smaller; */

  	text-indent: 0;
}


/* THE ALSETT CLEARING METHOD */
.clearfix:after {
 content: ".";
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-block;}
/* backslash hack hides from IE mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */