/* hier sind die festen Werte, definiert,
   um jedem Browser zu erklären, was ich gerne hätte
*/

table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	outline:none;
}

td
{	text-align:left;
	vertical-align:top;
}


.center
{	text-align:center;
}

html
{	height:100%;
}

.right
{	float:right;
}

.left
{	float:left;
}



body
{	font-size:11px;
	padding-bottom:20px;
	background-color:#C4C7CC;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

/* die positionierung und der hintergrund des layouts */
#bn_layout
{	width:766px;
	background-image:url(_img/bn_layout.png);
	background-repeat:repeat-y;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
}


/* der header als gesamtes */
#bn_header
{	height:211px;
	border-bottom:1px solid #C4C9CD;
	overflow:hidden;
	background-image:url(img/bn_karte.jpg);
	background-repeat:no-repeat;
	background-position:277px 0px;
	position:relative;
	z-index:100;
}

/* die linke headerbox */
#bn_header_left
{	float:left;
	height:100%;
	width:63px;
	overflow:hidden;
	background-image:url(img/bn_header_left.png);
	position:relative;
	z-index:10;
}

/* die rechte headerbox */
#bn_header_right
{	float:right;
	height:100%;
	width:63px;
	overflow:hidden;
	background-image:url(img/bn_header_right.png);
}

/* das klickbare logo das logo wurde als img eingebunden, damit es beim IE6 nicht flattert*/
a#bn_lexilia
{	float:left;
	width:212px;
	height:211px;
	overflow:hidden;
	display:inline;
	margin-left:1px;
	position:relative;
	z-index:100;
}


/* die verschachtelten main elemente um die einzelnen Verlaeufe zu definieren */
#bn_main
{	background-image:url(img/bn_main.png);
	width:100%;
}

#menu_start
{	background-image:url(img/bn_main_inner.png);
	background-repeat:no-repeat;
	position:relative;
	z-index:10;
	width:279px;
}

#menu_inner
{	background-image:url(img/bn_main_repeat.png);
	background-repeat:repeat-y;
	position:relative;
	z-index:10;
	width:279px;
}



#bn_main_inner
{	background-image:url(img/bn_main_inner.png);
	background-repeat:no-repeat;
	width:100%;
	border:1px solid #f90000;
	position:relative;
	z-index:10;
}



#bn_main_repeat
{	background-image:url(img/bn_main_repeat.png);
	background-repeat:repeat-y;
	width:100%;
}

#bn_main_zindex
{	position:absolute;
	left:0px;
	bottom:0px;
	height:10000px;
	background-image:url(img/bn_layout.png);
	width:279px;
	overflow:hidden;
}


#bn_main_end
{	background-image:url(img/bn_main_end.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:100%;
}


/* der content */
#bn_content
{	width:399px;
	padding:15px 10px 4px 10px;
	overflow:hidden;
	float:right;
	display:inline;
	margin-right:65px;
	color:#2B2A2A;
}

#bn_content ul
{	margin:0px 0px 0px 20px;
	list-style-position:outside;
	padding:5px 0px 5px 0px;
}

#bn_content p
{	padding:5px 0px;
}

#bn_content a,#bn_content a:link,#bn_content a:visited,#bn_content a:active
{	color:#2B2A2A;
	text-decoration:underline;
}

#bn_content a:hover
{	text-decoration:none;
}

#bn_content h1
{	font-size:14px;
}

#bn_content h2
{	font-size:13px;
}

/* die breadcrumbnavi */

#bn_breadcrumb
{	height:31px;
	line-height:28px;
	overflow:hidden;
	padding-left:5px;
	overflow:hidden;
	font-weight:bold;
	background-image:url(img/bn_breadcrumb.png);
	background-repeat:no-repeat;
	float:left;
	width:419px;
	margin-left:1px;
}


#bn_breadcrumb a,#bn_breadcrumb a:link,
#bn_breadcrumb a:visited,#bn_breadcrumb a:active
{	color:#2B2A2A;
	text-decoration:none;
	font-weight:normal;
}

#bn_breadcrumb a:hover
{	text-decoration:underline;
}

#bn_breadcrumb a#bn_breadcrumb_active
{	font-weight:bold;
	color:#fa0000;
}


/* der linke Bereich */

#bn_left
{	float:left;
	width:279px;
	display:inline;
	font-size:12px;
	padding-bottom:4px;
}

#bn_left li
{	width:100%;
	overflow:hidden;
}

/* die menueleiste */
#bn_menu
{	background-image:url(img/bn_menu.png);
	background-repeat:no-repeat;
	background-position:80px 10px;
	padding:32px 4px 5px 64px;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}

#bn_menu li
{	width:100%;
	overflow:hidden;
	padding:0px;
	margin:1px 0px 0px 0px;
}

/* alle links im Menue */

#bn_menu li a,#bn_menu a:link,#bn_menu li a:visited,#bn_menu li a:active
{	text-decoration:none;
	color:#ffffff;
	display:block;
	padding:2px 5px 2px 17px;
	background-repeat:no-repeat;
	background-position:20px 6px;
	width:90%;
}

#bn_menu li.menu-child a,#bn_menu li.menu-child a:link,
#bn_menu li.menu-child a:visited,#bn_menu li.menu-child a:active,
#bn_menu li.menu-parent a
{	background-image:url(img/bn_menu_li_a.gif);
}


#bn_menu li.li_0
{	text-transform:uppercase;
	background-image:url(img/bn_menu_2_li.png);
	background-position:0px 2px;
}

#bn_menu li#li_0_active
{	background-image:none;
}



#bn_menu li.li_1,#bn_menu li.li_2,
#bn_menu li.li_3,#bn_menu li#li_0_active
{	text-transform:none;
}

#bn_menu li.li_0 a:hover
{	font-weight:bold;
}

#bn_menu li.li_1 a:hover,#bn_menu li.li_2 a:hover,
#bn_menu li.li_3 a:hover,#bn_menu li#li_0_active a:hover
{	font-weight:normal;
}

#bn_menu li.menu-expand li
{	background-image:none;
}

#bn_left li a.link_3,
#bn_left li a:hover.link_3
{	text-transform:none;
	background-color:transparent;
}

#bn_left #bn_menu li a:hover.link_3
{	background-color:transparent;
}

#bn_menu li.menu-current
{	background-image:none;
}

#bn_menu li.menu-expand li
{	background-image:none;
}

#bn_menu li ul
{	padding-left:42px;
	list-style-type:none;
	list-style-position:outside;
}

/* 2. ebene */

#bn_menu li ul
{	padding-left:26px;
	list-style-type:none;
	list-style-position:outside;
}


#bn_menu li.li_1 a,#bn_menu li.li_1 a:link,#bn_menu li.li_1 a:visited,#bn_menu li.li_1 a:active,
#bn_menu li.li_2 a,#bn_menu li.li_2 a:link,#bn_menu li.li_2 a:visited,#bn_menu li.li_2 a:active
{	padding:2px 5px 2px 15px;
	background-position:4px 6px;
}

#bn_menu li.li_1 a:hover,
#bn_menu li.li_2 a:hover
{	background-color:#00DE0D;
}


/* 3.ebene */

#bn_menu li ul li ul
{	padding-left:11px;
}

#bn_menu a#level_0_active
{	background-color:#00DE0D;
	background-image:url(img/bn_menu_li_a_active.gif);
	padding-left:32px;
}

#bn_menu a#level_1_active
{	background-color:#00DE0D;
	background-image:url(img/bn_menu_li_a_active.gif);
	padding-left:15px;
}

#bn_menu a#level_2_active
{	background-color:#00DE0D;
	background-image:url(img/bn_menu_li_a_active.gif);
	padding-left:15px;
}

#bn_menu a#level_3_active, #bn_menu ul li.li_3 a:hover
{	background-image:url(img/bn_menu_li_a_level_4_active.gif);
	background-color:transparent;
	color:#2B2A2A;
}

/* ende der  Menueleiste */



/* die searchbox */

#bn_search
{	background-image:url(img/lexelia_search.gif);
	background-repeat:no-repeat;
	background-position:80px 19px;
	padding:41px 4px 20px 64px;
	border-top:1px solid #C4C7CC;
}

#bn_search input
{	border:1px solid #A5ACB2;
	width:152px;
	padding-left:2px;
	margin:5px 0px 0px 11px;
}

#bn_search label
{	background-image:url(img/bn_search_label.png);
	width:206px;
	height:30px;
	display:block;
	margin:auto;
}


/*die newsbox */

#bn_news_box
{	background-image:url(img/bn_layout.png);
	background-repeat:repeat-y;
}

#bn_news
{	background-image:url(img/lexelia_news.gif);
	background-repeat:no-repeat;
	background-position:80px 11px;
	padding:29px 9px 5px 69px;
	border-top:1px solid #C4C7CC;
	position:relative;
	z-index:10;
	width:200px;
}




#bn_news .bn_date
{	color:#00DE0D;
	display:block;
	padding-top:10px;
}

#bn_news a,#bn_news a:link,#bn_news a:visited,#bn_news a:active
{	color:#ffffff;
	text-decoration:underline;
}

#bn_news a:hover
{	text-decoration:none;
}

#bn_menu_news
{	background-image:url(img/bn_main_end_2.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	width:100%;
}


/* der footer */

#bn_footer
{	background-image:url(img/bn_footer.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:30px;
	position:relative;
	z-index:100;
	width:100%;
	text-align:right;
	color:#C6CACE;
	overflow:hidden;
}

#bn_footer p
{	padding:8px 67px 0px 0px;
}