 body {
	background-color: #000000;
	font-family: Tahoma;
	font-size: 10pt;		
	font-style: normal;
	color: #d9d9d9;
	overflow: hidden;
}

/*******************  links *********************/
a {
	color: #e1cebd;	
	text-decoration: underline;
}

a:visited {
	color: #e1cebd;
	text-decoration: underline;	
}


a:hover {
	color: #ecbd92;
	text-decoration: none;	
}

a:visited:hover {
	color: #ecbd92;
	text-decoration: none;	
}
/*                    buttons                  */

a.button {
	border-width : 1px;
	border-style : solid;
  
	width: 150px;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
	color: #000000;	
	background-color: #de7f29;
	border-color: #a15612;
	text-decoration: none;
	text-align: center;
}

a.button:hover {
	color: #000000;	
	background-color: #ffcfa3;
	text-decoration: none;
}

a.button:visited {
	color: #000000;
	background-color: #de7f29;
	text-decoration: none;
}

a.button:visited:hover {
	color: #000000;	
	background-color: #ffcfa3;
	text-decoration: none;
}

a.buttonL {
	border-width : 1px;
	border-style : solid;
  
	width: 120px;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
	color: #000000;	
	background-color: #ffcfa3;
	border-color: #a15612;
	text-decoration: none;
	text-align: left;
}

a.buttonL:hover {
	background-color: #ffcfa3;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
}

a.buttonL:visited {
	color: #000000;	
	background-color: #ffcfa3;
	text-decoration: none;
}

a.buttonL:visited:hover {
	background-color: #ffcfa3;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

span.buttonL {
	border-color: #a15612;
	border-width : 1px;
	border-style : solid;
  
	width: 120px;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
	color: #000000;	
	background-color: #de7f29;
	background-image: url(images/button_0.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	text-align: left;
}

/*                    images                  */

a.image {
	color: #728392;	
	text-decoration: none;
	float: right;
	margin: 5px;
	display: block;
	border-width: 1px;
	border-style: solid;	
	border-color: #000000;
	
	width: 50px;
	height: 50px;
}

a.image:visited {
	color: #a5d3a9;
	text-decoration: none;	
	border-width: 1px;
	border-style: solid;	
	border-color: #000000;
}


a.image:hover {
	color: #4a6f91;
	text-decoration: none;	
	border-width: 1px;
	border-style: solid;	
	border-color: #f69741;
}

a.image:visited:hover {
	color: #4a6f91;
	text-decoration: none;	
	border-width: 1px;
	border-style: solid;	
	border-color: #f69741;
}

/*******************  divs *********************/

div {
	position: absolute;	
	padding: 0px;
	margin: 0px;

	border-width: 0px;
	border-style: solid;
	border-color: #ee9a15;	
	
	background-color: transparent;
}

div#start {

	left: 50%;
	top: 5%;

	width: 540px;
	height: 480px;
	margin-left: -270px;	
}


div#start_image {
	background-image: url(images/bground_logo.jpg);

	left: 50%;
	
	width: 714px;
	height: 439px;
	margin-left: -357px;
		
	border-width: 0px;
	border-style: solid;
	border-color: #728392;
	
	text-align: center;
}

div#site {

/*	left: 50%;
	top: 50%;

	width: 800px;
	height: 520px;
	margin-left: -400px;	
	margin-top: -250px;	*/

	left: 50%;
	top: 10%;

	width: 800px;
	height: 85%;
	margin-left: -400px;	
}

div#buttons {
	top: 50px;
	left: 0px;
}

div#buttons br {
	margin-bottom: 5px;
}

div#header {
	top: 0px;
	width: 100%;
	height: auto;
	
	font-size: 12pt;
	font-weight: bold;
	color: #2f1b09;
	
	border-width: 1px;
	border-style: solid;
	border-color: #c26f24;
	
	background-color: #f48c2d;
}


div#footline {
	width: 100%;
	height: auto;
	bottom: 5%;

	font-size: 8pt;
	font-weight: normal;
	color: #2f1b09;	
		
	border-width: 1px;
	border-style: solid;
	border-color: #c26f24;
	
	background-color: #de7f29;
}

div#copyline {

	width: 100%;
	height: auto;
	bottom: 0%;
		
	border-width: 0px;
	border-style: solid;
	border-color: #728392;
	
	color: #d9d9d9;
	
	font-size: 8pt;
	text-align: right;
}

div#content {

	width: 75%;
	height: 80%;
	top: 50px;
	right: 0px;
	z-index: 5;
		
	border-width: 0px;
	border-style: solid;
	border-color: #728392;
	
	font-size: 10pt;
	text-align: left;
	color: #d9d9d9;	
	overflow: auto;
	
	margin-right: 0.5em;
	margin-bottom: 0.5em;

	padding-right: 1.5em;
}

div#verkauf_table-th {
	width: 92.5%;
	height: 4em;
	top: 4em;

	border-width: 0px;
	border-style: solid;
	border-color: #728392;

	overflow: auto;
	
	margin-right: 0.5em;
	margin-bottom: 0.5em;

	padding-right: 0.5em;
}

div#verkauf_table-td {
	width: 95%;
	height: 75%;
	
	top: 5.8em;

	border-width: 0px;
	border-style: solid;
	border-color: #728392;

	overflow: auto;
	
	margin-right: 0.0em;
	margin-bottom: 0.5em;
	
	padding-right: 0.5em;	
}

/*******************  img *********************/

img {
	border-width: 0px;
	border-style: solid;
	border-color: #b36621;	
}

img#image {
	border-width: 1px;
	border-style: solid;
	border-color: #b36621;	
}

img#marco_paspirgilis {
	float: right;
	margin-left: 20px;
	margin-right: 40px;
	margin-top: 0px;
	margin-bottom: 20px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #b36621;	
}

/*******************  font *********************/

h1 {
	font-size: 14pt;
	color: #ffa24c;	
	letter-spacing: 0.5em;
}

h2 {
	font-size: 12pt;
	color: #ffa24c;
}

h3 {
	font-size: 14pt;
	color: #ffa24c;
	letter-spacing: 0.2em;
}

p {
	text-align: justify;
}

span.mark {
	color: #ffa24c;
}

td, th {
	font-family: Tahoma;
	font-size: 10pt;		
	font-style: normal;	
}

/*******************  formular *********************/

input {
	background-color: #C5DdF3;
	border-style: solid;
	border-width: 1px;
	border-color: #728392; 
}

textarea {
	background-color: #C5DdF3;
	border-style: solid;
	border-width: 1px;
	border-color: #728392; 	
}

/*******************  verkauf's tabelle *********************/

table.verkauf {
	border-style: solid;
	border-width: 0px;
	border-color: #728392;
	width: 95%;
 	}

table.verkauf td {
	padding-left: 10px;
	padding-right: 10px;

	border-style: solid;
	border-width: 0px;
	border-color: #728392;	
}

table.verkauf th {
	color: #4b5660;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #728392;	
}

table.verkauf th.bild, td.bild {
	width: 10%;
	text-align: center;
}

table.verkauf th.stueck, td.stueck {
	width: 10%;
	text-align: center;
}

table.verkauf th.produkt, td.produkt {
	width: 54%;
	text-align: left;
}

table.verkauf th.preis, td.preis {
	width: 25%;
	text-align: right;
}

th.border, td.border {
	background-color: #d2e3f3;
	width: 1%;
}

td.arrow {
	background-image: url(images/verkauf/arrow.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e3f3;
}

td.arrow_start {
	background-image: url(images/verkauf/arrow_start.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #d2e3f3;
}

td.arrow_bypass {
	background-image: url(images/verkauf/arrow_bypass.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e3f3;
}

td.arrow_wo {
	background-image: url(images/verkauf/arrow_wo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #d2e3f3;
}

td.arrow_end {
	background-image: url(images/verkauf/arrow_end.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #d2e3f3;
}

tr.odd {
	background-color: #c5ddf3;
	height: 3em;
}

tr#complete_product {
	font-weight: bold;
}

tr.even {
	background-color: #dae7f3;
	height: 3em;
}
