/*
	Copyright (c) 2001 - 2009 by Georg Maaß
	
	This stylesheet is used by the gmL module help system and also by
	the DHTML tutorial.

	This stylesheet contains each information except color information.
	To reposition or resize something add additional stylesheets after
	this where you overwrite the definitions made here.

	By convention we call our layout style sheets with suffix _unit.css
	If the unit is set to a specific unit like cm or mm then the word
	unit in this suffix is replaced by the unit used like _cm.css.

	By convention we call our color style sheets with suffic _color.css
	If we have specific color flavours like spring, summer and fall then
	the word color in the suffix is replaced by the color flavour like
	_summer.css.
*/

.pageinfo,
#pageinfo,
#gminfo,
#ujainfo
{
	border:solid 1px;
	clip:rect(0px 228px auto 0px);
}

#gmphoto,
#gmmsg,
#gminfo,
#ujaphoto,
#ujamsg,
#ujainfo
{
	display:none;
}

.titel,
#titel,
.spacer,
#spacer
{
	width:100%;
	font-size:1000%;
	line-height:1em;
	margin:0px;
	padding:0px;
}

.titel,
#titel
{
	position:absolute;
	left:100%;
	text-align:center;
}

.untertitel
{
	font-size:5em;
	text-align:center;
}

.titel .untertitel
{
	font-size:0.5em;
}

.spacer,
#spacer
{
	visibility:hidden;
}

#pagenumber,
#pageinfo
{
	position:fixed;
	top:2px;
	left:2px;
}

#pageinfo,
#gminfo,
#ujainfo
{
	visibility:hidden;
}

.pageinfo,
#pageinfo,
#gminfo,
#ujainfo
{
	margin:2px;
	padding:2px;
}

.pageinfo td,
#pageinfo
{
	max-width:222px;
}

.pageinfo td
{
	width:222px;
}

.nbr
{
	white-space:nowrap;
}

/*
	margin text
	-----------
	This stuff is used instead of img tags. It's size depends on the images.
	Actual image size is 40px x 40px.
*/
.bau
{
	background-image:url(/images/construction.gif);
	padding:2px;
	border:groove 10px;
}

.bau,
.bugembedtext,
.bugtext,
.warningtext
{
	background-repeat:no-repeat;
	padding-top:45px;
	margin-top:0px;
	white-space:normal;
}

.warningtext
{
	background-image:url(/images/dangerverysmall.gif);
}

.bugembedtext,
.bugtext
{
	background-image:url(/images/bugverysmall.gif);
}

div.legende
{
	position:fixed;
	bottom:20px;
	left:2px;
	border:1px solid;
	z-index:9999;
}

div.legende,
div.legende P,
div.legende DIV,
div.legende TD,
div.legende TH,
div.legende DL,
div.legende DT,
div.legende DD,
div.legende UL,
div.legende OL,
div.legende LI,
div.legende H2,
div.legende H3,
div.legende H4,
div.legende H5,
div.legende H6
{
	font-size:0.9em;
	line-height:1.0em;
}

div.legende H1
{
	font-size:1.0em;
	line-height:1.0em;
}

div.legende TABLE,
div.legende TR,
div.legende TH,
div.legende TD
{
	padding:0px;
}

table.legende tbody th
{
	vertical-align:top;
}

/*
	This enables us to fist give an single line version info like "since ECMA-262-3"
	and then display the other stuff.
*/
.extra+.bugtext,
.extra+.warningtext
{
	margin-top:1.5em;
}

.extra+.bau
{
	margin-top:2.5em;
}

/*
	language menu
	-------------
	This stuff is for our language menu
*/
div#language
{
	position:absolute;
	top:3em;
	left: 0px;
	border:solid 1px;
	padding:5px;
	margin-top:1em;
	margin-left:2px;
	width:96px;
	line-height:1.0em;
}

div#language div#languageON,
div#language div#languageOFF
{
	position:absolute;
	top:0px;
	width:auto;
	height:3em;
}

div#language div#languageON
{
	visibility:hidden;
	border-width:1px;
	border-style:solid;
	padding:3px;
}

div#language div#languageOFF
{
	visibility:visible;
}

div#language ul
{
	margin-top:2em;
	margin-left:0px;
}

div ul li#de
{
	list-style-image:url(/images/german.gif)
}

div ul li#en
{
	list-style-image:url(/images/english.gif)
}

dt
{
	margin-top:1em;
}

dd
{
	margin-top:0.5em;
}
/*
	Here is an advanced feature, which matches only on each first paragraph inside
	table cells and also definition lists. Look to the RegExp literal page to see
	the effect on table cells. The effect with the definition list is visible at
	the books and links page in the appendix.
*/
dt p:first-child,
dd p:first-child,
td p:first-child,
th p:first-child
{
	margin-top:0px;
}


/*
	Now the rest of our design.

	You may also take a look to the descriptors and the selectors for the
	A tags. This uses also some CSS 3 features. It works well with Mozilla.

		-	all relative links are displayed in italics
		-	semi relative links are displayed bold and italics
		-	absolute links are displayed bold
		-	links with a target attribute targeting to the parent or top
			frameset are surrounded with brackets.

	Years ago I used this notation hard coded in HTML in the private web
	suite of Georg Maaß. Now we reintroduce it simply using CSS without
	any pollution inside the HTML code.
*/

A,
A.rel
{
	font-weight: normal;
	font-style:italic;
}

A[href^="http://"],
A[href^="https://"],
A[href^="file://"],
A[href^="ftp:"],
A.abs
{
	font-weight: bold;
	font-style:normal;
}

A[href^="/"],
A.absrel
{
	font-weight: bold;
	font-style:italic;
}

A[target="_top"]:before,
A[target="_parent"]:before
{
	content:"[";
}

A[target="_top"]:after,
A[target="_parent"]:after
{
	content:"]";
}

CODE A,
A CODE
{
	text-decoration:none;
}

dt
{
	font-weight: bold;
}


/*
	Tags containing a title attribute or an eventhandler
	should change the cursor to the help cursor to indicate
	that there is some activity under this hot area...
*/
*[title],
*[onclick],
*[onmousover],
*[onmouseout]
{
	cursor:help;
}

BODY,
H1,
H2,
H3,
H4,
H5,
H6,
OL,
P,
TD,
TH,
UL,
.bau,
.bugembedtext,
.bugtext,
.comment,
.extra,
.normal,
.klein,
.sehrklein,
.zsehrklein,
.zklein,
.znormal,
.formsehrklein,
.formklein,
.formnormal,
.grunsehrklein,
.grunklein,
.grunnormal,
.orangesehrklein,
.orangeklein,
.orangenormal,
.rotsehrklein,
.rotklein,
.rotnormal,
.warn,
.warngross,
.zwarngross,
.warnklein,
.warnsehrklein,
.warningtext,
#pagenumber,
.pageinfo,
#pageinfo,
#gminfo,
#ujainfo
{
	font-family: Helvetica,Helve,Arial, sans-serif;
}

BODY
{
	margin-left:100px;
	margin-right:25px;
	font-size:1.0em;
	line-height:1.5em;
	padding:0px;
}

CODE,
CODE A
{
	font-family: Monaco,Courier,Courier New,sans-serif;
}

DIV.warn
{
	padding:10px;
	border-style:groove;
	border-width:3mm;
}

DIV.def,
.def
{
	padding:10px;
	border-style:groove;
	border-width:3mm;
}

/*	No border, no extra padding, if this is nested inside an other .def element	*/
.def .def
{
	border-width:0px;
	padding:0px;
}

DIV.zwarngross,
DIV.warngross
{
	padding:10px;
	border-style:groove;
	border-width:3mm;
}

DIV.zwarngross
{
	text-align:center;
	width:auto;
}

DIV.screen
{
	position:relative;
	width:75%;
	left:12.5%;
	padding:5mm;
	border-style:groove;
	border-width:3mm;
	overflow:hidden;	/* was nicht rein paßt, abschneiden */
}


H1
{
	font-size:2.5em;
	line-height:1.0em;
	text-align:center;
}

H2
{
	font-size:2.0em;
	line-height:1.0em;
}

H3
{
	font-size:1.5em;
	line-height:1.0em;
}

THEAD TH,
H4,
.warngross
{
	font-size:1.2em;
	line-height:1.0em;
}

H5
{
	font-size:1.1em;
	line-height:1.0em;
	font-weight:bold;
}

H6
{
	font-size:1.1em;
	line-height:1.0em;
	font-style:italic;
}

TBODY TH
{
	text-align:left;
}

hr
{
	position:absolute;
	left:0px;
	width:100%;
	margin-left:0px;
}

img.buglogo,
img.bug,
img.warning,
img.warninglogo
{
	position:absolute;
	display:block;
}

img.buglogo
{
	margin-left:0px;
	margin-top:20px;
	left:0px;
}

img.bug
{
	margin-left:-110px;
	margin-top:-50px;
}

img.warning
{
	margin-left:-110px;
	margin-top:0px;
}

img.warninglogo
{
	margin-left:0px;
	margin-top:0px;
}

img.extra
{
	width:auto;
}

PRE
{
	font-family: Courier,Courier New,sans-serif;
}

BLOCKQUOTE
{
	margin-left:5em;
	margin-right:5em;
	font-family: Monaco,Courier,Courier New,sans-serif;
}

PRE.sample,
BLOCKQUOTE.sample
{
	white-space:pre;
	overflow:hidden;	/* was nicht rein paßt, abschneiden */
}

SUB,
SUP
{
	font-size:50%;
	line-height:50%;
}

TD,
TH
{
	vertical-align:top;
}

TT
{
	font-family: Courier,Courier New,sans-serif;
}

.extra,
.bau,
.bugtext,
.warningtext
{
	margin-left:2px;
	position:absolute;
	left:0px;
	font-size:0.7em;
	line-height:1.0em;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
}

.extra,
.bau,
.bugembedtext,
.bugtext,
.warningtext
{
	display:block;
	width:95px;
}

.formsehrklein,
.sehrklein,
.zformsehrklein,
.zsehrklein,
.grunsehrklein,
.orangesehrklein,
.rotsehrklein,
.warnsehrklein
{
	font-size:0.8em;
	line-height:1.5em;
}

#pagenumber,
.pageinfo,
#pageinfo,
#gminfo,
#ujainfo
{
	font-size:0.8em;
	line-height:1.0em;
}

.autorfoto,
.bild,
.formklein,
.klein,
.zformklein,
.zklein,
.grunklein,
.orangeklein,
.rotklein,
.warnklein
{
	font-size:0.9em;
	line-height:1.5em;
}

.formnormal,
.normal,
.zformnormal,
.znormal,
.grunnormal,
.orangenormal,
.rotnormal,
.warn
{
	font-size:1.0em;
	line-height:1.5em;
}

.zformsehrklein,
.zsehrklein,
.zformklein,
.zklein,
.zformnormal,
.znormal
{
	text-align: center;
}

.grunsehrklein,
.grunklein,
.grunnormal,
.orangesehrklein,
.orangeklein,
.orangenormal,
.rotsehrklein,
.rotklein,
.rotnormal,
.warngross,
.warn,
.warnsehrklein,
.warnklein
{
	font-weight: bold;
}

.autorfoto,
.bild
{
	font-family:Applegaramond,Garamond,Times,serif;
	text-align: center;
}

.autorfoto
{
	float:left;
	margin-right:2em;
	margin-top:0em;
	margin-bottom:1em;
}

.sample
{
	width:auto;
	min-width:95%;
	padding:10px;
	border-style:groove;
	border-width:3mm;
}

table.legende tbody th,
.sample
{
	font-family: Monaco,Courier,Courier New,sans-serif;
	line-height:1.0em;
}

a.warn
{
	text-decoration: none;
}

table.warn
{
	padding: 20px 20px 20px 20px;
}

.comment
{
	font-weight:normal;
}

ol.normal
{
	list-style:upper-alpha;
}

ol.gross
{
	list-style-type:upper-roman;
}

ol.mittel
{
	list-style-type:decimal;
}

ol.klein
{
	list-style-type:lower-alpha;
}

ol.sehrklein
{
	list-style-type:lower-roman
}

INPUT,
BUTTON,
SELECT,
OPTION
{
	font-family: Chicago,Courier,Courier New,serif;
	line-height:1.0em;
	font-weight:bold;
}


@media print
{
	.titel,
	#titel
	{
		left:0px;
	}
	.pageinfo
	{
		page-break-after:always;
	}
	body
	{
		margin-right:0px;
		width:20cm;
	}
	div#language,
	div#language *
	{
		display:none;
	}
}