/* hier sind festen Werte, definiert,
   um jedem Browser zu erklaeren, was ich gerne haette
*/

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


.center
{	text-align:center !important;
}



html
{	height:100%;
}


body
{	background-color:#f0f3f5;
	background-image:url(/img/bn_body.jpg);
	background-repeat:repeat-x;
	padding-bottom:20px;
}

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:1005px;
	margin:8px auto 0px auto;
	position:relative;
	overflow:hidden;
}

/* der header */
#bn_header
{	width:100%;
	background-image:url(/img/bn_header.jpg);
	background-repeat:no-repeat;
	height:122px;
}

#bn_header ul
{	list-style-type:none;
	list-style-position:outside;
	float:right;
	display:inline;
	margin:0px 10px 0px 0px;
}

#bn_header li
{	float:right;
	display:inline;
	background-image:url(/img/bn_header_li.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 10px 0px 12px;
	height:20px;
	overflow:hidden;
}

#bn_header li.first_li
{	background-image:none !important;
}

#bn_header li a,
#bn_header li a:link,
#bn_header li a:visited,
#bn_header li a:active
{	display:inline;
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	line-height:24px;
}

#bn_header li a:hover
{	text-decoration:underline;
}

#bn_home
{	float:left;
	margin:31px 0px 0px 125px;
	height:104px;
	width:420px;
}


/* der bereich unter dem header */
#bn_main
{	margin-top:18px;
	background-image:url(/img/bn_main.gif);
	background-repeat:repeat-y;
	background-position:right top;
}


/* die linke menüleiste */
#bn_sidebar
{	width:207px;
	display:inline;
	overflow:hidden;
	float:left;
}

.bn_sidebar_box
{	border:1px solid #9babbe;
	border-color: #9babbe #acb8c6 #d2d5d6 #d4d6d8;
	list-style-type:none;
	list-style-position:outside;
	padding-bottom:2px;
	margin-top:18px;
	background-image:url(/img/bn_sidebar_box.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.bn_first_sidebar_box
{	margin-top:0px !important;
}

.bn_sidebar_box li.bn_headline
{	overflow:hidden;
	width:100%;
	background-image:none !important;
	border-width:0px !important;
}

.bn_sidebar_box li
{	overflow:hidden;
	background-image:url(/img/bn_sidebar_box_li.png);
	border:1px solid #ffffff;
	border-width:0px 1px;
	width:203px;
	background-color:#fbfcfc;
}

.bn_sidebar_box li.bn_box
{	background-image:none !important;
	padding:18px 0px;
}

.bn_sidebar_box li.bn_box a
{	display:inline !important;
	height:auto !important;
	padding:0px !important;
}


.bn_sidebar_box li a,
.bn_sidebar_box li a:link,
.bn_sidebar_box li a:visited,
.bn_sidebar_box li a:active
{	display:block;
	color:#333333;
	font-size:13px;
	padding-left:28px;
	width:177px;
	text-decoration:none;
	line-height:22px;
	height:24px;
	overflow:hidden;
	white-space:nowrap;
}

.bn_sidebar_box li a:hover
{	text-decoration:underline;
}

/* überschrift einer box in der linken leiste */
.bn_sidebar_box h3
{	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	padding:0px 0px 0px 11px;
	background-image:url(/img/bn_sidebar_box_h3.png);
	height:34px;
	overflow:hidden;
	line-height:34px;
}




/* der content */
.bn_content
{	float:right;
	display:inline;
	width:723px;
	overflow:hidden;
	margin-right:1px;
	padding:15px 27px 0px 27px;
	color:#4c4c4c;
	font-size:12px;
}

/* die breadcrumb navigation */
.bn_breadcrumb
{	list-style-type:none;
	list-style-position:outside;
	float:right;
	padding:0px !important;
	margin:0px !important;
}

.bn_breadcrumb li.headline
{
	padding:0px 20px 0px 0px !important;
	color:#9c9c9c;
	display:inline;
}

.bn_breadcrumb li
{	padding:0px 0px 0px 10px !important;
	color:#9c9c9c;
	display:inline;
	font-size:11px;
	line-height:11px;
}

.bn_breadcrumb li a,
.bn_breadcrumb li a:link,
.bn_breadcrumb li a:visited,
.bn_breadcrumb li a:active
{	text-decoration:none;
	color:#9c9c9c;
}

.bn_breadcrumb li a:hover
{	text-decoration:underline;
}


/* überschriften */
.bn_content h1
{	font-size:18px;
	font-weight:bold;
	padding:0px 0px 8px 0px;
}

.bn_content h2
{	font-size:16px;
	font-weight:bold;
	padding:10px 0px;
}

.bn_content h3
{	font-size:14px;
	font-weight:bold;
	padding:10px 0px;
}


.bn_content p
{	padding:10px 0px 15px 0px;
	text-align:justify;
}



/* die tabelle im contentbereich */
.bn_content table
{	border-collapse:collapse;
	width:100%;
	font-size:11px;
	line-height:16px;
	margin:12px 0px;
}

.bn_content th
{	background-color:#fed971;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	border:1px solid #bda768;
	border-bottom:1px solid #ffffff;
	border-width:0px 1px 1px 1px;
}

.bn_content .table_first
{	border-left-width:0px !important;
}

.bn_content td.table_first
{	text-align:center;
	vertical-align:middle;
}

.bn_content .table_last
{	border-right-width:0px !important;
}

.bn_content tr.row1
{	background-color:#D5DEE1;
}

.bn_content tr.row2
{	background-color:#ffffff;
}

.bn_content td
{	text-align:center;
	vertical-align:middle;
	padding:3px;
	border:1px solid #bdbdbd;
	border-bottom-width:0px;
	border-top-width:0px;
}

td.bn_scala
{	width:83px;
	text-align:center;
}

div.bn_scala
{	height:19px;
	padding:7px 0px 0px 0px;
	overflow:hidden;
	width:80px;
	background-image:url(/img/bn_scala.gif);
	background-position:5px bottom;
	background-repeat:no-repeat;
	text-align:left !important;
}


div.bn_scala img
{	position:relative;
	left:0px;
}


/* links im contentbereich */
.bn_content a,
.bn_content a:link,
.bn_content a:visited,
.bn_content a:active
{	color:#cc0000;
	text-decoration:underline;
}

.bn_content a:hover
{	color:#0C5297;
}

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

.bn_content ul li
{	padding:2px 0px;
}