/* allgemeinen Definitionen */
body 
{ 
	font-family: tahoma,arial,sans-serif; 
	font-weight: normal; 
	background:#ffffff;
	margin: 0px; 
	padding: 0px; 
	color: #333333; 
	font-size: 0.8em;
}


ul
{
	margin: 15px;
	padding: 5px;
}

table,tr,td,span,p
{
	font-weight: normal;
	vertical-align: top;
	font-size: 1em; 
}

.klein
{
	font-size: 0.85em;
	text-decoration: none;
}



.klein_grau
{
	font-size: 0.85em;
	text-decoration: none;
	color: #999999;
}

a, a:hover
{
	text-decoration: none;
}

/* Ende der allgemeinen Definitionen */


/* Klassen */

.input
{
	font-family: tahoma,arial,sans-serif; 
	/*float: left;*/
	border: 1px solid #CCCCCC;
	font-size: 0.9em;
}

.button
{
	color:#333;
	font-weight:normal;
	font-size: 0.9em;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
	background-color:#ddd;

	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}


/* Menue oben */
.imgFader
{ 
	position:relative; 
	filter:alpha(opacity=0); 
	-moz-opacity:0.0 ;
}

.text_menue_oben
{
	font-family: tahoma,arial,sans-serif; 
	font-size: 1.0em; 
	font-weight: normal;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #999999;
	text-decoration: none;
}

.text_menue_oben_blau
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #6699CC;
	text-decoration: none;
}

.text_menue_oben_gruen
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #669933;
	text-decoration: none;
}

.text_menue_oben_hellgruen
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #99CC33;
	text-decoration: none;
}

.text_menue_oben_gelb
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #FFB130;
	text-decoration: none;
}

.text_menue_oben_orange
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #FF9933;
	text-decoration: none;
}

.text_menue_oben_rot
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -18px; 
	left: 24px;
	color: #CC6633;
	text-decoration: none;
}
/* Ende Menü oben */



/* Metaelemente */
.metanav, .metanav:hover, .metanav:active, .metanav:link
{
	font-size: 0.85em;
	text-decoration: none;
	color: #333333;
}

.metaoben,.metaoben:hover,.metaoben:active, .metaoben:link
{
	font-size: 0.85em;
	text-decoration: none;
	color: #999999;
}
/* Ende Metaelemente */


/* Bereiche */
.aktuelles
{
	color: #6699CC;
}
.qualitaet
{
	color: #99CC33;
}
.sortiment
{
	color: #CCCC00;
}
.ernaehrung
{
	color: #FFB130;
}
.service
{
	color: #FF9933;
}
.ueberuns
{
	color: #CC6633;
}
.archiv
{
	color: #999999;
}

/* Ajax Tooltips */
/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('/images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:1px solid #cccccc;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:300px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:0px;	/* Space between border and content */
	font-size:0.85em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

.tooltip_kopf
{
	width: 94%;
	background-color:#ddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}


/* Ende Klassen */