/* STILARK for slavoglotta.dk
Oprettet 2008-01-22 
Dette stilark overtog dominansen af slavoglotta.dk fra tidligere 2007_safir.css, 
som det er en bearbejdelse af 
*/
/* 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: Optima, "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0px;
}
body body html, body body script, font {display: none;}

body, #menulinie, .container, #menulinie a, .container a {
	background-color: #60442c;
	background-image: url(../av/baggrunde/papir/PrintedPaper_browser_backgr.jpg);
}
#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: #ccffff;/* #66FF66*/
	background-image: url(../av/baggrunde/key/Purple-6.jpg);
	margin: 0px; right: 0px; left: 0px; top: 0px;
	text-align: center; }
	#logocontainer {
		margin-left: auto;
		margin-right: auto;
		height: 140px;
		background-color: #ecedf1;
		background-image:url(../av/baggrunde/key/headlines_hi-res.jpg);
		padding: 5px; text-align: left;}
	#hovedlogo {
		background-color:#f6d770;
		background-image: url(../av/baggrunde/papir/PrintedPaper_background-1.jpg);
		border: 2px outset #996633;
		padding-top: 20px; 
		padding-bottom: 13px;
		padding-left: 16px;
		padding-right: 16px;
		height: 29px; font-size: inherit;
		font-family: Calligrapher, Papyrus, 'Comic Sans MS', Izhitsa, sans-serif;
		z-index: 5;
		top: 24px;
		left: 24px;
		position: absolute;
	}
	#logoudsmykning {
		margin-top: 12px;
		margin-left: 12px;
		height: 60px;
		background-color: #ffffff;
		z-index: 5;
		display: none;}
	#bibenaevnelse {
	-moz-opacity: 50%;
		background-image: url(../av/baggrunde/opaque_white_50pct.gif);
		text-align: center; 
		font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 1.8em;
		margin-top: 12px;
		margin-left: 12px;
		height: 50px;
		width: 10em;
		z-index: 10;
		left: 25px;
		top: 25px;
				position: absolute;

		padding-left: 8px;
		padding-bottom: 0px;
		padding-right: 8px;
		padding-top: 50px;
		 border: 1px #0033FF groove;}
	#slogan {
	z-index: 20;
	left: 402px;
	top: 55px;
	position: absolute;
	font-family: Calligrapher, 'Courier New', fantasy;
	font-size: 24px;
	width: 396px;
	height: 98px;
	}
	#logocontainer form#soegning {display: inline-block; background: none; right: 15px; position: absolute; top: 118px; z-index: 30; color: #000;}
	#logocontainer form#soegning table {}
	#logocontainer form#soegning, #menulinie table, #menulinie tr, #menulinie th, #menulinie td, #menulinie input { margin: 0em; padding: 0em;}
	#logocontainer img[alt='QR'] {width: 6em; top: 5px; right: 5px; left: auto; z-index:40; position: absolute;}
#layout, .layout {
	display: table;
	clear: both;
	font-family: Optima, "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 100%; 
	border-bottom: 1px dotted #cccccc;
}
#menulinie, .container {
	display: table-row;
	background-position: center left;
	font-size: 13px;
	}
#menu_forfelt, #undermenu, .forfelt {
	display: table-cell;
	min-width: 23%;
	background-image: url(../av/baggrunde/papir/PrintedPaper_background-1.jpg);
	background-color:#f6d770;
	}
#menu, .hovedfelt, #indhold {
	display: table-cell;
	width: 73%;  
	vertical-align: middle;
}
#menu, .hovedfelt {	border-left: 1px outset;
}
#indholdscontainer {
	display: table-row;
	font-size: 1em;
	}
#undermenu {
	color: #ffffff;
	vertical-align: top;
	padding: 0em 0.5em 0.5em 0.5em;
	}
#indhold {
	text-align: justify;
vertical-align: top;
	border-left: 1px dotted #cccccc;
	}
	#spalte {
	max-width: 36em;
		padding: 1em;
		background-image:url(../av/baggrunde/papir/PrintedPaper_hvid.gif);
		background-color: #f8f8f8;
		}
#siteinfo {
		clear: both;
		margin-top: 0em;
		font-size: 80%;
		color: #FFFFFF;
	}
@media handheld {
	#layout, .layout, #menulinie, #menu_forfelt, #menu, #indholdscontainer, #undermenu,#indhold  {
		display: block;
		}
	}
/*********************/
/* ANDRE IDENTITETER */
/*********************/
#mozToc:before {
	content: 'Indholdsfortegnelse ';
	display: block;
	background-image: none;
	background-color: transparent;
	background-attachment:inherit;
	background-position: center left;
	background-repeat: repeat-x;
	color: inherit;
	font-weight: 800;
	padding: 0.3em;
	}
/**************************/
/* ANDRE IDENTITETER SLUT */
/**************************/
/* SLUT FOR IDENTITETER */
/* HTML */
/* LAENKER */
a:visited {
	color: #7f7f7f;
}
a:link {
	color: #7f7f7f;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #950E00;
}
#menulinie a, .container a {
	color: #ffffff;
	background-attachment:inherit;
	background-position: center left;
	background-repeat: repeat-x;
	padding-top: 0px;
	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, form[method="get"] {background-color: #D08F42;
	background-image: url(../av/baggrunde/key/Orange_2.jpg);
	
	}
#menulinie a:hover, .container a:hover {
	color: #ffff00;
	/* border-bottom: inset;
	border-top: inset;
	border-left: inset; */
	border-right: 1px inset #aadd77;
	}
#undermenu a {	color: #7f7f7f;
 background-color: #ffC; display: block; padding: 0.5em;}
#undermenu a:hover {
		background-image:url(../av/baggrunde/key/headlines_hi-res.jpg);
		color: #aaa;
}
#til_forsiden {
	border-left: 1px outset; }
/* LAENKER SLUT */
/* OVERSKRIFTER OG BLOKELEMENTER */
h1 {
	font-size: 2em;
	color: #7f7f7f;
	font-family: 'Marker Felt';
	}
h2 {
	font-size: 1.6em;
	color: #666666;
	}
h4 {margin-bottom: 0em; padding-bottom: 0em;}
p {text-align: justify;
}
#siteinfo address {text-align: center;}
address abbr {border: none;}
article, footer, header, aside {display: block;}
footer {
background-image: url(../av/baggrunde/key/Purple-6.jpg);
background-color: #854f77;
}
/* OVERSKRIFTER OG GRUNDELEMENTER SLUT */
/* TABELLER */
caption {
	background: #f3f3f3;
	font-weight: 700;
}
caption, th, td {text-align: left; padding: 0.2em;}
th[scope=row], th, td {
	vertical-align: top;
	empty-cells: hide;
		}
/* TABELLER SLUT */
/* FORMULARER */
form[method="get"] {background-color: #FFFFCC;
	padding: 0.5em;
	color: #000000;}
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; width: 90%;}
input[type="text"], input[type="password"], input[type="email"], textarea { margin:5px 0px 0px 5px; border:1px solid #7E9DB9; color:#333333; padding: 0.5em; }
input[type="text"] {height:1.5em; }
label[for="q"] {font-size: 90%;} /* specielt til google-soegefeltet */
/*fieldset input, fieldset textarea {width: 30em;} */
/* FORMULARER SLUT */
/* 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 */
/* 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 */

/* 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; }
ruby rt.translitteration {font-size: 0.9em; }
.bechifring ruby {margin-top: 3mm;}
.bechifring .oversaettelse {font-size: 0.8em;}
/* RUBY SLUTTER */
/* HTML SLUT */
/* IDENTITETER */
#log_ud {
	padding: 0.2em;
	border: 1px solid #003366;
}
/* FORSIDEN */
#forsideboks1 {
background-image: url(/av/modelfoto/10036.jpg); height: 180px; width: 240px; float: left; text-align: right;
background-color: #800000;
}
#forsideboks1 a {color: #ccffff; }
#forsideboks2 {
background-image: url(/av/modelfoto/10124.png); height: 180px; width: 240px; float: right; text-align: center;
	background-color: #60442c;
}
#forsideboks2 a {color: #008D98; }
#forsideboks3 {
background-image: url(/av/modelfoto/10040.png); height: 180px; width: 240px; float: left; vertical-align: bottom; text-align: left;
	background-color: #60442c;
}
#forsideboks3 a {color: #008D98; }
#forsideboks4 {background-image: url(/av/modelfoto/07-05-08_sunnivas_tavle/sunnivas_haand_paa_tavle.jpg); height: 180px; width: 240px; float: right; text-align: left;
	background-color:#f6d770;

}
#forsideboks4 a {color: #003366; }
/* FORSIDEN SLUT */
/* KLASSER */
.hovedfelt {border-top: 1px dotted #ccc; }
.undermenupunkt { /* UNDERMENUPUNKTET STAAR PAA ALLE SIDER I VENSTRE MARGIN */
	padding: 3px;
}
.advarsel {
	background-image: url(../av/baggrunde/key/Red.jpg);
	background-color: #FF6633;
	color:  #330000;
	font-size: 90%;
	font-weight: normal;
	padding-left: 0.5em; padding-right: 0.5em;
	border: 5px rgb(91,63,39) dotted;
	}
.advarsel h2 {color: #660000;}
.advarsel a {color: #003366;}

.max-billede { /* det stoerst muligt billede */
	width: 100%;
	}
#undermenu .siteinfo_global a.ret_siden {font-size: 1.7em; text-decoration: none; background-image: none; background-color: transparent;} /* redigeringslink */
.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 er taenkt som en div med elementerne IMG og P */
.billede_med_tekst {
	font: oblique 90% "Hoefler Text", Haettenschweiler, Garamond, "Bookman Old Style", Baskerville, "Adobe Jenson Pro", serif;
	border-bottom: 1px solid #333333;
}
#undermenu .billede_med_tekst p {
	display: none;
}

.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:0em;
    font-size: 1px;
    line-height: 0px;
	background-color:  transparent;
}
.flaade_venstre {
	float: left;
	margin-right: 20px;
}
.flaade_hoejre {
	float: right;
	margin-left: 20px;
}