/*

67,30,47  dunkelrot
110,176,220 hellblau
254,134,71 orange
177,150,56 naturgruen
farben aus "index farbe", S. 128, 2. block, gruen etwas angepasst


rgb(216,215,178); hellgrün
rgb(230,230,219); hellgrün abgeschwächt
rgb(144,144,121); dunkelgrün
rgb(176,192,172); hellgrau
rgb(221,131,97); orange / rot
farben aus "index farbe", S. 256, 1. block

*/





* {
	margin: 0;
	padding: 0;
}

body {
	background-color: rgb(230,230,219); 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgb(144,144,121);
}

h1, h2, h3 {
	color: rgb(221,131,97);
}

h1 {
}

h2 {
	margin-bottom: 1em;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 20px 0px 0px 0px;
}

h3 {
	margin-bottom: 1.5em;
	text-transform: uppercase;
	font-size: .8em;
}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
}

p {
}

blockquote {
	margin-left: 2em;
	padding-left: 1em;
	border-left: 2px solid rgb(110,176,220);
	font-style: italic;
}

ul, ol {
	margin-left: 3em;
}

ul {
}

ul li {
}

ol {
}

ol li {
}

pre, code {
}

pre {
}

code {
}

a:link {
	color: rgb(254,134,71);
}

a:hover {
	text-decoration: none;
  color: rgb(254,134,71);
}

a:visited {
}

form {
display: inline;

}
.image-left {
	float: left;
	margin-right: 1em;
}

.image-right {
	float: right;
	margin-left: 1em;
}

.shopinput { /* inputs zum mengeneintrag im shop */
	font: 16pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgb(67,30,47);
	border: 1px solid rgb(144,144,121); 
	text-transform: uppercase;
	text-align: left;
	padding: 2px 4px 2px 4px;
	margin-top: 4px; /* Korrektur, damit das Feld im WK mit den Button auf einer Linie steht. Ist in der Liste nicht weiter tragisch. */
	background: rgb(230,230,219) url(images/bg_header.jpg) repeat-x;
	display:inline;
	vertical-align: top;
}


input, textarea, select {
	font: 16pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgb(67,30,47);
	border: 1px solid rgb(144,144,121); 
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 2px;
	background: rgb(230,230,219) url(images/bg_header.jpg) repeat-x;
}

.button { /* Grafische Buttons zur Bestellung */
	border: none;
	padding: 0 0 0 0;
	background: none;
}


a img{ /* kein rand um grafische buttons */
	border: none;
}


.lang { /* lange inputfelder */

	width:200px;
}


.kurz1 {

	width:151px;
}

.kurz2 {

	width:41px;
}

.comment{ /* Kommentarbox im SHop */
width:200px;
height: 100px;

}
/* Bildoben links ecke */

#header {
	height: 230px;
	padding: 0px 0px 0px 250px;
	background: url(images/head_01.jpg) no-repeat; 
}

/* Logo-Schrift + Fade-Grafik oben */

#logo {
	height: 80px;
	padding: 150px 0 0 30px;
	background: url(images/head_02.jpg) no-repeat;
}

#logo h1 {
	float: left;
	letter-spacing: -.1em;
	font-style: italic;
	font-size: 3em;
}

#logo h1 a {
	color: rgb(110,176,220);
}

#logo h2 {
	float: left;
	letter-spacing: -.05em;
	font-style: italic;
	font-size: 1em;
}

#logo a {
	text-decoration: none;
}

/* Trennlinie zw Menu und Content */

#wrapper {
	margin-right: 100px;
	background: url(images/img05.jpg) repeat-y 250px 0;
}

/* Menü-Container */

#sidebar {
	float: left;
	width: 250px;
}

/* Content */

#content {
	margin-left: 250px;
	padding: 30px;
}

/* Menu */

#menu {
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	height: 45px;
	padding: 15px 0 15px 74px;
	background: rgb(216,215,178);
	text-decoration: none;
	font-size: 1.4em;
	font-style: italic;
	color: rgb(177,150,56);
}

#menu a:hover {
	background: rgb(216,215,178) url(images/menubg.jpg) no-repeat;
}

/* Wussten Sie schon */

#testimonial {
	padding: 30px;
}

/* Home aufm Hirsch*/

#homeclicker {
	position:absolute;
	top: 20px;
	left: 30px;
	width: 200px;
	height: 165px;
	border: none;
	z-index: 1;
	display: inline;
}

#testimonial blockquote {
	margin-left: 0;
}

/* Welcome */

#welcome {
	max-width: 700px;
	
}

/* Footer */

#footer {
	padding: 20px 30px;
	color: rgb(216,215,178);
	background: rgb(144,144,121) url(images/footerbg.jpg)  0% 100% repeat-x;
	}

#footer hr {
	display: none;
}

#footer p {
	margin: 0;
	font-size: .8em;
}

#footer a {
	color: rgb(216,215,178);
}




/* Shop-Kram */



.kosten { /* P-Class für die auszugebenden Kosten unter der Tabelle */
padding: 50px 0 0 0;
text-align: right;
line-height: 1.5em;
border-bottom: 1px solid rgb(144,144,121);

}

table.shop {
	padding: 0;
	margin: 0;
 	color: rgb(144,144,121);
    border: 0;

}
caption {
	padding: 40px 0 10px 0;	 
	font: italic 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid rgb(144,144,121);
	border-bottom: 1px solid rgb(144,144,121);
	border-top: 1px solid rgb(144,144,121); 
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: url(images/bg_header.jpg) repeat-x;
}
th.img {
	border-left: 1px solid rgb(144,144,121); 
 	border-top: 0; 
 	background: none;
 	width: 75px;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.bezeichnung {
 	width: 300px;
}

th.groesse {
 	width: 75px;
}

th.preis {
 	width: 60px;
}

th.menge {
 	width: 120px;
}

th.loeschen {
 	width: 40px;
}

th.nobg { /* kleines kaestchen oben links */
	border-right: 1px solid rgb(144,144,121);
	background: none;
	border-top: 0; 
}
tr.tdunkel {
	background: rgb(216,215,178);
	color: #797268;
}
td {

	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid rgb(144,144,121);
	border-bottom: 1px solid rgb(144,144,121);
	padding: 6px 6px 6px 12px;
	/* color: #4f6b72; */
}