/* Stylesheets by Andreas Petermann
		http://www.css-umsetzung.de
*/

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


/* verschiedene klassen zum formatieren des textes oder foaten von elementen */
.italic
{	font-style:italic;
}

.center
{	text-align:center;
}

.text_right
{	text-align:right;
}

.text_left
{	text-align:left;
}

.justify
{	text-align:justify;
}

img
{	border-width:0px;
}

.blue
{	color:#538FC5;
}

.right
{	float:right;
	display:inline;
}

.left
{	float:left;
	display:inline;
}

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

body
{	background-image:url('/image/bn_back2.png');
	background-color:#e7e7e7
}

/* feste definitionen für das eigentliche layout */

#bn_layout
{	background-repeat:no-repeat;
	padding:118px 0px 50px 0px;
	width:996px;
	overflow:hidden;
	min-height:910px;
}

/* spezielle angabe um dem IE6 min-height zu erklären */
* html #bn_layout
{	height:910px;
	overflow:visible;
}

#bn_outer_layout
{	background-image:url('/image/bn_layout_end.png');
	background-position: left bottom;
	background-repeat:no-repeat
}


#bn_layout_end
{
	background-image:url('/image/bn_layout.png');
	background-repeat:repeat-y;
	margin:auto;
	position:relative;
	left:0px;
	width:1003px
}


/* um das layout für tagesgeld oder firmenkonto anzuzeigen */
.bn_tagesgeld
{	background-image:url('/image/bn_tagesgeld.jpg');
}

.bn_firmenkonto
{	background-image:url('/image/bn_firmenkonto.jpg');
}


/* der link des logos der auf die Startseite führt */
a#bn_home
{	position:absolute;
	top:30px;
	left:40px;
	height:50px;
	width:300px;
}



/* das Menü der linken seite */

#bn_menu
{	width:200px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-left:9px;
	list-style-type:none;
	list-style-position:outside;
	padding-bottom:55px;
	background-image:url('/image/bn_menu.png');
	background-position: left bottom;
	background-repeat:no-repeat
}

#bn_menu li
{	background-image:url('/image/bn_menu_li.png');
	background-repeat:no-repeat
}


#bn_menu li a, #bn_menu li a:link, #bn_menu li a:visited, #bn_menu li a:active
{	height:27px;
	text-decoration:none;
	padding-left:35px;
	font-size:10pt;
	color:#535353;
	display:block;
	overflow:hidden;
	line-height:30px;
}

#bn_menu li a:hover, #bn_menu li a#bn_menu_active
{	color:#538FC5;
}

/* überschriften in der Menüleiste */
#bn_menu li h3
{	background-image:url('/image/bn_menu_h3.png');
	background-position: left top;
	background-repeat:no-repeat;
	height:35px;
	color:#538FC5;
	font-size:11pt;
	font-weight:bold;
	padding-left:24px;
	line-height:46px;
	margin-top:-1px;
	overflow:hidden
}

/* die erste überschrift der menüleiste */
#bn_menu li h3.first
{	background-image:url('/image/bn_menu_h3_first.png');
	height:26px;
	color:#538FC5;
	line-height:26px;
	margin-top:0px
}


/* der content bereich */
#bn_content
{	width:723px;
	margin:25px 24px 0px 0px;
	padding:25px 0px 20px 0px;
	overflow:hidden;
	display:inline;
	float:right;
	color:#535353;
	font-size:9pt;
}

/* splitet den content in zwei bereiche (content links / werbung rechts */
.bn_content_left
{	width:571px;
	overflow:hidden;
	float:left;
}

.bn_content_right
{	width:120px;
	overflow:hidden;
	float:right;
	padding-top:40px;
}


/* überschriften im content bereich */

#bn_content h1
{	padding-bottom:21px;
	font-size:12pt;
	font-weight:bold;
}

#bn_content h2, #bn_content h3
{	font-size:9pt;
	font-weight:bold;
	padding-bottom:21px;
}


/* tag definitionen im content bereich */

#bn_content p
{	padding-bottom:20px;
	text-align:justify;
}

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

#bn_content ul li
{	background-image:url('/image/bn_content_li.png');
	background-repeat:no-repeat;
	background-position: 0px 7px;
	padding-left:10px
}

/* links im content bereich */
#bn_content a, #bn_content a:link, #bn_content a:visited, #bn_content a:active
{	text-decoration:underline;
	color:#538FC5;
}

#bn_content a:hover
{	color:#f90000;
}



/* eine hr linie, je nachdem ob sie im grossen content
bereich oder im linken content bereich ist, passt sie sich der
breite entsprechend an */
#bn_content .bn_line
{	background-image:url('/image/bn_big_line.png');
	background-repeat:no-repeat;
	background-position: center 10px;
	padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:20px
}


#bn_content div.bn_content left div.bn_line
{	background-image:url('/image/bn_line.png');
	background-repeat:no-repeat;
	background-position: center 10px;
	padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:20px
}


/* der footer */
#bn_footer
{	position:absolute;
	bottom:18px;
	height:17px;
	left:0px;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:9pt;
}


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


#bn_footer a:hover
{
}


/* die Menüleiste im header */

#bn_header_menu
{	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	left:235px;
	top:118px;
	width:600px;
	z-index:10;
	border:0px solid #f90000;
	height:24px;
	overflow:hidden;
}

#bn_header_menu li
{	float:left;
}

#bn_header_menu a, #bn_header_menu a:link, #bn_header_menu a:visited, #bn_header_menu a:active
{	float:left;
	padding:0px 20px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:10pt;
	height:24px;
	overflow:hidden;
	line-height:24px;
}

/* hover oder activer link */
#bn_header_menu a:hover, #bn_header_menu a#bn_header_active
{	color:#535353;
}




/* eine Tabelle */

.bn_table
{	border-collapse:collapse;
	width:710px;
	margin:auto;
	background-image:url('/image/bn_table.gif');
	background-repeat:repeat-y;
	border-bottom:1px solid #548DC2
}

/* tabellenüberschriften */
.bn_table th
{	text-align:center;
	color:#ffffff;
	background-color:#548DC2;
	height:28px;
	vertical-align:middle;
}

.bn_table th.bn_table_left
{	background-image:url('/image/bn_table_left.png');
	background-repeat:no-repeat
}

.bn_table th.bn_table_right
{	background-image:url('/image/bn_table_right.png');
	background-position: right top;
	background-repeat:no-repeat
}

/* tabellenspalten */
.bn_table td
{	height:28px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #548DC2;
}

.bn_table tr.bn_colored
{	background-color:#F5F5F5;
}

/* angabe für die erste spalte einer farbigen tabellenzeile */
.bn_table td.bn_colored_first
{	background-image:url('/image/bn_table.gif');
	background-repeat:repeat-y
}