html *
 {
  margin: 0;
  padding: 0;
 }
 
html { /* height: 100%; */ }

body 
 { 
  /* height: 100%; */ 
  font-family: Arial, Verdana, sans-serif;
  font-size: 100.01%;  
 }





/******************************************************************************/ 
/****** Start: Globale Klassen und Definitionen *******************************/
/******************************************************************************/ 
.unsichtbar { width:0px; height:0px; left:-12000px; top:-12000px; position:absolute; overflow:hidden; display:inline; }

.ohneRand { border: 0; }
.mitRand  { border: 1px solid #dddddd; }

.linksbuendig  { text-align: left !important; }
.rechtsbuendig { text-align: right !important; }
.mittig        { text-align: center !important; }

.beendeFluss { clear: both; }
.beendeLinksFluss { clear: left; }
.beendeRechtsFluss { clear: right; }

.fehlermeldung { color: #CC3300; }
.fehlerliste   { color: #CC3300; }










/******************************************************************************/ 
/****** Start: Grundgeruest ***************************************************/
/******************************************************************************/ 
div#wrapper
 {
  width: 100%;
 }

div#kopf 
 {
  width: 100%;
  background: url(../bilder/cssgrafiken/wrapper.jpg) top repeat-x; 
 }
 
div#kopf_hintergrund
 {
  position: relative;
  /* min-height: 100%; */
  width: 960px;
  margin: 0 auto;
  background: url(../bilder/cssgrafiken/container.jpg) top left no-repeat #02256a;   
 } 
 
div#koerper { background: url(../bilder/cssgrafiken/hauptinhalt.png) top repeat-x #ffffff; }
div#koerper div.inside { width: 960px; margin: 0 auto; padding: 40px 0px 20px 0px; }

div#fuss 
 {
  /*
  position: absolute;
  bottom: 0px;
  height: 50px;
  */
  width: 100%;
  height: 50px;
  background: url(../bilder/cssgrafiken/fuss.jpg) top repeat-x;
 }  
 
 


 
 
 
 



/******************************************************************************/ 
/****** Start: Elemente im Kopfbereich ****************************************/
/******************************************************************************/ 
div#kopf { font-size: 13px; }
 
 
 
/***** Start: Logo ************************************************************/ 
h1#logo 
 {
  position: absolute;
  top: 16px;
  left: 42px;
  width: 190px;
  height: 120px;
 }
 


/***** Start: Spruch **********************************************************/ 
h2#spruch 
 {
  position: absolute;
  top: 56px;
  right: 0px;
  width: 260px;
  height: 35px;
 } 
 
 
 
/***** Start: Merkzettel ******************************************************/ 
p#merkzettel 
 {
  position: absolute;
  top: 253px;
  right: 50px;
  width: 140px;
  height: 108px;
 }  
 
 
 
/***** Start: Themenbild ******************************************************/ 
div#themenbild 
 {
  position: absolute;
  bottom: -12px;
  left: 32px;
  width: 226px;
  height: 400px;
  z-index: 0;
 }
 
 
 
/***** Start: Definition des Schnellmenues ************************************/
ul#schnellmenue 
 { 
  position: absolute; 
  top: 100px;
  left: 700px; 
  list-style: none; 
 } 

ul#schnellmenue li { display: inline; }

ul#schnellmenue a 
 {
  display: block;
  float: left;
  background: #ffffff;
  padding: 2px 7px 2px 7px;
  border-left: 2px solid #eeeeee; 
 } 

ul#schnellmenue a         { color: #8c8c8c; text-decoration: none; } 
ul#schnellmenue a:link    { color: #8c8c8c; text-decoration: none; }
ul#schnellmenue a:visited { color: #8c8c8c; text-decoration: none; }
ul#schnellmenue a:focus   { color: #000000; text-decoration: underline; background: #ffcc33; }
ul#schnellmenue a:hover   { color: #000000; text-decoration: underline; }
ul#schnellmenue a:active  { color: #000000; text-decoration: underline; } 
 
ul#schnellmenue a.first { border: 0; padding-left: 2px; }



/***** Start: Box und Elemente in der Box *************************************/
div#box
 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
  color: #ffffff;
 } 
 
div#box { padding: 330px 0px 0px 0px; } 
div#box div.inside { padding: 20px 290px 20px 240px; }  
 
div#box a         { color: #e7b419; text-decoration: none; } 
div#box a:link    { color: #e7b419; text-decoration: none; }
div#box a:visited { color: #e7b419; text-decoration: none; }
div#box a:focus   { color: #ffcc33; background: #000000; }
div#box a:hover   { color: #ffcc33; text-decoration: underline; }
div#box a:active  { color: #ffcc33; text-decoration: underline; }   
 
div#box h3 { font-size: 19px; font-weight: normal; padding: 0px 20px 20px 20px; }

div#box p { padding: 0px 20px 5px 20px; line-height: 1.3em; text-align: justify; } 

div#box ul { list-style: square; padding: 0px 20px 5px 35px; font-size: 11px; }  



/***** Start: Definition des Hauptmenues **************************************/
div#box ul#hauptmenue 
 { 
  position: absolute; 
  top: 287px;
  left: 192px; 
  list-style: none;
  z-index: 1;  
  padding: 0;
  width: 700px;
 } 

div#box ul#hauptmenue li { display: inline; }

div#box ul#hauptmenue a 
 {
  display: block;
  float: left;
  padding: 0px 7px 0px 7px;
  border-right: 1px solid #31382a; 
  background: red;
  line-height: 30px;
  background: url(../bilder/cssgrafiken/hauptmenuepunkt_inaktiv.jpg) top left no-repeat;
  font-size: 11px;
 } 

div#box ul#hauptmenue a         { color: #ffffff; text-decoration: none; } 
div#box ul#hauptmenue a:link    { color: #ffffff; text-decoration: none; }
div#box ul#hauptmenue a:visited { color: #ffffff; text-decoration: none; }
div#box ul#hauptmenue a:focus   { color: #000000; text-decoration: none; background: #ffcc33; }
div#box ul#hauptmenue a:hover   { color: #ffcc33; text-decoration: none; background: url(../bilder/cssgrafiken/hauptmenuepunkt_aktiv.jpg) top left no-repeat; }
div#box ul#hauptmenue a:active  { color: #ffcc33; text-decoration: none; background: url(../bilder/cssgrafiken/hauptmenuepunkt_aktiv.png) top left no-repeat; } 
 
div#box ul#hauptmenue a.first { border-left: 1px solid #31382a; }
 
 
 
/***** Start: Leistungen Menue (Menue auf der Leistungen-Seite) ***************/ 
div#box ul#leistungen_menue    { padding: 0px 0px 5px 20px; list-style: none; } 
div#box ul#leistungen_menue li { margin: 2px 0px 2px 0px; background: url(../bilder/cssgrafiken/leistungen_pfeil.png) center left no-repeat; padding: 5px 0px 5px 35px; }
div#box ul#leistungen_menue li strong { font-weight: normal; } 
div#box ul#leistungen_menue ul { margin-left: 45px; } 
div#box ul#leistungen_menue ul li { display: block; } 




















/******************************************************************************/ 
/****** Start: Elemente im Koerperbereich *************************************/
/******************************************************************************/ 
div#koerper { font-size: 14px; color: #666666; }

div#koerper a         { text-decoration: none; color: #2878d2; }
div#koerper a:link    { text-decoration: none; color: #2878d2; }
div#koerper a:visited { text-decoration: none; color: #2878d2; }
div#koerper a:focus   { color: #000000; background: #ffcc33;  }
div#koerper a:hover   { color: #000000; text-decoration: underline; }
div#koerper a:active  { color: #000000; text-decoration: underline; }

div#koerper h3 { padding: 0px 0px 5px 0px; font-size: 18px; margin: 0px 0px 15px 0px; font-family: Verdana, Arial, sans-serif; font-weight: normal; border-bottom: 2px dotted #eeeeee;  } 
div#koerper h4 { padding: 0px 0px 10px 0px; font-size: 17px; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: #438710; }  
div#koerper h5 { padding: 0px 0px 5px 0px; font-size: 15px; } 

body.standard div#koerper strong { font-weight: bold; }
 
body.standard div#koerper p { line-height: 1.5em; text-align: justify; padding: 0px 0px 5px 0px; }
 
body.standard div#koerper ul { list-style: square; padding: 0px 0px 5px 25px; } 
body.standard div#koerper ul li { padding: 0px 0px 5px 0px; }

body.standard div#koerper hr { margin: 15px 0px 15px 0px; border: 2px dotted #eeeeee; }

input.eingabefeld:focus { background: #fff8ce; color: #438710; border: 1px solid #69696f; }  
input.eingabefeld       { font-family: Verdana, Arial, sans-serif; font-size: 1em; border: 1px solid #cddae5; color: #2D66A7; padding: 5px; }
     
textarea:focus { background: #fff8ce; color: #438710; border: 1px solid #69696f; }   
textarea       { font-family: Verdana, Arial, sans-serif; font-size: 1em; border: 1px solid #cddae5; color: #2D66A7; padding: 5px; } 
  
input.knopf:focus { color: #000000;  }   
input.knopf:hover { color: #000000;  }   
input.knopf       { font-weight: bold; font-family: Verdana, Arial, sans-serif; color: #666666; font-size: 1em; padding: 5px; }
  


/***** Start: Google-Maps *****************************************************/
div#map_canvas 
 {
  width: 528px; 
  height: 420px;
  border: 1px solid #cddae5;
 }  
 

/***** Start: Akkordeon-Links *************************************************/
div#koerper a.akkordeonLink { font-size: 11px; text-decoration: none; } 
 
 
 
/***** Start: Box0 ************************************************************/ 
div#koerper div.box0 { margin: 0px 310px 0px 260px;  } 
 
 

/***** Start: Box1 (z.B.: Angebote) *******************************************/
div#koerper div.box1 { padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; border-bottom: 3px dotted #eeeeee; }
div#koerper div.box1_oben  { float: right; width: 390px; margin: 0px 310px 0px 0px;  }
div#koerper div.box1_unten { float: left; width: 230px; padding: 55px 0px 0px 0px; }

div#koerper div.box1_oben ul { font-size: 12px; } 
div#koerper div.box1_oben ul ul { list-style: circle; }      
div#koerper div.box1_oben ul.angebotsliste { padding: 2px 2px 2px 20px; background: #fafafa; border: 3px double #eeeeee; list-style: square; }
div#koerper div.box1_oben p { margin: 8px 0px 8px 0px; line-height: 1.2em; } 
 
div#koerper div.box1_unten ul { margin: 0; padding: 0;  }
div#koerper div.box1_unten p { margin: 0; padding: 0; font-size: 11px; }  
div#koerper div.box1_unten p.hinweismeldung { margin: 0; padding: 0; } 
div#koerper div.box1_unten div.angebotszeile { margin: 5px 0px 5px 0px; border: 3px double #eeeeee; padding: 2px; } 
div#koerper div.box1_unten span.angebotszeile_beschreibung { display: block; color: #52872b; } 
div#koerper div.box1_unten span.angebotszeile_beschreibung_zusatz { display: block; text-align: justify; font-size: 11px; } 
div#koerper div.box1_unten span.angebotszeile_preis { color: #666666;  }
div#koerper div.box1_unten span.angebotszeile_preis strong { font-size: 20px; color: #666666;  } 



/***** Start: Box2 (z.B.:Referenzen) ******************************************/ 
div#koerper div.box2 { padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; border-bottom: 3px dotted #eeeeee;} 

div#koerper div.box2 h4 { margin: 0px 310px 0px 260px; } 
div#koerper div.box2 a.weiterlesenlink { display: block; margin: 15px 0px 5px 15px; background: url(../bilder/cssgrafiken/weiterlesen_link.jpg) center left no-repeat; padding: 5px 0px 18px 25px; font-size: 12px; } 
 
div#koerper div.box2_oben  { float: right; width: 365px; margin: 10px 310px 0px 0px; padding: 0px 0px 0px 20px; background: url(../bilder/cssgrafiken/referenzen_kaestchen.jpg) 0px 15px no-repeat; } 
div#koerper div.box2_unten { float: left; width: 260px; padding: 25px 0px 0px 0px; }  
 
div#koerper div.box2_oben a  { }
div#koerper div.box2_oben ul { margin: 10px 0px 10px 30px; list-style: square; } 
div#koerper div.box2_oben p  { line-height: 1.2em; } 

div#koerper div.box2_unten ul { margin: 0; padding: 0; font-size: 12px; }
div#koerper div.box2_unten p  { margin: 0; padding: 0; font-size: 12px; } 



/***** Start: Box 3 (z.B.: Impressum) *****************************************/
div#koerper div.box3 { padding: 0px 0px 20px 0px; }
div#koerper div.box3_oben  { float: left; width: 230px;  }
div#koerper div.box3_unten { margin: 0px 310px 0px 260px; }
 
div#koerper div.box3_oben h5 { padding: 5px 0px 0px 0px; margin: 0; font-size: 11px; font-weight: normal; text-align: right; }

div#koerper div.box3_unte p { }



/***** Start: Kontaktformular *************************************************/
form#kontaktformular { /* background: #f1f1f1; border: 1px solid #c9c9c9; */ padding: 5px; width: 530px; margin: 15px 0px 15px 185px; }   
 
form#kontaktformular fieldset { margin: 25px 5px 25px 5px; padding: 5px; border: 1px dotted #cddae5; background: #ffffff; }   
form#kontaktformular fieldset legend { font-weight: bold; padding: 5px; border: 1px solid #cddae5; background-color: #ffffff; color: #438710;  font-size: 0.7em; }   
form#kontaktformular fieldset p { clear: both; margin: 10px 0px 10px 0px; font-size: 12px; }    
form#kontaktformular fieldset p label { float: left; width: 150px; text-align: right; margin-right: 10px; color: #22537E; }   
       
form#kontaktformular input.eingabefeld:focus {  }  
form#kontaktformular input.eingabefeld { width: 270px; }
     
form#kontaktformular textarea:focus { }   
form#kontaktformular textarea { width: 270px; height: 200px; } 
  
form#kontaktformular input.knopf:focus { }   
form#kontaktformular input.knopf:hover { }   
form#kontaktformular input.knopf { width: 270px; }
  
form#kontaktformular p.erklaerung {  } 
form#kontaktformular p.erklaerung strong { font-weight: bold; }    
  
form#kontaktformular span.spruch { display: block; font-size: 15px; font-weight: normal; padding: 10px 5px 10px 5px; margin: 10px 0px 10px 0px; color: #666666; text-align: center; border-top: 1px dotted #eeeeee; } 
form#kontaktformular span.spruch_suchwort { font-weight: bold; color: #22537E; font-size: 18px; } 
   


/***** Start: Seitenmenue am Ende (unten) auf jeder Seite *********************/ 
div#koerper ul#seitenmenue 
 {
  clear: both;
  list-style-type: square;  
  border-top: 0px dotted #f5f5f5;
  text-align: center;
  margin: 20px 310px 5px 270px;
  font-size: 12px;
  padding: 0;
 }
 
div#koerper ul#seitenmenue li { display: inline; }
 
div#koerper ul#seitenmenue a
 {
  padding: 5px 5px 5px 5px;
  width: 12em;
  text-decoration: none;
  color: #8c8c8c;
  text-align: center;
  margin-right: 5px;
 } 
 
div#koerper ul#seitenmenue a:link    { color: #8c8c8c; }
div#koerper ul#seitenmenue a:visited { color: #8c8c8c; }
div#koerper ul#seitenmenue a:focus   { color: #000000; background: #ffcc33;  }
div#koerper ul#seitenmenue a:hover   { color: #000000; text-decoration: underline; border-color: #dddddd; }
div#koerper ul#seitenmenue a:active  { color: #000000; text-decoration: underline; border-color: #dddddd; }  
  
div#koerper ul#seitenmenue a.seitenmenue_impressum { background: url(../bilder/cssgrafiken/seitenmenue_impressum.jpg) center left no-repeat; padding-left: 17px; } 
div#koerper ul#seitenmenue a.seitenmenue_kontakt   { background: url(../bilder/cssgrafiken/seitenmenue_kontakt.jpg) center left no-repeat; padding-left: 15px; } 
div#koerper ul#seitenmenue a.seitenmenue_drucken   { background: url(../bilder/cssgrafiken/seitenmenue_drucker.jpg) center left no-repeat; padding-left: 20px; } 



/***** Start: Fusstext (ganz unten) auf jeder Seite ***************************/ 
div#koerper p#fusstext
 {
  clear: both;
  color: #cccccc;
  text-align: center;
  border-top: 3px dotted #f5f5f5;
  font-size: 11px;
  margin: 35px 310px 5px 270px;  
 }