@charset "UTF-8";
/* CSS Document */

BODY
	{
	margin: 0px;
	background-color: #9A9A9A;
	background-image:url(../img/main-bg.png);
	background-repeat: repeat-x;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #787878;
	}
	
#container
	{
	margin: 0px auto;
	width: 940px;
	margin-top: 100px;
	background-color: #E2E2E2;
	text-align: left;
	}
	
#head
{
	height: 123px;
}

#head IMG
{
	border: none;
}
	
#header_logo_hess
{
	float: left;
}

#header_logo_daf
{
	float: right;
}

#img_line
{
	height: 120px;
}
#img_line IMG
{
	float: left;
	display: block;
}

#mini_impressum
{
	background-color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	color: #252475;
	/* padding: 8px 0px 8px 28px; */
	padding: 8px 0px 8px 0px;
	text-align: center;
}

#navi
{
	width: 188px;
	float: left;
}

/* ################ MAIN NAVI BEGINN ############### */
#main_navi
{
}

#main_navi UL
{
	margin: 0px;
	padding: 0px;
	background-image: url(../img/mainnavi_bg_line.gif);
	padding-bottom: 1px;
	width: 188px;
	/*text-transform: uppercase; */
}

#main_navi UL LI
{
	width: 188px;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	list-style: none;
	/*height: 39px;*/
	background-image: url(../img/mainnavi_bg_line.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #E2E2E2;
}

#main_navi UL LI A, #main_navi UL LI.cur
{
	display: block;
	/*height: 13px;*/
	width: 148px;
	padding: 13px 20px 13px 20px;
	text-decoration: none;
	color: #787878;
	border: none;
}
/* #####---##### */
#main_navi UL LI A:hover
{
	background-color: #252475 !important;
	/* color: #787878 !important; */
}

*+HTML #main_navi UL LI.sub_navi_ie7_cack:hover
{
	margin-bottom: -2px; /* ich habe keine ahnung warum der IE7 beim hover das A tag um 2 pix vergrößert 
							und somit die strichlierte linie im bg stat einem dezenten pixel plötzlich hessliche drei hat
							aber mit dieser style anweisung wird der blödsin wieder gedempft...
							*/
}

*+HTML #main_navi UL LI UL LI:hover
{
	/*margin-bottom: 0px; /* und hir den scheiß für die sub menüs wieder ausblenden
							*/
}

#main_navi UL LI.cur, #main_navi UL LI.act A, #main_navi UL LI:hover
{
	color: #E2E2E2;
	background-color: #787878;
}
#main_navi UL LI:hover A
{
	color: #E2E2E2;
}

#main_navi UL LI UL
{
	width: 188px;
	top: 0px;
	background-color: #787878;
	background-image: none;
}

ul.rMenu-ver ul
{
	left: 188px;
}
* html ul.rMenu-ver li.sfhover ul
{
	left: 188px;		/* dropdown positioning uses the left attribute
				   for horizontal positioning. however we can't
				   use this property until the menu is being
				   displayed.

				   note that all ULs beneath the menu item 
				   currently in the hover state will get this
				   value through inheritance. however all sub-
				   menus still won't display because
				   two rule sets up we're setting the 
				   DISPLAY property to none.
				 */
}

#main_navi UL LI UL LI
{
	background-image: none;
	padding: 0px;
	color: #E2E2E2;
	width: 188px;
	/*height: 40px;*/
	background-color: #787878;
	left: 0px;
}

#main_navi UL LI UL LI A
{	
	color: #E2E2E2;
}

/* ################ MAIN NAVI ENDE ############### */

#content_container
{
	width: 698px;
	/*width: 600px;*/
	background-color: #FFFFFF;
	margin-left: 188px;
	padding: 0px 27px 10px 27px;
}

* HTML #content_container
{
	margin: 0px;
	float: left;
	height: 550px;
}

/*
*+HTML #content_container
{
	min-height: 550px;
}
*/

/* ausgegorener schwachsinn!!!! (scrollen im content) */
#content_container
{
	width: 725px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.content
{
	height: 530px;
	overflow: auto;
	margin: 0px;
	float: left;
	width: 698px;
	padding-right: 27px;
	padding-bottom: 10px;
}

#navi
{
	height: 560px;
	background-color: #E2E2E2;
}

/* scroling shrot ende */


#content_container A
{
	color: #787878;
}

.clear_both
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

* HTML .clear_both
{
	float: left;
	clear: left;
}
/* ######## BREADCRUMB NAVI ################# */

#breadcrumb_navi
	{
	font-size: 0.9em;
	height: 20px;
	}
	
#breadcrumb_navi DIV
	{
	float: left;
	margin-right: 5px;
	} 
	
#breadcrumb_navi UL
	{
	margin: 0px;
	padding: 0px;
	}
	
#breadcrumb_navi UL LI 
	{
	float: left;
	margin: 0px 5px 0px 0px;
	list-style-type: none;
	background-image: none;
	padding: 0px;
	}

#breadcrumb_navi UL LI A
	{
	text-decoration: underline;
	}

#breadcrumb_navi UL LI A:hover
	{
	text-decoration: none;
	}

#breadcrumb_navi UL LI SPAN
	{
	font-weight: bold;
	}

/*######## BREADCRUMB NAVI ENDE ########## */


/* ###### Meta Links BGINN ############ */
#meta_links
{
	margin: 80px 0px 0px 0px;
	font-size: 0.9em;
}

#meta_links UL 
{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#meta_links UL LI
{
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 0.8em 0px;
}

#meta_links UL LI A, #meta_links UL LI SPAN.cur
{
	padding-left: 20px;
	color: #787878;
	text-decoration: none;
}

#meta_links UL LI A:hover, #meta_links UL LI SPAN.cur, #meta_links UL LI.act A
{
	text-decoration: underline;
}

#mli_print {background-image: url(../img/icon_print.gif);}
#mli_tipp {background-image: url(../img/icon_tipp.gif);}
#mli_sitemap {background-image: url(../img/icon_sitemap.gif);}
#mli_impressum {background-image: none;}
#mli_home {background-image: url(../img/icon_home.gif);}

/* ###### Meta Links ENDE ############ */