/* grundeinstellungen um einheitliche
   werte der Browser zu garantieren */
*
{	margin:0px;
	padding:0px;
	font-family: verdana, sans-serif;
	color:#232323;
}

/* im body ist die hintergrundfarbe und der rechte rahmen durch
	 das einbinden eines 1pixel hohen hintergrundes realisiert
*/
body
{
	background-image:url(../images/body_back.png);
	background-repeat:repeat-y;
	padding-top:21px;
	font-size:12px;
	height:100%;
}
/* sorgt dafür, da bilder in links keinen border haben
*/
img
{	border-width:0px;
}

/* spätere eventuell benötigte angabe zum beenden von floats
*/
.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

/* die alles umschließende box mit dem header als hintergrund*/
#bn_box
{	background-image:url(../images/bn_header.png);
	background-repeat:no-repeat;
	padding-top:133px;
	width:1003px;
	height:300px;
}
/* das Menü und seine linkliste */
#bn_menu
{	width:215px;
	float:left;
	overflow:hidden;
}

#bn_menu ul
{	width:100%;
	overflow:hidden;
	list-style-type:none;
	list-style-position:outside;
}

#bn_menu ul li
{	background-image:url(../images/bn_menu_link.png);
	background-repeat:no-repeat;
	height:44px;
	line-height:44px;
	margin-top:8px;
}

#bn_menu ul li a,#bn_menu ul li a:link,#bn_menu ul li a:visited,#bn_menu ul li a:active
{	text-align:right;
	text-decoration:none;
	display:block;
	width:91%;
	padding-right:9%;
	height:100%;
	font-size:13px;
	font-weight:bold;
}

#bn_menu ul li a:hover
{	background-color:#d2c8be;
	color:#ffffff;
}

/* der Contentbereich mit einen angaben zu links/p/h1-h3/listen
	 in bn_content sind die seitenränder des rahmens als hintergrund
	 eingebettet
*/
#bn_content
{	width:743px;
	overflow:hidden;
	float:left;
	margin-left:24px;
	display:inline;
	background-image:url(../images/bn_content_back.png);
	background-repeat:repeat-y;
}

#bn_content h1
{	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:underline;
}

#bn_content h2,#bn_content h3
{	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:underline;
}


#bn_content p
{	font-size:12px;
	padding:5px 10px;
}


#bn_content ul
{	list-style-position:outside;
	list-style-type:disc;
	margin-left:40px;
	padding-bottom:5px;
}

#bn_content ul li
{	margin-top:3px;
}

#bn_content a
{	text-decoration:none;
}

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

/* der obere Rahmen des content bereiches */
#bn_top_content
{	background-image:url(../images/bn_top_content_back.png);
	background-repeat:repeat-x;
	height:3px;
	overflow:hidden;
}

/* der untere Rahmen des content bereiches */
#bn_end_content
{	background-image:url(../images/bn_end_content_back.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	height:8px;
	overflow:hidden;
}


/* der footer, er garantiert einen abstand zum ende des bodys
	 von 21px und ist für das beenden des floatens zutändig
*/
#bn_footer
{	clear:left;
	height:21px;
	overflow:hidden;
}