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

body h2 {
	padding: 0px;
}

body {
  /*background-position : center left;*/
	font-family:  Verdana, sans-serif;
  font-size: 0.8125em;
  margin-bottom: 50px;
  background: url(../_themesDW/evrgreen/background_evrgreen.gif) repeat-y;
}
/* 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 */
.citatny p{
  font-style: italic;

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

.spectegn{
	/*tilføjet den 18. april 2022 aht. specialtegn, bla. "kebab"-menu, der ellers fremtræder meget småt */
	font-size: 1.05em;
}

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

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



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

form {
	float: left;
	margin-top: 20px;
}
.panel {
  margin-left: 23px;
}

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


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


pre {
  font-family:  "Courier New", Courier, monospace;
  font-size: 14px;
}
.understreg {
  text-decoration: underline;
}
.blinker {
  text-decoration: blink;
}



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

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

#innner { /*indre DIV som afgrænser alt indholdet i forhold til grafikken i wrap*/
	margin-top: 0px;
	/*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: 0px;
/*  overflow: hidden; /*tilf. 3/1 2012* kommenteret ud 8/1 2014 aht. menu basictabs..*/
}


/*#container {
	/* 21/7 2016 følgende kode tilføjer border og skygge til container, kilde: https://wordpress.org/support/topic/add-border-around-google-map-graphic*/
/*display:inline-block; /* nødvendig for at "krympe" container til at slutte tæt om kortet*/
/*box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.42);
-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.42);
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.42);
}/* giver måske problemer på android*/


/* følgende to form-deklarationer gør indlejerede google-kort responsive, dvs. de tilspasser sig automatisk til vinduets bredde. Tilsvarende er tilføjet i spiralryg2.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;
}

/* Håndtering af billedrammer, så de er uafhængige
af billedernes dimensioner. Styling af infobokse */
#txt1 {
	padding-left: 530px;

}

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

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

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

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

img { border: none; } /* sep 2009: Images kan nu bruges som links uden rammer*/

/* 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 */
/* This is the css style that will make your text blink.*/
.blinkytext {
     /*font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;*/
     text-decoration: blink;
     font-style: normal;
 }
.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;*/
}

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

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

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

.billedBoksR 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 {
	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: 10px;
  	/*text-indent: 0;
  	margin-top: -1px;
  	margin-bottom: 5px;*/
}

/* hertil billedrammer*/

.infoboks {
	float:right;
	width:300px;
	border:1px solid #cccccc;
	background:white;
	padding:0.4em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 5px;
	font-size: 85%;
	overflow: hidden;
}
.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;
}
.infoboks p {
	margin-top:5px;
}
/* clearing */

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cb {
	clear: both;
}

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

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


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

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



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


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

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

#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%;
}

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

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

/* 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 */
.tabel {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
.citat {
	display: none;
}
.ramme {
	height: auto;
	width: 850px;
	border: thin solid #FF0000;
	margin-bottom: 4px;
	padding-right: 10px;
}
.roed {
	color: #F00;
}
.groen {
	color: #060;
}

.blaa {
	color: #09F;
}

.centrer {
	text-align: center;
}
.hangingindent {
	padding-left: 30px ;
  text-indent: -30px ;

}
.mindre {
	font-size: 0.875em;
}