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

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


body
{	background-color:#ffffff;
	font-size:12px;
	background-repeat:repeat-x;
	background-image:url(image/bn_layout.png);
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

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


.justify
{	text-align:justify;
}

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

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

.center
{	text-align:center;
}


/* das eigentliche Layout breite wiederholdender hintergrund */
#bn_layout
{	width:1000px;
	margin:auto;
	min-height:300px;
}

h1
{	height:102px;
	color:#ffffff;
	font-weight:normal;
	padding-left:59px;
	font-size:48px;
	line-height:80px;
}


#bn_right
{	width:300px;
	float:right;
	margin-right:4px;
	display:inline;
	min-height:300px;
	margin-top:30px;
}

#bn_right .bn_border_box
{	padding:1px;
	margin-bottom:14px;
}

#bn_left .bn_border_box
{	padding-top:20px;
}

#bn_content .bn_border_box
{	padding:20px 10px;
}

#bn_left ul
{	list-style-type:none;
	list-style-position:outside;
}

#bn_left ul li
{	text-align:center;
}


#bn_left a,#bn_left a:link,
#bn_left a:visited,#bn_left a:active
{	text-decoration:none;
	color:#1F0F00;
	font-weight:normal;
	font-size:14px;
	display:block;
	width:100%;
	line-height:18px;
}

#bn_left a:hover
{	color:#e57200;
}




#bn_right h4
{	background-image:url(image/bn_right_h4.png);
	background-repeat:no-repeat;
	text-align:center;
	height:21px;
	line-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#1F0F00;
}



.bn_border_box
{	border:1px solid #A7A7A7;
	border-width:0px 1px 1px 1px;
}

.bn_min_height
{	min-height:400px;
}

* html #bn_min_height
{	height:400px;
}

#bn_left
{	width:200px;
	overflow:hidden;
	float:left;
	margin-left:4px;
	display:inline;
	min-height:300px;
	margin-top:30px;
}

#bn_left h5
{	background-image:url(image/bn_left_h5.png);
	background-repeat:no-repeat;
	text-align:center;
	height:21px;
	line-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#1F0F00;
}

#bn_content
{	width:464px;
	overflow:hidden;
	float:left;
	margin-left:14px;
	display:inline;
	min-height:300px;
	margin-top:30px;
	color:#1F0F00;
}

#bn_content h3
{	background-image:url(image/bn_content_h3.png);
	background-repeat:no-repeat;
	text-align:center;
	height:21px;
	line-height:21px;
	font-size:14px;
	font-weight:bold;
}

#bn_content h2
{	font-size:16px;
	font-weight:bold;
	padding-bottom:20px;
}

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


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

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


.bn_small_box_right
{	width:223px;
	float:right;
}

.bn_small_box_left
{	width:223px;
	float:left;
}


#bn_content .bn_small_box_right .bn_border_box,
#bn_content .bn_small_box_left .bn_border_box
{	padding:5px 2px 7px 5px;
}


#bn_content .bn_small_box_right h4,#bn_content .bn_small_box_left h4
{	background-image:url(image/bn_small_box.png);
	background-repeat:no-repeat;
	text-align:center;
	height:21px;
	line-height:21px;
	overflow:hidden;
	margin-top:20px;
}




#bn_footer
{	text-align:center;
	height:29px;
	line-height:29px;
	color:#1F0F00;
	background-image:url(image/bn_footer.png);
	background-repeat:no-repeat;
}


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

#bn_footer a:hover
{
}

