/* STILARK for slavoglotta.dk
Oprettet 2007-01-07
Navn: Safir, filnavn: 2007_safir.css
Historie: 
I tiden 2007-01-07 og frem til 2009-10-01 brugt som basalt stilark. Herefter erstattet af Papir (/css/08_papir.css) */
/* IDENTITETER OG OPBYGNING. INDRYKNING I HHT. TAKSONOMIEN:
#skip_til_indhold : FELT FOR BLINDES BROWSERE, TEKSTBASEREDE OG MOBILE ENHEDER 
                    MED MULIGHED FOR AT SPRINGE MENUEN OVER OG GAA DIREKTE TIL INDHOLDET
#logofelt : HVOR LOGOET STAAR. Indeholder:
	#logocontainer : holder for andre bestanddele, herunder
		#hovedlogo: BILLEDE AF LOGOET
		#logoudsmykning: PYNT
		#sidebetegnelse: INDEHOLDER SIDE-BETEGNELSEN FOR FIRMAET
		#slogan : FIRMAET SLOAGAN
#layout : HVOR RESTEN AF INDHOLDET STAAR. Indeholder: 
	#menulinie : RUMMER MENUEN. Indeholder:
		#menus_forfelt : ET FELT, SOM STAAR INDEN MENUEN
		#menu : ET FELT, SOM INDEHOLDER MENUEN
			#til_forsiden : ET FELT, SOM LINKER TIL FORSIDEN
			#til_tolkning : ET FELT, SOM LINKER TIL TOLKNING-SIDERNE
			#til_oversaettelse: ET FELT, SOM LINKER TIL TIL OVERSAETTELSE-SIDERNE
			#til_kontakt : ET FELT, SOM LINKER TIL KONTAKT-SIDERNE
			#til_om : ET FELT, SOM LINKER TIL "OM SLAVOGLOTTA"-SIDERNE
	#indholdscontainer : RUMMER PRIMAERT INDHOLDET
		#undermenu : ET FELT, SOM INDEHOLDER DET, SOM ER RELEVANT FOR UNDERMENUERNE
			#search : SOEGEFORMULAR TIL SOEGNING PAA GOOGLE
				#q : INPUT-FELT TIL SOEGNING MED GOOGLE
		#indhold : EN HOLDER TIL TEKSTSPALTEN 
			#spalte : RUMMER SELVE TEKSTENS INDHOLD, ALTSÅ DET NYE PAA SIDEN
				#dato_rettet : DATERING AF RETTELSEN AF DOKUMENTET
	.container: RUMMER YDERLIGERE METADATA. TAENKT SOM EN RAEKKE
			.forfelt : ET FELT, SOM STAAR INDEN HOVEDFELTET
			.hovedfelt : ET FELT, SOM INDEHOLDER INDHOLDET
#siteinfo: ET FELT MED INFORMATION OM WEBSTEDET, EN SLAGS METAINFORMATIONSFELT, SOM STAAR I BUNDEN


*/
body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0px;
	background-color: #EEEEEE;
	background-image: url(../av/baggrunde/papir/PrintedPaper_hvid.gif);
}
#skip_til_indhold { 	/* DENNE DEFINITION ER LAANT FRA MOZILLA.ORG. DEN BRUGER POSITIONERING TIL AT SKJULE P.G.A. 
					 	MSIE, SOM IKKE KAN OPERERE MED MEDIA, SOM ER FORSKELLIGE FRA SELVE BROWSEREN. 
						@MEDIA-ERKLAERINGEN NEDENFOR ER MOENTET PAA OPERAS MOBILTELEFONBROWSER, 
						SOM FAKTISK POSITIONERER DETTE ELEMENT HELT UD FRA BROWSERENS VISNINGSOMRAADE */
		position: absolute;
		left: -999px;
		width: 990px; 
	}
@media handheld {
	#skip_til_indhold {
		position: inherit;
		left: inherit;
		width: inherit;
		}
	}
#logofelt {
	background-color: #CCFBF5;/* #66FF66*/
	background-image: url(../av/baggrunde/key/lysblaa_tidligere_Purple-6.jpg); 
	margin: 0px; padding: 10px; right: 0px; left: 0px; top: 0px;
	text-align: center; }
	#logocontainer {
		margin-left: auto;
		margin-right: auto;
		height: 140px;
		padding: 5px; text-align: left;
		background-color: #fefefe;
		background-image: url(../av/baggrunde/papir/Goldenrod_Plant_b_h.png);
		background-position: right top;
		background-repeat: no-repeat;
		}
	#hovedlogo {
		background-color:#ECD376; /* rgb(236,211,118) */
		background-image: url(../av/baggrunde/papir/PrintedPaper_background-1.jpg);
		background-position: center;
		border: 2px outset #996633;
		padding-top: 20px; 
		padding-bottom: 14px;
		padding-left: 16px;
		padding-right: 16px;
		height: 36px; font-size: inherit;
		font-family: Calligrapher, Papyrus, 'Comic Sans MS', Izhitsa, sans-serif;
		z-index: 5;
		top: 25px;
		left: 25px;
		position: absolute;
		 	-webkit-box-shadow: #bbb 0.2em 0.2em 0.5em 0.25em;
	box-shadow: #bbb 0.2em 0.2em 0.5em 0.25em;
	-moz-box-shadow: #bbb 0.2em 0.2em 0.5em 0.25em;

	}
	#logoudsmykning {
		margin-top: 12px;
		margin-left: 12px;
		height: 60px;
		background-color: #ffffff;
		z-index: 5;
		display: none;
		}
	#bibenaevnelse {
	opacity: 50%;
		background-image: url(../av/baggrunde/opaque_white_50pct.gif);
		text-align: center; 
		font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 2.1em;
		margin-top: 12px;
		margin-left: 12px;
		height: 50px;
		width: 10em;
		z-index: 10;
		left: 26px;
		top: 26px;
				position: absolute;

		padding-left: 8px;
		padding-bottom: 0px;
		padding-right: 8px;
		padding-top: 60px;
		 border: 1px #0033FF groove;
		 	-webkit-box-shadow: #bbb 0.2em 0.2em 0.5em 0.25em;
	box-shadow: #bbb0.2em 0.2em 0.5em 0.25em;
	-moz-box-shadow: #bbb 0.2em 0.2em 0.5em 0.25em;
}
	#slogan {
	z-index: 20;
	left: 403px;
	top: 56px;
	position: absolute;
	font-family: Calligrapher;
	font-size: 24px;
	width: 396px;
	height: 98px;
	}
#logocontainer form#soegning {display: inline-block; background: none; right: 15px; position: absolute; top: 130px; z-index: 30;}
#logocontainer form#soegning table {}
#logocontainer form#soegning, #menulinie table, #menulinie tr, #menulinie th, #menulinie td, #menulinie input { margin: 0em; padding: 0em;}
#logocontainer input[name='soeg'] {background-image: url(../av/tegn/lup.png); background-repeat: no-repeat; padding-left: 17px; height:100%;/*  */}
#logocontainer input[type='button'] {
/* margin-left: 17px; */}

a img {border: 0px;}
#layout, .layout {
	display: table;
	clear: both;
	border-bottom: 1px dotted #cccccc;
}
#menulinie, .container {
	display: table-row;
	background-image:url(../av/baggrunde/gradienter/blaa_knap_oppe.png);
	background-position: center left;
	background-color: #008D93;
	height: 21px;
	font-size: 12px;
	}
#menu_forfelt, #undermenu, .forfelt {
	display: table-cell;
	width: 23%;
	}
#menu, .hovedfelt, #indhold {
	display: table-cell;
	width: 73%;
	min-width: 35.5em;
	vertical-align: middle;
}
#menu, .hovedfelt {	border-left: 1px outset;
}
#indholdscontainer {
	display: table-row;
	font-size: 1em;
	}
#undermenu {
	color: #666666;
	vertical-align: top;
	padding: 0.5em;
	}
#indhold {
	text-align: justify;
vertical-align: top;
	border-left: 1px dotted #cccccc;
	padding-right: 1em;
	}
	#spalte {
	max-width: 35em;
		padding-left: 10px;
		padding-bottom: 1em;

		}
#dato_rettet {text-align: right; font-size: small;}
#siteinfo {
		clear: both;
		margin-top: 1em;
		font-size: 90%;
	}
@media handheld {
	#layout, .layout, #menulinie, #menu_forfelt, #menu, #indholdscontainer, #undermenu,#indhold  {
		display: block;
		}
	}
/*********************/
/* ANDRE IDENTITETER */
/*********************/
#mozToc:before {
	content: 'Indholdsfortegnelse ';
	display: block;
	background-image: url(../av/baggrunde/gradienter/blaa_knap_oppe.png);
	background-color: #003366;
	background-attachment:inherit;
	background-position: center left;
	background-repeat: repeat-x;
	color: #ccffff;
	font-weight: 800;
	padding: 0.3em;
	}
/**************************/
/* ANDRE IDENTITETER SLUT */
/**************************/
/* SLUT FOR IDENTITETER */
/* HTML */
/* LAENKER */
a:visited {
	color: #7f7f7f;
	text-decoration: underline;
}
a:link {
	color: #7f7f7f;
	text-decoration: underline;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #950E00;
	text-decoration: underline;
}
#menulinie a, .container a {background-image: url(../av/baggrunde/gradienter/blaa_knap_oppe.png);
	color: #ffffff;
	background-color: #ccffff;
	background-attachment:inherit;
	background-position: center left;
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0.3em; 
	padding-left: 0.3em; 
	/* 
		border: 1px #CCFF99;
border-bottom: outset;
	border-top: outset;
	border-left: outset; */
	border-right: 1px outset;
	}
#menulinie a:hover, .container a:hover {background-image: url(../av/baggrunde/gradienter/blaa_knap_nede.png);
	color: #ffff00;
	/* border-bottom: inset;
	border-top: inset;
	border-left: inset; */
	border-right: 1px inset #aadd77;
	}

#til_forsiden {
	border-left: 1px outset; }
a[hreflang]:after { content: " [" attr(hreflang) "] "; } /* skriver linkets sprogkode, jfr. http://www.w3.org/TR/i18n-html-tech-lang/#ri20030112.224458239 */
a[type='application/vnd.ms-powerpoint']:after {content: " " url('/av/ikoner/powerpoint_16x16.png');}
a[type='application/msword']:after {content: " " url('/av/ikoner/microsoft_word_16x16.png');}
a[type='application/pdf']:after {content: " " url('/av/ikoner/adobe_acrobat_16x16.png');}
a[type='text/html']:after {content: " " url('/av/ikoner/mozilla_firefox_17x17.png');}
a[type='application/xhtml+xml']:after {content: " " url('/av/ikoner/mozilla_firefox_17x17.png');}
/* LAENKER SLUT */
/* OVERSKRIFTER OG BLOKKE  */
h1 {
	font-size: 2em;
	color: #7f7f7f;
	text-align: left;
	text-shadow:  rgb(0,141,147) 0.2em 0.2em 0.2em;
	}
h2 {
	font-size: 1.6em;
	color: #666666;
	}
p {text-align: justify;
}
#siteinfo address {text-align: center;}
address abbr {border: none;}
hr {border-top: 1px solid #666666; border-bottom: 0px; border-left: 0px; border-right: 0px; height: 1px;}
hr:after, header {display: block;}
/* OVERSKRIFTER OG GRUNDELEMENTER SLUT */
/* TABELLER */
caption {
	/*  #f3f3f3 */
	font-weight: 700;
}
caption, th, td {text-align: left; padding: 0.2em;}
th[scope=row], th, td {
	vertical-align: top;
	empty-cells: hide;
		}
.tabel_normal {
/* hentet fra Wikipedia table.wikitable  og table.prettytable */
  margin: 1em 1em 1em 0em;
  background: inherit; /*  #f9f9f9 */
  border: 1px #aaa solid;
  border-collapse: collapse;
}
 .tabel_normal caption {
/* hentet fra Wikipedia table.wikitable  og table.prettytable */
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}
.tabel_normal td { /* definitioner til erstatning for, at XHTML 5-specifikationen afskaffer ting som border, cellpadding, cellspacing */
	border-bottom: 1px inset;
	border-right: 1px inset;
/* hentet fra Wikipedia table.wikitable */
  border: 1px #aaa inset;
  padding: 0.2em;
	}
.tabel_normal th {
	color: #FFFFFF;
  background-image: url(../av/baggrunde/key/Cool_Gray-2.jpg);
    padding: 0.2em;
  /* hentet fra Wikipedia table.wikitable */
	border-bottom: 1px outset;
	border-right: 1px outset;
/* hentet fra Wikipedia table.wikitable */
  border: 1px #aaa outset;
	background-color: #747579;
}
.tabel_normal thead th {
	background-image: url(/av/baggrunde/papir/PrintedPaper_browser_backgr.jpg);
	background-color:#563C23;
	color: #fff;}
.tabel_normal th a {
color: #ddd;
}

table[summary='Eksempel'] img, table[summary='Opgaver'] img {max-width: 144px; }
table[summary='Eksempel'] td, table[summary='Opgaver'] td {vertical-align: bottom;}


/* TABELLER SLUT */
/* FORMULARER */
form[method="get"] {background-color: #F6DD80; padding: 0.5em; color: #000000;
		background-image: url(../av/baggrunde/papir/PrintedPaper_background-1.jpg);
}
fieldset {display: block;}
fieldset legend {display: inherit; background-color: #003366; color: #fefefe; font-weight: bold; padding: 0.3em;
	border: 2px outset #aadd77;}
fieldset div {display: inherit;}
fieldset label, fieldset input, fieldset textarea {display: block;}
input[type="text"], input[type="search"], input[type="password"], textarea { /* margin:5px 0px 0px 5px; border:1px solid #7E9DB9; color:#333333; padding: 0.5em; */}
input[type="text"],  input[type="search"] {height:1.5em; background-image: url(../av/baggrunde/papir/PrintedPaper_hvid.jpg); width: 100%;}
textarea {width: 100%; min-height: 15em;}
label[for="q"] {font-size: 90%;}
/* FORMULARER SLUT */

/* LISTER */
td dl {font-size: 80%;}
/* LISTER SLUT */
#indhold img[alt]:after {
content: attr(alt); color: #000000; display: block; text-decoration: none; font-size: small; font-style: oblique; font-weight: 100; border-bottom: thin solid #363636;
margin-bottom: 0.5em;} 

/* INLINE-ELEMENTER */
/* CITATIONSTEGN (TAGGET <Q> ) */
/* DEFINERET I ISO 10646 code (hex) JFR. http://www.w3.org/TR/CSS21/generate.html */
/* DEFAULT DEFINITION - SOM PAA DANSK */
q, quote { quotes: '\00BB' '\00AB' '\2018' '\2019' }
/* I HHT. SPROG */
/* CITATIONSTEGN SLUT */
/* RUBY */
/* INSPIRERET AF "XHTML Ruby in Prince" PAA http://www.princexml.com/bb/viewtopic.php?t=81 */
	ruby
		{display:inline-table;}
	ruby > rt, rtc
		{display:table-caption;
		text-align:center;}
	ruby > rb, rbc, ruby > rt + rt, rtc + rtc
		{display:table-row;}
	rb, rbc, rt, rtc
		{white-space:nowrap;}
	ruby > rt, rtc
		{font-size:0.5em;
		line-height:1.2em;}
	rp
		{display:none;}

.bechifring ruby rt { font-size: 1.5em; border-right: 1px solid #333; text-align: center; }
.bechifring ruby rt.translitteration {font-size: 0.9em; border: 0em; text-align: left; margin: inherit; font-style: italic;}
.bechifring ruby {margin-top: 3mm;}
.bechifring .oversaettelse {font-size: 0.8em;}

/* RUBY SLUTTER */
/* INLINE-ELEMENTER SLUTTER */
/* OVERSKRIFTERNES NUMMERERING
DETTE TYPOGRAFIARK INDFOERER TAELLERE (COUNTERS) TIL MELLEMRUBRIKKER (HEADER2)  
FREMSTILLET AF ERIK THAU-KNUDSEN 2006-10-05 TIL BRUG PAA HTTP://WWW.THAU-KNUDSEN.DK/
OPDATERES LOEBENDE
OPLYSNINGER OM NUMMERERING I CSS 2.1 FAAS PAA
http://www.w3.org/TR/CSS21/generate.html#counters
http://www.w3.org/TR/CSS21/
  */
#spalte {counter-reset: item;}
#spalte .mozTocH2:before { content: counter(item) ". "; counter-increment: item; }
/* OVERSKRIFTERNES NUMMERERING SLUTTER

/* ANDRE BESTANDDELE */
l {display: block;}
/* ANDRE BESTANDDELE SLUT */
/* SPROGLIG MARKUP */
*:lang(la), span:lang(la), *[lang="la"] {
	font-style: oblique; font-variant: small-caps;}
/* SPROGLIG MARKUP SLUT */
/* HTML SLUT */
/* IDENTITETER */
/* FORSIDEN */
#forsideboks1, #forsideboks2, #forsideboks3, #forsideboks4{font-size: 1.6em; height: 180px; width: 240px; }
#forsideboks1 {
background-image: url(/av/modelfoto/10036.jpg);float: left; text-align: right;
}
#forsideboks1 p { text-align: right; margin-top: 0em}
#forsideboks1 a {color: #ccffff; }
#forsideboks2 {
background-image: url(/av/modelfoto/10124.png); float: right; 
}
#forsideboks2 p {text-align: center; margin-top: 2em;}
#forsideboks2 a {color: #008D98; }
#forsideboks3 {
background-image: url(/av/modelfoto/10040.png); float: left; vertical-align: bottom; 
}
#forsideboks3 p {text-align: left; margin-top: 4em;}
#forsideboks3 a {color: #008D98; }
#forsideboks4 {background-image: url(/av/modelfoto/07-05-08_sunnivas_tavle/sunnivas_haand_paa_tavle.jpg); float: right;}
 #forsideboks4 p { text-align: right; margin-top: 3em;}
 #forsideboks4 a {color: #cff; }
/* FORSIDEN SLUT */

/* KLASSER */
.definitioner {
	margin: 1em;
	padding: 1em;
	border: 1px solid #000;
}
.nyhedsoverskrifter {
	background-image:url(../av/baggrunde/key/Orange_2.jpg);
	background-color: #C29145;
	color: #330000;
	font-size: 85%;
	font-weight: normal;
	padding-left: 0.5em; padding-right: 0.5em;
	border: 5px dotted;
	border-color: rgb(255,255,255) rgb(250,250,250) rgb(238,238,238) rgb(245,245,245)
	}
.nyhedsoverskrifter h2 {color: #660000;}
.nyhedsoverskrifter a {color: #003366;}

.ordbogsforside, h2.ordbogsforside, .advarsel h2.ordbogsforside  { /* FELT TIL AT VISE EN ORDBOGS FORSIDE. OPRETTET MED HBP. AVERTERING I 2008-01-06 OM SKRIVNING AF ORDBOG */
background-color: #009900; 
background-image: url(../av/baggrunde/Green-8.jpg);
font-size: 2em; 
color: #fff; 
font-family: 
Helvetica, sans-serif; 
font-weight: 900;  
text-align: right; 
padding: 1em 1em; /* background-color: #009900; font-size: 2em; color: #fff; font-family: Helvetica, sans-serif; font-weight: 900; width: 40%; text-align: right; padding: 1em 1em; float: right; margin-left: 1em;  */
}
.tvespaltet {	/* FELT TIL AT ANGIVE TO SPALTER I MOZILLA */
	border-top: 0.5em dotted #CCFBF5; /* samme farve  som #logofelts background-color*/
	padding-top: 0.5em;
}
.undermenupunkt { /* UNDERMENUPUNKTET STAAR PAA ALLE SIDER I VENSTRE MARGIN */
	padding: 3px;
}
a.selvreference { /* SELVREFERENCE er normalt et link, som refererer til siden selv og derfor kan "blaendes af" */
font-weight: bold;
color: #006666;
text-decoration: none;
}
.advarsel {
	background-image:url(../av/baggrunde/key/Orange_2.jpg);
	background-color: #C29145;
	color: #330000;
	font-size: 85%;
	font-weight: normal;
	padding-left: 0.5em; padding-right: 0.5em;
	border: 5px dotted;
	border-color: rgb(255,255,255) rgb(250,250,250) rgb(238,238,238) rgb(245,245,245)
	}
.advarsel h2 {color: #660000;}
.advarsel a {color: #003366;}
.metainformation { /*METAINFORMATION er information om informationen, svarende til boegers kolofoner */
font-size: small; text-align: center;
}

#log_ud, .log_ud {
	padding: 0.2em;
	border: 1px solid #003366;
}
.undfly_visuel {
	display: none;
}
@media handheld {
	.undfly_visuel {
		display: inherit;
		}
	}
/* .mozTocH2:before {display: list-item; list-style-type: decimal;} */
.standardbillede 	
	{
	height: 15em;
	width: 20em;
}
.billede_med_tekst {
	font: oblique 90% "Hoefler Text", Haettenschweiler, Garamond, "Bookman Old Style", Baskerville, "Adobe Jenson Pro", serif;
	border-bottom: 1px solid #333333;
}
.siteinfo_global {font-size: 90%;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.flaade_venstre {
	float: left;
	margin-right: 1em;
}
.flaade_hoejre {
	float: right;
	margin-left: 1em;
}
.max-billede {width:100%; max-width: 100%;}
.glosespalte { /* denne klasse indeholder gloser til undervisningstekster */
	padding: 0.5em;
	float: right;
	width: 34%;
	margin-left: 1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	font-size: 0.9em;
}
.glosespalte:before {
	display:block;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	content: 'Gloser';
	padding: 0.5em 0.5em 0.2em 0.5em;
	margin-bottom: 0.5em;
	font-weight: 700;
	}
/* KLASSER MOENTET PAA ADMINISTRATIONSSIDERNE */
.rediger a:visited, .rediger a:active, .rediger a:hover, .rediger a:link, .vis a:visited, .vis a:active, .vis a:hover, .vis a:link   {
	text-decoration: none;
}
.rediger a {	color: rgb(153,14,0);
	font-size: 2em;
}
.rediger a:hover { color:  rgb(208,104,51);}
.vis a {
	color: rgb(0,51,102);
	font-size: 2em;
}
.vis a:hover { color:  rgb(0,141,147);}
.dato_og_klokkeslaet {
	font-family: 'Synchro LET', Machine, mono; 
	font-size: 16pt; 
	background-color: #99CC33; 
	color: #FFFFFF; 
	text-shadow: Silver 0.3em 0.3em 0.1em; 
	border: 0.3em groove #669900; 
	}