/* -- CSS-Vorlage Kuechenwicht by BMuench -- */

body {
      background-color: #fffaff;
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 62.5%;
      padding:20px;
      color: #000;
      margin:0px;
      text-align: center;
      }


body, h1, h2, h3, h4, h5, h6, div,table, p, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
      margin: 0;
      padding: 0;
}


h3, {
      font-weight: bold;
      font-size: 1.7em;
      padding: 1em;
}

p {
      font-weight: normal;
      font-size: 1.4em;
      padding: 1em;
}



#inhalt {
  position:absolute;
  height:500px;
  width:750px;
  margin:-250px 0px 0px -375px;
  top: 50%;
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: white;
  border: 2px ridge #000000;
  background:#fff url(../9_images/kwicht_hintergrundneu.jpg) -0px 0 no-repeat;
  overflow:hidden;
}


#content {
  position:absolute;
  margin:118px 0 0 200px;
  width:550px;
  height:366px;
  overflow:hidden;
}

#menu {
  position:absolute;
  margin:0 auto;
  width:550px;
  height:367px;
  background:transparent url(menu_bw.jpg);
  overflow:hidden;
}


#menu ul {
  margin:0;
  padding:0;
}


#menu li {
  list-style-type:none;
  width:183px;
  height:126px;
  display:inline;
}


#menu a {
  display:block;
  float:left;
  width:183px;
  height:0;
  overflow:hidden;
  color:#000;
  text-decoration:none;
  padding-top:126px;
  background:transparent url(menu_col.jpg) no-repeat 500px 500px;
}


* html #menu a  {
  height:126px; he\ight:0;
}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -183px 0; z-index:50;}
#menu a#item3:hover {background-position: -366px 0; z-index:50;}
#menu a#item4:hover {background-position: 0 -126px; z-index:50;}
#menu a#item5:hover {background-position: -183px -126px; z-index:50;}
#menu a#item6:hover {background-position: -366px -126px; z-index:50;}
#menu a#item7:hover {background-position: 0 -252px; z-index:50;}
#menu a#item8:hover {background-position: -183px -252px; z-index:50;}
#menu a#item9:hover {background-position: -366px -252px; z-index:50;}



#outer ul {list-style-type:none; background:transparent; height:2em;}
#outer li {display:block; float:left;}
#outer {display:block; position:absolute; background:transparent;margin:95px 0px 0px 310px;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#e6b8dc; border-left:1px solid #8a0167; border-right:1px solid #8a0167;}
.xb1 {margin:0 5px; background:#8a0167;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d7a9cd; border:0 solid #8a0167; border-width:0 1px 1px 1px;}


a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:11em; font-size:1.01em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}



#menu2 {
  position:absolute;
  margin:145px 0px 0px 25px;
  width:150px;
  height:350px;

  overflow:hidden;
}


#menu2 dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #ae5497 url(bottom.jpg) no-repeat bottom left;}
#menu2 dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #ae5497 url(top.jpg) no-repeat top left;}
#menu2 dd {margin:0; padding:0; color: ##fff; font-size: 1em; border-bottom:1px solid #fff; background: #efddea;}
#gallery2 a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px; background: #ae5497 url(arrow.gif) no-repeat 10px 10px; width:125px;}
#gallery2 a:hover {background: #efddea url(arrowr.gif) no-repeat 11px 10px; color:#000;}