/****** Allgemeingueltige Definitionen ************************/

body.einfach
 {
  background-color: #fafafa;
  color: #000000;
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 100.01%;	
 } 



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

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

body.einfach .strukturanzeiger { display: none; }
body.einfach .strukturanzeiger_ueberschrift 
 {
  border-bottom: 5px double #7799d5;
  margin: 50px 0px 5px 0px;
  padding: 10px;
  color: #000000;  
  font-size: 1.2em;
 }









/*******************************************************************************
################################################################################
 Start: Layoutdefinition 
################################################################################ 
*******************************************************************************/

/* Kopfbereich */
body.einfach #kopf_container
 {
  background: #7799d5;
  padding: 20px 20px 20px 20px;
  border-bottom: 1px solid #447799;
 } 
       
    body.einfach #kopf_unten  
    {     
     clear: both;
    } 
 
 
 
/* Koerperbereich */ 

body.einfach #koerper_container
 {
  clear: both;
  padding: 20px;
 } 



body.einfach #seitenmenue
 { 
  font-size: 0.8em;
  margin: 20px 0px 0px 10px;
 } 
 
 
 
/* Koerper-Rechts (eigentlicher Inhaltsbereich) */ 
body.einfach #koeper_inhalt
 {
  margin: 10px 10px 0px 0px;
  padding: 10px;
 }
 
 

body.einfach #koerper_container_fuss {  display: none; }
/*******************************************************************************
################################################################################
 Ende: Layoutdefinition 
################################################################################
*******************************************************************************/
 

 
 
 

 
 
 
 
 
 
 
 
 
/*******************************************************************************
################################################################################
 Start: Elemente im Kopfbereich 
################################################################################ 
*******************************************************************************/ 
 
 
 /****** Allgemeingueltige (in Kopf) Elemente und Klassen *****/
body.einfach #kopf_container a {         color: #ffdd00; background-color: #000000; text-decoration: none; font-weight: bold; }
body.einfach #kopf_container a:link {    color: #ffdd00; background-color: #000000; text-decoration: none;  }
body.einfach #kopf_container a:visited { color: #ffdd00; background-color: #000000; text-decoration: none; }
body.einfach #kopf_container a:focus {   color: #000000; background-color: #ffdd00; text-decoration: underline; border: 1px solid #000000; }
body.einfach #kopf_container a:hover {   color: #000000; background-color: #ffdd00; text-decoration: underline; border: 1px solid #000000; }
body.einfach #kopf_container a:active {  color: #000000; background-color: #ffdd00; text-decoration: underline; border: 1px solid #000000; }






/****** Das Metamenue *****************************************/ 
body.einfach #metamenue
 {
  text-align: right;
  list-style: none;
  margin: 20px 0px 20px 0px;  
 }
 
body.einfach #metamenue li 
 {
  display: inline;
 } 

body.einfach #metamenue a
 {
  width: 6em;
  float: left;
  font-weight: bold;
  font-size: 0.8em;	
  border: 1px solid #ffdd00;
  padding: 9px;
  margin: 5px 5px 0px 0px;
  text-align: center;
 }

body.einfach #metamenue a.ausgewaehlterMetamenuepunkt { background-color: #ffdd00; color: #000000; border: 1px solid #000000; } 





/****** Das Hauptmenue ****************************************/
body.einfach ul#hauptmenue
 {
  clear: both;
  list-style: none;
  padding: 20px 0px 0px 0px;
 } 
body.einfach ul#hauptmenue li 
 {
  font-size: 0.8em;
  display: inline; 
 } 

body.einfach #hauptmenue li a
 {
  width: 6.5em;
  display: block;
  float: left;
  border: 1px solid #ffdd00;
  padding: 8px 8px 8px 8px;
  margin: 5px 5px 0px 0px;
  text-align: center;   
 } 
 
body.einfach #hauptmenue li a.ausgewaehlterHauptmenuepunkt { background-color: #ffdd00; color: #000000; border: 1px solid #000000; } 

/*******************************************************************************
################################################################################
 Ende: Elemente im Kopfbereich 
################################################################################ 
*******************************************************************************/ 
 

 
 




 
 



/*******************************************************************************
################################################################################
 Start: Elemente im Koerperbereich 
################################################################################ 
*******************************************************************************/  


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




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

body.einfach #koerper_container a {         color: #006699; text-decoration: none; font-weight: bold; } 
body.einfach #koerper_container a:link {    color: #006699; text-decoration: none;  }
body.einfach #koerper_container a:visited { color: #006699; text-decoration: none; }
body.einfach #koerper_container a:focus {   color: #000000; text-decoration: underline; background-color: #ffdd00; border: 1px solid #000000; }
body.einfach #koerper_container a:hover {   color: #000000; text-decoration: underline; }
body.einfach #koerper_container a:active {  color: #000000; text-decoration: underline; background-color: #ffdd00; border: 1px solid #000000; } 


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

body.einfach p.hinweismeldung
 {
  border: 2px solid #F4EAE4;  
  padding: 5px;
  background-color: #FAF3F1;  
 }
 
body.einfach p.hinweismeldung strong
 {
  font-weight: bold;
  font-size: 1.1em;
 } 
 
body.einfach div.hinweismeldung
 {
  border: 2px solid #F4EAE4;  
  padding: 5px;
  background-color: #FAF3F1;  
 } 


 
/****** Menue auf der linken Seite **************************/ 
body.einfach #seitenmenue
 { 
  list-style: none;
  list-style-position: outside; 
  border: 0px dotted #dddddd;
  padding: 10px;
 }
 
body.einfach #seitenmenue li 
 {
  padding: 10px 0px 0px 0px;	
 }

body.einfach #seitenmenue li ul 
 {
  list-style: none;	
  list-style-position: outside;
 }
 
body.einfach #seitenmenue .aktuellesMenue
 {
  background-color: #EBEDEF;
  border: 1px solid #D8DBDD;
  padding: 10px;
 }

body.einfach #seitenmenue ul
 {
  list-style: none;
 }

body.einfach #seitenmenue ul li 
 {
  padding: 5px 2px 5px 10px;
  background-color: #EBEDEF;	
 }

body.einfach #seitenmenue a 
 { 
  display: block;
  padding: 2px;
 }





/******* Start: Konfigurator (Schriftgroesse und Stil) ************************/
body.einfach #konfigurator
 {
  margin: 0 auto;
  padding: 0px 0px 4px 0px;
 }

body.einfach #konfigurator fieldset
 {
  border: 1px solid #D8DBDD; 
  padding: 3px 3px 3px 60px;
  font-size: 0.8em;
  background: #EBEDEF;  
 }

 
body.einfach #konfigurator div.konfigurator_eintrag 
 {
  float: left;
  width: 20em;
  margin-top: 5px;
 }
 
body.einfach #konfigurator legend
 {
  color: #444444; 
  font-weight: bold;
  border: 1px double #D8DBDD;
  padding: 2px;  
  margin: 0px 0px 5px 0px;
  background: #EBEDEF;
 } 

body.einfach #konfigurator label
 {
  float: left;
  width: 10em;
  color: #666666; 
  text-align: right;
  margin: 0px 6px 0px 0px;
   
 }

body.einfach #konfigurator select:hover { color: #000000; background-color: #ffcc00; border: 1px solid #000000; }  
body.einfach #konfigurator select:focus { color: #000000; background-color: #ffcc00; border: 1px solid #000000; } 
body.einfach #konfigurator select
 { 
  float: left;
  border: 1px solid #dddddd;
  width: 36em;
  width: 9em;
  margin: 0px 0px 0px 0px;
  color: #666666; 
  background-color: #F4F5F2; 
  font-size: 1em;
  font-weight: bold;
 }
/******* Ende: Konfigurator (Schriftgroesse und Stil) *************************/ 
 


 
 
/****** Inhalte in der Mitte (rechte Seite) *******************/
body.einfach #pfad 
 {
  clear: both;
  padding: 10px;
  margin: 40px 0px 40px 0px;
  text-align: left;
  border: 0px solid #dddddd;
  font-weight: bold;
  font-size: 0.9em;
 } 
 
body.einfach #pfad strong
 {
  font-weight: normal;
  text-decoration: none;
 } 

 
 
 
 
body.einfach #koeper_inhalt h3.startseiten_banner
 {
  background-color: #fafafa !important;
  border: 0 !important;
  font-family: serif;
 }

body.einfach #koeper_inhalt h3.startseiten_banner img {   border: 0px solid #000000; } 
 
body.einfach #koeper_inhalt h3
 {
  font-size: 1.2em;
  margin: 20px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #000000;
  background-color: #7799d5;
  text-align: center;
 }
 
body.einfach #koeper_inhalt h4
 {
  font-size: 1em;
  margin: 25px 0px 12px 0px;
  padding-bottom: 5px;
  color: #6699CC;
  border-bottom: 1px dotted #6699CC; 
 } 

body.einfach #koeper_inhalt h5
 {
  font-size: 0.8em;
  margin: 10px 0px 10px 0px;
  color: #000000;  
 }  


body.einfach #koeper_inhalt table 
 {
  border: 0;
  margin: 15px auto;
 }

body.einfach #koeper_inhalt table.tabelle_kleine_schrift td { font-size: 0.8em; }
body.einfach #koeper_inhalt table.tabelle_kleine_schrift th { font-size: 0.8em; }
 
body.einfach #koeper_inhalt table th
 {
  font-size: 0.8em;
  font-weight: bold;
  padding: 4px;
  color: #006A9F;  
  border: 1px solid #D8DBDD;
  background-color: #EBEDEF;   
  vertical-align: top;
 }


 
body.einfach #koeper_inhalt table th span.th_untertitel
 {
  font-size: 0.9em;
 } 

 
body.einfach #koeper_inhalt table tr.zeilenmarkierung
 {
  background-color: #F3F1E9;
 } 
  
body.einfach #koeper_inhalt table td
 {
  font-size: 0.8em;
  padding: 2px;
  border: 1px solid #D8DBDD;
 } 

body.einfach #koeper_inhalt ul, ol
 {
  font-size: 0.9em;
  margin: 10px 0px 5px 30px;
 } 
 
body.einfach #koeper_inhalt p 
 {
  font-size: 0.9em;
  margin: 10px 0px 10px 0px;
 }

body.einfach #koeper_inhalt p.flussBox
 {
  float: left;
  width: 11em;
  margin-right: 20px;
 }
 
body.einfach #koeper_inhalt ul
 {
  font-size: 0.9em;
  margin: 10px 0px 10px 30px;
 } 
 
body.einfach #koeper_inhalt p.fussnote /* z. B. auf der Startseite Letzte Aend... */
 {
  font-size: 0.7em;
  margin: 20px 0px 20px 0px;
  color: #7392C5;  
 }
 
body.einfach p#startseitenSpruch
 {
  font-size: 1.6em;
  color: #7799d5;
  font-style: italic;
 }  
 
body.einfach #koeper_inhalt noscript p
 {
  color: #000000; 
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  padding: 5px;  
 }
 
body.einfach #koeper_inhalt ul.fussmenue
 {
  border-top: 2px solid #7799D5;
  margin: 35px 0px 10px 0px !important;
  padding: 20px 0px 0px 0px;
  list-style: none;
  text-align: center;
  font-style: normal !important;
 } 

body.einfach #koeper_inhalt ul.fussmenue li { display: inline; } 
 
body.einfach #koeper_inhalt ul.fussmenue a 
 { 
  color: #7799D5; 
  text-decoration: none;  
  font-size: 0.8em;
  padding: 0px 5px 0px 5px;
  font-weight: bold;
  font-style: normal;
 }
 
body.einfach #koeper_inhalt ul.fussmenue a:focus {   color: #000000; text-decoration: underline; background-color: #ffdd00; border: 1px solid #000000; }
body.einfach #koeper_inhalt ul.fussmenue a:hover {   color: #000000; text-decoration: underline; }
body.einfach #koeper_inhalt ul.fussmenue a:active {  color: #000000; text-decoration: underline; background-color: #ffdd00; border: 1px solid #000000; }  



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

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

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



/***** 2-spaltiger Container mit dyn. Breite ****************/

body.einfach div.zweisp_links_spezial strong { text-decoration: underline; font-weight: normal; }
body.einfach div.zweisp_links_spezial 
 {
  float: left;
  margin-right: 30px;
 }
 
body.einfach div.zweisp_rechts_spezial 
 {
  float: left;
 } 

body.einfach #koeper_inhalt p.bilderrahmen
 {
  border: 0px solid #D8DBDD;
  padding: 3px;
  margin: 5px 0px 5px 0px;
  width: 20em;
 }

body.einfach #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.einfach div.zweispaltiger_container
 {
  margin: 15px 0px 15px 0px;
 }

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

body.einfach div.zweispaltiger_container p 
 {
 }
 
body.einfach div.zweispaltiger_container p span.zweisp_links
 {
  float: left;
  width: 15em;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  padding-left: 15px;
  text-align: left;
  margin-right: 20px;
 } 
 
body.einfach div.zweispaltiger_container p span.zweisp_rechts
 {
  float: left;
  font-size: 0.9em;
 }  

 


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

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

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

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

body.einfach div.formularanzeiger_eintrag strong
 {
  color: #000000;
  font-size: 1em;   
 }
 
body.einfach div.formularanzeiger_eintrag span.formularanzeiger_1sp 
 {
  float: left;
  width: 30em;
  /* border: 1px solid red; */
  text-align: left;

 }

 
body.einfach div.formularanzeiger_eintrag span.formularanzeiger_2sp img { border: 0; }
body.einfach div.formularanzeiger_eintrag span.formularanzeiger_2sp 
 {
  width: 13em;
  float: left;
  text-align: center;
  margin: 0px 5px 0px 5px;
 }

body.einfach div.formularanzeiger_eintrag span.formularanzeiger_3sp img { border: 0; } 
body.einfach div.formularanzeiger_eintrag span.formularanzeiger_3sp 
 {
  float: left;
  width: 13em;
  /* border: 1px dotted #dddddd; */
  text-align: center;
 } 

 
 
 
 
 
/****** Formular fuer den Gebuehrenrechner ******************/ 
body.einfach form#rechner
 {
  margin: 20px auto 40px auto;
  border: 2px solid #D8DBDD;
  background: url(../bilder/hintergrund/gebuehrenrechner.jpg1) top left repeat-y #336699;
  width: 28em;
 } 

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

body.einfach form#rechner fieldset legend
 {
  font-size: 0.7em;
  color: #D8DBDD; /* color: #eeeeee; */
  font-weight: normal;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  margin-left: 0;
  background: #000000;
  border: 1px double #6688bb;
  font-family: Arial, Verdana, sans-serif; 
 }

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

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

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

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


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

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

body.einfach form#rechner div.eingabe_rechts input:focus { background-color: #ffdd00 !important; } 
body.einfach 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.einfach form#rechner fieldset.einspaltig label
 {
  float: left;
  width: 19em;
  padding-right: 2px;
  padding-bottom: 5px;
 } 
 
body.einfach form#rechner fieldset.einspaltig select
 {
  width: 18em;
  float: left;
  font-size: 0.7em;
 } 
 
body.einfach form#rechner fieldset.einspaltig input
 {
  width: 18em;
  float: left;
  font-size: 0.7em;
  margin-bottom: 5px;  
 }  
 
body.standard form#rechner fieldset.funktions_bereich legend
 {
  
 }
 



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