body {
margin: 0;
padding: 0;
font: 75% Arial, Verdana, Helvetica, sans-serif;
background-color: #FFF;
}

p {
 font-size: 0.95em;
 text-align: left;
 margin: 10px 12px 10px 15px;
 line-height: 1.5em;
 }

/* default links */

a:link {
background-color: transparent;
text-decoration: underline;
color: #4e0620;
}
a:hover {
background-color: transparent;
text-decoration: none;
color: #333;
}
a:visited {
background-color: transparent;
text-decoration: underline;
color: #4e0620;
}

/* headers here */

h1 {
margin: 0;
padding: 0;
font-size: 95%;
color: #FF0000;
text-indent: -9000px;
}

h2 {
margin: 10px 15px 15px 15px;
padding: 0;
font-size: 120%;
font-weight: bold;
color: #4a0901;
text-align: left;
line-height: 1.5em;
letter-spacing: 0.1em;
}

h3 {
font-size: 100%;
margin: 15px;
padding: 0;
text-align: left;
font-weight: bold;
color: #4d6162;
line-height: 150%;
letter-spacing: 0.1em;
}

h4 {
font-size: 0.9em;
margin: 15px 15px 0 15px;
padding: 0;
text-align: left;
font-weight: bold;
color: #4a0901;
line-height: 150%;
}


h5 {
font-size: 0.9em;
margin: 15px;
padding: 0;
text-align: left;
font-weight: bold;
color: #4d6162;
line-height: 150%;
}

h6 {
margin: 2px 0 0 15px;
font-size: 0.9em;
font-weight: normal;
text-align: left;
}

/* main wrapper that holds it all centrally */

#wrapper {
width: 800px;
margin: 0 auto;
padding: 0;
}

#container {
clear:left;
	width: 800px;
	overflow: hidden;
	margin: 0;
}

.floatLeft {
	float: left;
}

/* default masthead holding logo, the banner and topnav */

#header {
width: 800px;
height: 55px;
margin: 30px 0 0 0;
float: left;
}

#logo {
float: left;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

/* flash */

#leftbox {
float: left;
width: 200px;
height: 120px;
margin: 0 0 5px 0;
padding: 0;
}

#flash {
float:right;
width: 595px;
margin: 0 0 5px 0;
padding: 0;
overflow:hidden;
}


/* content layout */

#leftContent {
float: left;
width: 200px;
height: auto;
margin: 0;
padding: 0;
}


#threeColLayout #primaryContent {
float: left;
width: 394px;
height: 455px;
margin: 0 0 0 5px;
padding: 10px;
background: #faf4eb;
}

#twoColLayout #primaryContent {
width: 593px;
float:left;
margin: 0 0 0 5px;
padding: 0;
background-color: #FFF;
}

#mainContent {
width: 437px;
min-height: 470px;
height: auto;
float:left;
margin: 0 0 0 5px;
padding: 0 10px 0 0;
background: #FFF;
border-left: 1px solid #330000;
}

/* for Internet Explorer */
/*\*/
* html #mainContent {
height: 470px;
}
/**/

#primaryContent img {
 margin: 0 15px 15px 0;
}

#primaryContent .logos img {
 margin: 6px;
}

#primaryContent .table img {
 margin: 0;
}

#primaryContent .table a {
text-decoration: none;
line-height: 120%;
}


#primaryContent .table p  {
text-align: center;
margin: 10px 0 15px 0;
}


#secondaryContent{
float:left;
width: 175px;
height: 470px;
margin: 0 0 0 5px;
padding: 0;
}


#secondaryContent a{
color: #ea9d49;
}


/* Typography */

.white {
color:#FFFFFF;
}

.indent {
 margin: 15px 30px 30px 45px;
}

/* ul */

#primaryContent ul {
	list-style-type: none;
	margin: 0 0 30px 60px;
	padding: 0;
}
#primaryContent li {
	margin: 0 0 0 55px;
	padding: 0;
}


/* footer */

#footer{
clear: both;
float: left;
background: #FFF;
width: 800px;
height: 24px;
padding: 0px;
}

#footer p {
margin: 10px 20px;
padding: 0;
color: #6d7b7a;
text-align: left;
font-size: 0.8em;
}

#footer a:link, #footer a:visited {
color: #300;
text-decoration: none;
}

#footer a:hover {
color: #6d7b7a;
background: none;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
border-bottom: 1px solid #FFF;
clear: both;
}


/* vertical main navigation*/

 #mainNav
{
float: left;
margin: 0;
padding: 0;
width: 200px;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
float: left;
font-size: 1em;
}

#mainNav li
{
display: block;
margin: 0 0 5px 0;
padding: 65px 0 10px 0;
float: left;
text-align: left;
background: url(../_img/mainnav_bg.jpg) repeat-y;
width: 200px;
}

#mainNav a
{
color: #FFF;
text-decoration: none;
margin: 0;
padding: 0 20px;
letter-spacing: 0.1em;
text-align: left;
}

#mainNav a:hover, #mainNav a:active { color: #4e0620; }

/*  Lower left Navigation */

 #lowerNav
{
float: left;
margin: 0;
padding: 0;
width: 200px;
height: 90px;
background: url(../_img/lowernav_bg.jpg) repeat-y;
font-size: 0.85em;
}

#lowerNav ul
{
list-style: none;
margin: 0;
padding: 15px 0 0 0;
border: none;
float: left;
}

#lowerNav li
{
display: block;
margin: 0;
padding: 0;
line-height:150%;
float: left;
text-align: left;
width: 200px;
}

#lowerNav a
{
color: #4d6162;
text-decoration: none;
margin: 0;
padding: 0 0 0 20px;
text-align: left;
}

#lowerNav a:hover, #mainNav a:active { color: #4e0620; }

#silverbox
{
float: left;
margin: 5px 0 0 0;
padding: 0;
width: 200px;
height: 95px;
background: url(../_img/greyboxes_bg.jpg) repeat-x;
font-size: 0.85em;
}

/* Top Navigation */

#topnav {
float: left;
width: 600px;
height: 50px;
margin: 0;
padding: 0;
}


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

#topnav li
{
margin: 0;
padding: 15px 0 0 0;
float: left;
letter-spacing: 0.1em;
}

#topnav a
{
font-size: 1em;
color: #4d6162;
display: inline;
text-decoration: none;
margin: 0;
padding: 0 20px 0 30px;
border-left: 1px solid #330000;
}

#topnav a:hover, #topnav a:active {color: #4e0620; }

/* Subnavigation */

#subnav {
float: left;
width: 140px;
line-height: 1.5em;
margin: 0;
padding: 8px 0 0 0;
font-size: 0.9em;
}


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

#subnav li
{
margin: 0;
padding: 4px 10px 5px 10px;
text-align: right;
}

#subnav a
{
color: #4a0901;
text-decoration: none;
margin: 0;
padding: 0;
}

#subnav a:hover, #subnav a:active {background: none; color: #4d6162; }


/* Highlighting the current page */

body.news #topnav a#news, body.unternehmen #topnav a#unternehmen, body.referenzen #topnav a#referenzen, body.kontakt #topnav a#kontakt {
color: #490901;
font-weight: bold;
}

body.produkte #mainNav a#produkte, body.kunden #mainNav a#kunden, body.automaten #mainNav a#automaten { 
color: #FFF;
font-weight: bold;
/*background: url(../_img/mainnav_bg2.jpg) repeat-y; */
}

body.links #lowerNav a#links, body.impressum #lowerNav a#impressum, body.orderform #lowerNav a#orderform, body.cafeco #lowerNav a#cafeco, body.agb #lowerNav a#agb { 
font-weight: bold;
}

#primaryContent.heiss #subnav a#heiss, #primaryContent.speisen #subnav a#speisen, #primaryContent.fuellstoffe #subnav a#fuellstoffe, #primaryContent.konzepte #subnav a#konzepte, #primaryContent.spezial #subnav a#spezial, #primaryContent.zahlung #subnav a#zahlung, #primaryContent.cafem #subnav a#cafem, #primaryContent.cafes #subnav a#cafes, #primaryContent.aurorae #subnav a#aurorae, #primaryContent.aurorah #subnav a#aurorah, #primaryContent.officexm #subnav a#officexm, #primaryContent.officexx #subnav a#officexx, #primaryContent.fresh #subnav a#fresh, #primaryContent.snack #subnav a#snack, #primaryContent.shake #subnav a#shake, #primaryContent.aktuell #subnav a#aktuell, #primaryContent.kaffeetyp #subnav a#kaffeetyp, #primaryContent.downloads #subnav a#downloads, #primaryContent.archiv #subnav a#archiv, #primaryContent.wir #subnav a#wir, #primaryContent.qualitaet #subnav a#qualitaet, #primaryContent.innovation #subnav a#innovation, #primaryContent.umwelt #subnav a#umwelt, #primaryContent.standorte #subnav a#standorte, #primaryContent.international #subnav a#international, #primaryContent.referenzen #subnav a#referenzen, #primaryContent.feedback #subnav a#feedback, #primaryContent.adressen #subnav a#adressen, #primaryContent.nachricht #subnav a#nachricht, #primaryContent.lageplan #subnav a#lageplan, #primaryContent.pressnat #subnav a#pressnat, #primaryContent.pressint #subnav a#pressint, #primaryContent.searchengine #subnav a#searchengine { 
font-weight: bold;
}

/* form styling */

form {
width: 300px;
border: 0;
margin: 0 0 10px 0;
padding: 20px;
text-align: left;
font-size: 0.9em;
line-height: 2em;
}

fieldset {
width: 146px;
margin: 0 0 10px 0;
padding: 5px;
}

.default fieldset {
width: auto;
margin: 10px 0 10px 50px;
padding: 0;
}


input {
margin-top:0;
padding: 2px;
background: #dfe7df;
color: #333;
}

textarea {
margin-top:0;
padding: 2px;
background: #dfe7df;
color: #333;
}

.default input {
display: block;
}

input.submit {
	border: 1px;
	padding: 2px;
	background: transparent;
	font-size: 9px;
}


table {
	margin: 0;
	padding: 0;
	border: 0;
}
tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
td {
	font-weight: normal;
	line-height: 150%;
	color: #333;
	margin: 0;
	padding: 2px 2px 2px 0;
	text-align: left;

}