@charset "UTF-8";
* {
  margin:0;
  padding:0;
}
html {
  height:100%;
}
body {
  height:101%;
  color:#1c1c1c;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color:#FFF;
  background-image:url(../img/hintergrund.jpg);
  background-repeat:repeat;
  background-position:center top;
  background-attachment:scroll;
  line-height:19px;
  -webkit-text-size-adjust:none; /* Turn off font resizing */
}
img {
  border:0 none;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  color:#c9402e;
}
h2 {
  font-size:15px;
  padding:5px 0 10px 340px;
}
/* ---------------------------------------- */

#box {
  width:820px;
  margin:30px auto 30px auto;
}
#head {
  height:276px;
  background:url(../img/karte-header.png) no-repeat left top;
  margin:0;
  padding:0;
}
#head a {
  display:block;
}
#head a img {
  margin:0;
  padding:23px 0 0 42px;
}
/* ---------------------------------------- navigation */

#menu {
  line-height:1.5;
  float:left;
  padding:0 10px 0 400px;
  margin:-30px 0 0 0;
}
#menu ul {
  position:relative;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
}
#menu ul li {
  position:relative;
  font-weight:bold;
  padding:5px 32px 5px 0;
  margin:0;
  float:left;
}
#menu ul li ul li {
  font-weight:normal;
  margin:0;
  padding:0;
  float:none;
}
/* submenues: default versteckt */
#menu ul li ul {
  position:absolute;
  top:23px;
  left:0px;
  display:none;
  padding:6px 0 0 0;
  margin:0;
}
/* zeige das Submenue (ul ul) bei hover ueber ein li des Hauptmenues 
   zeige jeweils das Submenu mit der ID '#aktiv' */
#menu ul li ul#aktiv, #menu ul li:hover ul {
  display:block;
}
/* menue colors */
#menu a {
  text-decoration:none;
  display:block;
  color:#000000;
  padding: 0 35px 0 0;
}
#menu a:hover, #menu a:active, #menu a.current {
  color:#c9402e;
}
/* ---------------------------------------- middle */

#middle {
  width:820px;
  min-height:280px;
  background:url(../img/karte.png) repeat-y 0 0;
  padding: 0 0 20px 0;
}
#content, #impressum {
  padding:0px 60px;
}
#impressum h2 {
  padding:10px 0px;
}
#ohrringe {
  padding:18px 60px 0 60px;
}
#ohrringe p {
  padding:10px 0;
}
#grundpreis {
  padding: 30px 0 0 30px;
  font-size: 13px;
}
/* ------------------------------------------  content */
#content a, #content a:visited, #impressum a, #impressum a:visited {
  color:#666;
}
#content a:hover, #content a:active {
  color:#c9402e;
}
#content p {
  padding:10px 0 0 340px;
}
#content img {
  float:left;
  padding:10px 0 10px 0;
}
#content ul {
  padding:10px 0 0 360px;
  list-style-type:disc;
}
#content ul li {
  padding-top:14px;
}
#content ul li a img,
#content #nicole a img {
  margin: 0px;
  padding: 0;
  position: relative;
  top: 3px;
  float: none;
}
/*---------------------------------------- bei über uns der link unter den Bildern gleiche Höhe ... */
#content #nicole a {
  margin: 0px;
  padding: 0;
  position: relative;
  top: 8px;
  float: none;
}

/*---------------------------------------- divs für Ohrringe nur home */
#home1 {
  position:relative;
  left:70px;
  top:0px;
  float:left;
}
#home2 {
  position:relative;
  left:130px;
  top:0px;
  float:left;
}
/* ---------------------------------------- Beschrieb für Ohrringe alle Kollektionen */
.beschrieb {
  position:absolute;
  bottom:10px;
  left:340px;
  font-size:13px;
  margin:0;
  padding:0;
}
/* ---------------------------------------- classen für Abstand Ohrringe*/
.abstand00, .abstand10, .abstand20, .abstand30, .abstand40, .abstand50, .abstand60 {
  position:relative;
  padding-top:0;
}
#ohrringe .abstand00 {
  padding:0 0 0 1px;
}
#ohrringe .abstand10 {
  padding:0 0 0 10px;
}
#ohrringe .abstand20 {
  padding:0 0 0 20px;
}
#ohrringe .abstand30 {
  padding:0 0 0 30px;
}
#ohrringe .abstand40 {
  padding:0 0 0 40px;
}
#ohrringe .abstand50 {
  padding:0 0 0 50px;
}
#ohrringe .abstand60 {
  padding:0 0 0 60px;
}
/* ---------------------------------------- über uns  */
#barbara {
  position: static;
  float: left;
  padding: 25px 20px 10px 0;
}
#barbara p {
  padding:0;
}
#nicole {
  position: static;
  float: left;
  padding: 25px 10px 10px 0;

}
#nicole p {
  padding:0;
}
#porzellanmalerin {
  position: static;
  float: right;
  padding: 25px 36px 10px 0;

}
#porzellanmalerin p {
  padding:0;
}

/* ---------------------------------------- google map  */

#karte {
  margin: 20px 0 0 0;
}
.line-height {
  line-height: 40px;
}
#barbaramap {
  padding: 50px 0 0 0;
}
#barbaramap p {
  padding:0;
}
#nicolemap {
  padding: 50px 0 20px 0;
}
#nicolemap p {
  padding:0;
}
#nicolemap p img {
  padding: 7px 0 0 0;
}
/* ------------------------------------------  footer */
#footer {
  height:69px;
  width:780px;
  background:url(../img/karte-footer.png) no-repeat 0 0;
  padding:20px 0 0 40px;
}
#footer p, #fb {
  float:right;
  font-weight:bold;
  padding:0 60px 0 0;
}

/* ---------------------------------------- general */
.clearleft {
  clear:left;
  margin:0;
  padding:0;
  height:0;
  overflow:hidden;
}
.clearboth {
  clear:both;
  margin:0;
  padding:0;
  height:0;
  overflow:hidden;
}