/*-----------------------------------------------------------------------
 Body: sozusagen die ganze Seite
-------------------------------------------------------------------------*/
.print {
	display:none;
}

.screenonly {
}

.screen {
}

body {
	background-color:	white;
	color:			black;
	font-family:		Arial, Helvetica, Arial, sans-serif; 
	margin:			1em 1em 1em 1em;
	padding:		0;
	xmin-width:		41em;
	min-width:		550px;
}


/*-----------------------------------------------------------------------
 Header: links Text, rechts Logo
-------------------------------------------------------------------------*/

#lheader {
	float:			left;
	min-width:		560px;
	margin:			0;
	padding:		0;
}

#rheader {
	float:			right;
	min-width:		200px;
	margin:			0;
	padding:		0;
}


/*-----------------------------------------------------------------------
 Hauptmenü (oben quer)
-------------------------------------------------------------------------*/
#nav-all {
}

#nav {
	background:		#FF6600;
	clear:			both;
	width:			100%;
	margin:			0 0 1em 0;
	padding:		0 0 0em 0;
	border-top:		1px solid #000000;
	border-bottom:		1px solid #000000;
	font-weight:		bold;
}

#nav ul {
	list-style-type:	none;
	margin:			0;
	padding:		0 0 0.4em 0;
}

/* die Breiten-Angaben je nach Anzahl der Menüpunkte bestimmen, 
   das müsste dann natürlich irgendwie automatisch passieren.
   Auf jeden Fall soll der Balken bis an den Fensterand gehen, also
   länger sein als die Summe der Menüpunkte.
*/
#nav li {
	background:		#FF6600;
	float:			left;
	width:			12%;
	text-align:		center;
	margin:			0em 0em 0em 0em;
}

#nav a {
	display:		block; 
	text-decoration:	none;
	color:			#000000;
	padding:		0.2em 0 0.2em 0;
}

#nav a:hover {
	background:		#FF0066;
}

#nav li.selected a {
	background:		#FF0000;
}

#nav li.selected a:hover {
	background:		#FF0066;
}


/*-----------------------------------------------------------------------
 Untermenü (links)
-------------------------------------------------------------------------*/
/* ### FireFox 1.x, Opera 7.5 */
/* IE 6 */

#subnav-outer {
	xbackground-color:	#FF8080;
	clear:			both;
	float:			left;
	width:			12em;
	overflow: 		auto;
}

#subnav {
	xbackground-color:	#FF00FF;
	margin:			0em 1em 0 0;
}

/* IE macht über dem subnav einen Abstand zu wenig: Korrektur nur für IE */
* html #subnav {
	margin:			1em 1em 0 0;
}

#subnav ul {
	list-style:		none;
	margin:			0;
	padding:		0;
}

/* Unterlisten bekommen zusätzliche Abstand je Menütiefe */
#subnav * ul {
	margin:			0 0 0em 1em;
}

#subnav li {
	display:		block;
	margin:			0;
	padding:		0;
}

/* IE macht über den Menüeinträgen einen extra Abstand: Korrektur nur für IE */
* html #subnav ul li {
	margin:			-1em 0 0em 0em;
}

#subnav a {
	display:		block;
	color:			#000000;
	text-decoration:	none;
	border: none;
}
/*
#subnav a:link {
	border: none;
}

#subnav a:visited {
}
*/
#subnav a:hover {
	background-color:	#FF0066;
}
/*
#subnav a:active {
}

#subnav a:focus {
}

#subnav li.subselected a {
}
*/
#subnav li.selected a {
	font-weight: bold;
}

#subnav img {
	border:			none;
	width:			0.3em;
	vertical-align:		baseline;
	margin:			0 0.2em 0.3em 0;
}

/*
#subnav ul a.selected:hover {
	xbackground:		#FF0066;
}

#subnav > ul > li > ul {
	margin: 1em;
}

.subnavli a {
	display:		block;
	background-color:	#FFC0F0;
}

.subnavli a:hover {
	background-color:	#FF0F0;
}
.subnavbullet {
	border:			none;
	width:			0.3em;
	vertical-align:		baseline;
	margin:			0 0.2em 0.3em 0;
}

a.nohover:hover {
	background-color:	#00FF00;
}
*/


/*-----------------------------------------------------------------------
 Info-Box am rechten Rand (nach Bedarf)
-------------------------------------------------------------------------*/
#info {
	xfloat:			left;
	width:			11em;
	margin:			0 0 0 0.5em;
	padding:		0;
	overflow:		auto;
}

.infobox {
	font-size:		0.8em;
}

/*-----------------------------------------------------------------------
 Trenner zwischen Submenü und Text (3 farbige Kästen, inspiriert vom Logo)
-------------------------------------------------------------------------*/

#ltrenner {
	xbackground-color:	#D08F80;
	float:			left;
	width:			1em;
	margin:			0;
	padding:		0;
/*clear:both;*/
}

#rtrenner {
	xbackground-color:	#D0FF80;
	float:			right;
	width:			1em;
	margin:			0;
	padding:		0;
/*clear:both;*/
}



/*-----------------------------------------------------------------------
 Der eigentliche Inhalt
-------------------------------------------------------------------------*/
#content {
/*clear:both;*/
	xbackground-color:	#008FFF;
	margin:			0 10em 0 14em;
	padding:		0;
}

/*-----------------------------------------------------------------------
 Fußzeile
-------------------------------------------------------------------------*/
#footer {
	background-color:	#FF6600;
	clear:			both;
	text-align:		center;
	font-size:		0.8em;
	margin:                 1em 0 1em 0;
}

#footer a {
	color:			#000000;
	text-decoration:	none;
	border: none;
}

#footer a:hover {
	background-color:	#FF0066;
}

/*-----------------------------------------------------------------------
 Diverses
-------------------------------------------------------------------------*/

p {
	margin:             0 0 1em 0;
	padding:            0;
}

h1 {
	font-size:		150%;
	padding:		0;
	margin:			0;
}

h2 {
	font-size:		120%;
	padding:		0;
	margin:			0;
}

h3 {
	font-size:		100%;
	padding:		0;
	margin:			0;
}

img {
	border-style:		none;
}

.align-left {
	text-align:		left;
}

.align-right {
	text-align:		right;
}

.align-center {
	text-align:		center;
}

.align-justify {
	text-align:		justify;
}

/*

#nav ul li.fill {
	background:		#FFCCFF;
	xwidth: 			6%;
	xpadding:		0.2em 0 0.2em 0;
	xborder-top:		1px solid #000000;
	xborder-bottom:		1px solid #000000;
}

.bodyfont {
	xfont-family:         Arial, Helvetica, sans-serif; 
}

td {
	xfont-size:        0.9em;
}

tr {
}

h1 {
	xcolor:              #391A7A;
	margin:             0px;
	margin-top:       1.0em;
	margin-bottom:      0px;
	padding:            0px;
	font-size:        1.9em;
	line-height:      120%;
	font-weight:         bold;
}

h2 {
	xcolor:              #391A7A;
	margin:             0px;
	padding:            0px;
	margin-top:       1.0ex;
	margin-bottom:    0.0ex;
	font-size:        1.2em;
	line-height:      100%;
	font-weight:         bold;
}

p {
	margin:             0px;
	padding:            0px;
	padding-top:        1ex;
}



#debug {
	background:          #C0C0FF;
	position:            absolute;
	top:                0px;
	right:              0px;
	width:            350px;
	font-size:         10px;
}

.menuentry {
	padding-left:       0px;
	padding-right:      0px;
	padding-top:        3px;
	padding-bottom:     3px;
	margin:             0px;
	text-indent:      -14px;
	font-size:         12px;
	line-height:       12px;
	font-weight:        bold;
}

.menu_indent {
	padding-left:      11px;
}

a.menu:link {
	color:               #391A79;
	text-decoration:     none;
}


a.menu:visited {
	color:               #391A79;
	text-decoration:     none;
}


a.menu:hover	{
	color:               #391A79;
	background:          #FA9A0E;
	text-decoration:     none;
}


a.menu:active {
	color:               #391A79;
	background:          #FA9A0E;
	text-decoration:     none;
}

#pages {
	margin-top:        20px;
	margin-bottom:     20px;
	text-align:          center;
}

.pageno {
	font-weight:         bold;
}

.thisno {
	font-weight:         lighter;
}

.unsichtbar { 
	display:             none; 
}

.bot10 {
	padding-bottom: 10px;
}

.small {
	font-size:        0.8em;
}

.large {
	font-size:        1.2em;
}

.emph {
	font-weight:         bold;
}

.emphlarge {
	font-size:        1.2em;
	font-weight:         bold;
}

.center {
	text-align:          center;
}

*/



/* horizontale Trennlinien
-------------------------------------------------------------------------*/
/*
#line1 {
	background:          #FF6600;
	position:            absolute;
	left:               0px;
	top:               90px;
	height:             5px;
	right:              0px;
}

#line2 {
	background:          #FF0000;
	position:            absolute;
	left:               0px;
	top:               95px;
	height:             5px;
	right:              0px;
}

#line3 {
	background:          #FF0066;
	position:            absolute;
	left:               0px;
	top:              100px;
	height:             5px;
	right:              0px;
}
*/

/* Krümelleiste
-------------------------------------------------------------------------*/
/*
#crumbs {
	background:          #FF0000;
						xposition:            absolute;
						xleft:             220px;
						xtop:              130px;
						xheight:            15px;
						xwidth:              0px;
						xright:              0px;
						xmargin:             0px;
						xpadding:            5px;
						xpadding-top:        5px;
						xpadding-left:      10px;
						xfont-size:         10px;
						xline-height:       24px;
						xfont-weight:         bold;
}
*/


