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

*
{	outline:none;
}


div, h1,h2,h3,h4,h5,p,ul,form,fieldset,body,html
{	margin:0px;
	padding:0px;
}

body
{	font-size:12px;
	font-family: Arial,sans-serif;
	background-image:url(image/bn_body1.png);
	background-color:#1A7CC3;
	background-repeat:repeat-x;
}

#bn_body2
{	background-image:url(image/bn_body2.png);
	background-repeat:repeat-x;
	background-position:0px 145px;

}


img
{	border-width:0px;
}

.clear
{	clear:both;
}

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


/* hier fängt das layout an */

#bn_layout
{	width:765px;
	overflow:hidden;
	margin:auto;
}

/* der header */
#bn_header
{	position:relative;
	height:145px;
	width:100%;
	overflow:hidden;
	background-image:url(image/bn_header.jpg);
}

#bn_sprache
{	background-image:url(image/bn_sprache.png);
	height:24px;
	width:126px;
	overflow:hidden;
	margin-left:16px;
	padding:0px 13px 0px 13px;
	font-size:11px;
}

#bn_sprache span
{	position:relative;
	top:-2px;
}


a#bn_home,a#bn_home:link,a#bn_home:visited,a#bn_home:active,a#bn_home:hover
{	text-decoration:none;
	font-weight:bold;
	color:#032B61;
	font-size:24px;
	position:absolute;
	top:45px;
	left:20px;
}

a#bn_home span
{	padding-left:50px;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
}


#bn_sprache a
{	margin-top:5px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
}

#bn_sprache img
{	margin-top:5px;
}

#bn_header_links
{	position:absolute;
	right:5px;
	top:10px;
	color:#ffffff;
	font-size:11px;
}

#bn_header_links a,#bn_header_links a:link,#bn_header_links a:visited,#bn_header_links a:active
{	color:#ffffff;
	text-decoration:none;
	padding:0px 5px;
}

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


/* das Menü im header */

#bn_menu
{	background-image:url(image/bn_menu.gif);
	background-repeat:no-repeat;
	height:30px;
	list-style-type:none;
	list-style-position:outside;
	width:110%;
	padding:0px 0px 10px 0px;
}

#bn_menu li
{	float:left;
	background-image:url(image/bn_menu_list.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:100%;
	padding:0px 2px;
	margin-left:-2px;
}

#bn_menu a,#bn_menu a:link,#bn_menu a:visited,#bn_menu a:active
{	height:30px;
	line-height:30px;
	float:left;
	padding:0px 8px 0px 10px;
	text-decoration:none;
	color:#042F4D;
	font-size:13px;
	font-weight:bold;
}

#bn_menu a:hover,#bn_menu a#bn_header_active
{	background-image:url(image/bn_menu_active.gif);
	background-repeat:repeat-x;
}

#bn_content
{	background-image:url(image/bn_content.gif);
	background-repeat:no-repeat;
	padding:22px 0px 10px 0px;
	background-color:#ffffff;
	min-height:300px;
}



.bn_inner_content
{	background-image:url(image/bn_inner_content.gif);
	background-repeat:repeat-y;
	padding:5px 33px 0px 20px;
}

.bn_content_end
{	background-image:url(image/bn_content_end.gif);
	background-repeat:no-repeat;
	padding-bottom:1px;
	height:17px;
	overflow:hidden;
	background-color:#1A7CC3;
}


/* die linke seite des layouts */
.bn_left
{	width:511px;
	overflow:hidden;
	float:left;
	padding:4px 0px 10px 0px;
	color:#035992;
}

.bn_left a,.bn_left a:link,.bn_left a:visited,.bn_left a:active
{	text-decoration:none;
	color:#035992;
}

.bn_left a:hover
{	text-decoration:underline;
}


.bn_left h1,.bn_left h2,.bn_left h3
{	color:#000000;
	font-weight:bold;
	font-size:14px;
}

.bn_left p
{	padding:10px 0px 0px 0px;
	text-align:justify;
	line-height:18px;
}

.bn_blue_box
{	background-image:url(image/bn_blue_box.png);
	background-repeat:no-repeat;
	width:511px;
	margin:15px auto;
	padding-top:1px;
}

.bn_blue_box_inner
{	background-image:url(image/bn_blue_box_inner.png);
	background-repeat:repeat-y;
	width:511px;
	margin:auto;
	padding:11px;
}

.bn_blue_box_end
{	background-image:url(image/bn_blue_box_end.png);
	height:2px;
	overflow:hidden;
	margin:auto;
	padding-top:2px;
}

.bn_blue_box p
{	line-height:14px;
}

.bn_blue_box h2
{	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	color:#035992;
}


/* die liste im content bereich */

.bn_list
{	list-style-type:none;
	list-style-position:outside;
	margin:20px 0px 0px 0px;
	background-image:url(image/bn_kugeln.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

.bn_list li
{	background-image:url(image/bn_list_li.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-left:26px;
	height:26px;
}

/* der rechte bereich */

.bn_right
{	float:right;
	width:162px;
	overflow:hidden;
	color:#595959;
}

.bn_right h4
{	font-size:12px;
	font-weight:bold;
	color:#035992;
}

.bn_jumbo
{	padding:14px 0px 20px 0px;
}

.bn_right p
{	padding:10px 0px 10px 0px;
	text-align:justify;
	line-height:18px;
}

.bn_right a,.bn_right a:link,.bn_right a:visited,.bn_right a:active
{	font-weight:bold;
	text-decoration:none;
	color:#595959;
}

.bn_right a:hover
{	text-decoration:underline;
}



/* der footer */
#bn_footer
{	background-image:url(image/bn_footer.gif);
	height:27px;
	overflow:hidden;
	line-height:27px;
	color:#035992;
	margin:auto;
	padding:0px 20px;
}

#bn_footer a,#bn_footer a:link,#bn_footer a:visited,#bn_footer a:active
{	color:#035992;
	text-decoration:none;
}

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