/** general **/
body {
  margin: 0px;
  padding: 0px;
  background: url("images/bg_body.jpg") repeat-x top;
  direction: rtl;
  background-color:#E4E6E7;
  /*background: url("images/bg.gif") repeat-x top;*/
}

body,html {
  font: normal 12px Tahoma;
  color: #333333;
}

/** form settings **/
input,select,textarea {
  font: normal 12px Tahoma;
  color: #666666;
}

input[type=text],input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #507ab2;
}
h3 {
  color:#F0F0F0;
  font-family:Times New Roman,tahoma,Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:bold;
  margin:0 5px 5px 0;
  padding:0 2px 2px 0;
  text-shadow:0.1em 0.1em 0.1em #000000;
  border-bottom:1px solid white;
}
.wait{
  background-color: white; margin: 400px 0;
  text-align: center;
  height: 300px;}

table td {
  text-align: right;
}

table.code {
  overflow:scroll;
  width: 100%; 
  background-color : ivory;
  border: 1px solid beige;
  padding-left: 3px;
  background-color: ivory;
}

table.code td {
  text-align: left;
  height: 21px;
}

table.code td:hover {
  background: beige;
}

table.gallery {
  float: right
}

hr.separator {
  border: 1px solid #993333;
  margin: 20px 0px 20px 0px;
}
.separator {
  border-bottom: 1px solid white;
}
.left_col{ 	background: url("images/left_col.png") no-repeat top; background-color:#BFC0C1; padding-top:20px; width:176px
}
.banner{  height:176px;
}
.main_co{  height:100%;
}
a {
  text-decoration: none;
  font-weight: bold;
  color: #993333;
}
a.menu_top_llink{font-family: Arial; color:black}

/** hover **/
a:hover {
  text-decoration: underline;
}

img {
  border: 0px;
}

.nor {
  font: bold 16px Arial;
}
.header{background: url("images/bg_h.jpg") no-repeat top right; text-align:center; width:100%; height:182px;
}
.footer{background: url("images/fbg.png") repeat-x bottom ; text-align:center; width:100%; height:217px;
}
.sinput{height: 17px; width: 159px; background: url("images/sinput.gif") no-repeat;   background-position: 0px 0px; padding-right:20px; padding-top:7px;   font: Bold 16px Arial; color:#666666; background-color:#E5E5E5; border-width:0px } 
#mtop{text-align:center;}
.title {
  color: #993333;
  font: bold 16px Arial;
  padding-bottom: 10px;
}

#news {
  padding: 10px;
  background: url("images/line.gif") repeat-x bottom;
}

#news div.pfeile {
  padding-top: 5px;
  font-weight: bold;
}

#spalte {
  float: right;
  margin: 5px;
  padding-top: 30px;
  height: 200px;
  width: 31%;
  border: 1px solid #333333;
  cursor: pointer;
}

#spalte:hover {
  background-color: #333333;
}

#spalte .title {
  background: #993333;
  height: 20px;
  color: white;
  padding-right: 15px;
  font: bold 12px Arial;
  line-height: 200%;
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: center;
}

.title_orange {
  height: 28px;
  width: 158px;
  color: white;
  background-color: #993333;
  font: bold 16px Arial;
  line-height: 200%;
  padding-right: 18px;
  margin-bottom: 3px;
}

.title_blue {
  width: 158px;
  font: bold 16px Arial;
  line-height: 200%;
  height: 28px;
  padding-right: 18px;
  margin-bottom: 3px;
  color: #993333;
  border-bottom-style: solid;
  border-bottom-width: 6px;
  /*
  font: bold 16px Arial;
  height: 28px;
  line-height: 200%;
  padding-right: 20px;
  text-align: right;
  width: 100%;
  color: #993333;
  border-bottom-style: solid;
  border-bottom-width: 6px;
  */
}

.bb {
  color: #993333;
  font-weight: bold
}

.warn {
  height: 28px;
  color: red;
  font: bold 16px Arial;
  line-height: 200%;
}

.error {
  border: 1px solid #FF6600;
  background: #FCECE0;
}

.blue {
  font: bold 16px Arial;
  height: 28px;
  line-height: 200%;

  text-align: right;
  width: 100%;
  color: #993333;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.ar {
  font: bold 18px Arial;
  color: #993333;
}

.orange {
  background: #FF9900;
  font: bold 15px Arial;
  color: white;
  height: 24px;
  line-height: 200%;
  padding-right: 20px;
  text-align: right;
  width: 100%;
}

i {
  font: bold 12px 'Trebuchet MS', Verdana, sans-serif;
  line-height: 1.3em;
  color: #0099CC;
}

strong {
  font: bold 14px 'Trebuchet MS', Verdana, sans-serif;
  line-height: 1.3em;
  color: #000000;
}
.footer_ul li{
  margin-bottom: 1px;
  line-height: 200%;
  cursor: pointer;}
ul#left {
  clear: both;
  list-style: none;
  text-align: right;
  padding: 0px;
  margin: 0px;
  background-color: white;
}

ul#left li {
  height: 22px;
  width: 178px;
  background: #cccccc url('images/m.gif') no-repeat right;
  margin-bottom: 1px;
  line-height: 200%;
  cursor: pointer;
}

ul#left li.kind {
  background: #F5F5F5 url('images/m.gif') no-repeat right;
}
ul#left li.selectedli {
  background: #AA4E40 url('images/m.gif') no-repeat right;
}
ul#left li.selectedli a{
  color: white;
}


ul#left li a {
  color: #333333;
  font: normal 12px Tahoma;
  text-decoration: none;
  padding-right: 28px;
}

ul#left li:hover {
  background-color: #AA4E40;
  color: white;
}

ul#left li a:hover {
  color: white;
}



/*-------------footer--------------------*/
ul#footer_menu {
  clear: both;
  text-align: right;
  margin:0 15px 15px 0;
  padding:0 12px 12px 0;
}

ul#footer_menu li {
  height: 22px;
  width: 178px;
  margin-bottom: 1px;
  line-height: 200%;
  cursor: pointer;
}

ul#footer_menu li.kind {
}
ul#footer_menu li.selectedli {
}
ul#footer_menu li.selectedli a{
  color: white;
}


ul#footer_menu li a {
  color: white;
  font: normal 12px Tahoma;
  text-decoration: none;
  padding-right: 8px;
}

ul#footer_menu li:hover {
  color: #AA4E40;
}

ul#footer_menu li a:hover {
  color: #AA4E40;
}

a.comments {
  background: url(images/comments.png) no-repeat right bottom;
  padding-right: 20px;
  padding-left: 20px;
  color: #009900;
  line-height: 170%;
}

a.sendtofriend {
  background: url(images/email_go.png) no-repeat right center;
  padding-right: 20px;
  padding-left: 20px;
  color: #009900;
  line-height: 170%;
}

a.zoom {
  background: url(images/zoom.png) no-repeat right center;
  padding-right: 20px;
  padding-left: 20px;
  color: #009900;
  line-height: 170%;
}

a.print {
  background: url(images/print.png) no-repeat left center;
  padding-right: 20px;
  padding-left: 20px;
  color: #009900;
  line-height: 170%;
}

img.thumb {
  border: 2px solid #cccccc;
  margin: 5px
}
ul#pagination{
  clear:both;
  list-style: none;	
  width: 100%;
}
ul#pagination li{

  float: right;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border: 1px solid gray;
  background-color: #993333;
  padding: 1px 7px 1px 7px;
  margin: 2px 2px 2px 2px;
}
ul#pagination li a{
  color: white;
  text-align: center;
  text-decoration: none;
}
ul#pagination li:hover{
  background-color: gray;
  color: #A0C566;
}

ul#pagination li.current{
  background-color: gray;
  color: #A0C566;
}
#thumb img.product {
  border: 1px solid #999999;
  max-width: 200px;
  height: 150px;
}
.page{padding-right: 20px; width: 740px !important;}
.page_top {
  font: bold 16px Arial;
  height: 28px;
  line-height: 200%;

  text-align: right;
  width: 100%;
  color: #993333;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.page_top  img.left {
  height: 26px;
  width: 21px;
  float: right;
  margin-right: 5px;
}

.page_content_left {
  background: url(images/page_content_right_bg.gif) repeat-y left;
  width: 10px;
}

.page_content_right {
  background: url(images/page_content_left_bg.gif) repeat-y right;
  width: 10px;
}

.page_content {
  padding-right: 0px;
  padding-top: 10px;
}

.page_footer {
  background: url(images/page_footer_left.gif) no-repeat right;
  height: 9px;
}

.page_footer img.left {
  height: 9px;
  width: 15px;
  float: left;
}

.product_title {
  font-family: Tahoma;
  font-size: 12px;
  color: #3091BB;
  font-weight: bold;
}

.product_price {
  font-family: Tahoma;
  font-size: 12px;
  color: #3091BB;
  font-weight: bold;
}

.product_sale_price {
  font-family: Tahoma;
  font-size: 12px;
  color: red;
  font-weight: bold;
}

.product_desc {
  font-family: Tahoma;
  font-size: 11px;
  color: #484E53;
  font-weight: bold;
}

#shop {
  height: 140px;
}

#shop img {
  float: right;
  padding-left: 20px;
}

#template {
  padding: 20px 0px 20px 20px;
  height: 130px;
}

#template img {
  padding-left: 20px;
  float: right;
}

ul.folders {
  font: bold 12px 'Trebuchet MS', Verdana, sans-serif;
  line-height: 1.3em;
  list-style-image: url(images/folder.gif);
}

ul.folders li {
  padding-right: 4px;
}

ul.packages {
  font: bold 12px 'Trebuchet MS', Verdana, sans-serif;
  line-height: 1.3em;
  list-style-image: url(images/package.png);
}

ol.steps{list-style-position: inside; margin-right: 0; width: 100%; padding-right: 5px}
ol.steps li.active {float: right; width: 23%; color: #993333; font:bold 16px/200% Arial;border-bottom-style: solid; border-bottom-width: 6px; margin: 2px}
ol.steps li {float: right; width: 23%; color: #C0C0C0; font:bold 16px/200% Arial;border-bottom-style: solid; border-bottom-width: 6px; margin: 2px}
.registerform label, .flogin label{display: block; padding: 2px 0}
.registerform input, .flogin input{padding: 2px}