/*  

    Projekt: erdgasautos.de
    Beschreibung: Layout-Stylesheet für alle Browser
    (c) 2006 Dirk Jesse (YAML)
    (c) 2006 anatom5 perception marketing (Layout, Adaption & Erweiterungen)

*/


/*  BASIS-EINSTELLUNGEN

    Folgende Einstellungen sorgen für gleiche Rahmenbedingungen bei fast
    allen Browsern in Bezug auf Schriftgröße, Abstände & Darstellung

*/ 

body {
  margin: 28px 38px;
  border: 0;
  padding: 0;
  width: auto !important;
  background: #FFF !important;
  color: #000;
  font-family: Arial, Helvetica, Sans-Serif;
  text-align: left !important;
}
html>body { margin: 28px 58px; } /* speziell für Mozilla & Co */
a { text-decoration: underline; color: #000; margin: 0 !important; padding: 0 !important; }
address { font-style: normal; }
h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; border: 0; }
img { border: none; }
.clearfix:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden;
  height: 0; 
}
.clearfix { display: block; }
#header h1 { margin: -30px 0 30px -38px; }
html>body #header h1 { margin: -30px 0 30px -58px; } /* speziell für Mozilla & Co */ 
#page_margins { clear: both; height: 1px; }
#page { padding: 0 0 0 10pt; }
#col3_content h3 { font-size: 14pt; margin: 28px 0 12px 0; }
#col3_content p, #col3_content address, 
#col3_content ul, #col3_content ol { 
  font-size: 10pt;
  letter-spacing: 1px;
  line-height: 14pt;
  margin: 14pt 0 0 0; 
}
#col3_content ol li { margin-bottom: 10pt; }


/*  UNSICHTBARE BZW. VERSTECKTE ELEMENTE (NICHT ALLES DRUCKEN)

    Nicht alles, was in einer Website sichtbar ist, soll auch
    gedruckt werden, daher werden bestimmte Elemente versteckt

*/
caption, dfn, hr, p.hideme, h2.hideme, #footer, 
#col2_content, #first, #navMain, .theForm input.submit, 
#col1_content img, span.hideme, .theForm legend { display: none; }


/*  INHALTE GESTALTEN (NUR #COL3)

    Gestaltung der Inhalte aus der Spalte 3 (#col3), sprich
    alle Hauptinhalte (Bilder, Texte, Listen, Links, etc.)

*/
img.lefty, img.leftyRSS { /* Bild links ausrichten mit float: left; */ 
  float: left;
  margin: 0 10pt 10pt 0;
  border: 1px solid #000;
}
ul.psList { 
  display: block;
  list-style: none; 
  margin: 15pt 0;
  padding: 0;
  border: 0;
}
ul.psList li {
  float: left;
  display: block;
  margin: 0;
  padding: 0 10pt 0 0;
  border: 0;
}
dl { margin: 15pt 0; padding-bottom: 5pt; border-bottom: 1px dotted #000; }
dt, dd { display: block; padding: 0; border: 0; margin: 0; }
dt { 
  font-size: 10pt;
  letter-spacing: 1px;
  line-height: 14pt;
  margin: 0 0 5pt 0;
}
dd { 
  margin: 0 0 5pt 0;
  padding: 0;
  border: 0;
  font-size: 10pt;
  letter-spacing: 1px;
  line-height: 14pt;
}
div.hrGb { border: 0; border-bottom: 1px dashed #000; padding: 0; margin: 15pt 0 25pt 0; } 
.gbDetail em { display: block; margin: 5pt 0 0 0; border-left: 1px solid #000; padding-left: 5pt; }
span.gbDatum { font-weight: normal !important; padding-left: 5pt; }
table { /* Tabellen formatieren */
  display: block;
  border-collapse: collapse;
  margin: 14pt 0;
  border: 0;
  padding: 0;
  text-align: left;
  font-size: 9pt;
  line-height: 20pt;
}
th, td {
  margin: 0;
  padding: 4pt 16pt 4pt 8pt;
  border-top: 1px solid #000;
  vertical-align: top;
  font-size: 10pt;
  letter-spacing: 1px;
}
th { vertical-align: bottom; border: 0; }
.theForm fieldset { /* Formulare für Print aufbereiten */
  display: block;
  margin: 28px 0;
  padding: 0;
  border: 0px solid #FFF;
}
.theForm legend { font-size: 14pt; font-weight: bold; margin: 0 0 7pt -10px !important; color: #000; }
.theForm label { padding-top: 14pt; font-size: 10pt; display: block; font-weight: bold; }
.theForm input, .theForm select, .theForm textarea {
	display: block;
  border: 0;
  padding-top: 7pt;
  width: 450px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 14pt;  
}
.theForm input { border-bottom: 1px solid #000; }
.theForm input[hidden] { border-bottom: 0 !important; }
.theForm textarea { height: 50pt; }
.gallery ul { list-style-type: none; margin: 0; padding: 0; }
.gallery ul img { border: 1px #000 solid; float: left; margin: 0 10px 10px 0; }
.gallery ul li p a { display: none; }
.floatbox { overflow: hidden; }