﻿* {	padding: 0;
	margin: 0;
	}
div{ border: solid 0px #000000;}
html, body { height:100%; margin:0; padding:0;  }

a, a:link, a:visited {
	text-decoration: underline;
	color: #4c6304;
	}
a:hover {
	color: #a4b84f;
	}
sub	{
	font:0.7em Arial Narrow, tahoma, verdana, sans serif;
	}
sup	{
	font:0.7em Arial Narrow, tahoma, verdana, sans serif; 
	}
/* LAYOUT */
body {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #4c6304;
   	background: url(../images/bg.jpg) top left no-repeat #edf1e4;
	}
#container	{
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	}
#c_header	{
	background: url(../images/head.png) top left no-repeat;
	padding: 0em;
	margin-left: auto;
	margin-right: auto;
	height:180px;
	}
#c_logo	{
	padding: 20px 0 0 30px; 
	}
#navi {
	background: url(../images/navi_bg.gif) top left no-repeat;
	height: 37px;
	}
#navi ul {
	padding:8px 0 0 20px;
	list-style: none;
	}
#navi ul li {
	float:left;
	}
#navi a {
	font: 1.2em  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #4c6304;
	text-decoration: none;
	padding:8px 10px 5px 10px;
	text-shadow: #d9e2c4 1px 1px;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	}
#navi a:hover, #navi a.active, #navi a.active:hover {
	background: url(../images/hover.gif) top left repeat-x;
	color: #646464;
	border-right:1px solid #b0c25f;
	border-left:1px solid #b0c25f;
	}	
	
		
#c_mitte {
	width:100%;
	margin:0;
	padding:0;
	min-height:350px;
	}
#content {
	padding:30px 20px 80px 30px;
	margin-right:200px;
	}	
#c_column {
	width:200px;
	float: right;
	margin-top:20px;
	background: url(../images/newsbg.gif) top left repeat-y;
	}
#c_column #newshead {
	background: url(../images/newshead.gif) top left no-repeat;
	height:29px;
	font: 1.5em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #4c6304;
	padding: 7px 0 0 15px;
	}
#c_column #news {
	background: url(../images/newstop.gif) top left no-repeat;
	padding:10px 15px;
	font: 1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #4c6304;
	}
#c_column #newsbottom {
	background: url(../images/newsbottom.gif) top left no-repeat;
	height: 13px;
	}
#bestellen {
	width:200px;
	height:50px;
	background-color: #edf1e4;
	}

#bestellen a.bestellbutton {
	display:block;
	width:197px;
	height:40px;
	padding:9px 0 0 15px;
	text-decoration:none;
	font:bold 1.3em Arial Narrow, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #4c6304;
	text-shadow: #d9e2c4 1px 1px;
	background: url(../images/bestellbutton_low.gif) top left no-repeat;
	}
#bestellen a:hover {
	background: url(../images/bestellbutton_high.gif) top left no-repeat;
	color: #a4b84f;
	text-shadow: #d9e2c4 1px 1px;
	}
	
#footer {
	width:100%;
	height:30px;
	background: url(../images/footer_bg.gif) top left repeat-x #a4b84f;
	position:fixed; bottom:0px;
	}
#footer ul {
	list-style: none;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	}
#footer ul li {
	float: right;
	padding: 5px 0;
	}
#footer ul li a {
	font:1.1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
	text-shadow:#4c6304 1px 1px;
	}	
#footer ul li a:hover {
	color: #4c6304;
	text-shadow:#d9e2c4 1px 1px;
	}
	
#news a {
	font:0.9em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #a4b84f;
	text-decoration: underline;
	}
#news a:hover {
	color: #4c6304;
	}

/* FORMATE - Texte, Formulare etc. */
td {
	padding:5px 15px 5px 0;
	}
table.admin td {
	padding:0 15px 2px 0;
	}
table.schmal td {
	padding:2px 15px 2px 0;
	}
p {	
	font-family: 1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
    	color: #4c6304;
    	padding:7px 0;
    	}
small {
	font-size: 0.85em;
	}
h1 {	
	font: 1.5em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #a4b84f;
	text-align:center;
	padding:3px 0;
	margin-bottom: 10px;
	background: url(../images/h1_bg.png) center center repeat-y;
	}
h2 {	
	font:bold 1.2em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #4c6304;
	text-align:left;
	padding-top:15px;
	}
h3 {	
	font:bold 1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #a4b84f;
	padding:10px 0 5px 0;
	}
form h3 {	
	font:bold 1.2em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #a4b84f;
	padding:0 0 5px 0;
	}
hr {	
	color:#a4b84f;
	}
fieldset {
	padding-left:10px; 
	padding-right:10px;
	}
legend {
	color: #1c7771; 
	padding-left:5px; 
	padding-right:5px;
	}
form {
	margin:0 35px 20px 0;
	background: url(../images/form_bg.gif) top left no-repeat #edf1e4;
	padding: 20px 0 30px 20px;
	}
input, textarea, checkbox	{
	background-color:#ffffff;
	border: solid thin #a4b84f;
	}
input.button {
	background: url(../images/button_bg.gif) top left no-repeat #edf1e4;
	color:#a4b84f;
	font:bold 1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	border:none;
	width:146px;
	height:29px;
	}
input.button:hover {
	background: url(../images/button_bg_high.gif) top left no-repeat #edf1e4;
	color:#4c6304;
	}
input.adminbutton {
	background-color: #a4b84f;
	color:#ffffff;
	font:normal 1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	border:1px dotted #4c6304;
	}
input.adminbutton:hover {
	background-color:#4c6304;
	border:1px dotted #ffffff;
	}