/* reset based upon eric meyer */

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, font, img, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100.01%;
  font-family: inherit;
  vertical-align: baseline;
 }

body {
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  background-color: #E9E9E9;
  background-image: url(/graphics/webfruits10/wftb10pure.png);
  text-align: center;
 }

/* LAYOUT */

div#site {
  text-align: left;
  margin: 1em auto;
  width: 58em;
  min-width: 900px;
  max-width: 1250px;
  padding: 2px;
  background-color: #FFFFFF;
  border: 1px solid #4682B4;
 }

div#header, div#header2, div#header3, div#header4, div#header5, div#header6 {
  background-color: #fbfcfd;
  border: 1px solid #4682B4;
  background-position: top right;
  background-image: url(/graphics/newbg11.png);
  background-repeat: no-repeat;
 }

div#logo {
  float: left;
 }

div#top {
  float: right;
  text-align: right;
 }

div#navbar {
  background-color: #FFC65D;
  background-repeat: repeat-x;
  clear: both;
 }

div#left {
  float: left;
  clear: left;
  width: 11.5em;
  margin-top: 4px;
 }

div#content {
  margin: 4px 11.8em;
  padding: 0px 0.5em;
 }

div#content2 {
  margin: 4px 0px 4px 11.8em;
  padding: 0px 0.5em;
 }

div#right {
  overflow: hidden;
  float: right;
  width: 11.5em;
  margin-top: 4px;
 }

div#foot {
  clear: both;
  font-size: 0.7em;
  border: 1px solid  #4682B4;
  background-color: #C2D6E6;
  padding: 3px;
  text-align: right;
 }

p {
  font-size: 1em;
  line-height: 1.25em;
  margin: 0.5em 0px;
 }

p.lead {
  font-weight: bold;
  text-indent: 1.5em;
  text-align: left;
  line-height: 1.5em;
  color: #2D5373;
 }

p.content {
  margin-top: 0px;
  font-weight: normal;
  text-indent: 0px;
  text-align: left;
 }

p.capital:first-letter {
  float: left;
  font-size: 3.5em;
  font-weight: bold;
  width: 0.7em;
  margin: 3px 3px 3px 0px;
  line-height: 80%;
 }

p.picturetext {
  font-size: 0.9em;
  text-align: left;
 }

p.copyright {
  color: #808080;
  font-size: 0.9em;
  text-align: right;
 }

/* HEADERS */

h1 {
  font-family: serif;
  font-size: 2em;
  font-weight: bold;
  font-style: italic;
  color: #2D5373;
  margin: 0.5em 0px;
 }

h2 {
  font-family: Arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  color: #2D5373;
  margin: 0.5em 0px;
 }

h3, p.subtitle {
  font-size: 1.2em;
  font-variant: small-caps;
  font-weight: bold;
  color: #2D5373;
 }

h3.linkedtitle {
  font-size: 1.1em;
  font-variant: normal;
  font-weight: normal;
 }

h2.announceboxtitle {
  padding: 3px;
  font-size: 0.8em;
  margin: 0px;
  font-weight: bold;
  color: #000000;
  border: 1px solid  #4682B4;
  background-image: url(/graphics/webfruits10/wfnav10.png);
  background-repeat: repeat-x;
  background-color: #EDF2F2;
 }

h2.articlerubric, h2.listrubric {
  text-align: left;
  padding: 3px;
  margin: 0.5em 0px;
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  border: 1px solid #4682B4;
  background-image: url(/graphics/webfruits10/wfnav10.png);
  background-repeat: repeat-x;
  background-color: #EDF2F2;
 }

div.splash_box h2, div.splash_box_re h2 {
  margin-top: 0px;
 }

/* other styles */

.articleroof {
  text-align: right;
  font-size: 0.8em;
  color: #000000;
  margin: 0.5em 0px;
 }

.hidden {
  position: absolute;
  left: -10000em;
  width: 1px;
  height: 1px;
  overflow: hidden;
 }

.author {
  border-top: 1px solid  #4682B4;
  border-bottom: 1px solid  #4682B4;
 }

div.bannerdiv {
  padding: 2px;
 }

div.alternative_content {
  margin: 2px;
  padding: 2px;
  float: left;
  width: 48%;
  height: 12em;
  border: 1px solid  #4682B4;
 }

div.splash_box, div.splash_box_re {
  float: left;
  width: 48%;
  height: 10em;
  padding: 0.2em;
  margin-bottom: 4px;
  background-image: url(/graphics/webfruits10/wftb10.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  border: 1px solid  #4682B4;
 }

div.splash_box_re {
  margin-left: 4px;
 }

#wfSE {
  background-image: url(/graphics/strawback.gif);
 }

#wfPB {
  background-image: url(/graphics/kiwiback.gif);
 }

#wfWS {
  background-image: url(/graphics/orangeback.gif);
 }

#wfYOU {
  background-image: url(/graphics/physalisback.gif);
 }

#ticker {
  font-size: 0.7em;
 }

.box {
  border: 1px solid  #4682B4;
  padding: 2px;
  margin: 0px 2em 0px 2em;
  background-image: url(/graphics/webfruits10/wftb10.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  text-align: left;
 }

.glatt {
  padding: 4px;
  background-color: #E9E9E9;
 }

.verkehrt {
  padding: 4px;
  background-color: #ffffff;
 }

div.announceboxannounce img {
  margin-bottom: 0.5em;
 }

img.right {
  float: right;
  margin: 0 0 8px 8px;
  border: 1px solid  #4682B4;
  padding: 2px;
 }

img.left {
  float: left;
  margin: 0 8px 8px 0;
  border: 1px solid  #4682B4;
  padding: 2px;
 }

.rightfloat {
  margin-left: 8px;
  margin-bottom: 8px;
  float: right;
 }

.ptext {
  padding: 3px;
  background-color: #E9E9E9;
 }

.leftfloat {
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
 }

.thumbbox {
  float: left;
  width: 125px;
  height: 125px;
  text-align: center;
  border: 1px solid  #4682B4;
  margin: 0 8px 8px 0;
  padding: 5px;
 }

.small {
  font-size: 0.7em;
 }

.highlight {
  color: #000000;
  background-color: #FFA500;
 }

#editorial h2 {
  margin-left: 4em;
 }

p.editorial {
  margin-left: 8em;
 }

div.announcebox {
  margin-bottom: 0.5em;
 }

div.announceboxannounce {
  font-size: 0.8em;
  border-left: 1px solid  #4682B4;
  border-right: 1px solid  #4682B4;
  border-bottom: 1px solid  #4682B4;
  padding: 5px;
  background-image: url(/graphics/webfruits10/wftb10.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  color: #000000;
 }

#content_index, #list, #textbody {
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  padding-top: 5px;
  /* yes we have layout, stupid ie */
  _height: 1%;
 }

.textbody {
  font-size: 0.8em;
 }

.pictureview {
  font-size: 0.8em;
  text-align: center;
 }

div.contentbody {
  display: inline-block;
  overflow: hidden;
  background-color: #FFFFFF;
 }

#right div.contentbody {
  font-size: 1em;
  padding: 5px;
  color: #000000;
  background: inherit;
 }

div.an_article {
  font-size: 1em;
 }

#copyright {
  float: left;
 }

.red {
  color: #C00000;
  font-weight: bold;
 }

div.showmore {
  font-weight: bold;
  text-align: right;
 }

/* WAI Site Navigation */

#sitenav {
  text-align: left;
  background-color: buttonface;
  border-bottom: 1px solid buttonshadow;
 }

#sitenav ul {
  margin: 0px;
  padding: 0px;
 }

#sitenav ul li {
  padding: 1px 1em;
  font-size: 0.7em;
  display: inline;
  list-style: none;
 }

#sitenav ul li a {
  color: menutext;
  text-decoration: none;
 }

#sitenav ul li a:hover,  #sitenav ul li a:active,  #sitenav ul li a:focus {
  background-color: #ffffff;
 }

/*  JQ MENU */

ul#menue {
  margin: 0px;
  padding: 0px;
 }

ul.secondlevel {
  display: none;
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #FF8C00;
  border-left: 1px solid #FFE0A7;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 100;
 }

ul#menue li {
  float: left;
  padding: 1px 0px;
  font-size: 0.7em;
  font-weight: bold;
  list-style: none;
 }

ul#menue ul li {
  font-size: 1em;
  float: none;
  font-weight: bold;
  padding: 0px;
  list-style: none;
  list-style-image: none;
 }

ul#menue a {
  width: 11em;
  display: block;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid #FF8C00;
  border-left: 1px solid #FFE0A7;
  background-color: #FFC65D;
  background-image: url(/graphics/webfruits10/wfnav10.png);
  background-repeat: repeat-x;
  padding: 1px 0px;
  color: #2D5373;
 }

ul#menue ul a {
  width: 11em;
  display: block;
  float: none;
  background-image: none;
  margin: 0px;
  padding: 2px 0px;
  border: 0px;
  border-bottom: 1px solid #FF8C00;
  border-top: 1px solid #FFE0A7;
  text-align: center;
  text-decoration: none;
  color: #2D5373;
 }

ul#menue a:hover, ul#menue a:active, ul#menue a:focus {
  color: #000000;
  background-image: url(/graphics/webfruits10/wfnav10h.png);
  background-repeat: repeat-x;
  background-color: #FFDAB9;
 }

ul#menue ul a:hover, ul#menue ul a:active, ul#menue ul a:focus {
  color: #000000;
  background-image: url(/graphics/webfruits10/wfnav10h.png);
  background-repeat: repeat-x;
  background-color: #FFDAB9;
 }

/* PATH */

#path {
  border: 1px solid  #4682B4;
  padding: 2px;
  font-size: 0.7em;
 }

#path a {
  font-size: 1em;
  font-weight: normal;
  color: #994C16;
 }

/* Language Switch */

#lswitch {
  background-color: #ffffff;
  padding: 5px;
  font-size: 0.8em;
  font-weight: bold;
 }

#lswitch a {
  text-decoration: none;
 }

/* OTHER LISTS */

ul {
  list-style-image: url(/graphics/webfruits10/buttonkreuz.gif);
 }

ul.rb {
  list-style-image: url(/graphics/webfruits10/buttonkreuz.gif);
  margin: 0px;
  padding-left: 1em;
 }

#subnav ul {
  margin: 0px;
  padding-left: 1em;
 }

#subnav ul li {
  list-style-image: url(/graphics/webfruits10/buttonkreuz.gif);
 }

#subnav ul li a {
  display: block;
  text-decoration: none;
  color: #2D5373;
 }

#subnav ul li a:hover,  #subnav ul li a:focus ,  #subnav ul li a.selected {
  color: #000080;
  font-weight: bold;
 }

#slidenav {
  border: 1px solid  #4682B4;
  list-style-type: none;
  margin: 4px 0px;
  padding: 2px;
 }

#slidenav li {
  display: inline;
 }

#slidenav li.back {
  float: left;
 }

#slidenav li.next {
  float: right;
 }

/* TABLES */

table.Gitternetz {
  border: 1px solid  #4682B4;
  border-collapse: collapse;
 }

td {
  border: 1px solid  #4682B4;
  padding: 2px;
  text-align: left;
  color: #000000;
 }

caption {
  padding: 2px;
  font-weight: bold;
  text-align: left;
 }

th {
  border: 1px solid  #4682B4;
  padding: 2px;
  text-align: left;
  font-weight: bold;
  background-color: #E9E9E9;
 }

table#calendar {
  border: 1px solid  #4682B4;
  border-collapse: collapse;
 }

td.calendarbody {
  font-size: 0.8em;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
 }

td.calendarsunday {
  font-size: 0.8em;
  font-weight: bold;
  color: #000000;
  background-color: #E9E9E9;
 }

/* WEBSHOP STYLES */

#teaser_box {
  overflow: hidden;
  font-size: 0.8em;
  /* just for fucking ie */
  _height: 1%;
 }

div.teaser_item {
  display: block;
  border: 1px solid  #4682B4;
  margin: 2px;
  padding: 2px;
  float: left;
  width: 48%;
  height: 7em;
 }

div.item_details {
  margin: 4px 0px;
  padding: 2px;
  border: 1px solid  #4682B4;
 }

table.order_table {
  border: 1px solid  #4682B4;
  border-collapse: collapse;
 }

table.order_table td {
  border: 1px solid  #4682B4;
  padding: 3px;
  color: #000000;
 }

table.order_table th {
  font-weight: bold;
  padding: 3px;
  border: 1px solid #FFFFFF;
  background-color: #DCDCDC;
  color: #000000;
 }

#orderstate {
  display: block;
  overflow: auto;
  padding: 4px;
  background-color: #E9E9E9;
  border: 1px solid  #4682B4;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  /* cetero censeo microsoft esse delendam */
  _height: 1%;
 }

.hiddenform {
  background-color: #E9E9E9;
  position: absolute;
  visibility: hidden;
 }

.insertform {
  position: static;
  visibility: visible;
  margin-left: 2em;
  margin-top: 0.5em;
 }

.total {
  font-weight: bold;
  background-color: #DCDCDC;
 }

.products {
  display: block;
  overflow: hidden;
  background-image: url(/graphics/standard_graphics/back4.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  margin: 2px;
  padding: 3px;
  border: 1px solid   #4682B4;
  _height: 1%;
 }

#basket {
  margin-bottom: 0.5em;
 }

#basket div.inner_basket {
  font-size: 0.8em;
  border-left: 1px solid  #4682B4;
  border-right: 1px solid  #4682B4;
  border-bottom: 1px solid  #4682B4;
  padding: 5px;
  background-image: url(/graphics/standard_graphics/back4.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  color: #000000;
 }

#basket h2 {
  padding: 3px;
  font-size: 0.8em;
  margin: 0px;
  font-weight: bold;
  color: #000000;
  border: 1px solid  #4682B4;
  background-image: url(/graphics/standard_graphics/back3.gif);
  background-repeat: repeat-x;
  background-color: #EDF2F2;
 }

.offsets {
  font-size: 0.9em;
  text-align: center;
 }

.price {
  font-size: 1.1em;
  font-weight: bold;
 }

.productfloat {
  width: 66%;
  margin-right: 8px;
  float: left;
 }

/* dynagal  */

#dynagal_nav {
  margin: 1em 0;
 }

#dynagal_dia {
  padding: 0px 3px;
 }

#dynagal_dia img.dynagal_img {
  border: 1px solid #C2D6E6;
 }

.dynagal_text {
  text-align: left;
 }

#dynagal_loc {
  font-weight: bold;
  color: #2D5373;
 }

a {
  color: #2D5373;
 }

a.nounderline {
  text-decoration: none;
 }

a.announceboxa, a.resourceboxa {
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #2D5373;
 }

a.contentnavigationa {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  color: #2D5373;
 }

a.linkedtitle {
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #2D5373;
 }

a.calendara {
  font-size: 0.9em;
  text-decoration: none;
  color: #2D5373;
 }

a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #000080;
 }

a:visited {
  color: #668299;
 }

:target {
  border: 2px dotted #FFA500;
 }

/* FORMS */

#tlform {
  text-align: left;
 }

#tlform div.row {
  clear: left;
 }

#tlform div.label {
  float: left;
  width: 10em;
  padding: 2px;
  margin: 2px 5px 2px 0px;
  text-align: right;
 }

label {
  font-weight: bold;
 }

.buttons {
  clear: left;
  padding: 3px;
 }

form {
  margin: 1px;
 }

fieldset {
  font-size: 1em;
  padding: 5px;
  border: 1px solid  #4682B4;
 }

legend {
  border: 1px solid  #4682B4;
  background-color: #E9E9E9;
 }

input.search, input.text, select {
  border: 1px solid #4682B4;
  margin: 2px;
 }

input.search {
  font-size: 0.7em;
 }

textarea {
  font-size: 1.2em;
  border: 1px solid #4682B4;
  margin: 2px;
 }

/* autofill styles */

.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: #eaeaea;
  z-index: 100;
  overflow: hidden;
 }

.ac_results ul {
  width: 100%;
  text-align: left;
  list-style-position: outside;
  list-style: none;
 }

.ac_results iframe {
  display: none;
  /*sorry for IE5*/
  position: absolute;
  z-index: -1;
  filter: mask();
  width: 3000px;
  height: 3000px;
 }

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: menu;
  font-size: 12px;
  overflow: hidden;
 }

.ac_loading {
  background: Window url(/graphics/loading.gif) right center no-repeat;
 }

.ac_over {
  background-color: Highlight;
  color: HighlightText;
 }

/* Carousel */

#carouselwrap {
  text-align: center;
  border: 1px solid #4682B4;
  background-image: url(/graphics/webfruits10/wftb10pure.png);
  background-color: #FFFFFF;
  margin-bottom: 0.5em;
  padding: 4px;
 }

#carousel {
  text-align: left;
  width: 480px;
  margin: 0px auto;
 }

#carousel .viewport {
  width: 440px;
  height: 315px;
  overflow: auto;
  position: relative;
  border: 1px solid #ffffff;
 }

#carousel .prev, #carousel .next {
  display: block;
  margin: 30px 10px 0 0;
  float: left;
 }

#carousel .next {
  margin: 30px 0 0 10px;
 }

#carousel .disable {
  opacity: 0.2;
 }

#carousel .overview {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
 }

#carousel .overview li {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0px;
  padding: 0px;
  height: 315px;
  width: 420px;
  background-color: #C2D6E6;
 }

#carousel .overview li p {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 66%;
  padding: 3px;
  margin: 0px;
  background-color: #ffffff;
  font-weight: bold;
  opacity: 0.7;
 }

#carousel a {
  color: #000000;
 }

#carousel .pager {
  overflow: hidden;
  list-style: none;
  clear: both;
  margin: 0px;
 }

#carousel .pager li {
  float: left;
 }

#carousel .pagenum {
  background-color: #ffffff;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  color: #4682B4;
  font-weight: bold;
  display: block;
 }

#carousel .active {
  color: #000000;
  background-color: #FFA500;
  }