/*hacks ie6 und ie7
*html #...: hacks für ie6+7
* html #..: hacks nur für ie6
*/



body
{
	margin: 0px;
}

p, td, th, tr  {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-size: 11px;
	margin-top: 0px;
	line-height: 14px;
}

li  {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-size: 11px;
	line-height: 14px;
	list-style: square;
}

ul {
	list-style-type: disc;
	margin-left: 0.8em;
	padding-left: 0.8em;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}

ol {
	margin-left: 0.5em;
	padding-left: 0.5em;	
	list-style-type: decimal;
	color: #666666;
}

a  {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 11px;
	color : #3366cc;
	line-height: normal;
	text-decoration : none;
}

a:hover  {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: normal;
	color: #0C2D82;
	text-decoration: none;
}

h1  {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #0C2D82;
	font-weight: bold;
	font-style: normal;
}

h2  {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #3366CC;
	font-weight: bold;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 11px;
	color: #0C2D82;
	font-weight : bold;
}

a.tools  {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #0C2D82;
	line-height: 12px;
	text-decoration: none;
}

a:hover.tools {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #3366cc;
	line-height: 12px;
	text-decoration: none;
}

a.sprachwahl  {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #3366cc;
	text-decoration: none;
}

a:hover.sprachwahl {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #0C2D82;
	font-weight: normal;
	text-decoration: none;
}

.currentsprachwahl  {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #0C2D82;
	font-weight: normal;
}

a:hover.currentsprachwahl {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color : #3366cc;
	text-decoration: none;
}

.antifloat {
	clear: both;
	visibility: hidden;
}

/*********************************************************************
	Content
**********************************************************************/
#body {
	width: 980px;
	border: 1px solid #CCCCCC;
	text-align: left;
	margin-top: 50px;
}

* html #body {
	width: 982px;
}

#banner {
	width: 980px;
	height: 120px;
	background-color: #DCEEFF;
	background-repeat: no-repeat;
}

#sprachen {
	float: left;
	width: 200px;
	height: 115px;
	padding: 5px 0px 0px 20px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #3366cc;
	line-height: 12px;
}

* html #sprachen {
	width: 220px;
	height: 120px;
}

#logo {
	float: left;
	width: 760px;
	height: 100px;
	padding-top: 20px;
}

* html #logo {
	height: 120px;
}

#inhalt_container {
	width: 980px;
	background: #FFFFFF url(art/layout/bg.gif) repeat-y top left;
}

#shortcuts {
	width: 370px;
	height: 12px;
	padding: 5px 0px 13px 610px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #0C2D82;
	line-height: 12px;
}

* html #shortcuts {
	width: 980px;
	height: 30px;
}

#navcontainer
{
	float: left;
	width: 200px;
	background-color: #DCEEFF;
}

#inhalt {
	float: left;
	width: 520px;
	min-height: 400px;
	padding: 0px 20px 20px 20px;
	background-color: #FFFFFF;
}

* html #inhalt {
	width: 560px;
	height: 400px;
}

#zusatz {
	float: left;
	width: 220px;
}

#zusatz p {
	padding-right: 10px;
	padding-left: 10px;
}

#fusszeile {
	width: 170px;
	margin-top: -100px;
	padding: 0px 790px 20px 20px;
}

* html #fusszeile {
	width: 980px;
}

#fusszeile p {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: #0C2D82;
	font-size: 10px;
	line-height: normal;
	text-transform: uppercase;
}

#fusszeile a {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 10px;
	color : #3366cc;
}

#fusszeile a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 10px;
	color : #0C2D82;
}

#impressum {
	width: 170px;
	padding: 0px 790px 20px 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: #CCCCCC;
	font-size: 10px;
	line-height: normal;
}

* html #impressum {
	width: 980px;
}

#impressum a {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 10px;
	color : #CCCCCC;
}

#impressum a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 10px;
	color : #666666;
}

/*********************************************************************
	Navigation
**********************************************************************/

/******************************
	stufe 1 
******************************/
#navcontainer ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

#navcontainer ul li
{
	border-bottom: 1px solid #3366CC;
	list-style-type: none;
}

/*#navcontainer li.first
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}*/

#navcontainer ul a
{
	display: block; 
	padding: 6px 5px 3px 20px;
	color: #0C2D82;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#navcontainer ul a:hover
{
	color: #3366CC;
}

#navcontainer ul a.parentactive
{ 
	color: #3366CC;
}

#navcontainer ul a:hover.parentactive
{
	color: #0C2D82;
}

#navcontainer ul a.active
{
	color: #3366CC;
}

#navcontainer ul a:hover.active
{
	color: #0C2D82;
}

/******************************
	stufe 2 
******************************/
#navcontainer ul ul
{
}

#navcontainer ul ul li
{
	border-bottom: 1px solid #DCEEFF;
}

#navcontainer ul ul li.first
{
	padding-top: 0px;
}

#navcontainer ul ul li.last
{
	padding-bottom: 10px;
}

#navcontainer ul ul a
{
	padding: 1px 5px 1px 30px;
	color: #3366CC;
	font-weight: normal;
	text-transform: none;
}

#navcontainer ul ul a:hover
{
	color: #0C2D82;
	font-weight: normal;
}

#navcontainer ul ul a.parentactive
{
	font-weight: bold;
	background: #DCEEFF url(art/layout/pfili_navi.gif) no-repeat 20px 0px;
}

#navcontainer ul ul a:hover.parentactive
{
	font-weight: bold;
	color: #0C2D82;
	background: #DCEEFF url(art/layout/pfili_navi_hover.gif) no-repeat 20px 0px;
}

#navcontainer ul ul a.active
{
	font-weight: bold;
	background: #DCEEFF url(art/layout/pfili_navi.gif) no-repeat 20px 0px;
}

#navcontainer ul ul a:hover.active
{
	font-weight: bold;
	color: #0C2D82;
	background: #DCEEFF url(art/layout/pfili_navi_hover.gif) no-repeat 20px 0px;
}
/*-----------------------------------------------------------------*/

/******************************
	printversion 
******************************/

#printversion {
	padding: 10px;
}

/******************************
	rezeptDB
******************************/
#erweiterteSuche
{
	/*display: none;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}

td.rezeptSucheTitelzeile
{
	border-bottom: thin solid #CCCCCC;
}

td.rezeptSucheZeile
{
	border-bottom: thin solid #CCCCCC;
	cursor:hand;
}

#rezeptSuche fieldset {
	margin-top: 10px;
	border: 1px solid #0C2D82;
}

* html #rezeptSuche fieldset {
	text-align: center;
	padding-bottom: 5px;
}

#rezeptSuche legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#rezeptDetails
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}

#rezeptDetails h2
{
	font-weight: bold;
}

#rezeptDetails h3
{
	font-weight: bold;
}

/*#rezeptDetails img
{
	float: right;
}*/

#rezeptDetails p
{
	margin-top: 10px;
}

#rezeptDetails_bilder
{
	float: right;
	text-align: right;
}

#rezeptDruckansicht
{
	padding: 0px 10px 20px 20px;
}

#rezeptLogoDruckansicht
{
	background-image: url(art/bg_kopf.gif);
	background-repeat: repeat-x;
}

#rezeptEmailForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}

.kategorieGruppe
{
	padding: 0px 0px 20px 0px;
}

.kategorieGruppe a.oberKategorie
{
	font-weight: bold;
}

.fehler {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	line-height: 16px;
}

.submit {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0C2D82;
	border: 1px solid #0C2D82;
	height: 19px;
	padding-bottom: 1px;
}

/*-------------------------------------------------------------------------------------------------*/

/*textarea
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	width: 220px;
}

.input, .select
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	width: 220px;
}

.input80
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	width: 80px;
}

.input80rot
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid red;
	width: 80px;
}


.input20
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	width: 20px;
}

.input220
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	width: 220px;
}

.input300, .select300
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	width: 300px;
}

.submit
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
}*/