/* ------------- erster Teil noch zu kontrollieren -------- */ 
body {
  margin:0;  border:0;  padding:0;  height:100%; 
  max-height:100%; 
  overflow: hidden; 
  }

/* for internet explorer */
* html body { padding:125px 0 30px 0;   overflow: hidden; }

#content321 {
  position:fixed; 
  top:120px;  left:0;  bottom:30px;   right:0; 
  overflow:auto; 
  padding:20px;
  }

* html #content321 { height:100%; width:100%; }

.dokuwiki {
  position:fixed; 
  top:125px;  left:0;  bottom:30px;   right:0; 
/*  top:82px;  left:0;  bottom:20px;   right:0; */
  overflow:auto; 
  padding:20px;
  }

.dokuwiki {                 /* muss vor den *-code?! */ 
  margin-left:200px;
/*  margin-top:82px; */
}

* html .dokuwiki { height:100%; width:100%; overflow-y:scroll; }

/* ----------------------------------------------------- */ 

.lft {float:left;}
.rgt{float:right;}

#container251 {
  position:fixed; 
  top:82px;                                     /* layout */ 
  bottom:20px;                                  /* layout */ 
  left:150px;
  margin: 0px;    /* macht mit Wert einen Rand auch um die Rollbalken */ 
  right:0px;      /* macht mit Wert einen Rand auch um den Rollbalken */ 
  overflow:auto; 
/*  padding-right 10px;  */                 /* klappt nicht !?  */ 
  text-align:center;
  }

* html #container251 { margin-left:150px; height:100%;  }  
#container251 {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  background:#fff;
}
#container251 img {margin:5px;}    /* macht einen sinnvollen Rand */ 
#container251 a, #container251 a:visited {
  text-decoration:none;
  color:#0000ff;
  }

#container251 b {
  text-align:left;
}  

#container251 {
  text-align:justify;
  padding:5px; 
}  

/* ----- */ 

#content321 {
  position:fixed; 
  top:82px;                                     /* layout */ 
  bottom:20px;                                  /* layout */ 
  left:150px;
  margin: 0px;    /* macht mit Wert einen Rand auch um die Rollbalken */ 
  right:0px;      /* macht mit Wert einen Rand auch um den Rollbalken */ 
  overflow:auto; 
/*  padding-right 10px;  */                 /* klappt nicht !?  */ 
  text-align:center;
  }

* html #content321 { margin-left:150px; height:100%;  }  
#content321 {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  background:#fff;
}
#content321 img {margin:5px;}    /* macht einen sinnvollen Rand */ 
#content321 a, #content321 a:visited {
  text-decoration:none;
  color:#0000ff;
  }

#content321 b {
  text-align:left;
}  

#content321 {
  text-align:justify;
  padding:5px; 
}  

#header251 {
  position:absolute;                   /* ok */ 
  top:0;                               /* ok */
  left:0;                              /* ok */
  width:100%;                          /* ok */
  height:78px;                         /* ok */      /* layout */ 
  overflow:auto;                       /* ok */ 
  border-bottom:4px solid #00008B;     /* ok */
  }

#header251 {
  font-family:arial, verdana, sans-serif; 
  font-size: 12px; 
}

#header251 p {
  margin: 0px; /* nachgetragen fuer Firefox, bei Explorer Standard? */ 
}

* html #header251 {height:82px;}                       /* layout, ok */ 

#header251 {
  text-align:center; 
  background:#55d5b2;                   /* ok */
}
#header251    img { margin:10px 10px 0 10px; }
#header251 ul {
  clear:both; 
  text-align:center; 
  border-top:1px solid #73a2bd;
  }

#header251 ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
/*  height:3em; */ 
  }

#header251 ul li {
  display:inline; 
  color:#73a2bd;
  }

#header251 ul {
/*  background-color:#fff; */ /* zu Kontrollzwecken */
}

#header251 a, a:visited { text-decoration:none; color:#000; }
#header251 a:hover      { text-decoration:none; color:#fff; }


#header252 {
  position:absolute;                   /* ok */ 
  top:0;                               /* ok */
  left:0;                              /* ok */
  width:100%;                         /* ok */
  height:125px;                         /* ok */      /* layout */ 
  overflow: hidden; 
/*  border-bottom:4px solid #00008B;   */  /* ok */
  }

* html #header252 { width:100%; height:125px;}       /* layout, ok */ 


#menu321 {
  position:absolute; 
  top:85px;                                     /* layout */ 
  bottom:20px;                                  /* layout */ 
  left:5px;
  white-space: nowrap;
}

#footer251 {
  margin:0; padding:0; 
  position:absolute;                   /* ok */ 
  bottom:0;                            /* ok */ 
  left:0;                              /* ok */ 
  width:100%;                          /* ok */ 
  height:15px;                         /* ok */ 
  overflow:hidden;                     /* ok */ 
  border-top:5px solid #00008B;        /* ok */ 
  }

* html #footer251 {height:20px; margin-bottom:-1px;}   /* layout, ok */ 

#footer251 {
  font-family:arial, verdana, sans-serif; 
  font-size: 9px; 
  text-align:center;                  /* ok */ 
  background:#ccc;                    /* ok */ 
}

#footer251 p { color:#000; margin:0px 10px 0 10px; }   /* ok */
#footer251 a { color:#000; }

#footer251 a, a:visited { text-decoration:none; color:#000; }
#footer251 a:hover      { text-decoration:underline; color:#000; }

#tophead {
	color: #333;
	text-align: right;
	padding: 0.4em;
	font-size: 0.8em;
	border-bottom: 1px solid #666;
	background: #DEE;
}
#tophead ul {
	color: #000;
	padding: 0;
	list-style-type: none;
	list-style : none;
	margin: 0;
}
#tophead ul li { display: inline; }
#tophead ul li a {
	padding: 0 0.5em;
	text-decoration: none;
	margin: 0;
}
#tophead a:link, #tophead a:visited, #tophead a:active {
	text-decoration: none;
	padding : 2px;
}

/* explorer */ 

#tophead {
	color: #333;
	border-bottom: 1px solid #999;
	background: #F1F1F1;
/*      margin-left: 130px; */
}
#tophead a:link, #tophead a:visited, #tophead a:active {
	color: #366;
	color : #000;
	border : 1px solid #DEE;
	border : 1px solid #F1F1F1;
}
#tophead a:hover {
    background-color : #CEE;
    background-color : #CCC;
	border : 1px solid #999;
}

#lowhead{
	padding : 0px;
/*      margin-left: 130px; */
	background-color : #107339;
	color : #000;
}

#lowhead h1{
	margin: 0px;
	padding: 0.6em 1em 0.6em 0.5em;
	font-size: 1.6em;
	font-weight: bold;
}

#lowhead p{
	color : #000;
	font-size : 1em;
	margin : 0px;
	background-color : #933;
	background-color : #73e773;
	padding : 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
      border-bottom: 1px solid #ffffff;
	}
	
/* explorer */ 
#lowhead p{ font-size: 0.9em; }

#title { margin: 0px; padding: 0px; height : 60px; }
#title h1{
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
	padding-left: 0px;
      text-align:center; 
	font-size: 1.6em;
	font-weight: bold;
}
#title h1 a:visited, h1 a:active, h1 a:link {
	color : #FFF; text-decoration : none;
}

#logo1 {
   position:absolute; z-index:2; 
//   top:10px; left:30px; border:0;
   top:21px; left:0px; border:0;
}
#logo1p {display:none;} 

#logo2 {
   position:absolute; z-index:1;
//   top:21px; right:40px; border:0;
   top:21px; right:-1px; border:0;
}

#userinfo {
   color:#F6AE24;
   text-align:right;
}

#icon {
   vertical-align: -2px; 
   border:0px; 
   margin:0px;
   margin-right:3px;
}

#leftbar {
      position:absolute;
	width : 200px;                         /* Breite */ 
	float : left;
	border-top : 4px solid #767F88;
      left:0px; 
      top:65px;
}

#leftbar h2 { 
	margin : 0; padding : 0;
	padding : 3px;
	color : white;
	color : black;
	font : 9pt tahoma, arial, sans-serif;           /* Schrift */ 
	text-align : center;
	text-align : left;
      font-weight: bold; 
	background : #939DA6;
      text-decoration:none;
}

#leftbar h2 a { 
      color: black; 
      text-decoration:none;
}
#leftbar .root_categories {
	margin : 0;
	padding : 0;
	list-style : none; 
}

#leftbar .root_categories li p { 
	position : relative; 
	margin : 0; 
	padding : 3px;                                 /* Rand */ 
	border-bottom : 1px solid #899EC8; 
	background : #E7EBF1;
	background : #FCF63C;                          /* background*/ 
background:#107339; 
}
#leftbar .root_categories li p a:link, 
#leftbar .root_categories li p a:visited, 
#leftbar .root_categories li p a:active {
	color: #2B4B8B;                                /* -> layout: grau */ 
	color: #ffffff;   
	font-weight : normal;
	font : 9pt tahoma, arial, sans-serif;          /* Schrift */ 
	text-decoration : none;
	text-align : center;
	padding : 4px;                                 /* Einrueckung */ 
	padding : 4px;                                 /* neu */ 
}
#leftbar .root_categories li p a:hover { color : #5B78B3; }
#leftbar .root_categories li p a.collapse { position : absolute; right : 0; padding : 5px; }
#leftbar .root_categories li h2 a.collapse { position : absolute; right : 0; padding : 5px; padding-top:0px;}
#leftbar .root_categories li p a.collapse:hover { color : white; }
#leftbar .root_categories li p>a.collapse { margin-top : -4px; }
a.collapse:hover { background : #767F88; color : #CFDAE9; }
.box h2 .collapse { padding : 4px; }

.children { position:absolute; left:210px; margin-top:-30px; }
.children { background-color:#107339; }
.children { width:100%; /* benoetigt der FF */ }
.children ul { margin:5px; padding:5px; }
.children ul { list-style:none; background-color:#107339; }
.children li a, .children li a:visited { text-color: #fff; } 
.children a, .children a:visited { color: #fff; text-decoration:none;} 

.clone2 { margin:0;padding:0; list-style:none; background-color : #107339; } 

#leftbar2 p    { background-color:#f00; color: white; } 
.clone2 li     { margin:0; padding:0; list-style:none; /* ok */  }
.clone2 h2 a { color: black; font-weight: bold; text-decoration:none; }

#leftbar2 { border-top: 4px solid #767F88; }
#leftbar2 { font: 9pt tahoma, arial, sans-serif; text-align: left; font-size:normal; /* 9pt/px? */ }
#leftbar2 h2  { font: 9pt tahoma, arial, sans-serif; text-align: left; font-weight:bold; /* 9pt/px? */ }
#leftbar2 h2  { margin : 0; padding : 2px; background : #939DA6; }
#leftbar2     { position:absolute; left: 0px; } 
#leftbar2 ul  { margin:0; margin-left:3px; padding:0; /* schiebt nach links, wirkt auch im collapse! */}
#leftbar2 ul li p { background:#107339; /* ok !! */}
#leftbar2 ul li p { margin:0; padding: 2px; border-bottom : 1px solid #899EC8; } 
#leftbar2 ul li p a  { color: white; /* ok !! */}
#leftbar2 ul li p a:hover { color : #5B78B3; text-decoration:none; /* ok !! */}
#xleftbar2 ul li ul li { font: 9pt courier; } 
#leftbar2 ul li ul li a, a:visited { color : white; text-decoration:none; /* ok !! */}
#leftbar2 ul li ul li a:hover { color : white; text-decoration:none; /* ok !! */}
#leftbar2 ul li a.collapse { position : absolute; right : 0; padding: 5px; margin-top:-6px;}
#leftbar2 ul li a.collapse:hover { color : white; padding:3px; }