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

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

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


#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*/
}

#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...*/
}
/* Håndtering af billedrammer, så de er uafhængige
af billedernes dimensioner. Styling af infobokse */

img { border: none; } /*Overført fra Cykling den 3. sept. 2013, samtidigt er opr. løsning kommenteret ud*/

/* img{
	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;
}*/

/* 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 */

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

ul.topnav {
	display: none;    
}

h2 img {
	display: none;    
}



/* 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;
}



.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;*/
}

/* følgende er tilf. den 3. sept. 2013*/
.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;
}

}

.billedmarginRoterL {
	float: left;
	clear: inherit; /* dec 2008*/
	transform: rotate(-90deg);
} 

.billedmarginR {
	/* flg. tilføjet 14 apr 2022*/
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 8px;
	display:inline;
	margin-bottom: 5px;
	/* oprindelige specs:*/
	float: right;
	clear: right; /* dec 2008*/
	margin-left: 10px; /*opr 0.5em */
	margin-top: 5px;
}


.billedmarginL 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;*/
}


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

/* hertil billedrammer*/

/* clearing */

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cb {
	clear: both;
}

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

.fotocontainer{
	float: left;
	width: 1200px;
	overflow: auto;
	background: white;
}

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

.fotogen img {
	margin: 0 10px 5px 0;
	/* border:1px solid black; */
}


.hangingindent20 {
	padding-left: 20px;
	text-indent: -20px;
}

/* følgende to form-deklarationer gør indlejerede google-kort responsive, dvs. de tilspasser sig automatisk til vinduets bredde. Tilsvarende er tilføjet i responsive.css.
Kilde: http://www.labnol.org/internet/embed-responsive-google-maps/28333/*/

.google-maps {
	position: relative;
	padding-bottom: 75%; /*/ This is the aspect ratio*/
    height: 0;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}


.home {
	position: relative;
	left: 80px;
	top: 10px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

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

.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;*/
}

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


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


.pagebreak {
	page-break-after: always;
	} /* page-break-after works, as well */
	
.skjul {
	display: inherit;
}

	
.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/ */


.roed {
	color: #F00;
}

.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;
}*/

.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;
}

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

  	text-indent: 0;
}

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



/* 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 */