/*
Current CSS Bugs
----------------

IE 5.0, IE 5.5:
--------
 - Bestellung: Schriftbild zu groß
 
*/
	/* ROT; #df0028
	   Creme; #fff8e2
	   GELB: #fdeba7
	*/
	
* {
	padding: 0;
	margin: 0;
}

body {
	text-align:center;
	font: 13px/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: black;
	background: #fdeba7;
}

/* Überschriften
----------------------------------------- */
h1 {
	font-size: 120%; 
	font-weight: bold;
	margin-bottom: 10px;
}

h2 { 
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;	
	margin-bottom: 5px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}
/* Default Links
-------------------------------------------- */
.a_black, .a_black:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

a, a:visited  {
	font-weight : bold; 
	color: #df0028;
	background: transparent; 
	text-decoration: underline;
}

a:hover, a:active {
	font-weight : bold; 
	text-decoration : none;
	/* color: #a50000; */
	color: #b70021;
	background: transparent; 
}

/* Standart Tags
-------------------------------------------- */
p {
	margin: 0 0 1em 0;
	line-height: 130%;
	text-indent: 15px;
}

address {
	font-style: normal;
	padding-left: 50px;
	padding-bottom: 20px;
}

ul {
	list-style: none;
	padding-left: 50px;
	padding-bottom: 15px;
	
}

/* Zusatzstyles
-------------------------------------------- */

.red {
	color: #df0028;
}

.errmsg {
	color:#df0028;
	margin: 15px 5px 40px 5px;
	padding: 5px;
	display: block;	
	border: 2px solid black;
	background-color: #FFFFFF;
}
.errmsg h2, .errmsg h3 {
	text-ident: 2em;
}

.form_err {
	border: 1px solid #df0028;
	background-color: #FFCC99;
}

#success {
	color: green;
	font-weight: bolder;
}

/* Extras
----------------------------------------- */

#website {
	width:760px;
	margin:0px auto;
	text-align:left;
	border:1px solid #000000;
	background: #fff8e2 url(../images/navigation/navi-bg.gif) repeat-y;

}

#content {
	padding: 20px;
	width: 558px;
	float: right;
}

#content h1 {
	background-color: #df0028;
	color: #ffffff;
	padding: 4px;
}

#header {
	text-align: left;
	background: #fff8e2 url(../images/header.jpg) top right no-repeat;
	height: 110px;
	border-bottom: 1px solid black;
}

#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.row {
 	clear: both; 
}

#roottail {
	padding-left: 10px;
	background-color: #FFFFFF;
}

div.column {
	float: left;
	width: 271px;
	margin: 6px;
	text-align: justify;
}

/* IE suxx */
div.row > div.column {
	width: 267px;
}

.column h2 {
	background-color: #df0028;
	color: #ffffff;
	margin-bottom: 5px;
	padding: 4px;
}

.column p {
	text-indent: 15px;
}

/* Navigation Layout
----------------------------------- */
	 
	#navigation {
		float: left;
		width: 134px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#navigation h1 {
		font-size: 110%;
		text-align: right;
		margin-top: 20px;
		/*padding-top: 8px; */
		margin-bottom: 0px;
	}

	#navigation ul {
		margin: 0px;
		padding: 5px 0px 5px 5px;
		background: #fff8e2;
		border-top: 2px solid #df0028;
		border-bottom: 2px solid #df0028;
	}

	#navigation ul li {
		list-style: none;
		background: #fff8e2 url(../images/navigation/list_red.gif) 9px 6px no-repeat;
		padding-left: 24px;
	}

	#navigation img {
		margin-left: 2px;
		border: 2px solid #df0028;
	}

/*
 * Roottail
 */
	#roottail {
		font-weight: bold;
		background-color: #FFFFFF;
	}

	#roottail ul {
		padding-left: 10px;
	}

	#roottail li {
		display: inline;
	}


/*    F O R M U L A R E
-------------------------------------------------- */


	.textfield, .textarea { 
		background-color: #f1e1a0; 
		border: 1px solid black; 
		padding: 2px;
		text-align: center;
	}

	.textfield:focus, .textarea:focus { 
		background-color: #fdfbc7;
	}

	legend {
		font-weight: bold;
		padding: 3px;
	}

	fieldset {
		padding: 3px;
		display: block;	
	}

	label {
		display: block;
	}

	input {
		background: #fdeba7;
		border: 1px solid black;
		margin-top: 2px;
	}
	input:focus {
		background: #fdfbb7;
	}
		
	input.button {
		background-color: #fdeba7;
		color: #df0028;
		padding-left: 5px;
		padding-right:5px;
		border: 1px solid #df0028;
		margin-top: 5px;
		}
		
	input.button:hover, input.button:active, input.button:focus {
		background-color: #ffefbf;
		cursor: pointer;
		color: #b70021;
		border-color: #b70021;
		}
		
	input.continue {
		background-color: #fdeba7;
		color: black;
		padding-left: 10px;
		padding-right:10px;
		border: 1px solid black;
		margin-top: 5px;
		
		}
		
	input.continue:hover, input.continue:active, input.continue:focus {
		background-color: #ffefbf;
		cursor: pointer;
		color: #333;
		border-color: #333;
		
		}

	select {
		background: #fdeba7;
		border: 1px solid #333;
	}
	   
	select.Tag {
		width: 45px;
	}	

	select.Monat {
		width: 100px;
	}

	select.Jahr {
		width: 60px;
	}		

/* -- Login Formular --------------------------------------------- */
	#loginform {
		margin-left: 50px;
	}

	#loginform fieldset {
		width: 150px;
		border: 2px solid red;
		padding:5px;
	}
	
	#loginform fieldset legend{
		padding:3px;
	}

	#loginform label {
		font-weight: bold;
	}
	
	#loginform label input{
		width: 95%;
	}

	 input#disabled {
		color: #888;
		background-color: #ccc;
		border-color: gray;
	}

/* -- Mitteilungs Formular -------------------------------------------- */
	#messageform {
		margin-left: 50px;
	}

	#messageform fieldset {
		width: 400px;
		display: block;
	}

	#messageform label {
		font-weight: bold;
	}

	#messageform input.textfield, #messageform textarea {
		display: block;
		width: 390px;
	}

	#messageform input.submit {
		display: block;
		margin-top: 1em;
	}

/* -- Fortschrittsanzeige ------------------------------------------------ */

	/* ROT; #df0028
	   Creme; #fff8e2
	   GELB: #fdeba7
	*/
	.progressbar {	
		border: #df0028 0px solid;
		width: 577px;
		display: inline-block;
		color: #df0028;
		padding: 0px;
		margin-bottom: 8px;	
	}
	
	.progressbar_v {	
		border: #df0028 0px solid;
		display: block;
		color: #df0028;
		padding: 0px;
		margin-bottom: 8px;	
	}
	
	.progressbar ul, .progressbar_v ul  {
		margin: 0px; 
		padding: 0px;
	}

	.progressbar ul  li {
		text-align: center;
		float: left;
		list-style: none;
		border: #fde175 1px solid;
		background-color: #fdeba7;
		padding: 5px 0px 0px 0px;
		height: 25px;
		width: 110px;
		
	}
	
	.progressbar_v ul  li {
		text-align: left;
		list-style: none;
		border: #fde175 1px solid;
		background-color: #fdeba7;
		padding: 5px 0px 0px 0px;
		height: 25px;
		width: 105px;	
	}
	#navigation .progressbar_v ul li {
		background-image: none;
		padding-left: 14px;
	}

	.progressbar #current, #navigation .progressbar_v #current {
		background:#fff4cc url(../images/progressbar/progressbar_highlighted.png) repeat-x;
		background-position: center;
		font-weight: bold;
		text-decoration: none;
	}

/* -- Kontakt Formular ------------------------------------------------ */
	#contactform {
		margin-left: 50px;
	}
	
	#contactform  legend{
		padding: 3px;
	}

	#contactform fieldset {
		width: 400px;
		padding: 10px;
	}

	#contactform fieldset fieldset {
		width: 350px;
		padding: 10px;
		margin: 10px;
	}

	#contactform label {
		display: block;
		font-weight: bold;
		padding: 2px;
	}

	#contactform textarea {
		display: block;
		width: 95%;
		background-color: rgb(241, 225, 160);
		border: 1px solid black;
	}

	#contactform input.textfield {
		width: 93%;
	/*	background-color: #FFFFFF;    */
		padding: 2px;
	}

	#contactform .singlerow input.textfield {
		width: 45%;
		display: inline;
	}

	#contactform .textfield:focus, #contactform textarea:focus  { 
		background-color: #fdfbc7;
	}

	/* form_err FIX */
	#contactform .form_err {
		width: 93%;
		padding: 2px;
	}
	#contactform  .singlerow .form_err {
		width: 45%;
		display: inline;
	}

/* -- FAQ ------------------------------------------------------------- */
	.faqindex {
		padding-bottom: 15px;
		margin-bottom: 10px;
		border-bottom: 2px solid #df0028;
	}

	.faqindex ul {
		padding: 0px;
	}

/* BESTELLUNG
-------------------------------------------------- */
	.bestellung .textfield {
		width: 2em;
	}
	
	.bestellung thead {
		font-weight: bold;
		text-align: left;
		font-size: 90%;
	}

	.bestellung td {
		padding-left: 2px;
		padding-right: 2px;
	}

	.bestellung .even {
		background-color: #ffe071;
	}
	.bestellung .odd {
		background-color: #ffe791;
	}

	.mediumbox {
		width: 50%;
		float: left;
	}

	.smallbox ul, .mediumbox ul {
		padding: 0px 0px 15px;
	}

	.smallbox {
		width: 33%;
		float: left;
	}

/*
 * Footer
 */
#footer {
	clear:both;
	text-align: center;
	border-top: 1px solid black;
	background-color: #fff8e2;
}

#footer ul {
	margin: 0px;
	padding: 2px 0px;
}

#footer li {
	display: inline;
	margin: 0px 10px;
}


.adresse { margin: 2px;}

.adresse ul { margin: 10px 5px;}

.adresse li {
	list-style-type: none;	
	height: 12pt;
}

/*
 * Development
 */
 #internal {
 	position: absolute;
	top: 5px;
	left: 5px;
	
	background-color: #fff;
	padding: 5px;
	border: 1px solid black;
	
 }
 
.comment {
	border: 1px solid black;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
}

.comment ul {
	padding-left: 15px;
	list-style: disc;
}

/* Produkt Info
-------------------------------------------------- */
	 #Infobox {
		display:block; 
		margin-left: 10px;
	 }
	 #Infobox table, #Infobox  tr, #Infobox table td {
		vertical-align: top;
	 }
	 #Beschreibung {
	 }
	 
	 #Zutaten, #Allergene, #Hinweis {
		display: block; 
		margin: 5px, 5px, 0px, 5px; 
		padding: 5px, 5px, 2px, 0px;
	 }
	 #Zutaten, #Allergene {
		font-size: 0.8em;
	 }
	 #Hinweis {
		font-size: 0.7em;
	 }	 
	 #Allergene {
		min-width: 195px;
	 }