/*

    Stylesheet für Ute Berger - Küchen Konzepte
    (c) 2005 kreativrot.de

*/
 
 
/* Allgemeine Stildefinition */
body {
  margin:0px; padding:0px;
  background: #f6e2ad url(img/bg_body.gif) center repeat-y;
  color:#2c281f;
  line-height:1.5em;
	font-size:14px;
}

/* Layerpositionen */
div.header {
  position:absolute;
  top:20px;
  left:50%; margin-left:-135px;
}
div.menu_3buttons {
  background: url(img/bg_3buttons.gif) no-repeat;
  width:19px; height:73px;
  position:absolute; z-index:1000;
  top:112px; left:50%; margin-left:-6px;
}  


div.content {
  position:relative;
  width:950px;
  top:130px; left:50%; margin-left:-475px;
}
div.content p {
  margin:0; padding:0;
  line-height:2.1em;
}
div.content_left a {
  color:#fff;
}
div.content_right a {
  color:#691a09;
}

/* Linke Seite */
div.content_left {
  float:left;
  width:50%;
}
div.content_left p {
	color:#d3a69d;
	text-align:center;
}
div.content_left div.in {
  padding:35px 40px 0px 0px;
  color:#ddcbc8;
}
div.menu_left {
  background: url(img/bg_menu_left.gif) repeat-x;
  line-height:18px; height:22px;
}
div.menu_left a {
  display:block;
  float:left;
  color:#d3a69d;
  text-decoration:none;
  margin:0px 20px 0px 0px;
}
div.menu_left a.aktiv, div.menu_left a.aktiv:hover {
  color:#fff;
  text-decoration:none;
  border-bottom:4px solid #fff;
}
div.menu_left a:hover {
  border-bottom:4px solid #b48c84;
}
div#thumb {
	 display:block;
	 text-align:center;
 }

/* Rechte Seite */
div.content_right {
  margin-left:50%;
}
div.content_right div.in {
  padding:40px 0px 0px 40px;
}
div.menu_right {
  background: url(img/bg_menu_right.gif) repeat-x;
  line-height:18px; height:22px;
}
div.menu_right a {
  display:block;
  float:right;
  color:#716850;
  text-decoration:none;
  margin:0px 0px 0px 20px;
}
div.menu_right a.aktiv, div.menu_right a.aktiv:hover {
  color:#000;
  text-decoration:none;
  border-bottom:4px solid #000;
}
div.menu_right a:hover {
  color:#000;
  text-decoration:none;
  border-bottom:4px solid #958358;
}

/* Ende */
div.unten {
  padding-top:20px;
  text-align:right;
  color:#debb69;
  font-size:80%;
}

/* Bildermanagement */
img {
  border:none;
}
img.ku,
img.map,
iframe.map {
  margin:4px;
  padding:8px;
	background:#7a1e0b;
  border:1px solid #a5756b;
}
img.ku {
  cursor: -moz-zoom-in;
}

/* Ausegfallene Sachen */
div.book {
  clear:right;
  padding:10px 0px 0px 0px;
}
div.book img.bu {
  float:right;
  margin:0px 0px 0px 10px;
  padding:10px;
	background:#7a1e0b;
  border:1px solid #a5756b;
}


/* Formulare */
td.form {
  text-align:right;
  vertical-align:top;
  padding-right:5px;
  white-space:nowrap;
}
td.form2 {
  vertical-align:top;
  color:#fff;
}
input.zeile, textarea.zeile {
  color:#fff;
	border:none;
  border-bottom:1px solid #D3CBC8;
  background:transparent;
  width:242px;
  padding:1px; margin:0px 0px 10px 0px;
  overflow:hidden;
  vertical-align:top;
}
textarea.zeile {
	border:1px solid #D3CBC8;
	width:240px;
	background:#7a1e0b;

}
input.button {
  color:#4D1407; background:#ccc;
	border:1px solid #3d2019;
  padding:2px; width:244px;
	text-transform:uppercase;
	cursor:pointer;
}

/* Sonstiges */
h2 {
  font-size:120%;
}
ul.weiteliste li {
  padding: 10px 0px;
}
ul.kontaktliste {
  list-style: none;
}
ul.kontaktliste li {
  padding:0px 0px 12px 0px;
}
div.messagecontrol {
  border:1px dashed #a76;
  padding:10px; margin:5px 0px 0px 0px;
  color:#eee;
}
div.messagecontrol blockquote {
  font-style:italic;
}