/* CSS-Datei zur Website des Weingutes Guido Breivogel */

/* --- Allgemeine Definitionen --- */
html {
  padding: 20px;
}

body {
  background-color: #3E0000;
  font-size: .78em;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: red;
  padding: 0;
  margin: 0;
  }

a {color: #540000;}
a:visited {color:#AE0000;}
a:hover {color: #AE0000;}
a:active { color:#AE0000;}

.pdf {
  background-image: url("img/pdf.gif");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;
  padding-top: 3px;
  line-height: 16px;
  }

.shop {
  background-image: url("img/shop.gif");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 35px;
  }

h1 {
  display: none;
  }

h2 {
  color: #3E0000;
  font-size: 1.5em;
  font-weight: 500;
  margin: 0 0 10px 0;
  padding: 0;
  }

h3 {
  color: #3E0000;
  font-size: 1.2em;
  font-weight: 600;
  margin: 10px 0 10px 0;
  padding: 0;
  }

p, strong {
  color: black;
  padding: 0;
  margin:0 0 0.7em 0;
  line-height: 1.35em;
  }

ul,ol {
  color: black;
  list-style-type: circle;
  padding-left: 2.5em;
  margin: 0;
  }

li {
  margin-top: 5px;
  margin-left:0;
  padding: 0;
  }

.signatur {
  font-style:italic;
  font-size: 1.1em;
  }

.bild {
  margin: 5px 0px 5px 0;
  border: 1px solid gray;
  }

.bildl {
  float:left;
  margin: 5px 20px 5px 0;
  border: 1px solid gray;
  }

.bildr {
  float:right;
  margin: 5px 0 5px 20px;
  border: 1px solid gray;
  }

/* --- Außenbox zum Zentrieren --- */
#box-o {
  width: 866px;
  margin: 0 auto 0 0;
  }

/* --- Inhaltsbox --- */
#box-i {
  width: 640px;
  background-color: #ffffff;
  padding: 0;
  margin: 1px 0 0 20px;
  float:right;
  }

/* --- Kopfzeile mit Bild --- */
#header {
  border-width: 2px;
  border-style: solid;
  border-color: black;
  padding: 0;
  margin: 10px;
  }

/* --- Inhalt --- */
#content {
  background-color: #FFF9E1;
  border-width: 2px;
  border-style: solid;
  border-color: black;
  text-align: left;
  padding: 15px 20px 20px 20px;
  margin: 10px;
  }

.tab {
  margin-left:2em;
  }

/* --- Menü --- */
#menu {
  float: left;
  margin: 0;
  padding: 0;
  background-image:url("img/menu_background.gif");
  background-repeat: repeat;
  }

div#menu img {
  background-color: #3E0000;
  }

div#menu ul {
  margin: 5px 0 5px 40px;
  padding: 0;
  }

div#menu ul li {
  color: #530000;
  font-size: 16px;
  font-weight: 900;
  line-height: 25px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  }

div#menu ul li { color: black; }
div#menu ul li a { color: #3E0000; text-decoration: none; }
div#menu ul li a:visited {color:#AE0000; }
div#menu ul li a:hover { color: red; }
div#menu ul li a:active { color:#AE0000; }

div#menu ul li.break {
  margin: 0 0 25px 0;
  }

/* --- Fußzeile --- */

#footer p {
  padding: 0;
  margin: 0;
  }

#footer {
  width: 576px;
  background-color: #FFF9E1;
  border-width: 2px;
  border-style: solid;
  border-color: black;
  text-align: center;
  padding: 5px 20px 5px 20px;
  margin: 10px;
  }

/* Definitionen zum Bestellformular form.php */

/* Schrift */
form p,ul,li,td,th,input, textarea, select, option {
  font-size: 13px;
  line-height: 18px;
  }

/* Fehlermeldung Formularkopf */
.formerror {
  border: 1px solid red;
  background-color : #FFCCCC;
  padding: 10px 0 0 10px;
}
/* Fehlerbild */
.errimg {
  margin: 0 10px 0 5px;
  }
/* Fehletexte im Formular */
.error {
  color: red;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0 0 -5px;
  }
/* Fehlerliste Formularkopf */
.formerror ul {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 52px;
  padding: 0;
  }

.formerror li {
  color: black;
  }

/* Schaltflächen 1/2 Formularbreite */
.knopf {
  width: 279px;
  height: 30px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  }

.rechts {
 text-align: right;
  }

.abstand {
  margin-left: 13px;
  }

/* Tabelle */
table {
  margin-bottom: 5px;
  border-spacing: 5px;
  margin-left: -5px;
  margin-right: -5px;
  }
/* #D9FFD9     */
td, tr, th {
  border: 1px solid #AAAAAA;
  padding: 7px 10px 5px 10px;
  color: black;
  background-color:#ECFFEC;
  text-align: left;
  vertical-align: top;
  }
/* Zahlenfelder */
.zahl {
  width: 40px;
  border: 1px solid #AAAAAA;
  }
/* Textfelder */
.feld {
  border: 1px solid #AAAAAA;
  }
/* Artikeltabelle */
.col11 {
  width: 75px;
  }
.col12 {
  width: 50px;
  text-align: center;
  }
.col13 {
  width: 255px;
  }
.col14 {
  width: 90px;
  text-align: right;
  }
/* Datentabelle */
.col21 {
  width: 180px;
  }
.col22 {
  width: 380px;
  }
/* Pflichtfeldzeichen */
.pflicht {
  color: red;
  }
/* Trennlinie */
hr {
  height: 1px;
  color: #3E0000;
  background-color: #3E0000;
  }
/* Fußnote */
sup {
  font-weight: normal;
  }
/* Bestellbestätigung */
pre {
  color: black;
  margin-left: 20px;
  font-size: 12px;
  }

.action {
  font-size: 0.9em;
  font-weight: 300;
  margin: 0 0 0 10px;
  }

/*  Druckformate */
@media print {
body        { color: black;  text-align: center; background-color: white; }
#menu       { display: none; }
#box-o      { width: auto; padding: 0; margin: 0 auto 0 auto; }
#box-i      { margin: 0; float:none ; padding: 0; }
h1          { display: block;   font-size: 2em;  font-weight: 600; text-align: left; }
#header img { display: none; }
#header     { border: 0; padding: 0; background-color: white; }
#content    { border: 0; padding: 0; background-color: white; }
#footer     { border: 0; padding: 0; background-color: white; }
.pflicht, a, a:visited, h1, h2, h3  { color: black; }
}