/*************** CSS für hochzeitsdoku.de, © 2009 Bianca Brandt, brandtgefahr.de ****************/

* {
  margin: 0;
  padding: 0;
}

html {}

body {
  width: 100%;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

#logo {
  position: absolute;
  top: 30px; left: 15px;
  border: 0;
  border-collapse: collapse;
}

#titel {
  position: absolute;
  top: 72px; left: 320px;
  font-size: 12px; /*11px;*/
  color: #7b7e80; /*#b1a8aa;*/
}

ul#menu {
  position: absolute;
  top: 72px; left: 300px;
  font-size: 12px;
  color: #7b7e80; /*#b1a8aa; #6d6f71*/
  list-style: none;
  white-space: nowrap;
  width: 800px;
}

ul#menu li {
  text-transform: uppercase;
  float: left;
  padding: 0 10px 0 0;
  white-space: nowrap;
  height: 16px;
  display: block;
}

ul#menu li a {
  white-space: nowrap;
  display: block;
  text-decoration: none;
}

ul#menu li a:hover {
  color: #ef5ba1;
  background-color: #fff;
}

ul#menu ul.sub {
  display: none;
  list-style: none;
  font-size: 11px;
  padding: 2px 0 0 13px;
  background-image: url(img/submenu.gif);
  background-repeat: no-repeat;
}

/* IE6 only */
ul#menu table {
  border-collapse: collapse; 
  margin: -1px; 
  font-size: 1em; 
  width: 0; 
  height: 0;
}

ul#menu :hover ul.sub {
  display: block; 
  position: absolute;
  float: left;
  width: auto;
  top: 16px; 
  height: 30px;
  padding-bottom: 5px;
  padding-right: 15px;
  left: auto; 
}

ul#menu li:hover {
  color: #ef5ba1;
}





#startgal {
  position: absolute;
  top: 130px; left: 70px;
  width: 785px;
}

#kundenbereich {
  position: absolute;
  top: 130px; left: 70px;
  width: 810px;
}

#ueberuns {
  position: absolute;
  top: 130px; left: 70px;
}

#kunde {
  width: 250px;
  margin: 0 18px 20px 0;
  float:left;
}

#kunde img {
  border: 0;
}

#info {
  width: 320px;
  margin: 0 30px 20px 0;
  float:left;
}

#people {
  width: 157px;
  margin: 0 15px 20px 0;
  float:left;
}

#people img {
  border: 0;
  margin: 7px 0 0 0;
}

#angebot {
  position: absolute;
  top: 130px; left: 70px;
}

#info-schmal {
  width: 200px;
  margin: 0 30px 20px 0;
  float:left;
}

#info-schmal ul {
  color: #7b7e80;
  font-size: 12px;
  margin: 7px 0 0 0;
  padding: 0 0 0 12px;
}

#info-breit {
  width: 390px;
  margin: 0 20px 20px 0;
  float:left;
}

#kontaktformular td {
  color: #7b7e80;
  font-size: 12px;
  padding: 0 5px 1px 0;
}

#kontaktformular td input, 
#kontaktformular td select, 
#kontaktformular td textarea {
  background-color: #eee;
  color: #7b7e80;
  border: 0;
  font-size: 12px;
  padding: 0 5px 1px 0;
}

#kontaktformular td input {
  width: 180px;
}

#kontaktformular td input.none {
  width: auto;
}

#kontaktformular td textarea {
  width: 300px;
  height: 50px;
}

#info-breit ul, 
#kontaktformular ul,
#text-plain ul {
  color: #7b7e80;
  font-size: 12px;
  margin: 7px 0 0 0;
  padding: 0 0 0 12px;
  line-height: 16px;
}

#foto {
  width: 200px;
  margin: 0 0 20px 0;
  float:left;
}

#foto2 {
  width: 290px;
  margin: 0 20px 20px 0;
  float:left;
}

#foto img, 
#foto2 img {
  border: 0;
  margin: 0 0 20px 0;
}

#kontakt {
  position: absolute;
  top: 130px; left: 70px;
  width: 810px;
}

#kontaktformular {
  width: 310px;
  margin: 0 15px 20px 0;
  float:left;
}

#text-plain {
  width: 500px;
  margin: 0 0 20px 0;
  float:left;
}

#navi {
  position: absolute;
  top: 130px; left: 70px;
  width: 212px;
}

#navi2 {
  position: absolute;
  top: 130px; left: 300px;
}

#navi td,
#navi2 td {
  font-size: 11px;
  color: #7b7e80;
}

a {
  color: #7b7e80;
  background-color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #fff;
  background-color: #ef5ba1;
  text-decoration: none;
}

#thumbs {
  position: absolute;
  top: 150px; left: 70px;
  width: 220px;
}

#thumbs img {
  float: left;
  margin: 0 4px 4px 0;
  border: 0;
}

#show {
  position: absolute;
  top: 150px; left: 300px;
}

#show img {
  border: 0;
}

#text {
  /*position: absolute;
  top: 590px; left: 70px;*/
  width: 212px;
  font-size: 11px;
  line-height: 14px;
  color: #7b7e80;
  padding: 7px 0;
}

#pw-center {
  position: relative;
  width: 250px;
  margin: 10% auto 0;
}

#pw-logo {
  width: 250px;
  border: 0;
}

#pw-titel,
#pw-center {
  font-size: 12px;
  color: #7b7e80;
  text-align: center;
}

h6 {
  color: #ef5ba1;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 7px 0;
}

p {
  color: #7b7e80;
  font-size: 12px;
  margin: 7px 0 0 0;
  line-height: 16px;
}

span.pink {
  color: #ef5ba1;
}

#kunde h6 {
  margin: 7px 0 0 0;
}

#kunde p {
  margin: 0 0 7px 0;
}

#info-breit p, 
#kontaktformular p,
#text-plain p {
  margin: 7px 0 10px 0;
}

#kontaktformular p,
#kontaktformular td,
#people p {
  font-size: 11px;
}