/* Allgemeine angaben */
*
{	margin:0px;
	padding:0px;
	font-family: arial, sans-serif;
	font-size:12px;
	outline:none;
}

.italic
{	font-style:italic;
}

.center
{	text-align:center;
}

.justify
{	text-align:justify;
}

img
{	border-width:0px;
}

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

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

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

.orange
{	color:#FFCC00;
}



body
{	background-image:url(image/body_back.png);
	background-repeat:repeat-x;
	background-color:#B8FF01;
}


/* ab hier faengt das eigentliche Layout an */


#bn_layout
{	width:960px;
	overflow:hidden;
	margin:auto;
	color:#8F8F8F;
	padding-bottom:10px;
}

/* der header */

#bn_header
{	position:relative;
	height:187px;
	overflow:hidden;
}

/* das zur Startseite verlinkte logo */
#bn_header #bn_home
{	text-decoration:none;
	display:block;
	height:91px;
	width:205px;
	margin:20px auto 0px auto;
	background-image:url(image/bn_home.png);
}


/* die linkliste im header */
#bn_header ul
{	list-style-position:outside;
	list-style-type:none;
	margin:auto;
	width:604px;
	height:40px;
	padding:36px 0px 0px 4px;
	overflow:hidden;
	background-image:url(image/bn_header_ul.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#bn_header ul li
{	float:left;
	width:99px;
	overflow:hidden;
}

#bn_header ul li a,#bn_header ul li a:link,
#bn_header ul li a:visited,#bn_header ul li a:active
{	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#8F8F8F;
}

#bn_header ul li a:hover,#bn_header ul li  a#bn_header_active
{	color:#FFA800;
	font-weight:bold;
}


#bn_left
{	width:258px;
	float:left;
	overflow:hidden;
	margin-left:46px;
	display:inline;
}



#bn_left .bn_login_box
{	width:258px;
	height:153px;
	overflow:hidden;
	background-image:url(image/bn_login_box.png);
	position:relative;
	text-align:center;
	padding-top:5px;
	margin-top:15px;
}

#bn_left .bn_login_box input
{	border-width:0px;
	width:190px;
	text-align:left;
	margin-top:24px;
	background-color:transparent;
	font-size:12px;
	height:16px;
	color:#8F8F8F;
}

#bn_left .bn_login_box input.bn_submit
{	width:210px;
	height:30px;
	margin-top:15px;
}

#bn_left .bn_left_box
{	background-image:url(image/bn_left_box.png);
	background-repeat:no-repeat;
	padding-top:11px;
	overflow:hidden;
	margin-top:15px;
}

#bn_left .bn_left_box_back
{	background-image:url(image/bn_left_box_back.png);
	background-repeat:repeat-y;
	padding:10px 20px 10px 20px;
}

#bn_left .bn_left_box_bottom
{	background-image:url(image/bn_left_box_bottom.png);
	background-repeat:no-repeat;
	height:18px;
	overflow:hidden;
}

#bn_left .bn_left_box h3
{	color:#B4EE00;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
}

#bn_left .bn_left_box h4
{	color:#FFCC00;
	border-top:1px solid #B4EE00;
	padding-top:10px;
}

#bn_left .bn_left_box small
{	display:block;
	color:#CDCCCC;
	font-size:11px;
	padding-bottom:5px;
}

#bn_left .bn_left_box p
{	padding-bottom:10px;
}

/* der contentbereich */

#bn_content
{	margin-right:10px;
	width:628px;
	overflow:hidden;
	display:inline;
	float:right;
	background-image:url(image/bn_content_top.png);
	background-repeat:no-repeat;
	padding-top:11px;
	margin-top:15px;
}

/* links im content und linkem Bereich */
#bn_content a,#bn_content a:link,#bn_content a:visited,#bn_content a:active,
#bn_left a,#bn_left a:link,#bn_left a:visited,#bn_left a:active
{	color:#8F8F8F;
	text-decoration:underline;
}

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




#bn_content .bn_inner_content
{	background-image:url(image/bn_content_back.png);
	background-repeat:repeat-y;
	padding:10px 20px 10px 20px;
	width:588px;
	min-height: 468px;
}

#bn_content .bn_content_bottom
{	overflow:hidden;
	background-image:url(image/bn_content_bottom.png);
	background-repeat:no-repeat;
	clear:both;
	height:16px;
}


#bn_content h1
{	color:#B4EE00;
	padding-bottom:0px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #B4EE00;
	margin-bottom:10px;
}

#bn_content h2,#bn_content h3
{	color:#B4EE00;
	font-size:14px;
	font-weight:bold;
}

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

#bn_content ul
{	margin-left:20px;
	padding:5px 0px;
	list-style-position:outside;
}



#bn_content .bn_column_left
{	width:285px;
	float:left;
	display:inline;
}
#bn_content .bn_column_right
{	width:285px;
	float:right;
	display:inline;
}


#bn_footer
{	text-align:center;
	clear:both;
	font-size:11px;
}

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

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



/* der layer */

#bn_layer
{	width:573px;
	height:386px;
	padding:52px 0px 0px 165px;
	background-image:url(image/layer.png);
	background-position:left center;
	background-repeat:no-repeat;
	position:relative;
	color:#8F8F8F;
}


/* für den Fall, dass ein layer auf der Seite sein soll,
	die position ist hier zur Zeit fest vorgegeben */

* html #bn_layer
{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='image/layer.png');
	background-image:none;
}

#bn_layer a.bn_open
{	width:19px;
	height:18px;
	position:absolute;
	right:26px;
	top:52px;
}

#bn_layer a.bn_add
{	width:19px;
	height:18px;
	position:absolute;
	right:47px;
	top:52px;
}

#bn_layer a.bn_close
{	width:19px;
	height:18px;
	position:absolute;
	right:69px;
	top:52px;
}

#bn_layer h1
{	font-size:11px;
	font-weight:normal;
}

#bn_layer a.bn_home
{	position:absolute;
	left:0px;
	top:0px;
	height:90px;
	width:150px;
}

#bn_layer .bn_advert
{	position:absolute;
	top:100px;
	left:40px;
	height:320px;
	width:687px;
	overflow:hidden;
}

#bn_layer_pos
{	position:absolute;
	top:12%;
	left:20%;
	z-index:10;
}