/* ---------------------- Browserabstände einheitlich -------------------------------- */



/* ---------------------- Ränder ---------------------------------------------------- */

body { margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:20px; background-color:#ffff99; }   /* --- gelber Seitenhintergrund --- */

/* ---------------------- Schriftfarbe ---------------------------------------------- */

body,li,p,ol,div,th,blockquote,b,i { color:#111111; }    


    /* hellgrauer Hintergrund u.a. */

.doc 		{ background-color:#EEEEEE; }
.mgrau 	{ background-color:#d0d0d0; } 
.hblau 	{ background-color:#ccffff; } 


/* ---------------------- Schriftfont ----------------------------------------------- */

body,p,ul,ol,li,div,address,blockquote,h4,h5,nobr,i,b
     { font-family:Verdana,Tahoma,Arial,sans-serif; }

h1,h2,h3,h6
     { font-family:Verdana,Tahoma,Arial,sans-serif; }

.arial {font-family:Arial,sans-serif; }

/* ---------------------- Schriftgröße ---------------------------------------------- */

h1 { font-size:30px; font-wight:bold; line-hight:110%; margin-bottom:0px }
h2 { font-size:20px; font-wight:bold; line-hight:110%; margin-bottom:0px }
h3 { font-size:16px; font-wight:bold; line-hight:110%; margin-bottom:0px }
h4 { font-size:12px; font-wight:bold; line-hight:110%; margin-bottom:0px }
h5 { font-size:10px; }


body,p,ol,li,div,td,th,address,nobr,b,i { font-size:9pt; }

/* --- Text normal, Quellen, klein-orange, copyright, td-blau ----- */
 
.text01	{ font-size:12px; margin-left:0px; width:700px; text-align:justify; }  /* --- Text normal --- */
.text02	{ font-size:10px; margin-left:0px; width:600px; text-align:left; } 		 /* --- Text für Listen --- */
.text03	{ font-size:10px; margin-left:0px; width:400px; text-align:justify; }  /* --- Text für Popup --- */
.text04	{ font-size:9px; margin-left:0px; width:400px; text-align:justify; }	 /* --- Text für Fußnoten --- */
.text05	{ font-size:10px; }	 																									 /* --- Text für Navigation --- */
.text06	{ font-size:10px; color:ff8000; } 																		 /* --- Navi bräunlich-orange --- */
.text07	{ font-size:9px; font-weight:bold; }
.text08	{ font-size:12px; font-style:italic; weight:bold; text-align:center; }
.text09 { font-size:10px; color:ff00ff; }  																		 /* --- Kopf im offenen Fenster --- */

.klein     { font-size:8pt; } 
.sehrklein { font-size:7pt; } 


/* ---------------------- Links ----------------------------------------------------- */

 a:link				{ color:#0000ff; text-decoration:none; }
 a:visited		{ color:#bb4411; text-decoration:none; }
 a:focus      { color:#0000ff; text-decoration:none; background-color:#ffccff; }   /* --- violett --- */
 a:hover      { color:#0000ff; text-decoration:none; background-color:#ffccff; }
 a:active			{ color:#ffffff; text-decoration:none; }

/* ---------------------- Tabellen -------------------------------------------------- */

/*
table {
   width: 350px;
   border-collapse: separate;
   background-color: #ccffff;
   font-family: Verdana;
   font-size: 12px; 
   font-style: italic; 
   font-weight: bold;
   text-align: center;
  } 


td {
	background-color: #ccffff;
 	padding: 4px; 
  }
  */
  

.form01 { 
		width: 350px;
   	border-collapse: collapse;
   	background-color: #ccffff;  								/* --- hell-blau --- */
   	font-family: Verdana, Arial, sans-serif;
  	font-size: 12px; 
   	font-style: italic; 
   	font-weight: bold;
   	text-align: center;
	 } 

.form01 td { 
		background-color: #ccffff;
 		padding: 4px;  
 		vertical-align: bottom;
	 } 
	 
	 
	 
.form02 { 
		background-color: #ffffff; 								/* --- weiss --- */
		border-collapse: separate;
   	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px; 
   	font-style: normal; 
   	font-weight: normal;
    empty-cells: hide;
   	text-align: left;	
		border: 1px solid #3e2bD5; 								/* --- dunkel-blau --- */	
	 } 
	 
.form02 caption { 		
		color: #000000;  													/* --- schwarz --- */
		caption-side: top;
		font-style: italic; 
   	font-weight: bold;
  	font-size: 11px; 
  	font-family: Verdana, Arial, sans-serif;   	
   	text-align: left;			 
	 } 

.form02 th { 
		background-color: #ccffff;  						/* --- hell-blau --- */
		border: 1px solid #ff00ff;  						/* --- kräftig violett --- */
		color: #0000ff; 												/* --- kräftig blau --- */
		text-align: center;
	 } 
	 
.form02 td { 		
		background-color: #ccffff;  
		border: 1px dotted #ff00ff; 
		font-family: Verdana, Arial, sans-serif; 
		font-size: 10px; 
		font-weight: normal;
		empty-cells: hide; 
	 } 

 
	 
.form03 {
	  width: 500px;
   	border-collapse: separate;
   	border-spacing: 8px;
   }	
	 
.form03 td {
		width: 50%;
		text-align: justify;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		lang: de;
		vertical-align: top;
	 }	 
	 
    
/* ------------------------ Listen ------------------------------------------------ */ 

ul { width: 600px;		
		margin: 0;
		padding: 0;
   }


li { 
   list-style-type: bullit;
   list-style-position: outside;
	 font-size: 10px; 
	 margin-left: 0px; 
	 text-align: left; 
	 }
	 	 
/* ------------------------ Menü -------------------------------------------------- */ 

 #m1 { position: fixed; top: 40px; left: 40px; width: 55px; hight: 55px; }
 #m2 { position: fixed; top: 98px; left: 40px; width: 55px; hight: 65px; }
 #m3 { position: fixed; top: 166px; left: 40px; width: 55px; hight: 65px; }
 #m4 { position: fixed; top: 234px; left: 40px; width: 55px; hight: 65px; }
 #m5 { position: fixed; top: 302px; left: 40px; width: 55px; hight: 65px; }
 #m6 { position: fixed; top: 370px; left: 40px; width: 55px; hight: 65px; }
 

/* ------------------------ Box --------------------------------------------------- */

.box
 {
 float: left;
 margin-right: 20px;
 width: 200px;
 border: 1px solid #00008B;
 background: #F1EDC2;
 margin-bottom: 15px;
 }

 h6
 {
 padding: 3px 3px 3px 8px;
 background: #00008B;
 color: #fff;
 font-size: 0.9em;
 margin: 0;
 }

 .box p {
 font-size: 0.8em;
 padding: 8px;
 margin: 0;
 } 

/* ---- html-text ---- 

<div class="box">
 <h4>Newsbox</h4>
 <p>
 In diese Newsbox kann man aktuelle Kurznachrichten einfügen und ggf. zu weitergehenden Berichten verlinken. <a href="../0011.php">zurück</a>
 </p>
 </div><!--Ende Box--> */
 
 
 .gradient {
 background: #eee;
 border: 1px solid #DDD;
 background: -moz-linear-gradient(top, #EEE, #FFF);    
 background: -webkit-linear-gradient(top, #eee, #fff);
 background: -ms-linear-gradient(top, #eee, #fff);
 background: -o-linear-gradient(top, #eee, #fff);
 box-shadow: 1px 2px 4px rgba(0,0,0, .2);
 }


/*------------------------- Spalten ----------------------------------------------- 

div {
   width: 490px;
   column-count: 2;
   font-size: 10px;
   text-align:left;
  }
  
  .break01 { break-after: column; }
  .break02 { break-before: column; } */

/* ---------------------- spezielle Schriftkombinationen ---------------------------- */

     /* Schrift für untere Navigation jeder Seite */

span.bot {font-size:7pt; font-weight:bold; font-family:Verdana,Tahoma,Arial,sans-serif; }

     /* nicht-proportionale Schrift */

pre { font-family:Courier New,Courier; font-size:10pt; }

     /* Fließtext */

tt { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; }

     /* Beispielquelltexte (nicht für Netscape 4) */