//RESET
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
a {margin:0;padding:0;border:0;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
//


body * {
  line-height: 15pt;
  }

body {
  background: #600000 url('img/body-bg.png') repeat-x fixed;
  color: #e28869;
  }

h2, h3 {
  background: url('img/h2-underline.png') repeat-x 0 60%;
  font: 20pt "Chaparral Pro", "Minion Pro", "Palatino", "Book Antiqua", "Times New Roman" serif;
  font-style: italic; font-style: oblique;
  font-weight: lighter;
  line-height: 20pt;
  margin: -65px 0 45px 0;
  color: #e2b200;
  height: 40px;
  left: 350px;
  width: 550px;
  position: relative;
  text-shadow: 0px -4px 40px #ebc900;
  }
h3 {margin: 3em 0 1em 0;}

h5, dt, cite {
  color: #c45800;
  position: relative;
  float: left;
  text-align: right;
  left: 205px;
  width: 120px;
  font: 10pt sans-serif;
  line-height: 15pt;
  margin: 0 -120px 0 0;
  text-shadow: 0px 2px 10px #772200;
  }

p, blockquote, dd, cite, table {
  position: relative;
  left: 350px;
  width: 560px;
  margin: 0 0 1em 0;
  font: 13pt "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
  line-height: 15pt;
  font-size-adjust: 0.54;
  text-shadow: 2px 2px 5px #662200;
  }
address p {margin-bottom: .5em;}
td {text-align: center;}

fieldset {
  border: 0;
  position: relative;
  left: 320px;
  width: 560px;
  margin: 0 0 15px 60px;
  }
fieldset legend {display: none;visibility: hidden;}

#form-adresse input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid gray;
  color: gray;
  font: 12pt "Verdana", "Trebuchet MS" sans-serif;
  font-style: italic; font-style: oblique;  
  width: 200px;
  text-shadow: 0px 0px 4px #555555;
  }
input.check {
  position: absolute;
  left: -24px;
  }
input.send, input.reset {
  position: relative;
  left: 350px;
  margin: 0 0 1em 0;
  font: 13pt "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
  line-height: 15pt;
  font-size-adjust: 0.54;
  text-shadow: 2px 2px 5px #555555;
  }

select.praline {
  width: 180px;
  height: 180px;
  background: none no-repeat;
  border: none;
  color: #e28869;
  }
#praline1 {background-image: url('img/praline-1.png') ;}
#praline2 {background-image: url('img/praline-2.png') ;}
#praline3 {background-image: url('img/praline-3.png') ;}
#praline4 {background-image: url('img/praline-4.png') ;}
#praline5 {background-image: url('img/praline-5.png') ;}
#praline6 {background-image: url('img/praline-6.png') ;}

img.praline-bg-1,img.praline-bg-3 {left: 0px;}
img.praline-bg-2, img.praline-bg-4 {left: 260px;}
img.praline-bg-3, img.praline-bg-6 {left: 910px;}
img.praline-bg-1, img.praline-bg-2, img.praline-bg-3 {position: absolute; margin-top: -123px;}
img.praline-bg-4, img.praline-bg-5, img.praline-bg-6 {position: absolute; margin-top: -31px;}
#praline-bis {margin-top: -179px;}
#praline-h3 {margin-top: -82px;}

a {
  color: #e2b200;
  text-decoration: none;
  background: url('img/links-underline.png') repeat-x bottom left;
  font-style: italic; font-style: oblique;
  text-shadow: 0px 0px 10px #ff5500;
  }
a:hover, a:active {
  color: #ebc900;
  background: url('img/links-underline-hover.png') repeat-x bottom left;
  text-shadow: 0px 0px 5px #ff5500;
  }
a:focus {
  outline: 0;
  }

#texts {
  width: 960px;
  position: relative;
  margin: 0 auto;
  }

#navmenu {
  position: fixed;
  background: url('img/menu-bg.png') no-repeat;
  top: 0;
  width: 960px;
  height: 200px;
  margin-left: 17px;
  }

#hauptmenu {
  position: relative;
  top: 40px;
  left: 291px;
  height: 96px;
  width: 554px;
  }
#hauptmenu li {
  float: left;
  list-style: none;
  position: relative;
  width: 134px;
  height: 48px;
  }
li.w133 {width: 133px;}
li.w153 {width: 153px;}

a.menu:link, a.menu:visited {
  display: block;
  background-repeat: no-repeat;
  width: 134px;
  height: 48px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  }
a.menu:hover, a.menu:active, 
#menu-home:hover, #menu-home:active, 
#menu-neuheiten:hover, #menu-neuheiten:active, 
#menu-schokoshop:hover, #menu-schokoshop:active, 
#menu-alvarez:hover, #menu-alvarez:active, 
#menu-xocoatl:hover, #menu-xocoatl:active, 
#menu-chocolatier-kunst:hover, #menu-chocolatier-kunst:active, 
#menu-kontakt-und-fuehrungen:hover, #menu-kontakt-und-fuehrungen:active, 
#menu-impressum:hover, #menu-impressum:active
  {
  background-image: none;
  }
#menu-home {
  background-image: url('img/menu-home.png');
  background-position: 1px 0;
  }
#menu-neuheiten {
  background-image: url('img/menu-neuheiten.png');
  background-position: 1px 0;
  }
#menu-schokoshop {
  background-image: url('img/menu-schokoshop.png');
  background-position: 1px 0;
  width: 133px;
  }
#menu-alvarez {
  background-image: url('img/menu-alvarez.png');
  background-position: 1px 0;
  width: 133px;
  }
#menu-xocoatl {
  background-image: url('img/menu-xocoatl.png');
  }
#menu-chocolatier-kunst {
  background-image: url('img/menu-chocolatier-kunst.png');
  }
#menu-kontakt-und-fuehrungen {
  background-image: url('img/menu-kontakt-und-fuehrungen.png');
  width: 153px;
  }
#menu-impressum {
  background-image: url('img/menu-impressum.png');
  width: 153px;
  }

h1 {
  color: #ebc900;
  font: 40pt "Chaparral Pro", "Minion Pro", "Palatino", "Book Antiqua", "Times New Roman" serif;
  font-style: italic; font-style: oblique;
  font-weight: lighter;
  line-height: 40pt;
  width: 280px;
  height: 90px;
  position: relative;
  left: 33px;
  padding-top: 180px;
  margin: 0;
  text-align: center;
  text-indent: -9999px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: bottom;
  text-shadow: 0px -10px 40px #ffff00;
  }
#h1-home {background-image: url('img/h1-home.png');}
#h1-neuheiten {background-image: url('img/h1-neuheiten.png');}
#h1-schokoshop {background-image: url('img/h1-schokoshop.png');}
#h1-alvarez {background-image: url('img/h1-alvarez.png');}
#h1-xocoatl {background-image: url('img/h1-xocoatl.png');}
#h1-chocolatier-kunst {
  background-image: url('img/h1-chocolatier-kunst.png');
  padding-top: 196px;
  height: 130px;
  }
#h1-kontakt-und-fuehrungen {
  background-image: url('img/h1-kontakt-und-fuehrungen.png');
  padding-top: 196px;
  height: 130px;
  }
#h1-impressum {background-image: url('img/h1-impressum.png');}

img.img-bereich {
  position: absolute;
  left: 33px;
  }
#img-bereich-schokoshop {left: 48px;}
#img-bereich-alvarez {left: 48px;}
#img-bereich-chocolatier-kunst {left: 49px;}
#img-bereich-kontakt-und-fuehrungen {left: 40px;}

#bereich-impressum {
  height: 720px;
  }

label {
  font-family: sans-serif;
  }