/* hier sorgen wir zuerst für gleiche werte in den Browsern */
*
{	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size:12px;
	outline:none;
}

.italic
{	font-style:italic;
}

img
{	border-width:0px;
}

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

body
{	background-image:url(image/bn_body_back.png);
	background-repeat:repeat-x;
	background-color:#E0F1FF;
	padding-bottom:20px;
}

#bn_layout
{	background-image:url(image/bn_layout_back.png);
	background-repeat:repeat-y;
	overflow:hidden;
	padding-top:333px;
	position:relative;
	width:810px;
	margin:auto;
}

/* der content bereich */
#bn_content
{	margin:0px 15px 0px 15px;
	padding:40px 20px 0px 20px;
	color:#AF59B9;
	background-color:E0F1FF;
	background-image:url(image/bn_content_back.png);
	background-repeat:repeat-x;
}

#bn_content #bn_google
{	background-color:#F3C0FA;
	height:90px;
	padding:5px 0px;
	text-align:center;
	width:100%;
	overflow:hidden;
	margin:auto;
}

/* der rechte, linke und gesamte bereich */
#bn_left
{	width:406px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-top:20px;
}

#bn_right
{	width:315px;
	overflow:hidden;
	float:right;
	display:inline;
	margin-top:20px;
}

#bn_big_content
{	width:100%;
	overflow:hidden;
	margin-top:20px;
	color:#AF59B9;
}

#bn_content p
{	padding-bottom:10px;
}

#bn_content ul
{	list-style-position:outside;
	margin:10px 0px 0px 30px;
	padding-bottom:10px;
}

#bn_content h1, #bn_content h2
{	font-weight:bold;
	color:#af59b9;
	padding-bottom:5px;
	font-size:14px;
}

#bn_content a,#bn_content a:link,
#bn_content a:visited,#bn_content a:active
{	color:#af59b9;
	text-decoration:none;
}

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


#bn_content .justify
{	text-align:justify;
}

#bn_content img
{	border:5px solid #AF59B9;
}

#bn_content .right
{	float:right;
	margin:0px 0px 10px 10px;
}

#bn_content .left
{	float:left;
	margin:0px 10px 10px 0px;
}


/* die infoboxen im rechten Bereich */

#bn_content .info_box_out
{	background-image:url(image/info_box_in.png);
}

#bn_content .info_box_in
{	background-image:url(image/info_box_out.png);
	padding:10px 15px 10px 10px;
	width:290px;
	background-repeat:no-repeat;
	color:#9b41a5;
}

#bn_content .info_box_end
{	background-image:url(image/info_box_end.png);
	background-repeat:no-repeat;
	height:3px;
	overflow:hidden;
	margin-bottom:20px;
}


#bn_content .info_box_in img
{	float:left;
	margin:0px 10px 0px 0px;
	border-width:0px;
}


#bn_content .info_box_out h1,
#bn_content .info_box_out h2,
#bn_content .info_box_out h3
{	background-image:url(image/info_box_h.png);
	height:21px;
	line-height:24px;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	overflow:hidden;
	text-transform:uppercase;
}

#bn_content .info_box_out strong.bigger
{	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
}


/* der Header mit seinem Startseitenlink */

#bn_header
{	background-image:url(image/bn_header.jpg);
	background-repeat:no-repeat;
	position:absolute;
	height:63px;
	top:0px;
	left:0px;
	width:810px;
	padding-top:300px;
}

/* der link für das Logo im oberen linken Bereich */
a#bn_startseite
{	position:absolute;
	text-decoration:none;
	width:260px;
	height:70px;
	left:45px;
	top:17px;
}

/* die navigation unter dem header */

#bn_navibox
{	height:63px;
	position:absolute;
	width:810px;
	top:300px;
	left:0px;
	background-image:url(image/bn_navibox.jpg);
}

ul#bn_navi
{	text-align:center;
	list-style-type:none;
	list-style-position:outside;
	margin:0px 15px;
	height:30px;
	overflow:hidden;
	background-image:url(image/bn_navi_back.png);
	padding-left:92px;
}

ul#bn_navi li
{	display:inline;
	background-image:url(image/bn_header_navi_li.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	padding:0px 3px 0px 5px;
}

ul#bn_navi li:first-child,ul#bn_navi li.first
{	background-position:-300px center;
}

ul#bn_navi li a,ul#bn_navi li a:link,
ul#bn_navi li a:visited,ul#bn_navi li a:active
{	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 3px 0px 3px;
	color:#912A9D;
	font-weight:bold;
	line-height:32px;
	float:left;
}

ul#bn_navi li a:hover
{	background-image:url(image/bn_navi_hover.png);
	background-repeat:repeat-x;
}


/* die sub-navigation */

ul#bn_sub_navi
{	text-align:center;
	list-style-type:none;
	list-style-position:outside;
	margin:0px 15px;
	height:20px;
	overflow:hidden;
	background-color:#AF59B9;
}

ul#bn_sub_navi li
{	display:inline;
	color:#ffffff;
}

ul#bn_sub_navi li a,ul#bn_sub_navi li a:link,
ul#bn_sub_navi li a:visited,ul#bn_sub_navi li a:active
{	font-size:14px;
	text-decoration:none;
	padding:0px 3px 0px 3px;
	line-height:20px;
	font-size:12px;
	color:#ffffff;
}

ul#bn_sub_navi li a:hover
{	color:#F3C0FA;
}



/* der footer mit seinen linklisten und copyright hinweisen */
#bn_footer
{	height:114px;
	overflow:hidden;
	position:relative;
	width:100%;
	background-image:url(image/bn_footer_back.png);
	clear:both;
}

#bn_footer span.bn_copyright
{	color:#ffffff;
	font-size:10px;
	position:absolute;
	left:35px;
	bottom:20px;
}

#bn_footer span.bn_copyright a
{	font-size:10px;
}

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

#bn_footer a:hover
{	color:#9b41a5;
}

#bn_footer #bn_top
{	position:absolute;
	right:35px;
	top:15px;
}

#bn_footer ul
{	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	right:30px;
	bottom:20px;
	overflow:hidden;
}

#bn_footer ul li
{	display:inline;
	float:right;
	font-size:12px;
	padding:0px 5px 0px 7px;
	background-image:url(image/bn_footer_ul_link_hover.png);
	background-position:right 5px;
	background-repeat:no-repeat;
	margin-right:-2px;
}

#bn_footer ul li a,#bn_footer ul li a:link,
#bn_footer ul li a:visited,#bn_footer ul li a:active
{	font-size:12px;
	position:relative;
	line-height:20px;
	text-transform:uppercase;
}

#bn_footer ul li a:hover
{	color:#9b41a5;
}