/* Stylesheets by Andreas Petermann
		http://www.css-umsetzung.de

black = 	color:#323433;
blue = 		color:#466D8A;
grey	=	color:#666666;
red = 		color:#FF0406;
*/



*
{	margin:0px;
	padding:0px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	outline:none;
}


/* verschiedene klassen zum formatieren des textes oder foaten von elementen */
.italic
{	font-style:italic;
}

.center
{	text-align:center;
}

.text_right
{	text-align:right;
}

.text_left
{	text-align:left;
}

.justify
{	text-align:justify;
}

img
{	border-width:0px;
}

.blue
{	color:#466D8A;
}

.right
{	float:right;
	display:inline;
}

.left
{	float:left;
	display:inline;
}

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

body
{	background-image:url(/image/bn_body.png);
	background-repeat:repeat-x;
	padding-top:18px;
}

/* feste definitionen für das eigentliche layout */

#bn_layout
{	background-repeat:no-repeat;
	width:1003px;
	background-image:url(/image/bn_layout.png);
	background-repeat:repeat-y;
	overflow:hidden;
	padding-bottom:10px;
}



/* die linke seite */

#bn_left
{	width:260px;
	float:left;
	display:inline;
	overflow:hidden;
}

/* die linkliste in dem linken bereich */
#bn_left ul
{	list-style-type:none;
	list-style-position:outside;
	width:100%;
	padding-top:1px;
	background-color:#ffffff;
}

#bn_left ul li h3,#bn_left ul li.bn_end
{	background-image:url(/image/bn_ul_li_h3.png);
	background-repeat:repeat-x;
	height:20px;
	overflow:hidden;
	border-bottom:1px solid #ffffff;
	color:#466D8A;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding-left:21px;
	margin-top:-1px;
}

#bn_left ul li
{	background-image:url(/image/bn_ul_li.png);
	background-repeat:no-repeat;
	font-size:12px;
}

#bn_left ul li a,#bn_left ul li a:link,
#bn_left ul li a:visited,#bn_left ul li a:active
{	padding-left:52px;
	display:block;
	height:24px;
	line-height:25px;
	overflow:hidden;
	color:#323433;
	text-decoration:none;
	width:100% ;
}

#bn_left ul li a:hover, #bn_left ul li a#bn_left_active
{	color:#466D8A;
}


/* der contentbereich */
#bn_content
{	min-height:300px;
	color:#333333;
	padding:0px 5px 20px 0px;
	font-size:12px;
	width:724px;
	float:right;
	overflow:hidden;
}


#bn_content h1
{	font-size:16px;
	font-weight:bold;
	padding:25px 0px 15px 0px;
	color:#323433;
}

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

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

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



/* listen im contentbereich */
#bn_content ul
{	list-style-position:outside;
	margin:0px 0px 0px 30px;
	padding-bottom:20px;
}

#bn_content ul li
{	background-image:url(/image/bn_content_li.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:0px;
}




/* breadcrumb navigation udn die darin enthaltenen Links */

#bn_breadcrumb
{	height:20px;
	overflow:hidden;
	background-image:url(/image/bn_breadcrumb.png);
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#466D8A;
	position:relative;
	left:-5px;
}


#bn_breadcrumb a,#bn_breadcrumb a:link,
#bn_breadcrumb a:visited,#bn_breadcrumb a:active
{	text-decoration:none;
	color:#466D8A;
	padding:0px 5px;
}

#bn_breadcrumb a:hover,#bn_breadcrumb a#bn_breadcrumb_active
{	color:#323433;
}


/* der header */
#bn_header
{	border-top:1px solid #ffffff;
	height:85px;
	overflow:hidden;
	background-image:url(/image/bn_header_picture.jpg);
	background-repeat:no-repeat;
	background-position:260px 0px;
}

a#bn_home,a:link#bn_home,a:visited#bn_home,a:active#bn_home,a:hover#bn_home
{	display:block;
	height:85px;
	width:250px;
	background-image:url(/image/bn_home.gif);
	color:#ffffff;
	text-decoration:none;
	font-size:30px;
	font-weight:bold;
	padding-left:10px;
	overflow:hidden;
	line-height:85px;
}


#bn_header_end
{	clear:left;
	height:10px;
	overflow:hidden;
	background-image:url(/image/bn_header_end.png);
}


/* der footer */
#bn_footer
{	height:21px;
	background-image:url(/image/bn_footer.png);
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}

#bn_footer li
{	float:left;
	color:#466D8A;
	font-size:12px;
	font-weight:bold;
}

/* der linke balken im footer */
#bn_footer_left
{	height:21px;
	background-image:url(/image/bn_footer_left.png);
	background-repeat:repeat-x;
	border-right:2px solid #ffffff;
	overflow:hidden;
	float:left;
	width:260px;
}

#bn_footer li a,#bn_footer li a:link,
#bn_footer li a:visited,#bn_footer li a:active
{	text-decoration:none;
	color:#466D8A;
	padding:0px 5px;
	float:left;
	line-height:22px;
}


#bn_footer li a:hover
{	color:#323433;
}


/* eine Tabelle */

.bn_table
{	border-collapse:collapse;
	margin:auto;
	background-repeat:repeat-y;
	border:1px solid #D1CDEE;
	width:99.5%;
}

/* tabellenüberschriften */
.bn_table th
{	text-align:center;
	color:#000038;
	background-color:#A0B6C4;
	height:50px;
	vertical-align:middle;
	border:1px solid #D1CDEE;
	white-space:nowrap;
}


.bn_table td
{	height:50px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #D1CDEE;
}

/* für farbige spalten */
.bn_table tr.bn_colored
{	background-color:#F0F0F0;
}


/* fetter link in der tabelle */
#bn_content .bn_table a.strong
{	text-decoration:none;
	font-weight:bold;
}

/* fette schrift in der Tabelle */
.bn_table strong
{	color:#000005;
}

/* das ende der tabelle */
.bn_table td.bn_table_end
{	color:#746A8D;
	background-color:#A0B6C4;
	height:50px;
	vertical-align:middle;
	text-align:left;
	border:1px solid #D1CDEE;
	padding:0px 5px;
}

/* eine hr linie, je nachdem ob sie im grossen content
bereich oder im linken content bereich ist, passt sie sich der
breite entsprechend an */
#bn_content .bn_line
{	background-image:url('/image/bn_big_line.png');
	background-repeat:no-repeat;
	background-position: center 10px;
	padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:20px
}