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

body h2 {
	padding: 0px;
}
/* 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;
}


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: right;
}
.panel {
  margin-left: 23px;
}

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

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;
}
.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: 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*/
}
/* 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: 10px;
	margin-right: 0.5em;
	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;
}
