/* STILARK for slavoglotta.dk
Oprettet 2007-11-05*/
/* IDENTITETER OG OPBYGNING:
#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
			#mainidmenu : ET FELT, SOM INDEHOLDER MENU FOR UNDERPUNKTERNE TIL OVERSKRIFTERNE
		#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: Palatino, 'Palatino Linotype', Georgia, serif;
	margin: 0px;
	background-color: #ffffcc;
	background-image: none;
}
#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*/; margin: 0px; padding: 10px; right: 0px; left: 0px; top: 0px;
	text-align: center; }
	#logocontainer {
		margin-left: auto;
		margin-right: auto;
		height: 140px;
		background-color: #fefefe;
		padding: 5px; text-align: left;}
	#hovedlogo {
		background-color:#FFFFCC; 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;
		-moz-border-radius: 0.5em;
		 border-radius: 0.5em 0.5em;
	}
	#logoudsmykning {
		margin-top: 12px;
		margin-left: 12px;
		height: 60px;
		background-color: #ffffff;
		z-index: 5;
		display: none;}
	#bibenaevnelse {
		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;}
	#slogan {
	z-index: 20;
	left: 403px;
	top: 56px;
	position: absolute;
	font-size: 24px;
	width: 396px;
	height: 98px;
	}
#logocontainer form#soegning {display: inline-block; background: none; right: 15px; position: absolute; top: 125px; 
z-index: 30;
	font-family: Palatino, 'Palatino Linotype', Georgia, serif;
}
#logocontainer form#soegning table {display: inline-table;}
#logocontainer form#soegning, #menulinie table, #menulinie tr, #menulinie th, #menulinie td, #menulinie input { margin: 0em; padding: 0em;}
#layout, .layout {
	display: table;
	clear: both;
	width: 100%; 
	border-bottom: 1px dotted #cccccc;
}
#menulinie, .container {
	display: table-row;
	background-color: #FFFFCC;
	height: 20px;
	font-size: 13px;
	padding:0px;
	margin: 0px;
	text-transform: lowercase;	
	background-image: none;

	}
#menu_forfelt, #undermenu, .forfelt {
	display: table-cell;
	width: 23%; /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */
background-color: transparent;
margin: 0px;
padding: 0px;
font-size: 13px;
text-align: center;
text-transform: lowercase;	
}
#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 {
	vertical-align: top;
	padding: 0.5em;
	text-align: left;

/* list-style: none; */
padding: 0em;
margin: 0em auto;
	}
#indhold {
	text-align: justify;
vertical-align: top;
	border-left: 1px dotted #cccccc;
	}
	#spalte {
	max-width: 38em;
		padding: 0em 1.5em 1em 1.5em;
		}
		#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: none;
	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;
}
a:link {
	color: #7f7f7f;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #950E00;
	text-decoration: blink;
}

a[hreflang]:after { content: " [" attr(hreflang) "] "; }
a[type='application/vnd.ms-powerpoint']:after {content: " (Format: Microsoft PowerPoint)";}
a[type='application/msword']:after {content: " (Format: Microsoft Word Document)";}
#til_forsiden {
	border-left: 1px outset; }
/* LAENKER SLUT */
/* OVERSKRIFTER OG GRUNDELEMENTER */
h1 {
	color: #7f7f7f;
	text-align: left;
	}
h2 {
	font-size: 1.6em;
	color: #666666;
	}
p {text-align: justify;
}
#siteinfo address {text-align: center;}
address abbr {border: none;}
footer, header, nav, time {display: block;}  /* DISSE TAGS ER FRA HTML 5 */
/* OVERSKRIFTER OG GRUNDELEMENTER SLUT */
/* TABELLER */
caption {
	background: #f3f3f3;
	font-weight: 700;
	-moz-border-radius: 1em;
	border-radius: 1em 1em;
	border: 2px solid #7f7f7f;
	padding-left: 1em;
	padding-right: 1em;
}
caption, th, td {text-align: left;}
th, td {padding: 0em 0.2em 0em 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 0;
  background: inherit; /*  #f9f9f9 */
  border: 1px #aaa solid;
  border-collapse: collapse;
}
.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 {
    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;
}
.formularfeltholder td, .formularfeltholder th {padding-right: 2em;}
/* TABELLER SLUT */
/* FORMULARER */
form[method="get"] {background-color: #FFFFCC; padding: 0.5em;}
fieldset {			-moz-border-radius: 1em; border-radius: 1em 1em;
}
fieldset legend {display: inherit; font-weight: bold; padding: 0.3em;
	border: 0.2em outset;			-moz-border-radius: 0.5em;
	 border-radius: 0.5em 0.5em;
}
fieldset legend, .dato_og_klokkeslaet {background-color: #003366; color: #fefefe; border-color:  #aadd77; z-index: 100;}
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.1em;-moz-border-radius: 0.5em;  border-radius: 0.5em 0.5em;}
input[type="text"], input[type="search"] {height:1.5em;}
input[type="text"], input[type="search"], #indhold textarea { width: 95%;} 
textarea {min-height: 15em;}

#submit {background-color:#FFFFaa;}
/* 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 */
/* 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 {ruby-position: before;}
/* 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"], *[lang="la"] {
	font-style: oblique; font-variant: small-caps;}
/* SPROGLIG MARKUP SLUT */
/* HTML SLUT */
/* IDENTITETER */
/* FORSIDEN */
#forsideboks1 {
background-image: url(/av/modelfoto/10036.jpg); height: 180px; width: 240px; float: left; text-align: right;
}
#forsideboks1 a {color: #ccffff; }
#forsideboks2 {
background-image: url(/av/modelfoto/10124.png); height: 180px; width: 240px; float: right; text-align: center;
}
#forsideboks2 a {color: #008D98; }
#forsideboks3 {
background-image: url(/av/modelfoto/10040.png); height: 180px; width: 240px; float: left; vertical-align: bottom; text-align: left;
}
#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;}
#forsideboks4 a {color: #003366; }
/* FORSIDEN SLUT */
/* ALLE SIDER */
#mainidmenu { /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}
#undermenu >#mainidmenu .undermenupunkt a { width: auto; } /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */
/* KLASSER */
.tal {
text-align: right;}
.tvespaltet {	/* FELT TIL AT ANGIVE TO SPALTER I MOZILLA */
	border-top: 0.5em dotted #666666; /* samme farve  som #logofelts background-color*/
	padding-top: 0.5em;
}
#undermenu 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;
}

.definitioner {
	margin: 1em;
	padding: 1em;
	border: 1px solid #000;
}
/* ugyldig 
	background-color: #ffffcc;
		border: 1px #CCFF99;
border-bottom: outset;
	border-top: outset;
	border-left: outset; 
 */

	/* border-bottom: inset;
	border-top: inset;
	border-left: inset; */
#menulinie a,  .container a {padding: 0em 0.3em 0em 0.3em}
 #menulinie a:hover, .container a:hover {
	color: #950E00; 	border-right: 1px inset #aadd77;
	}
 .nyhedsoverskrifter {
	background-color: rgb(153,14,0);
	font-size: 85%;
	font-weight: normal;
	padding-left: 0.5em; padding-right: 0.5em;
	border: 5px dotted;
	border-color: #ffffcc;
	}
 .nyhedsoverskrifter,  .nyhedsoverskrifter a {
 	color: #ffffcc;
}

.undermenupunkt { /* UNDERMENUPUNKTET STAAR PAA ALLE SIDER I VENSTRE MARGIN */
display: block; /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */
margin: 0em;
padding: 0em;
}
.undermenupunkt a, #undermenu li a, .tabel_normal li a {display: block;
padding: 0.2em 0em 0.2em 2em;
}

.undermenupunkt a, #menulinie a,  .container a, #undermenu li a, .tabel_normal li a /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */
{
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: outset;
color: #777;
text-decoration: none;
background: #FFFFdd;
}
#undermenu li, .tabel_normal li {list-style-type: none;
margin-left: -2em;

}

#undermenu .billede_med_tekst {
	border-width: 0em;
}
#undermenu .billede_med_tekst p {
	display: none;
}


#mainidmenu>.undermenupunkt a, .tabel_normal li a { width: auto; } /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */	
#mainidmenu>.undermenupunkt a:hover, #menulinie a:hover,  .container a:hover, #undermenu li a:hover, .tabel_normal li a:hover  { 
	color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc; }


.advarsel {
	background-color: #FFFF99;
	color: #000000;
	font-weight: normal;
	padding-left: 0.5em; padding-right: 0.5em;
	border: 5px #333333 dotted;
	}
.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 {
	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;
	-moz-box-shadow: #333333 8px 8px 5px; 
}
.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: 20px;
}
.flaade_hoejre {
	float: right;
	margin-left: 20px;
}
.max-billede {width:100%; max-width: 100%;}
#undermenu .max-billede {width: 150px;}
.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 */
/*:visited, .rediger a:active, .rediger a:hover, .rediger a:link, 
:visited, .vis a:active, .vis a:hover, .vis a:link,
:visited, .send_brev a:active, .send_brev a:hover, .send_brev a:hover
:visited, .url a:active, .url a:hover, .url a:link, */
.rediger a, a .rediger, .vis a, .send_brev a, .op a
   {
	text-decoration: none;font-size: 2em; text-shadow: Silver 0.3em 0.3em 0.1em; 
}	


.rediger a, a .rediger {	color: rgb(153,14,0); 
}
.rediger a:hover, a:hover .rediger, .send_brev a, .url a, a.knap:hover { color:  rgb(208,104,51);}
.vis a, a .vis, .url a {
	color: rgb(0,51,102);
}
.vis a:hover, a:hover .rediger, .url a:hover { color:  rgb(0,141,147);}
.send_brev a {color: #aaab9c;}

.container {z-index: 100;}
.dato_og_klokkeslaet {
	font-family: 'Synchro LET', Machine, mono; 
	font-size: 1.2em; 
	text-shadow: Silver 0.3em 0.3em 0.1em; 
	border-width: 1em;
	border-style: ridge; 
	width: 9em; /* med relationen 10 x 10 i hoejde og bredde samet 6 i border radius opnaas en cirkel */
	height: 9em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 200;
	border-radius:6em;
}

.dato_og_klokkeslaet p {margin-top: 2em;			text-align: center;
}
a.knap {border: 2px outset #aaa; background-color: #FFFFdd;
	background-image:	url(http://thau-knudsen.dk/picts/baggrunde/formularer/back-input-gray-up.gif) repeat-x top;
padding: 0.5em; text-decoration: none; -moz-border-radius: 0.8em; 	border-radius:0.8em;
	
	margin: auto 1em auto 1em; width: 5em;
}
a.knap:hover {background-color: #FFFFea; border-style: inset;}
a.knap:active {background-color: #FFFFee; border-style: inset;}
table .undermenupunkt a {display: block;
}

table .undermenupunkt a /* INSPIRATION fra http://css.maxdesign.com.au/listamatic/vertical13.htm nedenfor */
{
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: outset;
color: #777;
text-decoration: none;
background: #FFFFdd;
}