/* ===================================================
Stylesheet
Datei: all.css
Datum  12/10/09
Autor: wquadrat medien gmbh
=================================================== */



/* **********************************************
   TEIL I - Reset 
   ********************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: #1a1917;
  background: white; 
}
ol, ul {
  list-style: none;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

  

/* **********************************************
   TEIL II - Restaurierung 
   ********************************************** */
 

/* margin-bottom für Überschriften, Absätze, Listen etc. */
h2, h3, h4, h5, h6, 
p, blockquote, address, pre, 
ul, ol, dl, table {
   margin-bottom: 1em;
}

/* Zitate einrücken */ 
blockquote { margin: 1em 2em; } 

/* Alle Listen etwas einrüCken */
ul, ol, dl { margin-left: 1em; }

/* Listenelemente etwas mehr einrücken */
li { margin-left: 1em; } 


/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
   margin-top: 0;
   margin-bottom: 0;
}

/* Aufzählungszeichen */

/* Ebene 1 - ul: square (ausgefülltes Rechteck); ol: Dezimalzahlen  */
ul { list-style-type: square; }
ol { list-style-type: decimal; }

/* Ebene 2 - ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
ul ul { list-style-type: disc; }
ol ol { list-style-type: lower-alpha; }

ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }

/* Ebene 3 - ul und ol mit circle (nicht ausgefüllter Kreis) */
ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
   list-style-type: circle;
} 


/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */
option { padding-left: 0.2em; padding-right: 0.3em; }

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }


/* **********************************************
   TEIL 3 - Grundlegende Formatierung 
   ********************************************** */
   

body, textarea {
   font-family: trebuchet ms, arial, sans-serif;
   font-size: 1em;
   color:#333333;
}

/* Serifenschrift für Überschriften, inkl. h1 (alt-Text) */
h1, h2, h3, h4, h5, h6 {
   font-family: trebuchet ms, arial, sans-serif;
   font-weight: normal;
   color:#f37d2d;
   text-transform: uppercase;
}



/*  Überschriftengrößen */
h1 { font-size: 1.31em; }    
h2 { font-size: 1.4em; } 
h3 { font-size: 1em; } 
h4 { font-size: 0.875em; } 
h5 { font-size: 1.1em; } 
h6 { font-size: 1em; } 


/*  weitere Formatierungen - links allgemein, strong */
a {color:#003454;text-decoration:underline;}
strong {font-weight:bold;}

/* clearer */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

/* bild im text */
dl.bild {margin:0;}
dl.bild img { display: block; }
dl.bild dd { margin: 0; }

dl.bildKlein { float: left; margin: 0 1em 0.5em 0; }

dl.bildMedium { float: right; margin: 0 0 0.5em 1em; }

dl.bildGross { margin: 0 auto 0.5em; }