/*
 Farben:
 hellbraun:   #A0867F
 noch heller: #CFC2BF
 wei�:        white
 dunkelbraun: #552519
 */



body
{
  padding: 0em;
  margin: 0em;
  
  font-family: Verdana, Arial;
  font-size: 100%;
  background: white;
  border: none;
}

#header
{
  border: none;
  background: none !important;
  border-bottom: 0.2em solid #552519;
}
#header div {
  border: none;
  padding: 0em;
  margin: 0em;
  background: none;
}
#header img
{
  border: none;
}

/* BEGIN hauptnavigation */
ul#hauptnavigation {
  display: none;
}
/* END hauptnavigation */
  
#zurueck_button {
  display: none;
}
#zurueck_button img
{
  border: none;
}

a#aktiverPunkt {
  display: none;
}


ul#detailnavigation_stufe1 {
  display: none;
}



ul#rechtliches {
  display: none;
}

/* BEGIN kontakt */
#kontakt
{
  display: block;
  float: left;
  width: 14em;
  margin: 0.5em 0em 0em 0.5em;
  padding: 0em;
  font-size: 70%;
  font-family: Verdana, Arial;
  color: #A0867F;
}
/* END kontakt */




/* BEGIN content */
#content
{
  color: black;
  padding: 0.5em 2em 2em 0em;
  margin: 0em 0em 0em 11em;
  line-height: 1.4em;
  font-size: 100%;
}
h1
{
  color: #552519;
  font-weight: bold;
  font-size: 180%;
}
h2
{
  color: #552519;
  font-weight: bold;
  font-size: 140%;
}
h3
{
  color: #A0867F;
  font-size: 120%;
}
h4
{
  color: #A0867F;
  font-size: 110%;
}
h5
{
  color: #A0867F;
  font-weight: bold;
}
h6
{
  color: #A0867F;
  font-weight: bold;
}
strong
{
  font-weight: bold;
  color: #552519;
}
em {
  font-style: italic;
  font-weight: normal;
}
#content ul {
  list-style-image: url( './_bilder/ul-li.png' );
}
#content ul.blockliste {
  list-style-image: none;
  list-style-type: none;
}
#content ul.blockliste li {
  display: block;
  float: left;
  width: 11.2em;
  height: 11.2em;
  margin: 0.2em;
  padding: 0em;
  text-align: center;
  vertical-align: middle;
}

a *
{
  cursor: pointer;
}
#content a img {
  border: 1px solid #552519;
}

#content a:link,
#content a:visited,
#content a:active,
#content a:visited:hover,
#content a:hover,
#content a:focus
{
  color: #552519;
  text-decoration: none;
}

/* Links ohne Klasse sind extern */
#content a:after {
  content: " (" attr(href) ")";
}
#content a.intern:after,
#content .auflistung_kaffeemaschinen a:after,
#content .dateiliste a:after,
#content .bildliste a:after {
  content: "";
}


#content ol.dateiliste {
  list-style-image: url( './_bilder/download.png' );
}

#content .bildliste
{
  float: left;
  margin: 0.5em 0.5em 0.5em 0em;
  padding: 0em;
}
#content .bildliste img {
  border: 1px solid #552519;
}
#content ol.bildliste {
  list-style-type: none;
}

/* erbt auch von #content ul */
#content #galerie .bildliste {
  float: none;
  
  margin: 1em 0em;
  width: auto;
  height: auto;
}
#content #galerie .bildliste li {
  display: block;
  margin: 0.5em 0em;
  width: auto;
}

/* END content */



/* BEGIN Tables */
table
{
  border: none;
}

thead th
{
  border-bottom: 1px solid #A0867F;
}

thead,
thead td
{
  font-weight: bold;
}
/* END Tables */


/* BEGIN Interessefomular */
#interesseformular form
{
  clear: both;
  display: block;
  padding: 2em 0em 0em 0em;
  margin: 0em;
}
#interesseformular form fieldset legend
{
  color: #552519;
}

#interesseformular form .inputarea
{
  margin: 0.5em 0em 0.5em 0em;
  padding: 0em 0.5em 0em 0.5em;
}

#interesseformular form .checkliste
{
  clear: both;
  padding: 0em 0em 0em 15em;
  margin: 0em;
  border: none;
}

#interesseformular form .checkliste input
{
  border: none;
}

#interesseformular form input,
#interesseformular form textarea
{
  border: 1px solid #552519;
  margin: 0.1em;
}
#interesseformular form textarea
{
  width: 20em;
}

#interesseformular input.button
{
  color: white;
  background-color: #552519;
  padding: 0.2em;
  margin: 0.5em;
  border: 1px solid black;
  letter-spacing: 1px;
}


#interesseformular img
{
  float: left;
  border: none;
  margin: 0em;
  padding: 0.5em;
}
#interesseformular a,
#interesseformular a:link#kaffeemaschine_vorschau,
#interesseformular a:visited#kaffeemaschine_vorschau
{
  clear: both;
  display: block;
  margin: 1em;
  min-height: 8em;
  
  border: 1px solid #552519;
  padding: 0.5em;
  
  text-decoration: none;
  font-style: normal;
  background-image: none;
}
* html #interesseformular a:link#kaffeemaschine_vorschau,
* html #interesseformular a:visited#kaffeemaschine_vorschau
{ height: 8em; }

#interesseformular form fieldset .inputarea #interesseformular_telefon  #interesseformular_telefon_land
{
  width: 2em;
}
/* END Interessefomular */





/* BEGIN berater */
#berater form
{
  padding: 0em;
  margin: 0em 0em 3em 0em;
}
#berater form .inputarea
{
  margin: 0.5em 0em 0.5em 0em;
  padding: 0em 0.5em 0em 0.5em;
}
#berater form label
{
  float: left;
  display: block;
  width: 12em;
  margin: 0em;
  padding: 0em;
  font-style: italic;
}
#berater form select
{
  width: 15em;
  margin: 0em;
  padding: 0em;
}
#berater form input.button
{
  margin: 0em 0em 0em 1em;
  padding: 0.2em;
  width: 16em;
  color: white;
  font-family: Arial, Verdana;
  background-color: #552519;
  border: none;
}



#content ul.auflistung_kaffeemaschinen
{
  list-style-type: none;
  list-style-image: none;
  margin: 0em 0em 1em -0.5em;
  padding: 0em;
}

#content .auflistung_kaffeemaschinen li
{
  list-style-type: none;
  float: left;
  text-align: center;
  padding: 0em;
  border-right: 1px solid white;
  page-break-inside: avoid;
}
#content .auflistung_kaffeemaschinen a
{
  display: block;
  
  width: 11em;
  height: 14em;
  
  margin: 0.45em;
  padding: 0.2em;
  
  border: 1px solid #552519;
}


#content .auflistung_kaffeemaschinen .bildliste
{
  display: block;
  width: 11em;
  text-align: center;
}

#content .auflistung_kaffeemaschinen a:link img,
#content .auflistung_kaffeemaschinen a:visited img
{
  border: 1px solid white;
  
  width: 10em;
}

#content .auflistung_kaffeemaschinen a:hover img,
#content .auflistung_kaffeemaschinen a:active img,
#content .auflistung_kaffeemaschinen a:visited:hover img
{
  border: none;
  
  width: 10em;
}

#content .auflistung_kaffeemaschinen span.titel
{
  display: block;
  height: 3em;
  text-align: left;
}
/* END berater */














/*** BEGIN Stile fuer CMF-Formulare ***/

  fieldset {
    border: 1px solid #A0867F;
    margin: 1em;
    pading: 0em;
  }

  .fehler
  {
  color: darkred;
  font-weight:bold;  
  border: 1px solid red;
  background-color: #f1edec;
  }

  .inputzeile,
  .inputzeile1,
  .inputzeile_fehler,
  .inputzeile1_fehler
  {
  display: block;
  clear: both;
  margin-bottom: 10px;
  padding: 2px;
  }
  .inputzeile_fehler,
  .inputzeile1_fehler
  {
  background-color: darkred;
  color: white;
  }
  .inputzeile
  {
  background-color: transparent;
  }
  .inputzeile1
  {
  background-color: #f1edec;
  }

  .inputbezeichner,
  .inputbezeichner_pflicht,
  .inputbezeichner_pflichta
   {
  clear: both;
  display: block;
  padding-left: 1em;
  }
  .inputbezeichner_pflicht,
  .inputbezeichner_pflichta
  {
  font-weight: bold;
  }
  .inputbezeichner_pflichta
  {
  font-style: italic;
  }

  .inputfehler
  {
  display: block;
  color: white;
  font-weight: normal;
  }

  .inputhilfe
  {
  display: block;
  clear: both;
  font-size: 80%;
  color: grey;
  }

  .inputarea
  {
  margin-left: 16em;
  }

  input.input
  {
  width: 20em;
  }
  textarea.input
  {
  width: 20em;
  height: 7em;
  }

  input.input,
  textarea.input,
  input.input_dateititel,
  input.input_dateipos,
  input.input_dateiupload,
  input.input_pw_alt,
  input.input_pw_neu1,
  input.input_pw_neu2,
  input.input_telland,
  input.input_telnummer,
  input.input_telort
  {
  border: 1px solid grey;
  }
  input.input:hover,
  textarea.input:hover,
  input.input_dateititel:hover,
  input.input_dateipos:hover,
  input.input_dateiupload:hover,
  input.input_pw_alt:hover,
  input.input_pw_neu1:hover,
  input.input_pw_neu2:hover,
  input.input_telland:hover,
  input.input_telnummer:hover,
  input.input_telort:hover
  {
  border-color: #CFC2BF;
  }
/*** END Stile fuer CMF-Formulare ***/