/* CSS für http://www.bioabo-dresden.de */

html {
  font-size: 100.01%;
}

body {
  color: black;
  background-color: #f7f57a;
  /* 'Bitstream Vera Sans' */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.85em;
  margin: 0;
  padding: 0;
}

/* Kopfzeile
 * Enthält nur die Logos und eine Überschrift */

#header {
  background-color: #f7f57a;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

#header .titleHeader h1 {
  color: #339966;
  font-family: 'Times New Roman', 'Comic Sans MS', 'Bitstream Vera Sans', verdana, helvetica, arial, sans-serif;
  /* font-size: 2.5em; */
  font-size: 2.7em;
  font-weight: bold;
  /* font-weight: normal; */
  margin: 0 0 0 5px;
  padding: 0.1em 0;
  text-align: center;
}

/* unbenutzt im Moment - funktioniert nur mit Comic Sans MS 2.5em
 * andere Schriftarten brauchen andere Werte! */
#header .titleHeader img {
  height: 4.05em;
  position: absolute;
  top: 0px;
}

#header .titleHeader img.links {
  left: 0px;
}

#header .titleHeader img.rechts {
  right: 0px;
}

/* Navigationsleiste 
 * Ersatz für dynamische Menüs mit Javscript */

.navHeader {
  background-color: #339966;
  clear: both; /* konqueror workaround */
  color: #ffffff;
  margin: 0 0 2em 0;
  padding: 5px 2px 5px 0;
  width: 100%;
}

.navHeader ul#mainNavi {
  margin: 0;
  padding: 0 5px;
  text-align: center;
}

.navHeader ul#mainNavi a,
.navHeader ul#mainNavi span.dieseSeite {
  background-color: transparent;
  color: white;
  font-weight: bold;
  text-decoration: none;
}  

.navHeader ul#mainNavi span.dieseSeite {
  /* color: #00FFFF; */
  font-size: larger;
  /* font-variant: small-caps; */
}

.navHeader ul#mainNavi span.shopSeite img {
  height: 1em;
  vertical-align: center;
}

.navHeader ul#mainNavi a:hover {
  text-decoration: underline;
}

.navHeader ul#mainNavi li {
  background-color: #339966;
  display: inline;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0.1em 1em 0 0;  /* Fix fuer Rendering-Fehler in MSIE 6.0 */
  text-align: center;
}

/* Hauptteil
 * Hier sollte ein Block stehen */

#main {
  background-color: white;
/*  background-attachment: fixed;
  background-image: url(http://bioabo-dresden.de/komponenten/Logoschrift.gif);
  background-position: center;
  background-repeat: no-repeat; */
  border: 1px dashed black;
  clear: both;
  color: black;
  line-height: 1.5em;
  /* margin: 10em 20px 1em 20px; */
  margin: 8.5em 20px 1em 20px;
  padding: 2em;
}

/* Footer
 * Platz für Icons, Impressum, Copyright, ... */

#footer {
  clear: both;
  margin: 1em;
  padding: 1em;
}

/* Generell
 * Alles, was nicht speziell einen Bereich betrifft */

/* div.rightLogoBox {
  width: 50%;
}

div.rightLogoBox img {
  width: 100%;
  margin: 0.1em 0.1em 0.1em 1em;
} */

dfn {
  font-style: normal;
}

form,
fieldset {
  border: none;
  margin-top: 2em;
}

fieldset label {
  font-weight: bold;
}

fieldset {
  margin: 2em auto 2em auto;
  table-layout: fixed;
}

fieldset th,
fieldset td {
  padding: 0.6em 0 0 1em;
  text-align: left;
  vertical-align: top;
}

fieldset td span.kisteSelect{
  float: left;
  padding-right: 1em;
}

fieldset legend {
  font-weight: bold;
  margin-top: 2em;
}

h2 {
  font-size: large;
  font-style: normal;
}

h3, h4 {
  font-size: larger;
  font-style: italic;
}

h2, h3, h4 {
  font-weight: bold;
  margin-top: 2em;
}

/* Hack
 * http://molily.de/css-position-fixed#css4 */
h2[id],
h3[id],
h4[id],
form[id="kontakt"] {
  margin-top: -8em;
  padding-top: 9.5em;
}

img {
	border: none;
}

img.kleinBild {
  height: 6em;
  margin: 1em 3em;
  text-align: left;
 vertical-align: bottom;
}

img.logo {
  width: 50%;
  margin: 2em 0.5em;
}

img.zertifikat {
  height: 12em;
  margin: 1em;
}

input[id],
select,
textarea {
  border: 2px ridge #339966;
}

table.abo {
  font-style: normal;
  margin: 1em auto 1em 2em;
}

table.aboPreis {
  /* border: 1px solid black; */ 
  border-collapse: collapse;
  font-style: normal;
  margin: 1em auto 1em 2em;
  table-layout: fixed;
}

table.abo td,
table.abo th,
table.aboPreis td,
table.aboPreis th {
  margin-left: 2em;
  text-align: left;
}

table.abo td {
  padding-left: 2em;
  vertical-align: middle;
}

table.abo th,
table.aboPreis td,
table.aboPreis th {
  vertical-align: top;
}

table.aboPreis td {
  width: 15em;
  padding-left: 1em;
}

table.aboPreis td.groesse {
  width: 6em;
}

table.abo th#gabo,
table.abo th#rkabo,
table.abo th#oabo,
table.abo th#mkgabo,
table.abo th#mkoabo,
table.abo th#iabo {
  background-color: transparent;
  background-repeat: repeat;
  color: white;
  font-weight: bold;
  padding: 0.5em 2em;
  text-align: right;
  vertical-align: middle;
  width: 11em;
  height: 4em;
}

table.abo th#gabo {
  background-image: url(http://bioabo-dresden.de/komponenten/lauch.jpg);
}

table.abo th#rkabo {
  background-image: url(http://bioabo-dresden.de/komponenten/Paprika.jpg);
}

table.abo th#oabo {
  background-image: url(http://bioabo-dresden.de/komponenten/aepfel.jpg);
}

table.abo th#mkgabo {
  background-image: url(http://bioabo-dresden.de/komponenten/Salat.jpg);
}

table.abo th#mkoabo {
  background-image: url(http://bioabo-dresden.de/komponenten/Banane.jpg);
}

table.abo th#iabo {
  background-image: url(http://bioabo-dresden.de/komponenten/Radies.jpg);
}

table.aboPreis .kostenGroesse1 {
  background-color: #f0ffff;
}

table.aboPreis .kostenGroesse2 {
  background-color: #fff0ff;
}

table.aboPreis .kostenGroesse3 {
  background-color: #fffff0;
}

table.aboPreis .kostenGroesse4 {
  background-color: #fff0f0;
}

table.lieferTabelle {
  margin: 2em auto 2em auto;
  table-layout: fixed;
}

table.lieferTabelle td,
table.lieferTabelle th {
  padding: 0.1em 2em;
  text-align: left;
  vertical-align: middle;
}

table.lieferTabelle,
table.lieferTabelle td,
table.lieferTabelle th,
table.lieferTabelle tr {
  border: 1px solid black;
  border-collapse: collapse;
}

table.lieferTabelle .lieferMittwoch {
  background-color: #eeeeff;
}

table.lieferTabelle .lieferDonnerstag {
  background-color: #eeffee;
}

table.lieferTabelle .lieferFreitag {
  background-color: #ffeeee;
}

/*
table.lieferTabelle .lieferMittwoch td.wochentag {
  text-align: left;
}

table.lieferTabelle .lieferDonnerstag td.wochentag {
  text-align: center;
}

table.lieferTabelle .lieferFreitag td.wochentag {
  text-align: right;
}
*/

ul.haken {
  list-style-image: url(http://bioabo-dresden.de/komponenten/haekchen.gif);
  margin: 2em 1em;
}

ul.links {
  list-style: none;
}

.blockquote {
  margin: 2.5em 2em;
}

.doNotDisplay {
  display: none;
}

.footerLinks {
  float: left;
}

.footerRechts {
  float: right;
}

.footerLinks img {
  height: 31px;
}

.footerRechts img {
  height: 50px;
}

.kleinHinweis {
  font-size: 0.8em;
}

.kleinHinweis img {
  height: 1em;
  vertical-align: middle;
}

.pflichtFeld,
#pflichtFeld {
  color: red;
  font-size: smaller;
  font-weight: bold;
  text-decoration: none;
}

.wichtigerHinweis {
  font-weight: bold;
}

.wichtigerHinweisRot {
  color: red;
}

/* Index-Seite: Einige Elemente werden speziell gruppiert und tauchen nur dort auf.
 * Für die WCAG-Level A/AA werden hier die Elemente gestylt. */ 

#indexLogo { float: right; }
.indexZertifikat { clear: both; float: left; padding-right: 2em;}
#indexMarkText { text-align: center; font-size: x-large; padding-top: 2em; padding-bottom: 2em; }
#indexGaeaText { clear: both; text-align: center; }
#indexTF { text-align: left; float: right; height: 10em; }
#kontaktSymbol { text-align: left; float: right; }