/****** Allgemeingueltige Definitionen ************************/
html * 
 {
  margin: 0;
  padding: 0;	
 }
 
body
 {
  background-color: #ffffff;
  color: #000000;
  font-family: Times, Times New Roman, serif;
  font-size: 100%;	
  width: 95%;
 } 


 

/****** Allgemeingueltige Klassen-Definitionen ****************/
body .unsichtbar { display: none; }

body .linksFluss { float: left; }
body .rechtsFluss { float: right; }
body .beendeLinksFluss { clear: left; }
body .beendeRechtsFluss { clear: right; }
body .beendeFluss { clear: both; }

body .strukturanzeiger { display: none; }
body .strukturanzeiger_ueberschrift { display: none; }





/****** Layoutdefintion und Kopfbereich ***************************************/

/* Kopfbereich */
body #kopf_container
 {
  width: 95%;
  margin: 0pt 0pt 30pt 0pt;
  text-align: center; /* IE 5.5-Fix */
 } 
    
    body #kopf_oben
    {
     text-align: left; /* IE 5.5-Fix */
    } 

    body #kopf_oben a { color: #330099; text-decoration: none; }
    
        body #kopf_oben a:link { color: #330099; text-decoration: none;  }
        body #kopf_oben a:visited { color: #330099; text-decoration: none; }
        body #kopf_oben a:focus { color: #330099; text-decoration: underline; }
        body #kopf_oben a:hover { color: #330099; text-decoration: underline; }
        body #kopf_oben a:active { color: #330099; text-decoration: underline; } 
     
        body #kopf_ueberschriftbild {  border: 1pt solid #000000; }
   
    body #kopf_mitte { display: none; }
  
    body #kopf_unten  { display: none; }
 
 
 
 
 
/* Koerperbereich */ 
body #koerper_container_kopf { display: none; }

body #koerper_container
 {
  text-align: left; /* IE 5.5-Fix */
 } 

/****** Das Metamenue *****************************************/ 
body #metamenue { display: none; }
 
/****** Das Hauptmenue ****************************************/
body ul#hauptmenue { display: none; }
 
/* Koerper-Rechts (eigentlicher Inhaltsbereich) */ 
body #koeper_inhalt
 {
  margin: 10pt 0pt;
  padding: 5pt;
 }
  
body #koerper_container_fuss { display: none; }
 
 







/***** Ausrichtungen ****************************************/
body .mittig { text-align: center; }
body .rechtsbuendig { text-align: right; }
body .linksbuendig { text-align: left; }
body .abschlussgleich { text-align: justify; }




/***** Schriftformatierungen ********************************/
body .fett { font-weight: bold !important;}
body .sehrGross { font-size: 1.2em !important; }
body .sehrKlein { font-size: 0.7em !important; }

body #koeper_inhalt a { color: #330099; text-decoration: none; } 
body #koeper_inhalt a:link { color: #330099; text-decoration: none;  }
body #koeper_inhalt a:visited { color: #330099; text-decoration: none; }
body #koeper_inhalt a:focus { color: #330099; text-decoration: underline; }
body #koeper_inhalt a:hover { color: #330099; text-decoration: underline; }
body #koeper_inhalt a:active { color: #330099; text-decoration: underline; } 


/***** Sonstiges ********************************************/
body img.ohneRand { border: 0; } 
body img.mitRand  { border: 1px solid #dddddd; }
body img.mitRandDunkel  { border: 1px solid #000000; }
body img.mitAbstand { margin: 5pt; }

body p.hinweismeldung
 {
  border: 1px solid #333333;
  padding: 5px;
 }
 
body p.hinweismeldung strong
 {
  font-weight: bold;
  font-size: 1.1em;
 } 

 
/****** Start: Menue auf der linken Seite *************************************/ 
body #seitenmenue { display: none; }
/****** Ende: Menue auf der linken Seite **************************************/ 



/****** Start: Pfadleiste (Brotkruemelnavigatin) ******************************/
body #pfad 
 {
  color: #333333; 
  padding: 5px;
  margin: 0pt 0pt 8pt 0pt;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
 } 
 
body #pfad strong
 {
  font-weight: normal;
  text-decoration: none;
  color: #000000;
 } 

body #pfad a:link { color: #330099; text-decoration: none;  }
body #pfad a:visited { color: #330099; text-decoration: none; }
body #pfad a:focus { color: #330099; text-decoration: underline; }
body #pfad a:hover { color: #330099; text-decoration: underline; }
body #pfad a:active { color: #330099; text-decoration: underline; } 
/****** Ende: Pfadleiste (Brotkruemelnavigatin) *******************************/




/******* Start: Konfigurator (Schriftgroesse und Stil) ************************/
body #konfigurator { display: none; }
/******* Ende: Konfigurator (Schriftgroesse und Stil) *************************/ 


 
 
/***** Start: Elemente im Koerperbereich **************************************/ 
body #koeper_inhalt h3.startseiten_banner
 {
  border: 0 !important;
  margin: 20pt 0pt 20pt 0pt;
 }
body #koeper_inhalt h3
 {
  clear: both;
  font-size: 1.2em;
  margin: 10pt 0pt 10pt 0pt;
  font-family: Tahoma, Helvetica, sans-serif; /*Verdana, sans-serif; */
  color: #336699;
  font-style: normal;
  padding: 7pt;
  text-align: center;
 }
 
body #koeper_inhalt h4
 {
  font-size: 1em;
  margin: 25pt 0pt 12pt 0pt;
  padding-bottom: 5pt;
  font-family: Tahoma, Helvetica, sans-serif;  
  color: #003366;
  border-bottom: 1px dotted #006A9F; 
 } 

body #koeper_inhalt h5
 {
  font-size: 0.8em;
  margin: 10pt 0pt 10pt 0pt;
  font-family: Tahoma, Helvetica, sans-serif;  
  color: #000000; 
 }  

body #koeper_inhalt table 
 {
  border: 0;
  margin: 15pt auto;
 }

body #koeper_inhalt table.tabelle_kleine_schrift td { font-size: 0.7em; }
body #koeper_inhalt table.tabelle_kleine_schrift th { font-size: 0.7em; }
 
body #koeper_inhalt table th
 {
  font-size: 0.8em;
  font-weight: bold;
  padding: 4pt;
  color: #000000;  
  border: 1px solid #333333;
  vertical-align: top;
 }
 
body #koeper_inhalt table th span.th_untertitel
 {
  font-size: 0.9em;
 } 
  
body #koeper_inhalt table tr.zeilenmarkierung
 {
  border: 1px solid #000000;
 } 
  
body #koeper_inhalt table td
 {
  font-size: 0.8em;
  padding: 2pt;
  border: 1pt solid #333333;
 } 

body #koeper_inhalt ol
 {
  font-size: 0.9em;
  margin: 10pt 0pt 5pt 30pt;
 } 

body #koeper_inhalt ul
 {
  font-size: 0.9em;
  margin: 10pt 0pt 10pt 30pt;
  font-style: italic;
 } 
 
body #koeper_inhalt ul li
 {
  padding-bottom: 10pt;
 } 
 
body #koeper_inhalt p 
 {
  font-size: 0.9em;
  margin: 10pt 0pt 10pt 0pt;
 }

body #koeper_inhalt p.flussBox
 {
  float: left;
  width: 11em;
  margin-right: 20px;
 }
 
body #koeper_inhalt ul
 {
  font-size: 0.9em;
  margin: 10pt 0pt 10pt 30pt;
  font-style: italic;
 } 
 
body #koeper_inhalt p.fussnote
 {
  font-size: 0.7em;
  color: #666666;
  margin: 20pt 0pt 20pt 0pt;
 }
 
body p#startseitenSpruch
 {
  font-size: 1.6em;
  color: #336699;
  font-style: italic;
 }  
 
body #koeper_inhalt noscript p
 {
  color: #000000;
  font-weight: bold;
  margin: 0pt 0pt 20pt 0pt;
 }
 
body #koeper_inhalt ul.fussmenue { display: none; }
/****** Ende: Elemente im Inhaltsbereiche (rechts) ****************************/




 












/***** Infobox ****************************************************************/
body #koeper_inhalt div.infobox
 {
  margin: 15px 0px 15px 0px; 
  border: 2px solid #F4EAE4;  
  padding: 5px;
  background-color: #FAF3F1;
 }

body #koeper_inhalt div.infobox h5
 {
  font-size: 1em;
  padding: 3px;
  border-bottom: 1px solid #F4EAE4;
 }

body #koeper_inhalt div.infobox p
 {
  font-size: 1em;
 } 
 
body #koeper_inhalt div.infobox p strong
 {
  color: #9f2c37;
  
 } 



/***** 2-spaltiger Container mit dyn. Breite **********************************/
body div.zweispaltiger_container_spezial
  {
   width: 510px;
  }

body div.zweisp_links_spezial strong { text-decoration: underline; font-weight: normal; }
body div.zweisp_links_spezial 
 {
  float: left;
  width: 15em;  
  min-width: 230px;
 }
 
body div.zweisp_rechts_spezial 
 {
  float: left;
  width: 14em;
 } 

body #koeper_inhalt p.bilderrahmen
 {
  border: 0px solid #D8DBDD;
  padding: 2px;
  margin: 5px 0px 5px 0px;
  width: 210px;
 }

body #koeper_inhalt p.bilderrahmen span.bilderrahmen_beschreibung
 {
  background-color: #EBEDEF;
  border: 1px solid #d8dbdd;
  font-size: 0.6em;
  display: block;
  padding: 2px;
 } 

 

 
 
/***** 2-spaltiger Container fuer allg. Inhalte *******************************/
body div.zweispaltiger_container
 {
  margin: 15px 0px 15px 0px;
 }

body div.zweispaltiger_container_eintrag
 {
  border: 0px solid #d8dbdd;
  margin: 10px 0px 5px 0px;
  padding: 5px;
 } 
 
body div.zweispaltiger_container h6
 {
  font-size: 0.8em;
  margin: 4px 0px 5px;
  color: #006A9F;
  padding: 2px;
  border: 1px solid #D8DBDD;
  background-color: #EBEDEF;  
 }

body div.zweispaltiger_container p 
 {
 }
 
body div.zweispaltiger_container p span.zweisp_links
 {
  float: left;
  width: 180px;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  padding-left: 10px;
  text-align: left;
 } 
 
body div.zweispaltiger_container p span.zweisp_rechts
 {
  float: left;
  width: 320px;
   font-size: 0.9em;
 }  

 


 
/***** Container fuer Elemente auf Hilfe-Seite ********************************/ 
body div.hilfe_container
 {
  margin: 15px 0px 15px 0px;
  border: 0px dotted #D8DBDD;
  padding: 5px;
 }
 
body div.hilfe_container strong
 {
  font-weight: normal;
  text-decoration: underline;
 }

body div.hilfe_container strong.fett
  {
   font-weight: bold;
   font-size: 0.9em;
   text-decoration: none;
   }

   
   
   
/****** Uebersicht der Formulare (Download, Bearbeitung) **********************/
body div.formularanzeiger_container
 {
   border: 0px solid #D8DBDD;
   padding: 5px;
 }

body div.formularanzeiger_eintrag:hover { background-color: #F3F1E9; } 
body div.formularanzeiger_eintrag
 {
  border: 1px solid #d8dbdd;
  font-size: 0.8em;
  margin: 10px 0px 10px 0px;
  padding: 5px;
  background-color: #EBEDEF;
  } 

body div.formularanzeiger_eintrag strong
 {
  color: #000000;
 }
 
body div.formularanzeiger_eintrag span.formularanzeiger_1sp 
 {
  /*** float: left; ***/
  /*** width: 350px; ***/
  /* border: 1px solid red; */
  text-align: left;
  
  display: block;
  font-family: 	Verdana, Helvetica, Arial, sans-serif;
  position: relative;
  margin: 0px 0px 8px 0px;
 }
 

body div.formularanzeiger_eintrag span.formularanzeiger_1sp strong { font-size: 1.1em; border-bottom: 1px solid #C0D3E0; } 
 
body div.formularanzeiger_eintrag span.formularanzeiger_2sp img { border: 0; }
body div.formularanzeiger_eintrag span.formularanzeiger_2sp 
 {
  display: block;
  width: 300px;
  float: left;
  /* border: 1px dotted #dddddd; */
  text-align: left;
  margin: 0px 5px 0px 0px;
  padding: 5px;
 }

body div.formularanzeiger_eintrag span.formularanzeiger_3sp img { border: 0; } 
body div.formularanzeiger_eintrag span.formularanzeiger_3sp 
 {
  display: block;
  float: left;
  text-align: left;
  width: 300px;
  /* border: 1px dotted #dddddd; */
  text-align: left;
  padding: 5px;
 } 

 
 
 
 
 
/****** Formular fuer den Gebuehrenrechner ************************************/ 
body form#rechner
 {
  margin: 10px auto;
  border: 1px solid #000000;
  background: url(../bilder/hintergrund/gebuehrenrechner.jpg) top left repeat-y #336699;
  width: 28em;
 } 

body form#rechner a { color: #ffffff; text-decoration: none; font-size: 0.9em; }
body form#rechner a:link { color: #ffffff; text-decoration: none;  }
body form#rechner a:visited { color: #ffffff; text-decoration: none; }
body form#rechner a:focus { color: #000000; text-decoration: underline; }
body form#rechner a:hover { color: #ffffff; text-decoration: underline; }
body form#rechner a:active { color: #000000; text-decoration: underline; } 
 
body form#rechner fieldset { clear: both; } 
 
body form#rechner fieldset.eingabe_bereich
 {
  border: 0;
  border-bottom: 1px dotted #6688AA;
  padding: 5px;
 } 
 
body form#rechner fieldset.funktions_bereich
 {
  border: 0;
  border-bottom: 2px solid #ffffff;
  padding: 15px 5px 10px 5px;
 }  
 
body form#rechner fieldset.ausgabe_bereich
 {
  border: 0;
  padding: 5px;
  color: #ffffff;
 }   

body form#rechner fieldset legend
 {
  font-size: 0.8em;
  color: #eeeeee;
  font-weight: bold;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  background: #000000;
  border: 3px double #235384;
  font-family: Arial, Verdana, sans-serif;
 }

body form#rechner fieldset label
 {
  font-weight: bold;
  font-size: 0.7em;
  color: #eeeeee;
 }

body form#rechner fieldset select:focus { background-color: #ffdd00 !important; } 
body form#rechner fieldset select
 {
  border: 1px solid #000000;
  background-color: #EBEDEF;
  font-weight: bold;
  font-size: 0.7em;  
 } 
 

/* linker Eingabebereich */ 
body form#rechner div.eingabe_links
 {
  float: left;
  width: 26em;
  margin-right: 10px;
  margin-bottom: 10px;
 } 

body form#rechner div.eingabe_links label
 {
  float: left;
  width: 25em;
  padding-right: 5px; 
 }
 
body form#rechner div.eingabe_links select
 {
  float: left;
  width: 10em;
 } 


/* rechter Eingabebereich */ 
body form#rechner div.eingabe_rechts
 {
  float: left;
  width: 24em;  
 }  

body form#rechner div.eingabe_rechts label
 {
  float: left;
  width: 25em;
  padding-right: 5px;
 }

body form#rechner div.eingabe_rechts input:focus { background-color: #ffdd00 !important; } 
body form#rechner div.eingabe_rechts input
 {
  float: left;
  width: 3em;
  background-color: #EBEDEF;
  font-weight: bold;
  font-size: 0.9em;
  border: 1px solid #000000;
 }  
 
 
 
body form#rechner fieldset.einspaltig label
 {
  float: left;
  width: 19em;
  padding-right: 2px;
  padding-bottom: 5px;
 } 
 
body form#rechner fieldset.einspaltig select
 {
  width: 18em;
  float: left;
  font-size: 0.7em;
 } 
 
body form#rechner fieldset.einspaltig input
 {
  width: 18em;
  float: left;
  font-size: 0.7em;
  margin-bottom: 5px;  
 }  
 
body form#rechner fieldset.funktions_bereich legend
 {
  color: #ffffff;
 }
 

 
body form#rechner input.gebuehren_startbutton:hover { background: url(../bilder/hintergrund/startbutton_focus.png) top left repeat-x #000000; color: #ffdd00; border: 1px solid #ffdd00; }
body form#rechner input.gebuehren_startbutton
 {
  border: 1px solid #aaaaaa;
  padding: 5px 2px 5px 2px;
  color: #ffffff;
  font-weight: bold;
  background: url(../bilder/hintergrund/startbutton.png) top left repeat-x #000000;
 }
 
body form#rechner fieldset.ausgabe_bereich label
 {
  float: left;
  width: 19em;
  margin-bottom: 2px;
 } 
 
body form#rechner fieldset.ausgabe_bereich input
 {
  float: left;
  width: 6em;
  margin-bottom: 2px;
  border: 1px solid #000000;  
  font-weight: bold;
  text-align: right;
  padding-right: 2px;
 }  
 
body form#rechner p.hinweismeldung
 {
  background-color: transparent;
  border: 0;
  color: #ffffff;
  font-size: 0.7em;
  font-style: italic;
 }