#body {
	background: #eee;
	color: #666;
	font-family: "SimSun", "宋体", Arial, Helvetica, sans-serif;
	font-size: 93%;
	line-height: 120%;
}

#hauptteil {
	padding-top: 55px;
	padding-left: 6em; /* Breite #navigation */
	padding-right: 0px; /* Breite #bilder */
}

#navigation {
	float: left;
	width: 6em;
	margin-left: -6em; /* Verschiebung um eigene Breite */
	position: relative;
	left: -100%; /* Verschiebung um Breite von #inhalt */
	background-color: #F5F5DC;
}

#inhalt {
	float: left;
	width: 100%;
	background: #fff;
}

#hauptteil hr {
	clear: both;
	height: .1px;
	border: none;
	visibility: hidden;
}

#seite {
	margin: 0px auto;
	width: 1200px;
}

#bilder {
	background: #999; /* dunkelgrau */
	color: #fff;
}

/*
 +++++++++++++++++++++++++++++++++++
 Reset und allgemeine Angaben
 +++++++++++++++++++++++++++++++++++
 */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #08414d;
}

a:visited {
	color: blue;
}

a:link {
	text-decoration: none;
}

a:hover {
	color: #FF3366;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

p {
	margin: .5em 0 1em;
}

h1 {
	font-size: 300%;
	font-weight: normal;
}

h2 {
	font-size: 120%;
	font-weight: normal;
	color: #999;
}

/*
h3 {
	font-size: 150%;
	font-weight: normal;
}
*/
#kopf h2, #navigation h2, #bilder h2 {
	position: absolute;
	left: -9999px;
}

/*
 +++++++++++++++++++++++++++++++++++
 SEITENKOPF
 +++++++++++++++++++++++++++++++++++
 */
#kopf {
	background-color: #FFFFFF;
	border-bottom: 2px solid #FFA319;
	height: 95px;
	width: 1200px;
	position: absolute;
	top: 0px;
	left
	.
	0px;
}

/* IE <= 6: hasLayout noetig fuer containing block */
#kopf h1 {
	font-size: 200%;
	font-weight: normal;
	padding: 1em .5em 0 .5em;
}

#userlogon {
	position: absolute;
	bottom: .25em;
	left: .25em;
	font-size: 83%;
	color: #009900;
}

#logoimage {
	float: left;
	width: 12em;
	margin-left: .25em;
}

#back_task {
	top: 1px;
	float: right;
	text-align: left;
	width: 900px;
}

#service {
	position: absolute;
	bottom: .25em;
	right: .25em;
	font-size: 85%;
	color: #003300;
}

#servicefoot {
	top: .25em;
	right: 1em;
	color: #003300;
}

#servicefoot li {
	display: inline;
	padding-left: .10em;
	padding-right: .30em;
}

#servicefoot li:first-child {
	border: none;
}

#servicefoot strong {
	font-weight: normal;
}

#service li {
	display: inline;
	padding-left: .10em;
	padding-right: .30em;
}

#service li:first-child {
	border: none;
}

#service strong {
	font-weight: normal;
}

.cartservice {
	color: #000033;
}

.cartservice li {
	display: block;
	float: left;
	padding-left: 0em;
	padding-right: .20em;
}

.cartservice li:first-child {
	border: none;
}

.cartservice strong {
	font-weight: normal;
}

#kopf hr {
	display: none;
}

/*
 +++++++++++++++++++++++++++++++++++
 HAUPTTEIL
 +++++++++++++++++++++++++++++++++++
 */

/* Navigation 
#navigation {
	background: #08414d;
	color: #ccc;
}


#navigation ul {
	margin-top: 1em;
	list-style: none;
}

#navigation ul ul {
	list-style: disc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
}

#navigation li {
	padding: .5em 1em;
	text-transform: uppercase;
	margin-top: 0.5em;
}

#navigation li li {
	text-transform: none;
	margin-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0;
}

#navigation a {
	text-decoration: none;
	color: #fff;
}

#navigation a:hover {
	color: #08414d;
	background: #fff;
}

#navigation strong {
	font-weight: normal;
	color: #000;
}

*/
/* 
#inhalt h3 {
	font-size: 200%;
	font-weight: normal;
	line-height: 1em;
	margin: .33em 0 .33em .33em;
	color: #888;
}
*/
#einleitung {
	background: #eee;
	color: #FF0000;
	letter-spacing: 0.1em;
	text-align: left;
	font-size: small;
}

#inhalt #inhalttitel {
	font-size: medium;
	font-weight: normal;
	line-height: 1em;
	margin: 0 1em;
	color: #888;
}

#eintraege {
	list-style: none;
	font-size: small;
}

#eintraege li {
	margin-bottom: 20px;
}

#eintraege h3 {
	border-bottom: 1px dotted #ccc;
}

#eintraege .anriss {
	margin: .5em 0;
}

#eintraege img {
	float: left;
	margin: 0 .5em .5em 0;
}

#eintraege dl.metainfo {
	clear: both;
	color: #999;
	font-size: 80%;
	border-top: 1px dotted #ccc;
}

#eintraege dl.metainfo dt, #eintraege dl.metainfo dd {
	display: inline;
}

#eintraege dl.metainfo dd {
	margin-right: .5em;
}

/* Bilder */
#bilder ul {
	margin-top: 1em;
	list-style: none;
	text-align: center;
}

#bilder li {
	margin-bottom: 1em;
}

#bilder a img {
	border: 1px solid #fff;
}

#bilder a:hover img {
	border-color: #08414d;
}

#bilder p {
	margin: 0;
	font-size: 80%;
}

/*
 +++++++++++++++++++++++++++++++++++
 FUSS
 +++++++++++++++++++++++++++++++++++
 */
#fuss {
	border-top: 2px solid #08414d;
	padding: .75em 0;
}

#fuss address {
	font-size: 80%;
	font-style: normal;
	float: left;
	text-align: left;
	padding-left: 1.25em;
}

#fuss p {
	font-size: 80%;
	text-align: right;
	margin: 0 1.25em;
}

table {
	margin: 1em;
	font-size: 90%;
}

.menutableclub {
	border: none;
	margin: 1em;
	font-size: 90%;
	color: #006633;
	font-weight: bold;
}

.menutablegroup {
	border: none;
	margin: 1em;
	font-size: 90%;
	color: #000066;
	font-weight: bold;
}

.menutr {
	border: none;
}

.menutd {
	border: none;
}

.hotsell {
	color: red;
	font-size: 90%;
	text-decoration: underline;
}

.introsell {
	color: blue;
	font-size: 90%;
	text-decoration: underline;
}

caption {
	text-align: left;
}

td, th {
	border: 1px dotted #ccc;
	padding: .25em .5em;
	text-align: left;
}

th {
	background: #eee;
}

/*	-------------------------------------------------------------
 formular struktur
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.wrapper { /* Allgemeines Container */
	margin: 0;
	width: 100%;
}

.content {
	margin-left: 0;
	margin-right: auto;
	padding: 0 5px 0 0;
	text-align: left;
	width: 100%;
}

.labelone {
	width: 96%;
	clear: both;
	float: left;
	padding: 4px;
	margin: 10px 0;
	text-align: left;
	display: inline;
}

.labelleft {
	width: 20%;
	clear: both;
	float: left;
	padding: 4px;
	margin: 10px 0;
	text-align: right;
	display: inline;
}

.labelright {
	width: 75%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 10px 0;
}

.labelmiddle {
	width: 90%;
	text-align: center;
	float: right;
	display: inline;
	padding: 4px;
	margin: 10px 0;
}

.rowfour1 {
	width: 15%;
	clear: both;
	float: left;
	padding: 4px 10px;
	margin: 10px 5px;
	text-align: right;
	display: inline;
}

.rowfour2 {
	width: 28%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 10px;
	margin: 10px 5px;
}

.rowfour2long {
	width: 30%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 10px;
	margin: 10px 5px;
}

.rowfour2XL {
	width: 70%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 10px;
	margin: 10px 5px;
}

.rowfour3long {
	width: 30%;
	text-align: right;
	float: left;
	display: inline;
	padding: 4px 10px;
	margin: 10px 5px;
}

.rowfour3 {
	width: 15%;
	text-align: right;
	float: left;
	display: inline;
	padding: 4px 10px;
	margin: 10px 5px;
}

.rowfour4 {
	width: 25%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 10px;
	margin: 10px 5px;
}

.rowsix1 {
	width: 10%;
	clear: both;
	float: left;
	padding: 4px 5px;
	margin: 10px 5px;
	text-align: right;
	display: inline;
}

.rowsix2 {
	width: 18%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 5px;
	margin: 10px 5px;
}

.rowsix3 {
	width: 10%;
	text-align: right;
	float: left;
	display: inline;
	padding: 4px 5px;
	margin: 10px 5px;
}

.rowsix4 {
	width: 18%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 5px;
	margin: 10px 5px;
}

.rowsix5 {
	width: 10%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 5px;
	margin: 10px 5px;
}

.rowsix6 {
	width: 18%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 5px;
	margin: 10px 5px;
}

.rowsix2long {
	width: 70%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px 5px;
	margin: 10px 5px;
}

.rowtwoleft {
	width: 50%;
	clear: both;
	float: left;
	text-align: left;
	display: inline;
	font-size: small;
}

.rowtworight {
	width: 50%;
	text-align: right;
	float: left;
	display: inline;
	font-size: small;
}

.rowthree1 {
	width: 32%;
	clear: both;
	float: left;
	text-align: left;
	display: inline;
	font-size: small;
}

.rowthree2 {
	width: 32%;
	text-align: left;
	float: left;
	display: inline;
	font-size: small;
}

.rowthree3 {
	width: 32%;
	text-align: right;
	float: left;
	display: inline;
	font-size: small;
}

.ordertable {
	margin: auto;
	width: 90%;
}

.ordertablediv {
	width: 100%;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 10px 0;
	text-align: center;
	overflow: auto;
}

.ordertablediv thead {
	background: #eee;
}

/*	-------------------------------------------------------------
 3. GESTALTUNG VON EINGABEFELDERN
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
select, input, textarea {
	padding: .1em;
	margin: .1em;
	display: inline-block;
	border-radius: 2px;
	background: #F5F5F5;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid;
	border-color: #F5F5DC;
	appearance: none;
}


.contentform {
	height: 100%;
	overflow: auto;
	-moz-border-radius: 6px;
}

.suchen {
	height: 100%;
	overflow: auto;
	-moz-border-radius: 6px;
	margin-left: 1em;
	padding-left: 1em;
}

.pageadminpanel {
	float: left;
	height: 100%;
	width: 100%;
	overflow: auto;
	-moz-border-radius: 6px;
	margin: .5em;
	padding: .5em;
	color: #0066CC;
	font-size: small;
	border-bottom: 1px solid;
	border-bottom-color: #D6D6C2;
}

.pagechecked {
	background-color: green;
	color: white;
}

.pageadminpanel a {
	display: inline-block;
	width: 18px;
	text-align: center;
}

.pageadminpanel a:HOVER {
	background-color: #33CCCC;
}

.pageadminbutton {
	border: 1px solid;
	font-weight: bolder;
}

.buttonsmall {
	border: 1px solid #dddddd;
	-moz-border-radius: 3px;
	background-color: #08414d;
	color: #FFFFFF;
	font-size: small;
}

.underlinelabel {
	font-size: 85%;
	text-align: left;
	color: blue;
}

label {
	font-weight: bold;
	font-size: 90%;
	padding: 2px 5px 2px 5px;
	-moz-border-radius: 3px;
}

.actionMessage {
	color: red;
	font-weight: bold;
}

.pageadmin {
	font-size: 90%;
}

.inputtip {
	font-size: 90%;
	color: #888888;
}

.input_large {
	border: 1px solid #008030;
	width: 250px;
	border: 1px solid #0098D9;
	height: 23px;
	line-height: 25px;
	color: #616060;
	font-size: 12px;
	border-radius: 5px;
	padding-left: 36px;
}

ul {
	list-style-type: square;
	padding: .1em;
	margin: .1em;
	list-style-position: inside;
}

ol {
	padding: .1em;
	margin: .1em;
	list-style-position: inside;
}

ul li, ol li {
	padding: .1em;
	margin: .1em;
}

.alarm {
	text-decoration: blink;
	color: #FF3300;
}

.minute {
	font-weight: bold;
	color: #FF6600;
	font-size: 12px;
}

.pagetitle {
	font-weight: bold;
	font-size: 14px;
}




highlight {
	color: blue;
}

.searchlabel {
	font-size: small;
	font-weight: bold;
}

.searchinputsmall {
	font-size: small;
	width: 20px;
}

.searchinput {
	border: 1px solid #008030;
	width: 100px;
	border: 1px solid #0098D9;
	height: 25px;
	line-height: 25px;
	color: #616060;
	font-size: 12px;
	border-radius: 5px;
	text-align: center;
}

.search_input {
	border: 1px solid #008030;
	width: 300px;
	border: 1px solid #0098D9;
	height: 100%;
	line-height: 40px;
	color: #616060;
	font-size: 12px;
	border-radius: 5px;
	padding-left: 36px;
	margin-top: 4px;
	background: url("../images/search_input.png") no-repeat scroll left
		center #FFF;
}

.searchinputmiddel {
	font-size: small;
	width: 60px;
}

.pflicht {
	border: 1px solid #009966;
}

.publictab {
	font-size: small;
	text-align: left;
}

.bookedcolor {
	color: red;
}

.choosed {
	border: solid 1px;
	border-bottom: solid 3px;
	border-color: #FF9900;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.selbchoosed_false {
	background-color: #FFFF00;
}

.cartfull {
	color: #FF0000;
	background-color: #FFFF00;
}

.header_cart_span_hidden {
	visibility: hidden;
}

.changedbooked {
	background-color: #FFCC99;
}

.incoming {
	color: green;
}

.outgoing {
	color: red;
}

.smallbox {
	width: 230px;
	float: left;
	padding: 0px;
	margin: 5px 5px;
	margin-bottom: 10px;
	height: 350px;
	overflow: auto;
	background-color: #FFFFCC;
	border: solid 1px;
	border-color: #CCFF99;
	border-radius: .5em;
}

.smallfuturebox {
	width: 150px;
	float: left;
	padding: 0px;
	margin: 2px 1px;
	margin-bottom: 5px;
	height: 176px;
	overflow: auto;
	font-size: small;
}

.frontgoodimage {
	width: 100%;
	height: 170px;
}

.box_up {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	overflow: auto;
	text-align: center;
	border: none;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}

.box_down {
	height: 157px;
	width: 95%;
	text-align: left;
	padding: 0px 4px;
	overflow: auto;
}

.new_product_mark {
	background: url("../images/new_product_mark.png") no-repeat;
	width: 45px;
	height: 25px;
	position: relative;
	top: 0;
	left: 0;
}

.sale_mark {
	background: url("../images/sale_mark.png") no-repeat;
	width: 45px;
	height: 25px;
	position: relative;
	top: 0;
	left: 0;
}

.intro_mark {
	background: url("../images/intro_mark.png") no-repeat;
	width: 45px;
	height: 25px;
	position: relative;
	top: 0;
	left: 0;
}

.sboxleft {
	width: 50%;
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	text-align: right;
	display: inline;
}

.sboxright {
	width: 50%;
	text-align: left;
	float: right;
	display: inline;
	padding: 0;
	margin: 0;
}

.salestable {
	width: 175px;
	height: 165px;
	clear: both;
	float: left;
	display: inline;
	padding: 5px;
	margin: 5px;
	text-align: left;
	overflow: auto;
	border: none;
	font-size: 90%;
}

.saleshottable {
	width: 175px;
	height: 165px;
	clear: both;
	float: left;
	display: inline;
	padding: 5px;
	margin: 5px;
	text-align: left;
	overflow: auto;
	border: none;
	font-size: 90%;
	background-color: #FFFFCC;
}

.salestd, .salesth {
	width: 170px;
	height: 20px;
	border: none;
	padding: .25em .5em;
	text-align: left;
}

.saleshottd, .saleshotth {
	width: 170px;
	height: 20px;
	border: dotted thin;
	padding: .25em .5em;
	text-align: left;
	border-color: #FF0000;
}

.hot {
	font-size: small;
	color: #FF0000;
}

.spanplusone {
	border: 1px solid #dddddd;
	-moz-border-radius: 3px;
	font-size: large;
	font-weight: bolder;
	cursor: pointer;
}

.spanminusone {
	border: 1px solid #dddddd;
	-moz-border-radius: 3px;
	font-size: large;
	font-weight: bolder;
	cursor: pointer;
}

.even {
	background: white;
	border-bottom: 1px solid;
	border-bottom-color: #D6D6C2;
}

.odd {
	background: #F4F4F4;
	border-bottom: 1px solid;
	border-bottom-color: #D6D6C2;
}

.selected {
	background: #FFFFA3;
}

.span_reservation {
	border-bottom: 2px solid;
	border-color: green;
}

.button_bestseller {
	-moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
	box-shadow: inset 0px 1px 0px 0px #fce2c1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477
		), color-stop(1, #fb9e25));
	background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',
		endColorstr='#fb9e25');
	background-color: #ffc477;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #eeb44f;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #cc9f52;
	cursor: pointer;
}

.button_bestseller:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25
		), color-stop(1, #ffc477));
	background: -moz-linear-gradient(center top, #fb9e25 5%, #ffc477 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',
		endColorstr='#ffc477');
	background-color: #fb9e25;
}

.button_bestseller:active {
	position: relative;
	top: 1px;
}

.item_suggestion {
	border-bottom: solid 1px;
	border-bottom-color: green;
	text-align: center;
	padding: .25em .5em;
	text-align: center;
}

.item_bestseller {
	border-bottom: solid 1px;
	border-bottom-color: orange;
	text-align: center;
	padding: .25em .5em;
	text-align: center;
}

.item_newproduct {
	border-bottom: solid 1px;
	border-bottom-color: blue;
	text-align: center;
	padding: .25em .5em;
	text-align: center;
}

.singlereserve {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed
		), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',
		endColorstr='#dfdfdf');
	background-color: #ededed;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px dotted #000099;
	display: inline-block;
	color: #FF66CC;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 14px;
	line-height: 14px;
	width: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}

.singlereserve:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf
		), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',
		endColorstr='#ededed');
	background-color: #dfdfdf;
	color: red;
}

.singlereserve:active {
	position: relative;
	top: 1px;
}

.cursorpointer {
	cursor: pointer;
}

.plusminusarrow {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed
		), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',
		endColorstr='#dfdfdf');
	background-color: #ededed;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #777777;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 14px;
	line-height: 14px;
	width: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}

.plusminusarrow:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf
		), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',
		endColorstr='#ededed');
	background-color: #dfdfdf;
	color: red;
}

.plusminusarrow:active {
	position: relative;
	top: 1px;
}

.submitbutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
		), color-stop(1, #e9e9e9));
	background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
		endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666666;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	height: 25px;
	margin-bottom: 1px;
	line-height: 20px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}

.submitbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9
		), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9',
		endColorstr='#f9f9f9');
	background-color: #e9e9e9;
	color: red;
}

.submitbutton:active {
	position: relative;
	top: 1px;
}

.visible_true {
	border: 1px solid;
	border-color: #00CC33;
	background-color: #66FF99;
}

.visible_false {
	border: 1px solid;
	border-color: #D80000;
	background-color: #FFCC99;
}

.bg_color_red {
	color: #FFFFFF;
	background-color: #CC0000;
}

.bg_color_braun {
	color: #FFFFFF;
	background-color: #996600;
}

.bg_color_orange {
	color: #FFFFFF;
	background-color: #FF6600;
}

.bg_color_green {
	color: #FFFFFF;
	background-color: #009900;
}

.bg_color_blue {
	color: #FFFFFF;
	background-color: #3300CC;
}

.bg_color_grey {
	color: #FFFFFF;
	background-color: #505050;
}

.autocompleter {
	border: 1px solid #C0C0C0;
	height: 3em;
	line-height: 25px;
	font-size: 12px;
	padding-left: 36px;
	background: url("../images/search_input.png") no-repeat scroll left
		center #FFF;
}

.search_input_with_icon {
	border: 1px solid #C0C0C0;
	height: 2.5em;
	line-height: 2.5em;;
	font-size: small;
	padding-left: 36px;
	border-radius: 5px;
	background: url("../images/search_input.png") no-repeat scroll left
		center #FFF;
}

.search_keyword_input_class {
	width: 95%;
	height: 75%;
	background-color: white;
}

.bt_span {
	margin: .2em;
	padding: .2em;
	letter-spacing: .1em;
}


.autocompleterinput {
	padding-left: 2em;
	margin: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: #FFFFFF;
	border-l
}

.editbutton {
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border: solid 1px;
	border-color: #0000FF;
}

.voice {
	height: 35px;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
}

.voice ul {
	position: relative;
}

.voice li {
	height: 25px;
	line-height: 25px;
}

.voiceRight {
	padding-top: 5px;
	width: 100%;
	text-align: center;
}

.do {
	height: 20px;
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
}

.uo {
	height: 20px;
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
}

.do:hover {
	color: #FF3300;
	text-decoration: underline;
}

.uo:hover {
	color: #3333CC;
	text-decoration: underline;
}

.readablefalse {
	font: bolder;
	color: #0000FF;
}

.horizontlist li {
	display: inline;
	list-style-type: none;
	padding-left: .10em;
	padding-right: .30em;
}

.goodsellalbe {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff
		), color-stop(1, #4197ee));
	background: -moz-linear-gradient(center top, #79bbff 5%, #4197ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff',
		endColorstr='#4197ee');
	background-color: #79bbff;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0px;
	border: 1px solid #469df5;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #287ace;
	cursor: pointer;
}

.goodsellalbe:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4197ee
		), color-stop(1, #79bbff));
	background: -moz-linear-gradient(center top, #4197ee 5%, #79bbff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee',
		endColorstr='#79bbff');
	background-color: #4197ee;
}

.goodsellalbe:active {
	position: relative;
	top: 1px;
}



.button_newproduct {
	-moz-box-shadow: inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fed897;
	box-shadow: inset 0px 1px 0px 0px #fed897;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6b33d
		), color-stop(1, #d29105));
	background: -moz-linear-gradient(center top, #f6b33d 5%, #d29105 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d',
		endColorstr='#d29105');
	background-color: #f6b33d;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0px;
	border: 1px solid #eda933;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #cd8a15;
	cursor: pointer;
}

.button_newproduct:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d29105
		), color-stop(1, #f6b33d));
	background: -moz-linear-gradient(center top, #d29105 5%, #f6b33d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105',
		endColorstr='#f6b33d');
	background-color: #d29105;
}

.button_newproduct:active {
	position: relative;
	top: 1px;
}

.button_suggestion {
	-moz-box-shadow: inset 0px 1px 0px 0px #f4cafc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f4cafc;
	box-shadow: inset 0px 1px 0px 0px #f4cafc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eea1fc
		), color-stop(1, #d441ee));
	background: -moz-linear-gradient(center top, #eea1fc 5%, #d441ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eea1fc',
		endColorstr='#d441ee');
	background-color: #eea1fc;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0px;
	border: 1px solid #dd5df4;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #b63dcc;
	cursor: pointer;
}

.button_suggestion:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d441ee
		), color-stop(1, #eea1fc));
	background: -moz-linear-gradient(center top, #d441ee 5%, #eea1fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d441ee',
		endColorstr='#eea1fc');
	background-color: #d441ee;
}

.button_suggestion:active {
	position: relative;
	top: 1px;
}

.buyone {
	
}

.singlebuy {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6
		), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(center top, #3d94f6 5%, #1e62d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',
		endColorstr='#1e62d0');
	background-color: #3d94f6;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 40px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #1570cd;
	cursor: pointer;
}

.singlebuy:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0
		), color-stop(1, #3d94f6));
	background: -moz-linear-gradient(center top, #1e62d0 5%, #3d94f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',
		endColorstr='#3d94f6');
	background-color: #1e62d0;
}

.singlebuy:active {
	position: relative;
	top: 1px;
}

.singleselect {
	-moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9dce2c
		), color-stop(1, #8cb82b));
	background: -moz-linear-gradient(center top, #9dce2c 5%, #8cb82b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c',
		endColorstr='#8cb82b');
	background-color: #9dce2c;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0;
	border: 1px solid #83c41a;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 40px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #689324;
	cursor: pointer;
}

.singleselect:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8cb82b
		), color-stop(1, #9dce2c));
	background: -moz-linear-gradient(center top, #8cb82b 5%, #9dce2c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b',
		endColorstr='#9dce2c');
	background-color: #8cb82b;
}

.singleselect:active {
	position: relative;
	top: 1px;
}

.submitbuttonL {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed
		), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',
		endColorstr='#dfdfdf');
	background-color: #ededed;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #777777;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 25px;
	line-height: 25px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}

.submitbuttonL:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf
		), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',
		endColorstr='#ededed');
	background-color: #dfdfdf;
}

.submitbuttonL:active {
	position: relative;
	top: 1px;
}

.frontpagetitle {
	color: #777777;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}

.frontheaderbutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
		), color-stop(1, #e9e9e9));
	background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
		endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666666;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 60px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}

.frontheaderbutton:hover {
	border: 2px solid;
	border-color: #FFD119;
}

.frontheaderbutton:active {
	position: relative;
	top: 1px;
	border-color: #FFD119;
}

.button_sale {
	-moz-box-shadow: inset 0px 1px 0px 0px #faafaf;
	-webkit-box-shadow: inset 0px 1px 0px 0px #faafaf;
	box-shadow: inset 0px 1px 0px 0px #faafaf;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0
		), color-stop(1, #ef027d));
	background: -moz-linear-gradient(center top, #ff5bb0 5%, #ef027d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0',
		endColorstr='#ef027d');
	background-color: #ff5bb0;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0;
	border: 1px solid #ee1eb5;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #c70067;
	cursor: pointer;
}

.button_sale:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d
		), color-stop(1, #ff5bb0));
	background: -moz-linear-gradient(center top, #ef027d 5%, #ff5bb0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d',
		endColorstr='#ff5bb0');
	background-color: #ef027d;
}

.button_sale:active {
	position: relative;
	top: 1px;
}

.rounded {
	border-radius: 5px;
}

.current_position {
	font-size: small;
	margin: .1em;
	padding: .1em;
	height: 2em;
	border-bottom: 1px solid;
	border-bottom-color: #FFA319;
	letter-spacing: .1em;
}


.frontshortcart_span {
	margin: 4px;
	padding: 4px;
	text-align: left;
}

.background_gradient_orange {
	background: linear-gradient(to bottom left, #FFFF75, #FF7519);
}

.left_title {
	float: left;
	width: 15%;
	text-align: right;
	font-weight: bold;
}

.right_content {
	float: right;
	width: 70%;
	margin-right: 8em;
}

.div_front_customer_edit {
	float: left;
	width: 100%;
	margin: 4px;
	padding: 4px;
	font-size: small;
}

.front_good_row {
	float: left;
	width: 100%;
	padding: 4px;
	margin: 4px;
	border-bottom: 1px solid;
	border-bottom-color: #D6D6C2;
}

.front_good_image_div {
	float: left;
	width: 100%;
	height: 200px;
	border: none;
}

.front_good_image {
	border: 0;
	height: 100%;
	width: 100%;
}

.front_good_list_name {
	float: left;
	width: 100%;
	letter-spacing: 1.5px;
	text-align: left;
}

.front_good_brand, .front_good_category {
	float: right;
	margin-left: 1em;
	margin-right: 1em;
	font-size: small;
}

.front_good_unit {
	float: left;
	width: 100%;
	font-size: small;
	font-weight: bold;
}

.front_good_price {
	float: left;
	width: 100%;
	height: 1.1em;
}

.front_good_note {
	float: left;
	font-size: small;
	margin-top: .5em;
	margin-right: 1em;
	letter-spacing: 2px;
}

.front_good_amount {
	float: left;
	width: 100%;
	margin-top: .5em;
}

.front_good_text_input {
	float: left;
	text-align: center;
	width: 15%;
	height: 1.6em;
	border: 1px solid;
	background: white;
	border-color: #D6D6C2;
	border-radius: 3px;
}

.front_help {
	float: right;
	font-size: smaller;
	height: 100%;
}

.div_row_title {
	width: 100%;
	border-bottom: 1px solid;
	border-bottom-color: #D6D6C2;
	float: left;
	margin: .1em;
	padding: .1em;
	letter-spacing: .1em;
}

.div_as_row {
	float: left;
	width: 100%;
	margin: .1em;
	padding: .1em;
}

.div_as_row_underline{
	float: left;
	width: 100%;
	margin: .1em;
	padding: .1em;
	border-bottom: 1px solid;
	border-bottom-color: #D6D6C2;
}

.stand_row {
	float: left;
	width: 100%;
	border-bottom: 1px solid;
	border-color: #D6D6C2;
	margin: 4px;
	padding: 4px;
}

.stub_default_good_span{
	float: left;
	margin: .1em;
	padding: .1em;
	width: 18%;
}

.front_menu_item_div {
	float: left;
	width: 100%;
	border-bottom: 1px solid;
	border-bottom-color: #E6E6FA;
}

.button_anchor {
	float: left;
	font-size: small;
	border: 1px solid;
	border-color: #D6D6C2;
	margin: 4px;
	padding: 4px;
}