* {
margin: 0;
padding: 0;
}

p {
margin: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em 80%;
	background-image: url(Bilder/Kachelr15.jpg);
	background-repeat: repeat;
}
h2 
{
	color: #CC9900;
	background-color: transparent;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#CC9900;
	background: transparent;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

h4 {
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

p, td, tr 
{
	margin: 0;
	font-family: Arial, Helvetica normal sans-serif;
	font-size: 0.9em 80%;
	padding: 0;	
}

#bestellung {
	border: 1px solid green;
	max-width: 460px;
	height: auto;
}

td {
	white-space: nowrap;	
}

#anzahl_top {	
	text-align: top;
	width: 40px;
	border: none;
	height: 18px;
	font-weight: bold;
}

#produkt {
	text-align: top;
	margin-left: 100px;
	margin-top: -20px;
	width: 300px;
	border: none;
	height: auto;
	font-weight: bold;
}

#kaffee {
	width: 100%;
	height: auto;
	border: 1px solid purple;	
}

#reihe {
	width: 400px;
	height: 20px;
	display: inline;
}

#reihe li {
	display: inline;
	list-style-type: none;
	height: 18px;
}

.anzahl {
	width: 30px;
	height: 15px;
	border: 1px solid grey;
}

.produkt {
	width: 200px;
	height: 15px;
	border: 1px dotted black;
	margin-left: 32px;
	margin-top: -18px;
}

.menge {
	width: 40px;
}

.euro {
	width: 40px;
	color: #cc9900;
	font-weight: bold;
}

.summe {
	width: 60px;
	text-align: right;
	color: #cc9900;
	font-weight: bold;
}

address {
	font-style: normal;
	font-weight: normal;
}

.top {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica normal sans-serif;
	text-align: left;
}

hr {
	margin-bottom: 3px;
}

.rest {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

.nowrap {
white-space: nowrap;
}

.yellow {
	color: #cc9900;
	font-weight: bold;
	float: right;
}

.fett {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica normal sans-serif;
}

ul {
list-style: square;
padding-left: 15px;
}
	
a, a:link, a:link img, a:visited, a:visited img, a:hover, a:hover img, a:focus, a:focus, a:active, a:active img
{
	border: 0;
	text-decoration: none;
	color: #000000;
}

.abstand_5H {
	height: 5px;
}

.abstand_15H {
	height: 15px;
}

.abstand_30H {
	height: 30px;
}

.abstand_15T {
	margin-top: 15px;
}

p.zusatz {
	font-size: 9px;
	margin-top: -20px;
}

div.mirror
{
	width: 900px;
	height: 650px;	
	border: none;
	position: relative;
	cellspacing: 0;
	padding: 0;
	top: 15px;	
	vertical-align: middle;
	left:12%;	
	background: white;
	z-index: 0;
}

div.leftbox
{
	position: absolute;
	left: 0px;
	width: 190px;
	height: 650px;
	border: none;
	z-index: 1;
	top: 0px;
}

div.toplogo
{
	position: absolute;
	left: 1px;
	width: 690px;
	height: 94px;
	padding: 0;
	margin: 0;
	z-index: 0;
	top: 0px;
	}

#bohne
{
	position: relative;
	left: 201px;
	width: 690px;
	height: 70px;
	border: none;	
	background: url(Bilder/HOME/Head6Bohnen80.jpg) no-repeat;	
	background-position: 200px top;
	z-index: 1;
}

#navi1
{
	position: relative;
	left: 200px;
	width: 100px;
	height:23px;
	top: -1px;	
	padding: 0;
	margin: 0;
	border: none;
	z-index: 2;
	
}

#navi2
{
	position: relative;
	left: 300px;
	top: -24px;
	width: 100px;
	height:23px;	
	border: none;
	padding: 0;
	margin: 0;
	z-index: 3;
	
}

#navi3
{
	position: relative;
	top: -47px;
	left: 400px;
	width: 100px;
	height:23px;	
	border: none;
	padding: 0;
	margin: 0;	
	z-index: 4;
}

#navi4
{
	position: relative;
	top: -70px;
	left: 500px;
	width: 100px;
	height: 23px;
	border: none;
	padding: 0;
	margin: 0;	
	z-index: 5;
}

#navi5
{
	position: relative;
	top: -93px;
	left: 600px;
	width: 100px;
	height:23px;
	border: none;
	padding: 0;
	margin: 0;
	z-index: 6;
}

#navi6
{
	position: relative;
	top: -116px;
	left: 700px;
	width: 100px;
	height:23px;
	border: none;
	padding: 0;
	margin: 0;
	z-index: 7;
}

#navi7
{
	position: relative;
	top: -139px;
	left: 799px;
	width: 100px;
	height:23px;
	border: none;
	padding: 0;
	margin: 0;
	z-index: 8;
}

div.mitte
{
	position: absolute;
	left: 210px;
	height: 547px;
	width: 480px;
	top: 103px;
	border: none;
	font-size: 80%;
	overflow: auto;
	scrollbar-fade-color: #cc9900;
	scrollbar-track-color: #330000;
	z-index: 1;		
}

div.mitteOrder {
	position: absolute;
	left: 210px;
	height: 547px;
	width: 480px;
	top: 103px;
	border: none;
	font-size: 80%;
	overflow: hidden;
}

div.rightbox
{
	position: absolute;
	left: 700px;
	width: 201px;
	height: 547px;
	top: 92px;	
	border: none;	
	z-index: 0;
}

.sendebut {
	border: none;
	width: auto;	
	height: 20px;
	background: #330000;
	color: #cc9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 3px 3px 3px;
	margin-right: 10px;	
}

.buttonS {
	position: absolute;
	top: 510px;
	left: 285px;
	height: 20px;
	width: 190px;
	float: right;
}

.buttonB {
	position: absolute;
	top: 490px;
	left: 280px;
	height: 20px;
	width: 190px;
	float: right;
}

.buttonBab {
	position: relative;
	top: 10px;
	left: 260px;
	height: 20px;
	width: 190px;	
}

.back {
	position: absolute;
	top: 523px;
	left: 0;
	color: #330000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.back_o3 {
	position: relative;
	top: 0;
	left: 0;
	color: #330000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/**   KONTAKTFORMULAR   **/


form li{
	width: 350px;
	height: 25px;
	margin: 1em 1em 0 0;

}

form {
	width: 460px;
	height: auto;
	padding-bottom: 10px;
}

label {
	margin-left: 50px;
	width: 152px;
	height: 25px;
	color: #330000;
	font-weight: bold;
	line-height: 1.8em;	
	text-align: left;	
}



select {
	width: 60px;
	border: 1px solid #330000;	
	color: #330000;
	font-weight: bold;	
	margin: 8px 3.0em 0 5.2em;
	
}

input {	
	width: 178px;
	height: 20px;
	border: 1px solid #330000;	
	color:  #330000;
	font-weight: bold;
	background-color: #f5f5f5;
	float: right;
	padding-left: 2px;
}

.submit {
	width: 80px;
	height: 24px;
	background-color: #330000;
	color: #cc9900;
	font-weight: bold;
	line-height: 1.8em;
	padding: 0 0 8px 0;
	float: left;
	margin: 1.5em 0 0 11.8em;

}

.textf {
	margin-left: 13.0em;
	margin-top: -2.4em;
	width: 200px;	
}

textarea {
	height: 150px;
	margin: 1em 0 0 0;
	width: 230px;
	border: 1px solid #330000;	
	color: #330000;
}

.textfeld {		
	padding-left: -100px;
	width: 230px;
	font-weight: normal;
	color: black;
	white-space: nowrap;
	padding: 2px;
}

/** .abstand_18R {
	padding-right: 18px;
}

.abstand_20R {
	padding-right: 20px;
}

.kon {
	margin-left: -14.6%;
}
**/