html { height:100%; margin:0; padding:0; } /*überflüssig?*/


body {
	width:100%;
	height:100%;
	margin:0em;
	padding:0em;
	background-color: #f3f3f3;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	xfont-size: 100%; /*gilt font-size in % ? */
}

table {
	margin:0em;
	padding:0em;
	font-size:1em;
}

h1, h2, h3, h4, h5, h6, p, div, ul, li, {
	margin:0;
	padding:0;
}


div.box1 {
	margin:0em 0em 0em 0em;
	width:100%;
}


div.box2 {
   position:absolute;
	overflow:visible;
	top:0em;
	xleft:0em;
	xright:0em;
	xbottom:0em;
	margin:10em 0em 0em 0em;
	width:100%;
	_height:100%; /*Unterstrich für Höhe SeitenNavi IE, Firefox ignoriert*/
	min-height:100%;
	xborder:1em solid;
}


.box-unten {
   position:relative; /* wenn ohne x vor .box-unten, keine Verlinkung in Firefox*/
   bottom:0em;
	xtop: auto;
	xmargin: -20em 0em 0em 0em;
	width:100%;
	min-width:100%;
	z-index:3;
	clear:both;
}


h6.logo {
    position:absolute;
    margin:0.25em;
    padding:1em 0.25em 0.25em 2em;
    z-index:3;
    font-size:2em;
    text-align:left;
	 border:1px dotted aqua;
}

h5.navi-top {
	position: relative;
	min-width: 50em;
	height: auto;
	margin: 0em;
	padding: 0.5em 0em 0.5em 0em;
	z-index: 2;
	background-color: #CDCDCD;
	color: Gray;
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: lighter;
	letter-spacing: 0.75em;
	text-align: center;
}

div.navi-top {
    position:absolute;
	 width:100%;
    min-width:75em;
	 height:4em;
	 overflow:visible;
	 xmargin:0em;
	 xpadding:0em;
    z-index:1;
    background-color:#D2D2D2;
}

ul.navi-top {
    min-width:60em; /*hält navi breit,  andere überprüfen -fixe Nav- */
	 xmargin:0.5em 0em -1.5em -1em;
	 padding:1.25em 1em 0em 14.5em;
	 margin:0em 0em -1.5em 0em;
    xpadding-left:12em;
    list-style:none;
    text-align:center;
	 float:left;
}

li.navi-top  {
	position: relative;
	width: 11em;
	xleft:3.5em;
   margin:0em 3.5em 0em 0em;
	background-color: #AAAAAA;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0em 0em 0em 0em;
	float: left;
	line-height: 125%;
}

/*Farbvarianten navi-top---A1*/
.navi-top1:first-letter {
    color:blue;
    font-weight:bold !important; 
    font-size:1.25em  !important;
	 }
a.navi-top1 {
    color:black;
    display:block;
    padding:0.5em;
    text-decoration: none;}
  a.navi-top1:link {
    border-top: 0em solid blue;
    border-bottom:1em solid #f3f3f3;}
  a.navi-top1:visited {
    border-top:1em solid #c2c2c2;
    border-bottom:0em solid;}
  a.navi-top1:hover {
    border-top:1em solid blue;
    border-bottom:0em;
    color: blue;}
   a.navi-top1:active {
    border-top:1em solid red;
    border-bottom:0em;
    color:red;
}
/*Farbvarianten navi-top---E1*/

/*Farbvarianten navi-top---A2*/
.navi-top2:first-letter {
    color:lightsteelblue;
    font-weight:bold !important; 
    font-size:1.25em  !important;}
a.navi-top2 {
    color:black;
    display:block;
    margin:0em;
    padding:0.5em;
    text-decoration: none;}
  a.navi-top2:link {
    border-top:0em solid lightsteelblue;
    border-bottom:1em solid #f3f3f3;}
  a.navi-top2:visited {
    border-top:1em solid #c2c2c2;
    border-bottom:0em solid;}
  a.navi-top2:hover {
    border-top:1em solid lightsteelblue;
    border-bottom:0em;
    color:lightsteelblue;}
   a.navi-top2:active {
    border-top:1em solid red;
    border-bottom:0em;
    color:red;}
/*Farbvarianten navi-top---E2*/

/*Farbvarianten navi-top---A3*/
.navi-top3:first-letter {
    color:darkslateblue;
    font-size:1.25em  !important;}
a.navi-top3 {
    color:black;
    display:block;
    margin:0em;
    padding:0.5em;
    text-decoration:none;}
  a.navi-top3:link {
    border-top:0em solid darkslateblue;
    border-bottom:1em solid #f3f3f3;}
  a.navi-top3:visited {
    border-top:1em solid #c2c2c2;
    border-bottom:0em solid ;}
  a.navi-top3:hover {
    border-top:1em solid darkslateblue;
    border-bottom:0em;
    color:darkslateblue;}
   a.navi-top3:active {
    border-top:1em solid red;
    border-bottom:0em;
    color:red;}
/*Farbvarianten navi-top---E3*/

/*Farbvarianten navi-top---A4*/
.navi-top4:first-letter {
    color:lightseagreen;
    font-size:1.25em  !important;}
a.navi-top4 {
    color:black;
    display:block;
    margin:0em;
    padding:0.5em;
    text-decoration:none;}
  a.navi-top4:link {
    border-top:0em solid lightseagreen;
    border-bottom:1em solid #f3f3f3;}
  a.navi-top4:visited {
     border-top:1em solid #c2c2c2;
    border-bottom:0em solid ;}
  a.navi-top4:hover {
    border-top: 1em solid lightseagreen;
    border-bottom:0em;
    color:lightseagreen;}
   a.navi-top4:active {
    border-top:1em solid red;
    border-bottom:0em;
    color:red;}
/*Farbvarianten navi-top---E4*/

/*Farbvarianten navi-top---A5*/
.navi-top5:first-letter {
color:cornflowerblue;
    font-size:1.25em  !important;}
a.navi-top5 {
    color:black;
    display:block;
    margin:0em;
    padding:0.5em;
    text-decoration:none;}
  a.navi-top5:link {
    border-top:0em solid b2b2b2;;
    border-bottom:1em solid #f3f3f3;}
  a.navi-top5:visited {
    border-top:1em solid #c2c2c2;
    border-bottom:0em solid ;}
  a.navi-top5:hover {
    border-top:1em solid cornflowerblue;
    border-bottom:0em;
    color:cornflowerblue;}
   a.navi-top5:active {
    border-top:1em solid red;
    border-bottom: 0em;
    color:red;}
/*Farbvarianten navi-top*/


div.navi-punkt {
	position: fixed; /*nur Firefox*/
	top: 5em; /*nur Firefox*/
	xdisplay: block;
	xwhite-space: nowrap;
	xbottom: 0em;
	width: 11.5em;
	height: 100%;
	xmargin: -5em 0em 0em 0em; /*beide*/
	margin: -5em -13em 0em 0em; /*in IE Abstand für div.inhalt*/
	z-index: 1;
	background-color: #D2D2D2;
	float: left;
	clear: both;
	xmin-height: 100%;
	xborder:1em solid red;

}

ul.navi-punkt {
	 position:fixed; /*nur Firefox*/
	 top:5em; /*nur Firefox*/
	 xdisplay:block;
	 xwhite-space: nowrap;
    margin:5em 0em 0em 0.5em; /*beide*/
	 padding:0em 0em 0em 0em; /*beide?*/
    list-style:none;
	 height:100% !important;
	 xborder:1em solid green;

}	

li.navi-punkt {
	position:relative;
	overflow:visible;
	xtop:2em;
	xbottom:0em;
	width: 11.5em;
	margin:0em -1.5em 2em 0em;
	padding: 0em 0em 0em 0em;
	letter-spacing: 0.1em;
	text-indent: -1em;
	z-index:2;
   xborder:1em solid yellow;

}

.navi-punkt:first-letter {
    font-size:1.25em;
}

a.navi-punkt {
    background-color:#A2A2A2;
    padding:0.4em 0em 0.4em 1.5em;
    display:block;
    color:black;
    text-decoration: none; 
    white-space:nowrap;}
  a.navi-punkt:link {
    border-left:0.5em solid #A2A2A2;
    border-right:1em solid #f3f3f3;}
  a.navi-punkt:visited {
    border-left:0.5em solid #D2D2D2;
    border-right:1em solid #b2b2b2;}
  a.navi-punkt:hover {
    border-left:0.5em solid #D2D2D2;
    border-right:1em solid blue;}
  a.navi-punkt:active {
    color:red;
    border-left:0.5em solid #D2D2D2;
    border-right:1em solid red;}


div.navi-neben {
    position:fixed;
    overflow:visible;
	 top:5em;
	 xbottom:0em;
	 right:0em;
    margin:-5em 0em 0em -7.5em;
    xmargin:-5em 0em 0em 0em; 
	 padding:0em;
	 width:7.5em;
	 height:100% !important;
	 min-height:100%;
    z-index:1; 
    background-color: #D2D2D2;
	 clear:both;
    float:right;
	 xborder:1em solid red;

}


ul.navi-neben {
   position:fixed;
	overflow:visible;
	top:5em; /*Abstand oben nur Firefox?*/
   xright:2em;
   height:100%;
	width:6.5em;
	margin:5em 0em 0em 0em; /*Abstand Liste von oben*/
	padding:0em 0em 0em 0em;
	list-style:none;
	height:100% !important;
	xborder:1em solid green;
}

li.navi-neben {
	position: relative;
	overflow: visible;
	xtop: 9.5em;
	width: 7.5em;
	xheight:auto%;
	xtext-indent: 0em;
	xmargin: 0em 0em 0.5em -0.5em;
	xpadding: 0.25em 0em 0.25em 0.5em;
	xbackground-color: #d2d2d2;
	xborder: 1px ridge #66ff66;
	xborder-bottom-color: gray;
	xborder-left-color: gray;
	xborder-right-color: #66ff66;
	xborder-top-color: gray;
	z-index: 2;
	xborder:1em solid yellow;

}


.navi-neben:first-letter {
    color:#66ff66;
}

a.navi-neben {
	xposition: relative;
	xoverflow: visible;
	background-color: #A2A2A2;
	margin: 0em 0em 0.5em -0.5em;
	padding: 0.4em 0em 0.4em 1.5em;
	xcolor: black;
	text-decoration:none;
	xwidth: 100%;
	display: block;
	xwhite-space: nowrap;
	xz-index: 2;
	text-align: left;
	xtext-indent: 1em;
}

  a.navi-neben:link {
    color:gray;
    xtext-decoration:none;}
  a.navi-neben:visited {
    color:gray;}
  a.navi-neben:hover {
    color:#66ff66;
	 xtext-decoration:underline;}
  a.navi-neben:active {
    color:red;}
	 
	 
div.inhalt {
	position:relative;
	xtop: 2em;
	left: 14.5em  !important; /*beide*/
	xright: -23.5em  !important;
	overflow: visible;
	xmin-width: 50em;
	xwidth: 70%;
	z-index: 3;
	padding: 0.5em 2.5em 0.5em 2.5em;
	margin: 0em 25.5em 0em 0em; /*beide? */
	background: #ffffff;
	border: 1px solid #66ff66;
	float: left;
	clear: both;
	height: 100% !important;
	min-height:100%;
	xdisplay:inline;
	xwhite-space:nowrap;
}


div.inhalt ul {
	padding:1em 0em 1em 2em;

}

div.inhalt li {
	list-style: square outside;
	margin-left: 1em;
	padding-bottom:1em;
	line-height:1.5em;
	color:black;
}

h1.inhalt {
	 margin:1em 0em 0em -0.5em;
    font-size:1.25em;
	 font-variant:small-caps;
}

h2.inhalt {
	 margin:1em 0em 0em -0.5em;
    font-size:1.25em;
	 font-weight:bold;
}

h3.inhalt {
	 margin:1em 0em 0em -0.5em;
	 font-size:1em;
	 font-weight:bold;
}

p.inhalt {
	position:relative;
	margin:1em 1em 1em 0em;
	line-height:1.75em;
}
p.inhalt-aussen {
	position: relative;
	margin: 1em 1em 1em 0em;
	font-size:1em;
	line-height: 1.5em;
	text-align: right;
}

p.inhalt-trennung {
	position: relative;
	left:-1px;
	margin-left: -2.5em;
	margin-right: -2.75em;
	border-top: 1px solid #66ff66;
	border-bottom: 1px solid #66ff66;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	background: #f3f3f3;
}    

.inhalt a:link{
	color: gray;
	font-weight: bolder;
	text-decoration:none;
}
.inhalt a:visited{
	color: lightslategray;
	font-weight: bolder;
	text-decoration: underline;
}
.inhalt a:hover{
	color: blue;
	text-decoration:underline;
}
.inhalt a:active{
	color: red;
}

div.formular {
    position:absolute;
    top:8em;
    left:16em;
	 right:12em;
    z-index:3;
	 padding:0.5em 2.5em 0.5em 2.5em;
    background:#d2d2d2;
    border:1px solid #66ff66;
}
.inhalt-formular {
	position:absolute;
	margin:0em 0em 0em 0em;
	padding:0em;
	width:20em;
	height:5em;
	background-color:green;
	color:red;
	border:1px solid Fuchsia;
}
.input1 {
  	position:relative;
	margin:0em;
	padding:0.5em;
	width:30em;
   height:2.5em;
   color:blue;
	background-color:silver;
   border:1px solid aqua;
}



.ende {
	position: relative;
	vertical-align: bottom;
	xmargin-top:50em; /*beide*/
   max-height: 1.5em;
	width: 100%;
	z-index: 3;
	border: 1px solid #a2a2a2;
	text-align: center;
	padding: 0.5em;
	font-weight: lighter;
	letter-spacing: 0.5em;
	color: #a2a2a2;
	background-color: #f3f3f3;
	min-width: 100%;
   white-space: nowrap;
	display:block;
	clear:left;
}

