/*

  default.css

  Stylesheet-Datei für Vomberg GmbH
  (c) 2007 procommerz (www.procommerz.de)

  Kopf-Bereich
-------------------------------------------------------------------------------
Hintergrund                             (79,103,130)
    falls Bild nicht geladen wird
Navi-Streifen (Hintergrund)             (32,48,74)
_______________________________________________________________________________


_______________________________________________________________________________
  Navigation
-------------------------------------------------------------------------------
Text    Normal                          (184,199,215)
Text    RollOver                        (255,255,255)
Text    Release                         (231,18,7)
_______________________________________________________________________________


_______________________________________________________________________________
Headline-Bereich
-------------------------------------------------------------------------------
Headline                                (6,28,65)
    wie "Sport-Audi exklusiv"
Blättern - Navigation                   (6,28,65)
    in Bestandslisten
Bildrahmen                              (69,69,69)
Wagenheadline   (Bestand)               (6,28,65)
Mengentext      (Bestand)               (69,69,69)
_______________________________________________________________________________


_______________________________________________________________________________
Gliederungsbalken in Bestandslisten
für Detailansicht, Merken, Kontakt, Kaufen und Preis
-------------------------------------------------------------------------------


Fond                                   (204,204,204)
Text                                   (6,28,65)
Rot                                    (231,18,7)
    - ist ein wenig gebroch,
      leuchtet nicht so
_______________________________________________________________________________


_______________________________________________________________________________
Detailansicht und Textseiten
-------------------------------------------------------------------------------

Headline
    wie "Audi RS4 Avant 2.7 ..."        (6,28,65)
Subheadline                              ??? - vorläufig: (51,51,51)
Mengentext                              (69,69,69)

Navigationspunkte Marginalspalte
    wie Zurück, Fotoshow, Kontakt
    Reservierung und Bestellung
    Inzahlungnahme, Abholung usw.
Text    Normal                          (69,69,69)
Text    RollOver                        (234,243,252)
Text    Release                         (231,18,7)

Preisangaben in Marginalspalte          (69,69,69)
Text in Marginalspalte                  (69,69,69)

_______________________________________________________________________________


_______________________________________________________________________________
Abschlußbalken (unten)
-------------------------------------------------------------------------------

Fond                                    (33,49,73)

Text    Normal                          (184,199,215)
Text    RollOver                        (255,255,255)
Text    Release                         (250,172,5)
_______________________________________________________________________________

*/

body
{
  background-color:rgb(180,180,180);
  margin:0;
  padding:0;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:0.8em;
  line-height:120%;
  color:rgb(69,69,69);
}

/* #################################################### DIVs #################################### */

div#main
{
  position:relative;
  top:0;
  left:0;
  width:834px;  /* 756, 834 */
  height:auto;
  min-height:110%;
  border-top:none;
  padding:117px 0 0 20px;
  border-left:52px solid rgb(255,255,255);
  overflow:hidden;
  margin:0;
}

/* das ist der große obere Bereich */
div#head
{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:117px;
  /*background-color:rgb(79,103,130); */
  background-image:url('/standard/img/kopf_streifen.jpg');
  background-position:top left;
  background-repeat:repeat-x;
  overflow:visible;
  z-index:99;
}

div#headprint, div#footprint
{
  display:none;
}

/* Seitentitel unter der Hauptnavi */
div#pagehead
{
  position:relative;
  top:0;
  left:140px;
  /* Gesamt-Inhaltsbreite minus pos-left, sonst Scrollbalken */
  width:690px; /* 594 */
  height:63px;
  background-image:url('/standard/img/vomberg-logo.jpg');
  background-repeat:no-repeat;
  background-position:486px 30px;
}

div#logolink
{
  position:absolute;
  top:30px;
  left:490px;
}

div#foot
{
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:20px;
  background-color:rgb(33,49,73);
  z-index:100;
}

div#micronavi
{
  position:relative;
  width:280px;
  height:22px;
  left:628px;
  top:0;
  bottom:0px;
}

div.microleft
{
  position:absolute;
  top:0;
  left:0;
}

div.microright
{
  position:absolute;
  top:0px;
  right:10px;
}

div#micronavi p
{
  font-size:0.9em;
  margin:0;
  padding:3px 0 0 0;
  color:rgb(184,199,215);
  font-weight:bold;
}

div#micronavi p img
{
  vertical-align:bottom;
  margin:0 0 2px 0;
}

#mnaviimg
{
  margin:0 0 0 24px;
}

div#merklistezeigen
{
  position:absolute;
  width:160px;
  height:22px;
  left:375px; /* zzgl. 63px, die noch durch ul.menu definiert werden, zzgl. 10px padding */
  top:0;
  bottom:0px;
  padding:0;
  margin:0;
}

/*
div#grau
{
  position:absolute;
  background-color:rgb(180,180,180);
  top:288px;
  bottom:0px;
  left:52px;
  width:990px;
  height:auto;
  z-index:0;
}
*/

div#grau
{
  position:absolute;
  background-color:rgb(255,255,255);
  left:0px;
  top:0px;
  width:100%;
  height:288px;
  border:none;
  z-index:0;
  padding:0;
  margin:0;
}


div#content
{
  position:relative;
  top:0;
  left:0;
  width:auto; /* 756, 834 */
  height:auto;
  min-height:100%;
  padding-bottom:60px;
  overflow:visible;
}

div#headimg
{
  /* das große Autobild oben im Kopf */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:117px;
  overflow:hidden;
}

/* das kleine Login-Fenster f. Händler-Zugang */
div#loginDiv
{
  position:absolute;
  left:0px;
  top:60px;
  width:auto;
  height:auto;
  background-color:rgb(255,255,255);
  border:1px solid rgb(6,28,65);
  padding:0px;
  margin:0px;
}

/*  Mozilla-Bug */
div>h1
{
  margin-top:0;
}

div>h2
{
  margin-top:0;
  padding-top:1px;
}

div#serviceTel
{
  position:absolute;
  top:0;
  right:-8px;
}

div#serviceTel p
{
  color:rgb(184,199,215);
  padding-right:0;
  margin-right:0;
}

/*  ################################### Schriften ########################################### */

h1
{
  font-size:1.9em;
  font-weight:bold;
  font-style:normal;
  margin:0 0 0 2px;
  padding:6px 0 0 0;
  line-height:110%;
  color:rgb(6,28,65);
}

h2
{
  font-size:1.7em;
  font-weight:lighter;
  font-style:italic;
  letter-spacing:0.06em;
  margin:6px 0 0 68px;
  padding:0 0 6px 0;
  line-height:100%;
  color:rgb(6,28,65);
  vertical-align:bottom;
}

h3
{
  font-size:0.9em;
  font-weight:bold;
  /*margin:0.4em 0 0.4em 0;*/
  margin:1.6em 0 1.6em 0;
  padding:0 0 0 0;
  line-height:115%;
  color:rgb(6,28,65);
}

h4
{
  font-size:1em;
  font-weight:normal;
  font-style:italic;
  margin:0.7em 0 0.1em 0;
  padding:0 0 0 0;
  line-height:100%;
  color:rgb(51,51,51);
}

div#headLine h3
{
  color:rgb(51,51,51);
  font-size:13pt;
  font-weight:bold;
  margin:0 0 0 0;
  line-height:100%;
}

h3.infos, fieldset h3
{
  font-size:0.9em;
  font-weight:bold;
  margin:0.6em 0 0 0;
  padding:1px 0 0 0;
  line-height:120%;
  color:rgb(69,69,69);
}

p
{
  margin:0.2em 0 0.8em 0;
}

td p
{
  margin:0px 0 4px 0;
  padding:0;
}

p.klein, p.fussnote
{
  font-size:0.85em;
}

p.bzaehler
{
	color:rgb(6,28,65);
	font-weight:bold;
}

td p.klein
{
  font-size:0.85em;
  margin:0;
  padding:0;
}


p.rechts
{
  text-align:right;
}

p.klein
{
  font-size:0.7em;
}

p.fett, ul.fett
{
  font-weight:bold;
}

.error
{
  border:2px solid red;
  padding:2px;
}

a
{
  font-weight:bold;
  text-decoration:none;
}

a:link, a:visited
{
  color:rgb(6,28,65);
}


a:hover, a:active
{
  color:rgb(231,18,7);
}


table
{
  margin-top:24px;
}

td
{
  vertical-align:top;
  text-align:left;
}

ul.dynLinks
{
  margin:0 0 32px 0;
  padding:1px 0 0 14px;
}

ul.dynLinks li
{
  list-style-image:url('/standard/img/gui/dreieck_grau.gif');
  margin:0 0 4px 0;
  padding:0;
}