
html, body {	background: none;	color: rgb(0,0,0);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table {	font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 9pt;}
html {	height:100%;}
body {	min-height:101%;}

img {	       		border: none;	text-decoration: none; }
table, td, div { 	border:0;}

.none{ width: 0.1em; height: 0.1em; display: block; overflow: hidden; }

p { 	margin: 0px 0px 12px 0px; }

body {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  }

div.dokument {	 
  width: 100% !important; 
  margin: 0 !important;
  padding: 0 !important; }
  
  
div.bg-abschluss {	display:none;}  /* ------  WICHTIG: mit dem entsprechendem Teil aus der SCREEN ersetzen. -------- */
  
.hg-rechts { display:none;}

#kopf {	display:none; }

#kopf-2 { display:none; }

#firstmenue { display:none;	}


/*-- content
_________________________  HTML > CSS; [&copy; by elf42]    */

table.content {	   width: 100%; background:none;}

td.c-nav {		display:none;}
#content-nav {  display:none;}

td.c-mi {		width: 60%;	 height: auto;	vertical-align: top; background:none; }
#content-mi {	text-align:left; line-height:16px;}

td.c-re {		width: 30%;	height: auto;	vertical-align: top;	background:none;  }
#content-re {	text-align:left; line-height:16px;} 


td.a-0 {		display:none;}
img.a-0 { 		display:none;}
td.a-1 {		width: 5%;	height: auto;	vertical-align: top;	margin:0; padding:0; background:none;}
img.a-1 { 		width: 5%;	height: 400px;}
td.a-2 {		width: 5%;	height: auto;	vertical-align: top;	margin:0; padding:0; background:none;}
img.a-2 { 		width: 5%;	height: 400px;}
td.a-3 {		width: 5%;	height: auto;	vertical-align: top;	margin:0; padding:0; background:none;}
img.a-3 { 		width: 5%;	height: 400px;}


div.hg-nav {  	display:none;}

/*-- menue 1
_________________________  HTML > CSS; [&copy; by elf42]    */

#nav { 			display:none;}


/*--  ueberschriften
_________________________  HTML > CSS; [&copy; by elf42]    */
h1 { clear:both; margin: 0px 0px 15px 0px; padding: 5px 0px 3px 0px; color: rgb(0,0,0); font-size: 12px; font-weight: bold; text-align:left; background:none; }

h2 { margin: 0px 0px 3px 0px; padding: 5px 0px 3px 0px; color: rgb(0,0,0); font-size: 12px; font-weight: bold; text-align:left; background:none; }

#content-re h2 { margin: 0px 0px 3px 0px; padding: 5px 0px 3px 0px; color: rgb(0,0,0); font-size: 12px; font-weight: bold; text-align:left; background:none; }

h3 { margin: 0px 0px 8px 0px; padding: 5px 0px 3px 0px; color: rgb(0,0,0); font-size: 12px; font-weight: bold; text-align:left; background:none; }


h4 { margin: 5px 0px 10px 0px;	padding: 0px 0px 0px 0px;	color: rgb(150,150,150);	font-size: 9px;	font-style: normal;	text-decoration: none; font-weight:500; }

h4.center {	text-align:center;}

h5 { clear:both; position:relative; margin: 0px 0px 3px 0px; padding: 5px 0px 3px 0px; color: rgb(100,100,100); font-size: 12px; font-weight: normal; border-bottom: 1px solid rgb(100,100,100); }

h6 { clear:both; position:relative; margin: 0px 0px 3px 0px; padding: 5px 0px 3px 0px; color: rgb(0,0,0); font-size: 12px; font-weight: normal; border-bottom: 1px solid rgb(100,100,100); }


span.xs { float: right; vertical-align:top;}


/*--  txt hervorhebung
_________________________  HTML > CSS; [&copy; by elf42]    */

.txt {	 		font-weight:bold;	color: rgb(0,0,0);}

.xs  {	color: rgb(150,150,150); font-size: 9px; font-style: normal; text-decoration: none; font-weight:500;}


/*-- links
_________________________  HTML > CSS; [&copy; by elf42]    */

a {	outline:none;}

a:link {	color: rgb(150,150,150);	text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(200,200,200); }
a:visited {	color: rgb(150,150,150);		text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(200,200,200);}
a:hover {	color: rgb(150,150,150);		text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(200,200,200);}
a:active {	color: rgb(150,150,150);		text-decoration:none; padding:0px 2px 0px 2px; border-bottom:1px solid rgb(200,200,200);}
a.txt {		font-weight: bold;}


a.linkohne { border: none; text-decoration:none; background:none;}


/*--  hoch + info
_________________________  */

.hoch {			display:none;}

/*--     */
.info {			width: 100%; 	line-height: 18px;				margin: 20px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-info.gif) no-repeat right;	text-align: right;	position:relative;	float:left;	clear:both;}
.info a {		color: rgb(150,150,150);	font-size:10px; 	margin: 0px 13px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration:none; }


/*--  weiter, zurueck, zur uebersicht
_________________________  */

.weiter {			display:none;}
.weiter a {			display:none;}


.zurueck {			display:none;}
.zurueck a {		display:none;}


.uebersicht {		display:none;}
.uebersicht a {		display:none;}


/*-- images
_________________________  HTML > CSS; [&copy; by elf42]    */

/*img.menue { margin: 10px 0px 0px 0px;}*/

#content-mi img {			border:none; width:100%; height:100%;}
#content-mi img.border0 {	border: none;}

#content-re img { 			border:none;}
#content-re img.border0 {	border: none;}

img.center {  display: block;   margin-left: auto;   margin-right: auto; }



/*--  abstaende
_________________________  HTML > CSS; [&copy; by elf42]    */

.abi  {	display:none;}

.a5 { height:5px; width:100px;clear:both;}
.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 {	height:30px; width:100px;clear:both;}
.a40 {	height:40px; width:100px;clear:both;}
.a50 {	height:50px; width:100px;clear:both;}
.a60 {	height:60px; width:100px;clear:both;}
.a70 {	height:70px; width:100px;clear:both;}
.a80 {	height:80px; width:100px;clear:both;}
.a90 {	height:90px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}
.a200 {	height:200px; width:100px;clear:both;}
.a300 {	height:300px; width:100px;clear:both;}
.a400 {	height:400px; width:100px;clear:both;}
.a500 {	height:500px; width:100px;clear:both;}
.a1000 {	height:1000px; width:100px;clear:both;}


/*--  floats 
_________________________  HTML > CSS; [&copy; by elf42]    */

td#content-mi div.bi-fl {	position:relative; float:left;    	clear:left; 	width:49%; margin:0px 0px 0px 0px; padding:0; text-align:center;}
td#content-mi div.bi-fr {	position:relative; float:right; 	clear:right;	width:49%; margin:0px 0px 0px 0px; padding:0; text-align:center;}

td#content-mi div.bi-fl img {	width:100%; height: 100%;}
td#content-mi div.bi-fr img {	width:100%; height: 100%;}

td#content-mi img { width:100%;}

td#content-mi div#bi-fl {	position:relative; float:left;    	clear:left; 	width:49%; margin:0px 0px 0px 0px; padding:0; text-align:center;}
td#content-mi div#bi-fr {	position:relative; float:right; 	clear:right;	width:49%; margin:0px 0px 0px 0px; padding:0; text-align:center;}

td#content-mi div#bi-fl img {	width:100%; height: 100%;}
td#content-mi div#bi-fr img {	width:100%; height: 100%;}

div.fl {	position:relative; float:left;		 clear:left; 	width:45%; margin:0px 0px 0px 0px; padding:0; display:block;}
div.fr {	position:relative; float:right; 	clear:right; 	width:45%; margin:0px 0px 0px 0px; padding:0; display:block;}

div#fl {	position:relative; float:left;		clear:left; 	width:45%; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fr {	position:relative; float:right; 	clear:right; 	width:45%; margin:0px 0px 0px 0px; padding:0; display:block;}

.fl {	float:left; margin:0px 20px 20px 10px; padding:0;}
.fr {	float:right; margin:0px 10px 20px 20px; padding:0;}



div#bi-fl-150 {	position:relative; float:left;    	clear:left; 	width:30%; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr-150 {	position:relative; float:right; 	clear:right;	width:30%; margin:0px 0px 0px 0px; padding:0; text-align:center;}

div#bi-fl-150 img {	width:100%; height: 100%;}
div#bi-fr-150 img {	width:100%; height: 100%;}

div#fr-350 {	position:relative; float:right; 	clear:right; 	width:60%; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fl-350 {	position:relative; float:left;		clear:left; 	width:60%; margin:0px 0px 0px 0px; padding:0; display:block;}

div#fr-350 img {	width:100%; height: 100%;}
div#fl-350 img {	width:100%; height: 100%;}




/*--  kleine bilder
_________________________  elf42    */


div.kl-bilder {		width: 100%; 	margin: 0px 0px 0px 0px;}

div.kl-bilder-li {		position:relative;	width: 32%; 	margin: 0px 0px 0px 0px; 	text-align: left; display:block; float:left;}
div.kl-bilder-mi {		position:relative;	width: 32%; 	margin: 0px 0px 0px 0px; 	text-align: center; display:block; float:left;}
div.kl-bilder-re {		position:relative;	width: 32%; 	margin: 0px 0px 0px 0px; 	text-align: right; display:block; float:left;}


#kl-bilder {	position:relative; float:left; 	width:30%;  margin:0px 5px 0px 5px; padding:0; text-align:center;  }

#kl-bilder img { width:100%; height: 100%;	}

/*--  kontakt 
_________________________  elf42    */

div.li-150 {	position:relative; float:left; 		clear:left;		width: 30%; 	margin: 20px 0px 20px 0px; 	text-align: right;}
div.re-350 {	position:relative; float:right; 	clear:right;	width: 60%; 	margin: 20px 0px 20px 0px; 	text-align: left;}

div.li-150 img {	width:100%; height: 100%;}
div.re-350 img {	width:100%; height: 100%;}

div.li-200 {	position:relative; float:left; 		clear:left;		width: 35%; 	margin: 20px 0px 20px 0px; 	text-align: right;}
div.re-300 {	position:relative; float:right; 	clear:right;	width: 55%; 	margin: 20px 0px 20px 0px; 	text-align: left;}

div.li-200 img  {	width:100%; height: 100%;}
div.re-300 img  {	width:100%; height: 100%;}

div#li-200 {	position:relative; float:left; 		clear:left;		width: 55%; 	margin: 0px 0px 20px 0px; 	text-align: right;}
div#re-300 {	position:relative; float:right; 	clear:right;	width: 35%; 	margin: 0px 0px 20px 0px; 	text-align: left;}

div#li-200 img  {	width:100%; height: 100%; }
div#re-300 img  {	width:100%; height: 100%;}

div#li-300 {	position:relative; float:left; 		clear:left;		width: 35%; 	margin: 0px 0px 20px 0px; 	text-align: right;}
div#re-200 {	position:relative; float:right; 	clear:right;	width: 55%; 	margin: 0px 0px 20px 0px; 	text-align: left;}

div#li-300 img {	width:100%; height: 100%;}
div#re-200 img {	width:100%; height: 100%;}

/*--  chronik  
_________________________  elf42    */

#hg div.datum {			float:left;	width:30%; margin:0; padding:5px 10px 0px 0px; 		text-align:right;	border: 0px;		font-weight:bold;}
#hg div.ereignis {		float:left;	width:60%; margin:0; padding:5px 10px 5px 10px; 	text-align:left; 		border-left: 1px solid rgb(200,200,200);}

#hg div.datum img {		width:100%; height: 100%;}
#hg div.ereignis img {	width:100%; height: 100%;}

/*--  referenz modul
_________________________  elf42    */

div.li-140 {		position:relative; float:left; 		clear:left;		width: 30%; 	margin: 0px 0px 0px 0px; 	text-align: right;}
div.re-360 {	position:relative; float:right; 	clear:right;	width: 60%; 	margin: 0px 0px 0px 0px; 	text-align: left;}


/*--  kontaktformular 
_________________________  elf42    */

#zeile  {		width:100%; 	height:auto; margin:0; padding:0;}

div.li200 {		position:relative; float:left; clear:left;		width: 35%; height:16px; 	margin:5px 0px 5px 0px; 	text-align: right;}
div.re300 {		position:relative; float:right; clear:right;	width: 55%; height:16px; 	margin:5px 0px 5px 0px; 	text-align: left; vertical-align: middle;}

div.re30 {		position:relative; float:left;	clear: left; width: 10%; height:16px; margin:5px 0px 5px 0px; 	text-align: left; vertical-align: middle;}
div.re270 {		position:relative; float:left;	clear: left; width: 70%; height:16px; margin:5px 0px 5px 0px; 	text-align: left; vertical-align: middle;}

div.zeile-mitteilung  {		width:100%; height:auto;	margin:0px; padding:0px;}
div.re300-mitteilung {		position:relative; float:left; clear:left;	width: 40%; height:auto; 	margin:5px 0px 5px 0px; 	text-align: left;}

.box-gr {	width: 240px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255); color: rgb(82,82,82); padding: 1px 0px 0px 3px;
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(0,0,0) rgb(200,200,200);}
			
.box-m {	width: 174px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255); color: rgb(82,82,82); padding: 1px 0px 0px 3px;	
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(0,0,0) rgb(200,200,200);}
			
.box-kl {	width: 57px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255); color: rgb(82,82,82); padding: 1px 0px 0px 3px;
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(0,0,0) rgb(200,200,200);}
			
.box-xs {	width: 75px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255); color: rgb(82,82,82); padding: 1px 0px 0px 3px;
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(0,0,0) rgb(200,200,200);}
			
.box-txt {	width: 500px; height: 150px; vertical-align: bottom; background-color: rgb(255,255,255); color: rgb(82,82,82); padding: 1px 3px 0px 3px;
			border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(0,0,0) rgb(200,200,200);}
			
.checkbox {	width: 15px; height: 14px; vertical-align: bottom; font-size: 10px; color: rgb(82,82,82);}


.button  {  display:none;}





/*-- sitemap
_________________________  elf42    */
#sitemap-u ul { 		width:500px; display: block;  margin:0px 0px 0px 10px; padding:0; }
#sitemap-u li { 			list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;  margin:0px 0px 0px 0px; padding:0;	display: block;	background: none; }

#sitemap-u1 ul { 	width:450px; display: block; margin:7px 0px 0px 60px; padding:0; }
#sitemap-u1 li { 		list-style:none;	line-height:20px;  font-weight: bold;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u2 ul { 	width:400px; display: block; margin:0px 0px 0px 110px; padding:0; }
#sitemap-u2 li { 		list-style:none;	line-height:20px;  font-weight: normal;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u3 ul { 	width:350px; display: block; margin:0px 0px 7px 160px; padding:0; }
#sitemap-u3 li { 		list-style:none;	line-height:20px;  font-weight: normal;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }

/*-- impressum, webdesign
_________________________  elf42    */

body#impressum a.webdesign { 				color: rgb(0,0,0); font-size: 9px;	font-style: normal;	text-decoration: none;	 font-weight:500;	border: none; background:none; cursor: auto;}
body#webdesign a {							color: rgb(0,0,0); text-decoration: none; background:none;	border: none;}

/*--  abschluss
_________________________  HTML > CSS; [&copy; by elf42]    */

#abschluss {			display: none;}


/*--  abschluss
_________________________  elf42   */

#elf42 { 			display:none;}





