/* ***** CSS Style f�r Blumenschmidt - Page Styles ****** */


html {
	height:100%;
	}

body {
	margin:0;
	padding:0;
	background:#ccff00 url(../images/bg_body.gif) bottom right no-repeat;
	}

#main {
	/*height: 42em;
	width: 65.2em;
	margin: -21em 0 0 -32.6em;*/
	height:546px;
	width:848px;
	margin:-273px 0 0 -424px;
	position: absolute;
	left: 50%;
	top: 50%;
	}

#header {
	width:100%;
	height:52px;
	background:url(../images/logo.gif) top right no-repeat;
	}



/******************** NAVIGATION ************************/

#nav {
	width:593px;
	height:52px;
	background:white url(../images/bg_header_left.gif) top left no-repeat;
	}


/******************** NAVIGATION  1. EBENE ************************/


#nav ul {
	margin:0;
	list-style:none;
	padding:13px 0 0 22px;
	}


#nav ul li {
	float:left;
	position:relative;
	background:white url(../images/middot.gif) left 4px no-repeat;
	padding-left:5px;
	}

#nav ul li.ohne_trennung, #nav ul li ul li.ohne_trennung  {
	padding:0;
	background:none;
	}

#nav ul li a {
	float:left;
	padding:0 5px;
	font-size:85%;
	color:black;
	text-decoration:none;
	}

#nav ul li a:hover {
	background:none; /* muss drin stehen bleiben, sonst klappen die Menus im IE6 nicht aus?!?!? - was ist das f�r ein BUG ?!?! */
	color:#999;
	}



/******************** NAVIGATION  2. EBENE ************************/

/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav ul li ul {
	visibility:hidden;
	float:left;
	position:absolute;
	top:12px;
	left:0;
	width:400px;
	padding:5px 0 5px 0;
	}


#nav ul li ul li {
	float:left;

	}

#nav ul li ul li a {
	float:left;
	_font-size:100%;
	color:black;
	}

#nav ul li ul li a:hover{
	color:#999;
	}


/******************** NAVIGATION  FUNKTIONALIT�TEN ************************/


/* style the table so that it takes no part in the layout - required for IE to work */

#nav table {
	position:absolute;
	top:0;
	left:0;
	}

/* make the second level visible when hover on first level list OR link */

#nav ul li:hover ul,
#nav ul a:hover ul{
	visibility:visible;
	}



/************************ CONTENT AREA ************************/

#content_area {
	clear:both;
	float:left;
	width:100%;
	padding-bottom:20px;
	background:white url(../images/bg_footer_left.gif) left bottom no-repeat;
	}


/************************ FOOTER ************************/

#footer {
	clear:both;
	float:left;
	width:100%;
	height:71px;
	background:url(../images/bg_footer_big.gif) 490px top no-repeat;
	}

/************************ FOOTER BILDERLEISTE ************************/

#bilderleiste {
	float:left;
	margin:5px 0 0 23px;
	display:inline;
	}

#divUpControl {
	float:left;
}

#divDownControl	{
	float:left;
	margin: 0px 0px 0px 4px;
	display:inline;
}

#divContainer {
	position:relative;
	float:left;
	visibility: visible;
	width:416px;
	margin: 0px 0px 0px 4px;
	height:60px;
	overflow: hidden;
	display:inline;
}

#divContent {
	position:absolute;
	float:left;
	white-space: nowrap;
}
#divContent a {
	margin-right:4px;
	display:inline;
}

/************************ FOOTER SPRACHWAHL ************************/

#language {
	float:right;
	width:342px;
	height:71px;
	background:url(../images/bg_footer_right.gif) right top no-repeat;
	}
.center {
	width:100%;
	}

a#deutsch  {
	float:left;
	width:100px;
	height:20px;
	margin-left:20px;
	display:inline;
	background: url(../images/deutsch.gif) left top no-repeat;
	}

a#deutsch:hover {
	background: url(../images/deutsch.gif) 0px -20px no-repeat;
	}

a#english  {
	float:left;
	width:100px;
	height:20px;
	background: url(../images/english.gif) left top no-repeat;
	}

a#english:hover {
	background: url(../images/english.gif) 0px -20px no-repeat;
	}


/************************ FOOTER NAVIGATION ************************/

#footer_nav {
	float:left;
	display:inline;
	margin-left: 500px;
	}


/******************** NAVIGATION  1. EBENE ************************/


#footer_nav ul {
	margin:0 0 0 22px;
	list-style:none;
	background:red;
	padding:0;
	}


#footer_nav ul li {
	float:left;
	position:relative;
	background:url(../images/middot.gif) left 4px no-repeat;
	padding-left:5px;
	}

#footer_nav ul li.ohne_trennung, #footer_nav ul li ul li.ohne_trennung  {
	padding:0;
	background:none;
	}

#footer_nav ul li a {
	float:left;
	padding:0 5px;
	font-size:85%;
	color:black;
	text-decoration:none;
	}

#footer_nav ul li a:hover {
	background:none; /* muss drin stehen bleiben, sonst klappen die Menus im IE6 nicht aus?!?!? - was ist das f�r ein BUG ?!?! */
	color:#999;
	}