/* Main Page Design */ 

body {  margin: 0; background: #c6bcb0 url(/i/bg-pattern.jpg) top center repeat}

#container {  width: 960px; margin: 20px auto; position: relative; border: #ffe783 2px solid; background: #fff}
.header {  height: 250px; background: #ccc url(/i/main_img1.jpg) bottom center no-repeat}
.header-end {  width: 960px; height: 8px; background: #a19999; border-top: #ffe783 1px solid; border-bottom: #ffe783 1px solid}
.logo {  width: 319px; height: 85px; position: absolute; top: 35px; left: 0; font: bold 11px Arial, Verdana, sans-serif; color: #FFFFFF;}
#main {  width: 960px; background: #eae9e7 url(/i/grad_bg.gif) repeat-x}
.wrap {  float: right; width: 730px}
.clear {  clear: both}

/* Content */ 
#content, #content-main {  float: left; background: #eae9e7; margin-bottom: 20px; padding: 20px 20px 10px 30px; font: normal normal 13px Arial, Verdana, sans-serif; color: #333; overflow: hidden}
#content {  width: 680px}
#content-main {  width: 460px}
.fixed-height {  height: 400px}

h1 {  margin: 0 0 16px; font: bold 16px Times New Roman, serif; color: #993300}
h2 {  font: bold 15px Times New Roman, serif; color: #993300}
p {  margin: 10px 0}
li {  margin-top: 6px}
a, a:visited {  color: #996666}
a:hover {  color: #993300}
a {  outline: none}
strong {  color: #993300}
img {  border: 0}
img.ill {  float: right; border: #ffe783 1px solid; margin: 3px 0 20px 20px}

div.ill-add {  clear: both; padding-top: 20px; text-align: right}
div.ill-add img {  float: left; margin-right: 15px; border: #ffe783 1px solid}
div.ill-add div {  clear: both; padding-top: 10px}

.gallery {  margin-left: -18px}
.gallery img {  float: left; margin: 10px 18px; width: 100px; height: 75px; border: #ffe783 1px solid}

div.price {  height: 32px; padding: 8px 0 0 50px; margin-top: 30px}
.word {  background: url(/i/icon-worddoc.gif) no-repeat}

/* Left */ 
.left {  float: left; width: 230px; padding-top: 18px}
.phone {  width: 190px; height: 120px; background: url(/i/phone_bg.jpg) center center no-repeat}
.phone div {  position: relative; top: 36px; font: normal 16px Times New Roman, serif; color: #993300}
.numb {  font-weight: bold}
.nav {  width: 190px; margin: 8px 0 20px; padding-bottom: 60px; background: url(/i/arabesq2.gif) bottom center no-repeat}
.nav a, .nav a.selected {  display: block; background: url(/i/menu_line.gif) bottom center no-repeat; font: bold 13px Times New Roman, serif; color: #996666; text-transform: uppercase; line-height: 36px; text-decoration: none}
.nav a.selected {  color: #993300; cursor: default}

/* Spez-block (right-left) */ 
.spez, .spez-main {  width: 220px; margin-bottom: 10px; padding-top: 20px; font: bold 13px Times New Roman, serif; color: #993300; text-transform: uppercase}
.spez-main {  float: right}
.spez-banner {  border: #ffe783 2px solid; margin-bottom: 20px}

/* Footer */ 
.footer {  clear: both; height: 60px; background: #d1ceca; border-top: #c5c2bd 1px solid; padding: 20px; font: normal normal 13px Arial, Verdana, sans-serif; color: #666}
.footer-left {  float: left; width: 210px}
.footer-contacts {  float: left; padding: 0 0 0 30px}
.footer-counter {  float: right}

.tbldata
{
	border: 0px;
	width: 100%;
	border-collapse: collapse;
}

.tbldata TH
{
	background-color: #993300;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 2px 5px 2px 5px;
	border: 1px solid #FFFFFF;
}

.tbldata TD
{
	font-size: 12px;
	text-align: left;
	padding: 2px 5px 2px 5px;
	border: 1px solid #FFFFFF;
}

.celltitle
{
	background-color: #D1CECA;
	font-size: 12px;
	font-weight: bold;
}

.discount
{
	border: #ffe783 1px solid;
	padding: 5px 10px 5px 10px;
	font: bold 13px Times New Roman, serif;
	color: #993300;
	text-transform: uppercase;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}