html, body {
  font: normal 10pt Arial;
  color: #241745;
  background: #faf9fb;
}

hr {

  color: #fff;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #5f5578;
  height: 1px;

}

/* Galerie */




/* Layout */

.layer {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 768px;
}

.head {
  height: 78px;
  margin-top: 15px;
  border: 0px solid #33FFFF;
}

.content {
  margin-top: 0px;
  height: 510px;
  background: url(./design/design.png) top left;
  border: 0px solid #33FFFF;
}

.content #left {
  border: 0px solid #33FFFF;
  float: left;
  width: 200px;
  height: 510px;
  text-align: right;
}

.content #left ul { list-style: none; margin:0; padding:0; margin-top: 92px;}
.content #left li { margin:0; padding: 0; padding-right: 30px; padding-top: 5px; padding-bottom: 3px; text-align: right; border: 0px solid #000;}
.content #left li:hover { background: url(nav_hover.png) no-repeat right 10px}
.content #left li span { font: normal 8pt Arial; color: #986532;}
.content #left li#a1 { margin-right: 20px; }
.content #left li#a2 { margin-right: 28px; }
.content #left li#a3 { margin-right: 35px; }
.content #left li#a4 { margin-right: 37px; }
.content #left li#a5 { margin-right: 37px; }
.content #left li#a6 { margin-right: 35px; }
.content #left li#a7 { margin-right: 30px; }
.content #left li#a8 { margin-right: 23px; }
.content #left li#a9 { margin-right: 25px; }

/*.content #left li#a1 { margin-right: 48px; }
.content #left li#a2 { margin-right: 56px; }
.content #left li#a3 { margin-right: 60px; }
.content #left li#a4 { margin-right: 62px; }
.content #left li#a5 { margin-right: 62px; }
.content #left li#a6 { margin-right: 60px; }
.content #left li#a7 { margin-right: 55px; }
.content #left li#a8 { margin-right: 48px; }*/
.content #left a { color: #931111; text-decoration: none; font: bold 10pt Arial; }

.content #middle {
  border: 0px solid #33FFFF;
  float: left;
  width: 590px;
  height: 500px;
  background: url(design/mid_bg.png);
}

.content #middle .prdart {border-top: 1px solid #928aa8; width: 429px; margin-left: 40px; margin-top: 10px; padding-left: 90px; }
.content #middle .prdart ul { list-style: none; margin:0; padding:0;}
.content #middle .prdart li { margin:0; margin-right: 3px; padding-top: 5px; text-align: center; float: left; background: url(bg_navoben.png) no-repeat right top; width: 170px; height: 28px;}
.content #middle .prdart li:hover { margin:0; margin-right: 3px; padding-top: 5px; text-align: center; float: left; background: url(bg_navoben_hover.png) no-repeat right top; width: 170px; height: 28px;}
.content #middle .prdart li a { font: normal 10pt Arial; color: #931111; text-decoration: none;}
.content #middle .prdart li a:hover { font: bold 10pt Arial;}


.content #middle .position {width: 250px; margin-left: 230px; margin-top: 20px; text-align: center; }
.content #middle .position ul { list-style: none; margin:0; padding:0;}
.content #middle .position li { margin:0; margin-right: 3px; padding-top: 5px; text-align: center; float: left;}
.content #middle .position li a { font: normal 10pt Arial; color: #931111; text-decoration: none;}
.content #middle .position li a:hover { font: bold 10pt Arial;}


.content #middle .cnt {height: 420px;  border: 0px solid #00CC33}
.content #middle .cnt .txt_wrap {width: 530px; height: 300px; overflow: auto;  border: 0px solid #00CCCC}
.content #middle .cnt .txt_wrap .kontakt { background: #FAF5ED; padding: 8px; margin-bottom: 12px; color: #5D5D5D;}
.content #middle .cnt .txt_wrap .kontakt span { display: block; font: bold 10pt Arial; color: #990000; margin-bottom: 3px;}



.content #middle .cnt .prd_topic { clear: left; width: 530px; height: 25px; border: 0px solid #000; padding-top: 5px; }
.content #middle .cnt .prd_topic h1 {   font: bold 12pt Arial; color: #931111; margin:0; }

.content #middle .cnt .prd_txt { float: left; border: 0px solid #000; width: 180px; margin-top: 20px; font: normal 9pt Arial; }
.content #middle .cnt .prd_txt #desc { height: 170px; border: 0px solid #00CC33 }

.content #middle .cnt .prd_txt .ptbl {
  border-collapse: collapse;
  border: 1px solid #CACACA;
}

.content #middle .cnt .prd_txt .ptbl td {
  font: normal 9pt Arial;
  padding: 5px;
}

.content #middle .cnt .prd_pic { float: left; border: 0px solid #000; width: 350px; }

.content #middle .cnt .gal ul {
	list-style: none;
}

.content #middle .cnt .gal ul li  {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.content #middle .cnt .gal ul li img  {
	border: 1px solid #CAC2AF;
}

.content #right { border: 0px solid #33FFFF; float: left; width: 200px; height: 510px; }

.content #right ul { list-style: none; margin:0; padding:0; margin-top: 31px;}
.content #right li { display: block; margin:0; padding: 0; padding-top: 7px; padding-bottom: 7px; text-align: left; border: 0px solid #000}
.content #right li#a1 { margin-left: 35px; padding-left: 20px; background: url(../graph/icon/color/weiss.png) no-repeat 0px 6px; }
.content #right li#a2 { margin-left: 45px; padding-left: 20px; background: url(../graph/icon/color/beige.png) no-repeat 0px 6px; }
.content #right li#a3 { margin-left: 54px; padding-left: 20px; background: url(../graph/icon/color/gelb.png) no-repeat 0px 6px; }
.content #right li#a4 { margin-left: 61px; padding-left: 20px; background: url(../graph/icon/color/orange.png) no-repeat 0px 6px; }
.content #right li#a5 { margin-left: 66px; padding-left: 20px; background: url(../graph/icon/color/lila.png) no-repeat 0px 6px; }
.content #right li#a6 { margin-left: 70px; padding-left: 20px; background: url(../graph/icon/color/rot.png) no-repeat 0px 6px; }
.content #right li#a7 { margin-left: 72px; padding-left: 20px; background: url(../graph/icon/color/bordeaux.png) no-repeat 0px 6px; }
.content #right li#a8 { margin-left: 73px; padding-left: 20px; background: url(../graph/icon/color/chocolat.png) no-repeat 0px 6px; }
.content #right li#a9 { margin-left: 73px; padding-left: 20px; background: url(../graph/icon/color/aqua.png) no-repeat 0px 6px; }
.content #right li#a10 { margin-left: 71px; padding-left: 20px; background: url(../graph/icon/color/royalblau.png) no-repeat 0px 6px; }
.content #right li#a11 { margin-left: 67px; padding-left: 20px; background: url(../graph/icon/color/dunkelblau.png) no-repeat 0px 6px; }
.content #right li#a12 { margin-left: 62px; padding-left: 20px; background: url(../graph/icon/color/pistazie.png) no-repeat 0px 6px; }
.content #right li#a13 { margin-left: 62px; padding-left: 20px; background: url(../graph/icon/color/tannengruen.png) no-repeat 0px 6px; }
.content #right li#a14 { margin-left: 56px; padding-left: 20px; background: url(../graph/icon/color/grau.png) no-repeat 0px 6px; }
.content #right li#a15 { margin-left: 48px; padding-left: 20px; background: url(../graph/icon/color/schwarz.png) no-repeat 0px 6px; }
.content #right li#a16 { margin-left: 37px; padding-left: 20px; background: url(../graph/icon/bullet_go.png) no-repeat 0px 6px; }

.content #right a { color: #931111; text-decoration: none; font: bold 10pt Arial; }

.foot { text-align: center; border-top: 1px solid #C8C8C8; margin-top: 8px; padding-top: 4px; color: #868686;}
.foot a { color: #868686;  }