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

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


body
{	background-image:url(image/bg.gif);
	background-color:#ffffff;
	font-size:12px;
}

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
{	background-image:url(image/bn_layout.png);
	background-repeat:repeat-y;
	width:823px;
	margin:auto;
	position:relative;
	margin-top:15px;
	margin-bottom:20px;
}

/* der obere orange Balken */
#bn_header_head
{	background-image:url(image/bn_header_head.png);
	background-repeat:no-repeat;
	height:28px;
}

/* die Überschrift im oberen orangen balken */
#bn_header_head h3
{	text-align:right;
	line-height:28px;
	color:#ffffff;
	font-weight:normal;
	font-size:11px;
	padding:0px 15px 0px 0px;
}

/* das bild des Headers */
#bn_header
{	background-image:url(image/bn_header.jpg);
	height:157px;
	width:100%;
	border-bottom:5px solid #86b120;
}


/* das Headermenü */
#bn_menu
{	height:25px;
	list-style-type:none;
	list-style-position:outside;
	margin:0px 20px 0px 1px;
	padding-top:14px;
	background-color:#ffffff;
	position:relative;
}

#bn_menu li
{	float:right;
	display:inline;
	border-left:1px solid #000000;
	height:12px;
	position:relative;
	padding-bottom:2px;
}

/* der link des logos (schriftzuges) der zur Startseite führt */
#bn_menu li.bn_home
{	background-image:url(image/bn_logo.png);
	background-repeat:no-repeat;
	border-width:0px;
	width:265px;
	height:39px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	clear:both;
}

#bn_menu li.bn_home a,#bn_menu li.bn_home a:link,
#bn_menu li.bn_home a:visited,#bn_menu li.bn_home a:active
{	width:100%;
	height:100%;
	display:block;
	float:none;
}

/* der erste link im header, der keinen rechten border haben darf */
#bn_menu li.first_link
{	border-width:0px;
}

/* das untermenü das optional eingebunden werden kann */
#bn_menu li ul
{	position:absolute;
	left:-1px;
	top:14px;
	display:none;
	background-color:#ffffff;
	border-left:1px solid #000000;
	border-right:1px groove #86b120;
	border-bottom:3px ridge #86b120;
	border-top-width:0px;
	z-index:10;
	text-align:left;
	padding-top:10px;
	float:left;
	padding-bottom:5px;
}


#bn_menu li:hover ul,#bn_menu li.hover ul,#bn_menu li ul.hover
{	display:block;
}


#bn_menu li ul li
{	display:block;
	border-width:0px;
	text-align:left;
	background-color:#ffffff;
	float:none;
	padding:2px 0px;
	overflow:hidden;
	height:16px;
	width:150px;
}

/* die links des untermenüs */
#bn_menu li ul li a,#bn_menu li ul li a:link,
#bn_menu li ul li a:visited,#bn_menu li ul li a:active
{	display:block;
	background-color:#ffffff;
	text-align:left;
	color:#86b120;
	width:100%;
	line-height:18px;
}

#bn_menu li ul li a:hover
{	background-color:#86b120;
	color:#ffffff;
	text-decoration:none;
}

/* die links des hauptmenüs */
#bn_menu li a,#bn_menu li a:link,#bn_menu li a:visited,#bn_menu li a:active
{	float:left;
	padding:0px 5px;
	color:#86b120;
	text-decoration:none;
	font-size:12px;
}

#bn_menu li a:hover
{
	text-decoration:underline;
}


/* der contentbereich und seine definitionen */
#bn_content
{	float:left;
	display:inline;
	margin-left:10px;
	padding:0px 17px 17px 17px;
	background-image:url(image/bn_content.png);
	background-repeat:no-repeat;
	min-height:300px;
	width:562px;
	font-size:13px;
}

#bn_content h1
{	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	line-height:44px;
	margin-left:-17px;
	padding-bottom:22px;
}

#bn_content h2
{	font-size:15px;
	color:#000000;
	font-weight:bold;
	padding-top:15px;
}


#bn_content p
{	padding-top:12px;
}

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

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


#bn_content a, #bn_content a:link,
#bn_content a:visited,#bn_content a:active
{	text-decoration:underline;
	color:#000000;
}

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


/* der footer udn seine link-definitionen */
#bn_footer
{	text-align:center;
	background-image:url(image/bn_footer.png);
	background-repeat:no-repeat;
	height:10px;
	overflow:visible;
	padding-top:22px;
	clear:both;
	background-color:#ffffff;
}

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

#bn_footer a:hover
{	color:#86b120;
}


/* der rechte bereich in dem die Werbung ist */
#bn_right
{	width:170px;
	float:right;
	margin-right:28px;
	display:inline;
	font-size:11px;
	color:#000000;
	padding-bottom:10px;
}

/* die erste Zeile der Werbung, das hier verwendete Blockelement ist optional
	und kann h1,h2,h3 oder div oder ähnliches sein */
#bn_right	.bn_headline
{	font-weight:normal;
	font-size:13px;
	color:#86b120;
	margin-top:22px;
}

#bn_right a,#bn_right a:link,
#bn_right a:visited,#bn_right a:active
{	color:#3B0080;
	text-decoration:none;
}

#bn_right a:hover
{	color:#86b120;
}

.maintab {color: #FFFFFF}


td 
{
border-bottom: 1px solid #999999;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
}