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

.menue_links_title
{
	font-family: tahoma,arial,sans-serif; 
	font-weight: bold;
	font-size: 1.1em; 
	color: #ffffff;
	line-height: 20px;
}

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;
	padding-left: 0px;
	padding-right:0px;
	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_grau
{
	font-family: tahoma,arial,sans-serif; 
	font-size: 1.0em; 
	font-weight: bold;
	position: relative; 
	top: -58px; 
	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: -58px; 
	left: 24px;
	color: #ffffff;
	text-decoration: none;
}

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


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

.text_menue_oben_orange
{
  font-family: tahoma,arial,sans-serif; 
  font-size: 1.0em; 
  font-weight: bold;
	position: relative; 
	top: -58px; 
	left: 24px;
	color: #ffffff;
	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 */



/* 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: 100%;
	background-color:#ddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}


/* Ende Klassen */