#quiz {
padding: 0 0 1em 0;
margin: 0 0 3em 0;
font-size: 0.7em;
line-height: 1.4em;
color: black;
width: 100%;
background: #E3E8EA;
float:left;
border-bottom: 3px solid #A1B0B6;
}

#quiz .buchpic {
padding: 0;
margin: 0;
width: 100%;
float: left;
border-bottom: 3px solid #A1B0B6;
border-top: 3px solid #A1B0B6;
display: block;
}

#quiz .buchpic img {
padding: 0;
margin: 0;
display: block;
}

#quiz .introText {
padding: 0.5em 0 1em 0;
margin: 0;
width: 100%;
float: left;
/* border-bottom: 3px solid #A1B0B6; */
display: block;
}

#quiz .introText p {
clear: both;
margin: 0;
padding: 0.5em 0 0 0.5em;
font-size: 1.1em;
line-height: 130%;
border: 0;
width: 98%;
float: left;
}


#quiz #quizformular
{
margin: 0;
padding: 0;
float: left;
width: 100%;
}

#quiz form
{
clear: both;
margin: 0;
padding: 0;
border: 0;
width: 100%;
float: left;
}

#quiz form p
{
clear: both;
margin: 0;
padding: 1em 0 0 0.5em;
font-size: 1em;
border: 0;
width: 70%;
float: left;
}

#quiz form div.fslinks { 
float: left !important; 
width: 49%;
background: #EEF1F2;
height: 38em;
}

#quiz form div.fslinks h3 {
display: block;
font-size: 1.1em;
margin: 0;
width: 100%;
padding: 0.75em 0 0.5em 0.5em;
}

#quiz form div.fslinks p { 
clear: both;
margin: 0;
padding: 0 0 1em 0;
/* font-size: 1em; */
border: 0;
width: 100%;
float: left;
}

#quiz form div.fslinks p img { 
margin: 0;
padding: 0 0.35em 0 0;
border: 0;
float: left;
display: block;
float: right;
}


#quiz form div.fsrechts 
{ 
float: right !important; 
width: 49%;
background: #EEF1F2;
height: 38em;
}

#quiz form div.fsrechts p
{
clear: both;
margin: 0;
padding: 0.5em 0 0 0.5em;
border: 0;
width: 98%;
float: left;
}


#quiz form fieldset {
border: 0;
margin: 0 0 0.5em 0;
padding: 0 0 0 0;
width: 25em;
height: 20em;
}

#quiz form fieldset span
{
margin: 0;
padding: 0.5em 0 0 0;
border: 0;
width: 24.7em;
}

#quiz #quizformular fieldset h3 {
clear: both;
display: block;
font-size: 1.1em;
margin: 0;
width: 100%;
padding: 0.75em 0 0.75em 0.5em;
}

#quiz #quizformular fieldset legend {
display: block;
font-size: 1.2em;
margin: 0;
width: 15em;
padding: 0.5em 0 0.5em 0;
float: left;
display: none;
}


#quiz #quizformular label, #quiz #quizformular .fslinks label {
display: block;
float: left;
width: 9.5em;
height: 2em;
margin: 0;
padding: 0 0 0.35em 0.5em;
}

#quiz #quizformular .fslinks label {
padding: 0 0 0 0.5em !important;
margin: 0 !important;
}

#quiz #quizformular .checkbox {
display: block;
float: left;
width: 1em;
height: 1em;
padding: 0;
margin: 0 0.5em 0 0;
}

#quiz input {
width: 14em;
border: 1px solid gray !important;
font-size: 1.0em;
}

#quiz div.fslinks input {
width: 14em;
border: 1px solid gray !important;
font-size: 1.0em;
float: left;
margin: 0 0 0.25em 0.5em;
}

#quiz textarea {
width: 15.5em;
border: 1px solid gray;
padding: 0;
margin: 0 0 0.25em 0;
font-size: 0.9em;
height: 6em;
font-family: Verdana;
}

#quiz div.fslinks textarea {
width: 24em;
border: 1px solid gray;
float: left;
padding: 0;
margin: 0 0 0.75em 0.5em;
font-size: 1em;
height: 10em;
font-family: Verdana;
}

#quiz span {
font-size: 1em;
line-height: 1.2em;
}

#quiz #submit input {
  width: 10em;
  padding: 0.45em 0 0.45em 0;
  margin: 1em 1em 0 0;
  float: right;
  font-weight: bold;
  font-size: 1.2em;
  display: inline;
  background: #EEF1F2;
}



#quizfehler {
clear: both;
background-color: #fff;
padding: 0.75em 0 0.75em 0;
text-align: center;
margin: 0;
font-size: 1em;
line-height: 1.4em;
color: #A1B0B6;
font-weight: bold;
width: 100%;
border-bottom: 3px solid #A1B0B6;
border-top: 3px solid #A1B0B6;
}


#quizfehler span {
display: block;
}


#quizfertig {
clear: both;
padding: 1em 0 0.75em 0;
margin: 0 0 0 0;
font-weight: bold;
line-height: 1.5em;
font-size: 1.2em;
color: #A1B0B6;
width: 100%;
text-align: center;
display: block !important;
border-top: 3px solid #A1B0B6;
}

#quiz img {
margin: 0;
padding: 0;
display: block;
border: 0;
}

/* ENDE */


/* Bild upload */

.bildupload {
	padding: 0.5em 0 1em 0;
	margin: 0;
	width: 100%;
	float: left;
	background: #E3E8EA;
	}
	
.bildupload form, .bildupload form fieldset {
	padding: 0;
	margin: 0;
	width: 97%;
	float: left;
	border: 0;
	}
	
.bildupload form fieldset {
	clear: both;
	padding: 0 0 0 0.5em;
	}
	
.bildupload form h3  {
display: block;
font-size: 0.95em;
font-weight: bold;
margin: 0;
width: 15em;
display: inline;
padding: 0;
float: left;
}
	
		
.bildupload form legend  {
display: none;
}

.bildupload form input  {
display: none;
}

.bildupload form fieldset input {
display: block;
font-size: 0.85em;
margin: 0 0.75em 0 0;
width: 12em;
padding: 0;
float: left;
}


.bildupload form label {
display: none;
}

	
.bildupload p, .bildupload p.fehler, .bildupload p.danke { 
clear: both;
margin: 0;
padding: 0.5em 0 1em 0;
font-size: 0.75em;
border: 0;
width: 95%;
float: left;
}

.bildupload p.fehler { 
font-size: 0.95em;
padding: 1em 0 1em 0;
}

.bildupload p.danke { 
font-size: 0.95em;
padding: 1em 0 1em 0;
margin: 0;
width: 100%;
}


.bildupload form #brows {
  clear: both;
  margin: 0;
  padding: 0 0 0.75em 0;
  float: left;
}

.bildupload form #brows input, .bildupload form #upload input {
  width: 13em;
  padding: 0.15em 0 0.15em 0 !important;
  margin: 0;
  display: inline;
  float: left;
  text-algin: center;
  font-weight: bold;
  font-size: 0.75em;
  background: #EEF1F2;
  border: 1px solid #6B7A7C;
}

.bildupload form #brows input {
  width: 22em;
  border: 1px solid #6B7A7C;
  background: #fff;
  padding: 0 0.75em 0 0;
  position: relative;
}

.bildupload #upload {
  clear: both;
  margin: 0;
  /* padding: 0.25em 0 0.5em 11.2em; */
  padding: 0.25em 0 0.5em 0;
  width: 100%;
  float: left;
  border-top: 1px dotted #6B7A7C;
}

.bildupload form #upload input {
  margin: 0.5em 0 0 0;
  float: left;
}









/* ENDE bild upload */




/* Rezept */

#containerRezepte {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	}
	
#ardContentFull #containerRezepte .cmsAbschnitt {
	margin: 0;
	padding: 0;
	width: 25.31em;
	float: left;
	}

/* ENDE Rezept */




/* Zutaten rechte Spalte Einkaufszettel */
#ardContentFull {
	width: 36.56em;
	}

#ardContentFull #containerRezepte #ardRechteSpalteBeitrag {
	margin: 0;
	padding: 0;
	float: right;
	width: 10.45em;
	}
	
#ardContentFull #containerRezepte .bildQuerformat {
	margin: 0;
	padding: 0 0 0.5em 0;
	display: block;
	float: left;
	width: 25.31em;
	}
	
#ardContentFull #containerRezepte .bildHochformat {
	margin: 0;
	padding: 0 0.5em 0.5em 0;
	display: block;
	float: left;
	width: 15em;
	}

.ardReSpEinkaufszettel {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	float: left;
	background: url('http://www.ard.de/static/pics/quiz/back_weihnachten.jpg');
	border: 1px solid #D2C370;
	} 


.ardReSpEinkaufszettel p {
	clear: both;
	margin: 0;
	font-size: 0.75em;
	text-align: center;
	padding: 0.5em 0 0 0;
	color: #980000;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 0;
	width: 99%;
	float: left;
	}
	
.ardReSpEinkaufszettel p.Zmenge {
	font-size: 0.75em;
	color: #000;
	padding: 0.25em 0 0.5em 0;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0px;
	}
	
.ardReSpEinkaufszettel ul {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	width: 99%;
	float: left;
	}
	
.ardReSpEinkaufszettel ul li {
	clear: both;
	margin: 0;
	padding: 0.35em 0.5em 0.35em 0.5em;
	list-style-type: none;
	font-weight: normal;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D2C370;
	font-size: 0.7em;
	width: 95%;
	float: left;
	}
		

/* ENDE Einkaufszettel */





 /* a-z liste */
 
#ardListContainer
{
width: 36.56em;
float: left;
}

#ardListContainer .reiternavi {
clear: both;
margin: 0 0 1em 0 !important;
/* border-top: 2px solid; */
/* border-bottom: 2px solid; */
float: left;
width: 100%;
}


#ardListContainer .reiternavi .text
{
margin: 0 0 0.25em 0;
border-top: #fff 1px solid;
padding: 0.5em 0 0.25em 0;
float: left;
width: 100%;
}

#ardListContainer .reiternavi p
{
margin: 0;
padding: 0.25em 0 0 0;
float: left;
width: 55%;
text-indent: 1em;
font-size: 0.75em;
}

#ardListContainer .reiternavi form
{
margin: 0;
padding: 0 !important;
float: right;
width: 34%;
border: 0;
}


#ardListContainer .reiternavi ul
{
list-style-type: none;
background: #e9e9e9;
width: 100%;
margin: 0;
padding: 0;
float: left;
display: block;
display: inline;
}

#ardListContainer .reiternavi li
{
font-size: 0.85em;
font-weight: bold;
list-style-type: none;
float: left;
display: block;
}

#ardListContainer .reiternavi li a:link, #ardListContainer .reiternavi li a:visited
{
font-weight: bold;
list-style-type: none;
float: left;
padding: 6px 5px 6px 4px;
background: #e9e9e9;
border-right: #fff 1px solid;
display: block;
}

#ardListContainer .reiternavi li a:hover, #ardListContainer .reiternavi li a:focus
{
font-weight: bold;
list-style-type: none;
float: left;
padding: 6px 5px 6px 4px;
background: #fff;
display: block;
}

#ardListContainer .reiternavi ul .high
{
padding: 6px 5px 6px 4px;
border-right: #fff 1px solid;
color: #fff;
}


#ardListContainer .reiternavi ul .none
{
padding: 6px 5px 6px 4px;
border-right: #fff 1px solid;
color: #95999a;
}


/* EINTRAG */



/* Eintrag */

#ardListContainer .rezepteintrag
{
clear: both;
color: #4D4F52;
background: #e9e9e9;
padding: 0;
float: left;
width: 100%;
margin: 0 0 0.75em 0;
}

#ardListContainer .rezepteintrag p.titel
{
position: relative;
float: left;
font-size: 0.95em;
padding: 0.5em 0 0.25em 0.5em;
margin: 0 0 0 0;
color: #08A396;
}

#ardListContainer .rezepteintrag p.titel a
{
color: #08A396;
}

#ardListContainer .rezepteintrag p.name
{

font-weight: normal;
float: right;
font-size: 0.75em;
text-align: left;
font-style: italic;
margin: 0;
padding: 0.85em 1em 0.5em 0;
}

/* ENDE  A-Z */