@charset "utf-8";
#main{padding: 0 0;}
#col_left{
	float: left;
	width: 700px;
}
#col_right{
	width: 200px;
	float: right;
}
#main h1, #main h2, #main h3 {margin: 0 0 .5em 0; clear: both}
h1.picknickheadline{
	color: #465a33;
	font-weight: normal;
	border-bottom: 1px solid #465a33;
	padding: 0 0 .25em 0;
	font-size: 22px;
}
h2.cart{text-decoration: underline}
p{
	color: #999999;
}
p.intro{
	font-style: italic;
	font-weight: bold;
	color: #465a33;
	font-size: 1.2em
}

p.todo{clear: both;}
#main .hidden {
	display: none;
}
#step-navigation{
}
#steps{
	list-style-type: none;
	margin: 0 16px 0 0 ;
	padding: 0 16px 0 0;
	background-color: #9ead90;
}
#steps li{
	float: left;
	padding: 0 1.5em;
	font-size: 1.0em;
	line-height: 1.6em;
	background: #9ead90 url('css_images/step_passive.png') no-repeat right center;
}
#steps li span.used{
	padding-right: 20px;
	background: transparent url('css_images/cross.png') no-repeat right center;
	color: #fff
}
#steps li span.unused{
	padding-right: 20px;
	background: transparent url('css_images/cross.png') no-repeat right center;
	color: #333
}
#steps li span.ready{
	padding-right: 20px;
	background: transparent url('css_images/accept.png') no-repeat right center;
	color: #fff
}
#steps li.aktive{
	background: #465a33 url('css_images/step_aktive.png') no-repeat right center;
}
#steps li.done{
	background: #465a33 url('css_images/step_ready.png') no-repeat right center;
}
#steps li.last{
	background: #9ead90 url('css_images/step_last.png') no-repeat right center;
}
#steps li.aktive.last{
	background: #465a33 url('css_images/step_ready_last.png') no-repeat right center;
}
label.config{display: inline-block; width: 100px;}
a.next_step{
	background-color: #465a33;
	border: 1px solid #9ead90;
	color: #fff;
	text-decoration: none;
	padding: .5em 1em;
	margin-top: 3em;
	margin: 1em;
}
a.next_step:hover{
	background-color: #fff;
	border: 1px solid #465a33;
	color: #465a33;
}
#userdata p{
	margin-bottom: .45em;
}
/* Boxen für Login usw. */
#box{
	float: right;
	width: 200px;
	margin: .5em 0 .5em .5em;
	padding: 0 0 .75em 0;
	border: 1px solid #9ead90;
	text-align: center;
}
#box h2{
	font-size: 110%;
	font-weight: bold;
	background-color: #9ead90;
	color: #fff;
	text-align: center;
	margin-bottom: 1em;
	padding: .25em 0;
}
#box p{
	text-aling: left;
	padding: 0 .75em;
}
#box a{
	padding: .25em 1em;
	color: #fff;
	background-color: #465a33;
	border: 1px solid #fff;
	text-decoration: none;
}
#box a:hover{
	color: #465a33;
	background-color: #fff;
	border: 1px solid #465a33;
}
/* Tabelle fuer Speisen und Getraenke */
table.artikel{
	width: 100%;
	margin-bottom: 1em;
}
table.artikel td{
	height: 28px;
}
td.hidden{display: none;}
td.beschreibung{
	width: 350px;
	text-align:left;
}
td.artikelpreis, th.artikelpreis{
	text-align: right;
	width: 100px;
	padding-right: 20px;
}
td.artikelanzahl{
	width: 30px;
	text-align: center;
}
td.artikelanzahl input{
	width: 20px;
	background-color: #e1e1e1;
}
table.uebersicht{border-collapse:collapse}
table.uebersicht tr td{border-top: 1px solid #c1c1c1}
p.trennlinie{
	background: #fff url('css_images/trenner.png') no-repeat 50% 50%;
	height: 12px;
}

/*AJAX LOADER
-------------------*/
#loading{
	width: 300px;
	margin: 0 auto;
    position: fixed;
    z-index: 5000;
    background-color: #fff;
    font-size: 150%;
    color: white;
    padding: 2px;
}