*{
 padding:0;
 margin:0;
 }

/*--------- Allgemeine Selektoren ------------------------------*/
html {height: 101%;} /* erzwingt Scrollleiste im Firefox */

body {
    background-color: #c3cdb5;
    font-family:verdana;
    font-size: small;
      }

/*-------- Für Firefox 3.0 ausbügeln, der blöde Pixelfehler! -----------------------------------------*/

html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }


/*-------- Für CHROME! -----------------------------------------*/

html* #naviobenbereich ul li { width: 10.13em; }

html* #verlauf {
   width: 214px;
   }



a {text-decoration:none; outline:none;
   color: #9faeb3;
   }
a:hover {
   padding-bottom: 0.1em;
   border-bottom: 1px solid #9faeb3;
   }
 a[href^="mailto"]{
     color: #0000FF;
   }
 a:hover[href^="mailto"]{
     border: none;
     padding-bottom: 0px;
     background: #E0E4FE;
   }
/*--------- Allgemeine Selektoren Ende ------------------------------*/


#wrapper {
   position:relative;
   width: 842px;
   margin: auto;
   background: #FFFFFF url(grafik/rahmen.jpg) repeat-y right;
  }

/*------------------------------------------------------------------------------*/

/*  92a379  rahmen rechts gefloatet hat 2 pix...zieht sich an der rechten Seite lang bis zum Bild im footer */
/* die Seite ist 839...der wrapper wurde auf 841 gesetzt damit der rahmen platz hat */

/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
#kopfbereich {               /* Header */

   background-image:url(grafik/TOP2.jpg);
   width:840px;
   height: 90px;
   }
/*-----------------Kundenbereich-----------------------------------------------------*/
/*um Position zu verändern,top und left im #kundenbereich benutzen. Vorsicht bei Schrift-*/
/*veränderungen, eventuell die Breite von #kundenbereich td vergrößern oder verkleinern-*/
#kundenbereich{
   position:relative;
   top:17%; left:67%;
   width: auto;
   }

#kundenbereich td{
   width:7.6em; height:1.5em;
   text-align:center;
   }

#kundenbereich td.mittel{width:3.8em; padding-left:8px;}
#kundenbereich a{
   color:#fff;
   font-size:70%;
   }
#kundenbereich a:hover,
#kundenbereich a:focus {
   color:#fff;
   font-size:90%;
   border-bottom: none;     /* Aufhebung der a-Formatierung */
   padding-bottom: 0px;     /*Wichtig!!! Nicht wegmachen!!!*/
   }



/*-----------------Kundenbereich Ende-----------------------------------------------------*/

/*------------------------------nAVI_oben---------------------------------------*/

#naviobenbereich{                       /*Liste*/
   margin:0;
   padding-left: 27px;			 /*entfernung vom Rand weg*/
   position:relative;
    }

#naviobenbereich ul li{
   float:left;
   margin:0px;
   list-style:none;
   width: 10.07em;
   }

#naviobenbereich ul li a,
#naviobenbereich strong{                      /*Listenformatierung*/
   margin:0;
   line-height: 28pt;   		/*Für Zellengröße*/
   display: block;
   font-weight: normal;
   text-align: center;			 /*Text zentriert*/
   font-size: 120%;
   background-color: #91a378;
   color: #FFFFFF;
   }

#naviobenbereich ul li a:hover,     /*hovereffekt*/
#naviobenbereich ul li a:focus,
#naviobenbereich strong {
   background: #626c53;
   font-weight: bold;
   color: #FFF;
   border-bottom: none;     /* Aufhebung der a-Formatierung */
   padding-bottom: 0px;     /*Wichtig!!! Nicht wegmachen!!!*/
   }

/*------------------------------Ende nAVI_oben---------------------------------------*/


/*----------------------MOOD BILDER und größenänderung----------*/
#mood{
   clear: both;
   margin: 0px; padding: 0px;
   position:relative;
   width: 840px; height: 118px;
   }



#groessen_change{
   position:relative;
   margin-left: 58.13em;
   width: 4em;
   }
#groessen_change a:focus {border: 1px dotted #91a378;}

/*------------------------------nAVI_links---------------------------------------*/


#navibereich {
   margin-top: 0px;
   float:left;
   margin-left: 27px;			/* Abstand zum linken Rand*/
   width: 16.5em;
   }
#navibereich li{
   margin:0 0 2px 0;      /*Zeilenhöhenabstände*/
   padding:0;
   background-color:#fff;
   list-style:none;}

#navibereich li a,
#navibereich strong,
#navibereich li li a,
#navibereich li li strong{
   margin:0;
   display:block;
   background-color:#91a378;
   color:#fff;
   line-height:25pt;
   font-size: 120%;
   text-align:left;
   padding-left:20px;		      /*Abstand links...zur positionierung*/
   }

#navibereich a:hover,
#navibereich a:focus,
#navibereich strong,
#navibereich li li strong{
   margin:0; padding-left:20px;       /*Abstand links...zur positionierung*/
   background-color:#626c53;
   font-weight:bold;
   border-bottom: none;     /* Aufhebung der a-Formatierung */
   padding-bottom: 0px;     /*Wichtig!!! Nicht wegmachen!!!*/
   }

#navibereich li li{margin-top:0.15em}      /*---für Einrückung des Unterlistenbereiches*/
#navibereich ul ul{padding-left:1.5em;}   /*---Einrückung für Unterlisten*/

#verlauf {
   width: 215px; height:160px;
   background-image: url(grafik/verlauf.jpg);
   }
/*------------------------------NAVI_links ENDE---------------------------------------*/


/*---------------------------------TEXTBEREICH----------------------------------------*/


hr {
   background-color: #9faeb3;
   color: #9faeb3;
   height:2px;
   width: 568px;
   border: 2px;
   }

#textblock{
   margin-left: 3px;
   float:left;
   width:568px;
   height: auto;
   margin-bottom: 10px;    /*Abstand zur Aktualisierung nach unten*/
   }


#textbereich{
   margin-left: -2px;
   margin-right: -2px;
   padding: 0 15px 0 15px;
   }

#fueller {
   font-size: 100%;
   font-weight: bold;
   text-align: center;
   margin-top: 6em;
}

/*---- Extra für Kontaktseite ---------*/

#kontakt #textbereich a{ border-bottom: none;}

/*---- Ende Extra für Kontaktseite-----*/

#liste {
   padding-left: 2em;
   list-style-type: square;
          }

#proliste {
   padding-left: 2em;
   list-style-type: square;
   }

#proliste li { padding-bottom: 1em;}

/*---------Extras für die Unterstreichungen der Links----------------------*/

.linkcolor{color: #9faeb3;}
#partner span.linkcolor,
#news span.linkcolor{color: #9faeb3;}
.newsbord:hover{ border-top: 1px solid #9faeb3;  }

/*---------Ende Extras für die Unterstreichungen der Links----------------------*/

/*-------Listen für Entwicklungsseiten + Beratung---------------------------------*/
#ordnungsliste {
   padding-left: 3em;
   margin: 1em 0;
   }
#ordnungsliste li {
   margin-bottom: 0.5em;
   color: #4e656b;
   }
#mixliste {
   padding-left: 4em;
   padding-top: 1em;
   color: #4e656b;
   }
#mixliste li ul {
   padding-left: 3em;
   }
#mixliste li ul li {
   list-style-type: square;
   padding-left: 0.7em;
   color: #669999;
   }
/*-------Ende Listen für Entwicklungsseiten + Beratung---------------------------------*/


/*-----------Bücherlste und Amazon-Bild-----------------------------------*/
#buecher {float: left; width: 24em; padding: 0; margin: 0; margin-bottom: 2em;}
#buecher li {  list-style-type: none; display: block;}
#buecher a:hover { }
#bild img {float: right; border: none;}
#rechte {clear: both; font-weight: bold; margin-bottom: 1em;}
/*-----------Bücherlste und Amazon-Bild Ende-----------------------------------*/

#links #inhalt10 a{
   color: #0000FF;
   }
#links #inhalt10 a:hover{
    border-bottom: none;
    padding-bottom: 0px;
    background: #E0E4FE;
   }
/*-----------Tabellen-----------------------------------------------------*/
#tabelle,
#tabelle2,
#tabelleinfo,
#linktabelle {
   border-collapse: collapse;
  }
#tabelle td,
#tabelle2 td,
#tabelleinfo td,
#linktabelle td {
   padding: 8px;
   vertical-align: top;
   border: 1px solid  #9faeb3;
   }

#tabelle td.high{ height: 19%; }
#tabelle2 td{width: 80%;}
#tabelle2 td.tabellenfarbe1 {width: 20%;}

/*-----------Extras für Blick-Tabelle-------------*/
#sview #tabelle td{ width: 50%;}
#sview #tabelle td.tabellenfarbe1{ text-align: left;}
#sview #tabelle td.tabellenfarbe1 strong{
   display: block;
   text-align: left;
   }
#sview #tabelle td{ padding: 8px ; text-align:center;}
#sview #tabelle td h2{
   margin: 3px 3px;
   font-family: Verdana;
   font-size: 100%;
   font-weight: normal;
   text-align:center;
   }

#sview #tabelle td a:hover{border-bottom: none;}
#sview #tabelle td h2 a{ color: #4e656b;}
#sview #tabelle td h2 a:hover{border-bottom: 1px solid #4e656b;}

/*-----------Extras für Blick-Tabelle Ende-------------*/

#tabelle th,
#tabelle2 th{
   width: 10%; height: 35px;
   border: 1px solid  #9faeb3;
   }
#tabelle th.mitte,
#tabelle2 th.mitte{width: 45%;}

#tabelle th.rechts,
#tabelle2 th.rechts{width: 45%;}


#linktabelle td {vertical-align: middle; }

#linktabelle a {
   color: #4e656b;
   font-weight: 100;
   }
#linktabelle a:hover{padding-bottom: 0.1em; border-bottom: 1px solid #4e656b;}

.pfeilfarbe {
   color: #9faeb3;
      }

.tabellenfarbe1 {
   background-color: #e5e5f8;
   color: #4e656b;
   text-align: left;
   }

#tabelle h4,
#tabelle2 h4 {
   padding-bottom: 0.3em;  }
h4 { padding-bottom: 0.8em;} /* für die zweite Tabelle auf Technik */

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

/*-----------Verläufe-----------------------------------------------------*/
#horizont2 {
   background: url(grafik/horizont_verlauf2.jpg) no-repeat;
   width: 569px;
   height: 2px;
   }
#horizontverlauf{
   clear:left;
   margin-left: 18.7em;
   margin-bottom: 6px;
   background: url(grafik/horizont_verlauf.jpg) no-repeat;
   width: 569px;
   height: 2px;
}

.trennverlauf{
   margin-left: 80px;
   background: url(grafik/verlauf_trennlinie.jpg) no-repeat;
   width: 390px;
   height: 2px;
   margin-top: 14px;
}

/*-----------Ende Verläufe-----------------------------------------------------*/
#aktualisierung{
   margin-left: 69em;
   font-size: 70%;
   }
/*------------------------------footer---------------------------------------*/

#footer{

   background-image:url(grafik/fussleiste.jpg);
   width:842px;
   height: 45px;
   }



/*------------------------------Unter dem footer---------------------------------------*/

#hintergrund_unten{
       width:842px;
       height:200px;
       background-color: #c3cdb5;


}


/*------------------------------Textformatierung---------------------------------------*/


#ueber1 {font-weight: bold; }
#inhalt1 {}
#ueber2 {font-weight: bold; }
#inhalt2 {}
#ueber3 { font-weight: bold; }
#inhalt3 {}
#ueber4 { font-weight: bold; }
#inhalt4 {}
#ueber5 { font-weight: bold; }
#inhalt5 {}
#ueber6 { font-weight: bold; }
#inhalt6 {}
#ueber7 { font-weight: bold; }
#inhalt7 {}
#ueber8 { font-weight: bold; }
#inhalt8 {}
#ueber9 { font-weight: bold; }
#inhalt9 {}
#inhalt10 { font-size: 70%}
#ueber10 { clear: both; font-weight: bold; font-size: 70% }