/* Styles fuer: LUG-Seite nur PHP  ***********************************************************/

* {
  margin: 0;
  padding: 0;
}

/******************************************************************** Basis-Modul Schriften */

body { 
  position: absolute;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 100.01%; 
}

h1 {                              /* SeitenUeberschrift einmalig */
  padding: 5px 0 0 20px;
  background: transparent;
  color: #252D6E;
}

h2 {                              /* Kaptel - Ueberschrift */
  font-family: Times New Roman;
  margin: 20px 0 15px 0;
  padding: 0px 0px 5px 0px;
  margin-top: 12px;
  font-size: 160%;
  color: #C74200;
  border-bottom:solid thin #C74200; 
}

h3 {                              /* Unterkaptel - Ueberschrift */
  font-family: Times New Roman;
  margin: 20px 0 15px 0;
  padding: 5px 0px 5px 0px;
  margin-top: 12px;
  font-size: 120%;
  color: #C74200;
  border-bottom:dotted thin #C74200; 
}

h4 {															/* Grösser */
	font-family: "Times New Roman";
	font-size: 100%;
	font-weight: bold;
	color:#C74200;
}

h5 {                              /* Massenschrift */
  font-size: 80%;
  font-weight:500;
}

h6 {                              /* Kleingedruckte */
  font-size: 60%;
  font-weight:500;
}


/************************************************************************ Container (Frame) */

html, body { 
  top: 0;
  right: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  background: #FFF  url(../css/orange_bg_l.jpg); /* bg_l-breit.jpg */
  background-repeat: repeat-y;  
}

#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 70px;
}

#head {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: #FFF  url(../css/orange_bg_o.jpg);
  color: #252D6E;
}

#content {
  padding: 70px 10px 10px 185px;  /* 80px 20px 10px 240px; */
  color: #000;
}

#spiegel {
  /* max-width: 500px;               statt max-width */
  padding-left: 10px;             /* Contentabstand links */
}

#footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 20px;
}

#foot {
  position: relative;
  background: #FFF  url(../css/orange_bg_u.jpg); 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  z-index: 100;
}

/* ------------------------------------
	Extrawuerste fuer IEs
	WICHTIG: IE6 muss in den Quirks-Modus gesetzt werden, um die Anweisungen zu 
  'position:' richtig auszufuehren! */
  
* html, 
* html body {
  overflow: hidden;
  bottom: 0;
  height: 100%;
}

* html #menue {
  position: absolute;
  width: 180px; /* 180 */         /* wg. boxmodel */
  z-index: 30;    
}

* html #header, 
* html #footer {
  position: absolute;
  width: 100%;
  padding-right: 16px;            /* fuer scrollbar */
  z-index: 20;
}

* html #head,
* html #foot {
  height: 100%;
  position: static;
  z-index: 20;
}

* html #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: scroll; /* auto; */
  z-index: 10;
}

* html #spiegel {
  /* width: 500px;/* statt max-width */
}

/* ==== Menue ===============================================================================*/

/* --- Menue Alle */

#menue ul {
  margin: 0 0 0 10px;             /* Einruecken  */
}

#menue {                          /* Menue Position alle */
  position: fixed;
  top: 110px;                     /* Menue Beginn oben*/
  left: 12px;                     /* Menue Beginn links */
  width: 140px; /* 180 */         /* Menue Breite */
}
#menue li {
  font-size: 100%;                 /* Fontgroessee Menue links*/
  line-height: 140%;              /* Hoehe der Buttons */
  list-style: none;               /* Ohne Punkt Einrueckung */
  padding: 2px;                   /* Abstand Waagrecht Button - Button*/
}
#menue li li {
  font-size: 80%;                /* Fontgroesse in den Untermenues */
}
#menue li li li {
}
#menue a {
  text-decoration: none;
  display: block;
  font-weight: bold;
  padding: 0px 0px 2px 5px;       /* Groessenausgleich */
  background: #FFB894;   /* B5B8D0 */
  color: #000;                    /* nicht besuchte Seiten */
  border: 1px solid;
  border-color: #ccc #000 #000 #ccc;
}
#menue a:visited {
  background: #FFB894;
  color: #300;
}
#menue a:hover,
#menue a.aktiv,
#menue a:hover.aktiv {
  padding: 1px 0px 1px 6px;
  background: #FFE0D1; /* #FC9 */
  border: 1px solid;
  border-color: #000 #ccc #ccc #000;
}
#menue a.aktiv,
#menue a:hover.aktiv {
  font-weight: bold;
  cursor: default;
}

/* **** Menue Extrawurst IE */
* html #menue li a {
  width: 135px; /* 170 */
}
* html #menue li li a {
  width: 123px; /* 158 */
}
* html #menue li li li a {
  width: 111px; /* 146 */
}

* html #menue a:visited.aktiv {
  background: #FFE0D1;
}


/******************************************************************************** StyleSwitcher */

#switcher {                       /* Shwitcher Position alle*/
  position: fixed;
  top: -6px;
  right: 6px;
  z-index: 100;
}

* html #switcher {                /* Shwitcher Position IE */
  right: 20px;                    /* Scrollbar */
}

#switcher a {
  font-size: 80%;
  margin-right: 5px;
  padding: 1px 5px 1px 5px;
  background: transparent;
  color: #FFF;
}

#switcher a:hover {
  padding: 1px 4px 1px 6px;
  background: #FC9;
  color: #000;
}

#switcher p {
  padding: 2px 0;
}

* html #switcher {
  position: absolute;
  z-index: 40;
}

/************************************************************************************ Impressum */

#impressum {                      /* Impressum Position alle*/
  position: fixed;
  top: 25px;
  right: -4px;
  z-index: 100;
}

* html #impressum {               /* Impressum Position IE */
  right: 11px;                    /* Scrollbar */
}

#impressum a {
  font-size: 80%;
  margin-right: 5px;
  padding: 1px 5px 1px 5px;
  background: transparent;
  color: #FFF;
}

#impressum a:hover {
  padding: 1px 4px 1px 6px;
  background: #FFF;
  color: #000;
}

#impressum p {
  padding: 2px 0;
}

* html #impressum {
  position: absolute;
  z-index: 40;
}

/****************************************************************************************** Von */

#von {                      /* Impressum Position alle*/
  position:  absolute;
  top: 74px;
  right: -4px;
  z-index: 10;
}

* html #von {                     /* von Position IE */
  right: 11px;                    /* Scrollbar */
}

#von a {
  font-size: 70%;
  margin-right: 5px;
  padding: 1px 5px 1px 5px;
  background: transparent;
  color: #444;
}

#von a:hover {
  padding: 1px 4px 1px 6px;
  background: #FC9;
  color: #000;
}

#von p {
  padding: 2px 0;
}

* html #von {
  position: absolute;
  z-index: 10;
}

/* **** Text ********************************************************************************/

#spiegel p {
 /* margin-bottom: 10px; */
}

#spiegel ul {
  margin: 0 0 0 15px;             /* Einruecken  */
}

#foot p {                         /* Im Moment nur Copyright */
  padding: 0px 0 0 20px;
  font-size: 70%;
  background: transparent;
}

p.topper {
  padding: 20px 0;
}

.invis, hr, h1, .topper {
display: none;
}

/* **** Sonstige ***************************************************************************/

a {
  text-decoration: none;
  background: transparent;
  color: #33F;
}

img {
  border: 0 none;
}
                                  /* code / kann im normalem Text usw.. stehen */  
code, pre {                       /* pre ist durchgängig */        
  font-family: 'Courier New', Verdana, Helvetica, Arial, sans-serif;
  background-color: #EEE;
  color: #000;
}

copyr a {
  color: #58E849;
}

#fehler textarea {
  margin:0;
  border:none;
  background:transparent;
  color:#070;
  overflow:hidden;
  font-family:"System", "Lucida Console", monospace;
}

