div, html, body, table, tr, td, th, p, h1, h2, h3, h4, h5, span, img, pre {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: arial, sans-serif;
  font-size: 15px;
  /*color: #ba5601;*/
  color: #bb4400;
  background-color: inherit;
}

html, body {
  height: 100%;
  width: 100%;
  /*background-color: #ffe522;*/
  /*background-color: #87A2FF;*/
  background-color: #E7EAFF;
  color: inherit;
}

p {
  margin-bottom: 8px;
}

h1, h2 {
  margin: 8px 0 13px 0;
}

h2 {
  margin-bottom:9px;
}

ul {
  padding-left: 8px;
  padding-top:10px;
  margin-left: 8px;
  margin-top:12px;
}

ul li {
  margin-top: 3px;
  margin-bottom: 3px;
}

.body {
  height:100%;
  width:100%;
  text-align:center;
  vertical-align:middle;
}

div.hintergrund {
  background: url(../txp_img/2.png) no-repeat top left;
  width: 901px;
  height: 536px;
  position:relative;
  margin:auto;
  text-align:left;
  /*border: 2px solid #ffbb00;*/
  /*border: 2px solid #C4CCFF;*/
}

div.topleft, div.topright {
  position:absolute;
  top: 11px;
  white-space:nowrap;
}

div.topleft a, div.topright a {
  text-decoration:none;
  font-size:13px;
  color:#cf3916;
  background-color:inherit;
}


div.topleft {
  left: 8px;
}

img.topleft {
  margin: 0px 5px 0px 15px;
}

img.topright {
  margin: 0px 5px 0px 18px;
}


img#warenkorb_icon {
  margin-right:2px;
}

div.topright {
  left: 498px;
  text-align:right;
  width:381px;
}

span.logo {
  position:absolute;
  top:  44px;
  left: 388px;
  height: 112px;
  width: 118px;
  text-decoration:none;
}

a.logo {
  text-decoration:none;
}

/* Navigation */
div.nav {
  position:absolute;
  top: 75px;
  left: 47px;
  width:810px;
  white-space:nowrap;
}

img.nav {
  float:left;
  margin: 0 8px 0 8px;
}

img#nav_termine {
  margin-right:142px;
}

img#nav_workshops {
  margin-right:10px;
}

img#nav_galerie {
  margin-left:12px;
}

img#nav_kontakt {
  margin-left:12px;
}


div.nav span {
  color: #d43d34;
  background-color:inherit;
  float:left;
  font-size:20px;
}

/* Navigation  Ende */

/* CONTENT */

div.content {
  position:absolute;
  top: 169px;
  left: 56px;
  width: 790px;
  height: 333px;
  padding-right:10px;
  overflow:auto;
}

img.ueberschrift {
  display:block;
  margin-bottom:15px;
  position:absolute;
  top:124px;
  left:55px;
}


h1.ueberschrift {
  margin-bottom:15px;
  font-size:16px;
  position:absolute;
  top:124px;
  left:55px;
}


/* Willkommen Start */

div#willkommen_text {
  float:left;
  width:542px; /* Die Größe des Bildes mit dem Einleitungstext */
  margin-right:30px;
}

div#willkommen_text div {
  color:#0000ff;
  background-color:inherit;
  margin-bottom:16px;
}

img#willkommen_foto {
  /*float:left;*/
  margin-bottom:8px;
}

/* Willkommen Ende */

/* Sitemap Start */
div.sitemap h2 {
  margin:0;
}

div.sitemap_wrapper {
  float:left;
  width:600px;
}

div.sitemap {
  border: 1px solid #cc5500;
  margin: 0 20px 20px 0;
  float:left;
  width:150px;
}

div.sitemapUeb {
  border-bottom:  1px solid #cc5500;
  padding-left:   4px;
  color:          inherit;
  background-color:#fcf4f2;
}

div.sitemap li {
  margin: 2px 0px 2px 21px;
}

div.sitemap ul {
  margin: 2px 0px 4px 0px;
}

/* Sitemap Ende */

/* Kontaktformular Anfang */

.kontaktformular {
  background-color:inherit;
  color:inherit;
}

input, textarea {
  border: 1px solid #cc5500;
  margin: 3px 3px 3px 0;
  padding: 2px 2px 2px 2px;
}

input#submitButtonkontaktformular {
  background-color: #faf6c0;
  color:#aa3300;
}

/* Kontaktformular Emde */

/* Galerie Anfang */

div.galerie td {
  width:200px;
  padding:0px 30px 30px 0;
  vertical-align:bottom;
}

/* Galerie Ende */

/* Termine Anfang */

div.termine table td, div.termine table th {
  padding:3px 12px 3px 4px;
  border:1px solid #bb4400;;
}

/* Termine Ende */

/* Wichtig für Lightbox, da sonst die Fotos in der Lightbox verschwinden */
div#imageContainer, div#lightbox {
  background-color:transparent;
  color:#000000;
}
/* Lightbox Ende */