html, body{
    text-align: center;
    background: #cc0001 url(../img/bg.jpg) repeat-x left top ;
	font-size:  11px;
	font-family:  Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	line-height:16px;
    padding-top: 10px;
    margin: 0px;
}

.main_color{
    color: #C00;
}

input, select, text-area{
  	font-size:  12px;
	font-family:  Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	line-height:16px;
}


#container {
    margin:     auto;
    width:      962px;
    text-align:left;
}

#border_container {
    border:     1px solid #000;
}


#header{
    width:      100%;
    height:     190px;
    border-bottom: 1px solid #000;
    background: url(../img/header.jpg);
}

#menu{
    padding:        5px;
    padding-left:   10px;
    font-size:      13px;
    font-weight: bold;
    background: #FFF;
    overflow: auto;
}


#content{
    width:      940px;
    padding:     10px;
    overflow:    auto;
    background: #FFF;
}

#footer{
    width:      945px;
    padding:      5px;
    padding-left:10px;
    height:      15px;
    background: transparent;
    color: #FFF;
}

.auto_box{
  float: none !important;
  width: auto !important;
  height: auto !important;
  overflow: auto !important;
  margin: auto !important;
  /*padding: 20px !important;
  padding-top: 10px !important;*/
}


.box, .big_box, .bill    {
  float: left;
  width: 180px;
  height: 190px;
  border: 1px solid #999;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  background: #DDD url(../img/box_bg.jpg) repeat-x left top;
}

.big_box{
    width: 377px;
    margin-right: 0px;
}

.bill{
  position:relative;
}


.headline {
  background: #000 url(../img/headline.gif) repeat-x;
  color: #FFF;
  padding: 5px;
  margin-bottom: 5px;
  overflow:hiden;
  height: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.headline div{
  float: left;
}

.headline .help{
  float: right;
  background: #C00 url(../img/help.gif) no-repeat center center;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  cursor: pointer;
}


.bill {
  float: right;
  width: 337px;
  border: 1px solid #999;
  height:   362px;
  overflow: hidden;
  margin: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  padding: 5px;
}

.bill_content{
  height: 210px;
}
.bill_extra{
  margin-top:10px;
  text-align: center;
}

.bill hr {
  color: #000;
  height: 1px;
}

.billpos {
  display: block;
  width: 100%;
  overflow: hidden;
}


.posname {
  float: left;
}

.posprice {
  float: right;
}

#formbox {
  float:    left;
  width:    586px;
}

.login, .register {
  float: left;
  width: 453px;
  padding: 5px;
  border: 1px solid #999;
  height: 375px;
  background: #FFF url(../img/box_bg.jpg) repeat-x left bottom;
}
.login {
  margin-right: 10px;
}

#menu a{
  color: black;
  text-decoration: none;
  font-weight: bold;
}
#menu a:hover{
  color: #C00;
  text-decoration: underline;
}
#menu a.active{
  color: #C00;
}

a{
  color: #C00;
  text-decoration: underline;
  font-weight: bold;
}
a:hover{
  color: #000;
}
a.active{
  color: #C00;
}


.login input, .register input, .formular input {
  border: 1px solid #999;
  width: 240px;
  margin: 0;
  padding: 0;
}

.login select, .register select, .formular select {
    width: 242px;
    border: 1px solid #999;
}

#menu-left{
}

#menu-right{
  float:right;
}


.iError{
  background:#CC0000;
  color: #FFF;
}


#orderclose {
  border: 1px solid #000;
  padding: 5px;
}



/******************************************************************************
 Start-BUTTON */
.button, .button_big, .button_small, button.ui-button {
  color: #FFF !important;
  border: 1px solid #999 !important;
  height: 30px !important;
  width: 172px !important;
  /*margin-left: 5px !important;*/
  padding: 0px !important;
  background: #C00 url(../img/button_red.gif) !important;
  cursor:pointer !important;
  /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/
}

.button:hover,.button_big:hover, .button_small:hover, button.ui-button:hover {
  background: #999 url(../img/button_dred.gif) !important;
  color: #FFF !important;
}

div.ui-dialog-titlebar{
  background: #000 url(../img/headline.gif) repeat-x top left;
}


.button_small {
  width: 120px !important;
  height: auto !important;
  padding: 3px !important;
}

.button_big {
    width: 349px !important;
}

.bnext {
    background: #C00 url(../img/button_red_next.gif) no-repeat center right !important;
}
.bnext:hover {
    background: #999 url(../img/button_dred_next.gif) no-repeat center right !important;
}

.bprev {
  background: #C00 url(../img/button_red_last.gif) no-repeat center left !important;
}
.bprev:hover {
  background: #999 url(../img/button_dred_last.gif) no-repeat center left !important;
}

.button_grey{
  color: #FFF;
  background: #999 url(../img/menu-img.gif) no-repeat center right !important;
  font-style:italic !important;
}
.button_grey:hover{
  color: #FFF !important;
  background: #999 url(../img/menu-img.gif) no-repeat center right !important;
}


/* END-BUTTON
******************************************************************************/


.link {
  padding: 0px;
  margin:0;
  list-style-position: inside;
}

.link li{
  list-style-image:url(../img/link_red.gif);
  padding: 0px;
  margin:0;
  list-style-position: inside;
}

.link ul{
  margin-left: 30px;
  list-style-type: square;
  list-style-position: outside;
}

.link ul li{
  list-style-image: none;
  color: #CC0000;
  list-style-type: square;
  list-style-position: outside;

}


.orderstatus {
  padding: 0px;
  margin:0;
  list-style-position: inside;
}

.orderstatus li{
  text-transform: uppercase;
  list-style-image:none;
  list-style: none;
  padding: 2px;
  padding-left: 20px;
  margin:12px;
  list-style-position: outside;
  color: #999;
  background: url(../img/hourglass.png) no-repeat;
}

.orderstatus li.check_ok{
  color: #5CBA4B;
  font-weight:bold;
  background: url(../img/tick.png) no-repeat;
}

.orderstatus li.check_failed{
  color: #990000;
  font-weight:bold;
  background: url(../img/cross.png) no-repeat;
}

.orderstatus {
  padding:0;
}

.unspecified{
    color:grey;
    font-style: italic;
}


select {
  margin-bottom: 2px;
  width: 95px;
}

#topmenu {
	width: auto;

	margin-bottom: 5px;
    border: 1px solid #000;
    background-color: #990000;
    overflow: visible;
}

#topmenu div {
    overflow: hidden;
    width: auto;
}

#topmenu ul {
  	margin: 0;
  	padding: 0;
  	line-height: normal;
    width: auto;
}

#topmenu ul li {
  	display: inline;
  	float: left;
	width: 233px;
  	list-style: none;
  	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #990000;
	border-right: 1px solid #000;
}

.last {
	width: 236px !important;
	border-right: 0 !important;
}

#topmenu ul li div {
	font-size: 12px;
  	display: block;
  	text-decoration: none;
    width: auto;
	padding: 5px;
  	color: #999;
	margin: 0 auto;

}

#topmenu ul li div span {
	display: block;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	line-height: 16px;
	background: url(../img/menu-img.gif) no-repeat center right;
}



#topmenu ul li div.active {
  	color: #FFF;
	background-color: #CC0000;
}

#error{
   border:1px solid #000;
   background: #C00;
   padding:3px;
   margin-top: 5px;
   margin-bottom: 5px;
   background:#C00;
   overflow:auto;
   color: #FFF;
   font-weight: bold;
}

/*table, tr, td{
    margin: 0;
    padding: 0;
    border-spacing: 0;
}*/

#error tr{
  padding: 0px;
  background:#000 url(../img/headline.gif) repeat-x top left;
}
#error td{
  padding: 5px;
}


.table_error{
  width: 30px;
  background: #C00 url(../img/c.gif) no-repeat center center;
}

.placeholder, .placeholder_big{
    clear:both;
    float: left;
    width: 80px;
    display: inline-block;
    font-weight: bold;
    margin: 0px;
}
.placeholder_big{
    width: 110px;
}

.item{
  margin: 2px 2px 2px 2px;
  overflow: hidden;
}

.item label{
    clear:both;
    float: left;
    width: 80px;
    display: inline-block;
    font-weight: bold;
    margin: 0px;
}

.big label{
    width: 110px;
}

.bigger label{
    width: 120px;
}


.schleier{
    position:fixed;
    height:100%;
    width:100%;
    left:0px;
    top:0px;
    display:none;
    background:#EEE;
    z-index: 998;
}

#display_upload {
  width:auto;
  text-align:center;
  display:none;
}

.lblprice{
  text-align: right;
  display: -moz-inline-stack;
  display: inline-block;
  width:40px;
}

.lblprice div{
  text-align: right;
}

.lblbillpos{
  text-align: left;
  display: -moz-inline-stack;
  display: inline-block;
  width:100px;
  font-weight: bold;
}

.lblbillpos div{
  text-align: left;
}

.lbloffer{
    margin-left: 5px;
    color: #C00;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow:  0px 0px 10px #FFFF00, 1px 1px #666;
}

.preview{
  margin-right: 10px;
  float:left;
  width:200px;
  height: 200px;
  text-align: center;
  border: 1px solid #999;
  overflow:hidden;
}

.box_content{
    padding: 10px;
}

.check_upload{
    width: 100%;
    height: 40px;
    text-align:center;
    font-weight: bold;
    top: 40%;
    background: url(../img/ajax-loader.gif) no-repeat bottom center ;
    position: absolute;
}

#veil_message{
    display:none;    
    font-weight: bold;
    left:50%;
    top:50%;
    position:fixed;
    color:#FFF;
    margin-left:-150px;
    margin-top:-50px;
    width:280px;
    height:80px;
    padding:10px;
    border:5px solid #FFF;
    background:#900 url(../img/ajax-loader.gif) no-repeat center center ;
    z-index:9999;
    /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  */
}

#veil{
  display:none;
  left:0;
  top:0;
  position:fixed;
  width:100%;
  height:100%;
  background:#999;
  z-index:9998;
}

.options{
    overflow:hidden;
}

.ajax_answer{
  display:none;
  margin-bottom: 5px;
  padding: 5px;
  background: #CC0000;
  color: #FFF;
}