/******************************/
/* Aufbau der CSS             */
/******************************/
/* 1. TAGs                    */
/* 2. allg. Klassen           */
/* 3. eindeutige IDs          */
/* 3a außerhalb des Contents  */
/* 3b Kopfbereich             */
/* 3c oberes Hauptmenü        */
/* 3d linkes Seitenmenü       */
/* 3e Hauptteil               */
/* 3f Fuß der Datei           */
/******************************/

/********/
/* TAGs */
/********/
HTML {
   font-size:62.5% }
BODY {
   margin-top:0;
   margin:0 0 1em 0;
   padding:0;
   background:#FFFFFF url('img/bg.gif') top center repeat-x;
   line-height:1.4em;
   text-align:center;
   font-family:Georgia, "Times New Roman", times, serif;
   font-size:1.2em;
   color:#666666 }
H1 {
   color:#E77D29;
   font-size:1.5em;
   text-align:left;
   line-height:2em }
H2 {
   color:#E77D29;
   text-align:left;
   font-size:1.3em }
H3 {
   color:#E77D29;
   text-align:left;
   font-size:1.3em }
H4 {
   color:#E77D29;
   text-align:left;
   font-size:1.2em;
   font-weight:normal }
P {
   text-align:justify }
/***********/
/* Klassen */
/***********/
.bottom {
   vertical-align:bottom }
.center {
   text-align:center }
.clear {
   clear:both }
.dotted {
   border:1px dotted #666;
   padding:2px }
.floatleft {
   float:left }
.floatright {
   float:right }
.left {
   text-align:left }
.infolink {
   padding-left:0.8em;
   background-image:url(img/pfeil.gif);
   background-repeat:no-repeat;
   background-position:left center }
.infolink:hover {
   padding-left:0.8em;
   background-image:url(img/pfeil_hover.gif);
   background-repeat:no-repeat;
   background-position:left center }
.space {
   margin:0 1em 1em 1em }
.testimonialright {
   float:right;
   width:290px;
   text-align:left;
   margin:3px 0 4px 7px;
   padding:6px;
   background:#F5F5F5;
   border:1px dotted #666 }
.testimonialleft {
   float:left;
   width:210px;
   text-align:left;
   margin:3px 7px 4px 0;
   padding:6px;
   background:#F5F5F5;
   border:1px dotted #666 }
   .testimonialleft P, .testimonialright P {
      color:#3B8400;
      margin-bottom:3px }

/*******************/
/* IDs der Objekte */
/*******************/
#umrandung {
   width:846px;
   background-color:#FFFFFF;
   background:url('img/umrandung.gif') no-repeat;
   margin:0 auto }
#container {
   width:820px;
   margin:0 auto;
   background-color:#FFFFFF }

#header {
   width:820px;
   height:40px }
#banner_startseite{ height:175px; width:820px; margin:0; background-image:url('img/banner_startseite.jpg') }
#banner_adwords   { height:175px; width:820px; margin:0; background-image:url('img/banner_adwords.jpg') }
#banner_preise    { height:175px; width:820px; margin:0; background-image:url('img/banner_preise.jpg') }
#banner_angebot   { height:175px; width:820px; margin:0; background-image:url('img/banner_suche.jpg') }
#banner_faqs      { height:175px; width:820px; margin:0; background-image:url('img/banner_faqs.jpg') }
#banner_glossar   { height:175px; width:820px; margin:0; background-image:url('img/banner_glossar.jpg') }
#banner_kontakt   { height:175px; width:820px; margin:0; background-image:url('img/banner_kontakt.jpg') }
#banner_impressum { height:175px; width:820px; margin:0; background-image:url('img/banner_impressum.jpg') }
#banner_sitemap   { height:175px; width:820px; margin:0; background-image:url('img/banner_sitemap.jpg') }
#banner_suche     { height:175px; width:820px; margin:0; background-image:url('img/banner_suche.jpg') }

#menu_oben {
   float:left;
   width:100%;
   background:#627AAB url('img/menu-background.gif') top left repeat-x }
   #menu_oben DIV {
      margin:0 auto;
      line-height:1.3em;
      font-weight:bold;
      white-space:nowrap }
   #menu_oben UL {
      margin:0;
      padding:0;
      list-style:none;
      float:left;
      width:100% }
   #menu_oben LI {
      display:inline }
      #menu_oben LI A:link, #menu_oben LI A:visited {
         padding:0.5em 1.2em;
         background:transparent;
         color:#FFF;
         text-decoration:none;
         float:left;
         border-right:0.1em solid #627AAB; }
      #menu_oben LI A:hover {
         background:#728BB8 url('img/menu-hover.gif') repeat-x;
         color:#FFF }
      #menu_oben LI.aktiv A:link, #menu_oben LI.aktiv A:visited {
         padding:0.5em 1.2em;
         background:transparent url('img/menu-background_aktiv.gif') top left repeat-x;
         color:#FFF;
         text-decoration:none;
         float:left;
         border-right:0.1em solid #627AAB; }
      #menu_oben LI.aktiv A:hover {
         background:#728BB8 url('img/menu-hover_aktiv.gif') repeat-x;
         color:#FFF;
         /*color:#627AAB*/ }

#seitenmenu {
   float:left;
   width:15em;
   height:40em;
   padding:0;
   !padding-top:1.5em;
   margin:2em 0 0 2em;
   !margin:2em 0 0 1em;
   background: url('img/seitenmenu.gif') no-repeat }
   #seitenmenu UL, #seitenmenu LI {
      text-align:left;
      list-style-image:url('img/pfeil.gif');
      margin:0 0 0 1.2em;
      padding:0 }
      #seitenmenu LI.aktiv, #seitenmenu LI:hover {
         list-style-image:url('img/pfeil_hover.gif') }
   #seitenmenu H3 {
      text-align:center }
   #seitenmenu A {
      text-decoration:none;
      color:#0000C9 }
      #seitenmenu A:hover {
         text-decoration:underline }

#hauptteil {
   padding:1em 2em 2em 19em;
   margin:0 }
   #hauptteil A {
      text-decoration:none;
      color:#666666 }
      #hauptteil A:hover {
         text-decoration:underline;
         color:#3B8400 }
   #hauptteil IMG {
      margin-left:0.5em;
      border:0 }
   #hauptteil UL {
      text-align:left }
   #hauptteil UL#links {
      margin-left:-1.5em;
      margin-right:1.5em }
   #hauptteil LI {
      list-style-image:url('img/pfeil.gif') }
   #hauptteil .tooltip {
      position:absolute;
      display:none;
      background:url('img/tooltip.gif') no-repeat;
      width:19em;
      height:19em;
      padding:0.6em }
      #hauptteil P A.arrow_up {
         background: url('img/up.gif') no-repeat;
         padding-left:1.6em;
         margin:0 }
      #hauptteil P A:hover.arrow_up {
         background: url('img/up_hover.gif') no-repeat;
         padding-left:1.6em;
         margin:0 }
   #hauptteil TABLE TH {
      padding:0.2em 2em }
   #hauptteil TABLE TD {
      padding:0.2em 0.2em }
   #hauptteil TABLE TR:hover {
      text-decoration:underline;
      color:#E77D29 }

#mainpart {
   padding:1em 2em 2em 2em;
   border-left:1px solid #e9e9e9;
   border-right:1px solid #ececec;
   margin:0 }
   #mainpart IMG {
      margin-left:0.5em;
      border:0 }
   #mainpart A {
      text-decoration:underline;
      color:#3B8400 }
   #mainpart .tooltip {
      position:absolute;
      display:none;
      background:url('img/tooltip-table.gif') no-repeat;
      width:50em;
      height:30em;
      padding:0 1em 1em 1em }
   #mainpart TABLE TH {
      padding:0.2em 2em }
   #mainpart TABLE TD {
      padding:0.2em 0.2em }
   #mainpart TABLE TR:hover {
      text-decoration:underline;
      color:#E77D29 }

#liste {
   margin:0 2em }
#sitemap {
   margin-left:8em }
   #sitemap LI {
      list-style-image:url('img/pfeil.gif') }
      #sitemap LI:hover {
         list-style-image:url('img/pfeil_hover.gif') }

#footer {
   background: url('img/footer.gif') no-repeat;
   height:4.5em;
   line-height:4.5em;
   vertical-align:baseline }
#copyright {
   margin-left:2em;
   float:left;
   text-align:left }
#footermenu {
   margin-right:2em;
   float:right;
   text-align:right }
   #footermenu A {
      text-decoration:none;
      color:#666666 }
      #footermenu A:hover {
         text-decoration:underline }