/* CCS-Style created  Aug-2007 by
		Andreas Petermann (c) bytenation.de
*/

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

html
{	height:100%;
}

body
{	height:100%;
	background-color:#E8E3B5;
	background-image:url(image/bn_body_back.png);
	background-repeat:repeat-x;
	font-size:12px;
}

.bn_text_right
{	text-align:right;
}

.bn_text_center
{	text-align:center;
}

.red
{	color:#872238;
}

/* das hier ist meine testbox die ich nur zum prüfen der breiten einsetze */
#test
{	width:169px;
	background-color:#f00000; 	/* das hier ist zum testen der abstände*/
	min-height:200px;					/* das hier ist eine test-mindesthöhe */
	margin-top:100px;					/* test-margin */
	overflow:hidden;
}

.error
{	color:#872238;
	font-weight:bold;
}

img
{	border-width:0px;
}

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

.clear
{	clear:both;
	overflow:hidden;
}

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

div.bn_hr_line
{	height:2px;
	overflow:hidden;
	width:100%;
	background-image:url(/template/image/bn_hr_line_back.png);
}

/* Hier wird die layout breite festgelegt */

#bn_layout
{	width:971px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	margin:auto;
	border:0px solid #f90000;		/* nur zum testen */
	margin-top:15px;
}

/* hier der Bereich des Headers */
#bn_header
{	width:612px;
	height:148px;
	margin:0px 0px 0px -12px;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	background-image:url(image/bn_header_back.jpg);
	background-repeat:no-repeat;
	position:relative;
	border:0px solid #f90000;
}


#bn_header a,#bn_header a:link,#bn_header a:visited,
#bn_header a:active,#bn_header a:hover
{	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
}


#header_links
{	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	left:10px;
	top:120px;
}


ul#header_links li
{	float:left;
	margin-left:10px;
	color:#e8e3b5;
	font-weight:bold;
}

#header_links li a,#header_links li a:link,#header_links li a:visited,#header_links li a:active
{	display:inline;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#header_links li a:hover
{	color:#e8e3b5;
	display:inline;
}





/* der linke bereich in dem das Menü usw. ist */
#bn_left
{	width:178px;
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
	background-image:url(image/bn_left_back.png);
	min-height:200px;					/* das hier ist eine test-mindesthöhe */
	margin-top:17px;					/* test-margin */
	position:relative;
	z-index:1;
}

#bn_left_end
{	background-image:url(image/bn_left_end.png);
	background-repeat:no-repeat;
	height:22px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	overflow:hidden;
	color:#adadad;
	margin-top:20px;
}


#bn_left a#smilie_active_top_dir,#bn_left a#smilie_active_under_dir
{	color:#872238;
	background-image:url(image/bn_left_liste_hover.png);
	font-weight:bold;
}


/* loginbox */

#bn_left div#bn_login_box
{	background-image:url(image/bn_login_box.jpg);
	background-repeat:no-repeat;
	height:175px;
	margin-left:-1px;
}



/* die Überschriften  für den linken bereich */

#bn_left h3
{	margin-top:10px;
	width:178px;
	margin-top:10px;
	overflow:hidden;
	background-repeat:no-repeat;
	text-indent:-30000px;
}

h3.smilies
{	background-image:url(image/h3_smilies.jpg);
	height:39px;
}

h3.sexy_icons
{	background-image:url(image/h3_sexy_icons.jpg);
	height:39px;
}

h3.sternzeichen
{	background-image:url(image/h3_sternzeichen.jpg);
	height:43px;
}

h3.strichmaennchen
{	background-image:url(image/h3_no_smilies.jpg);
	height:43px;
}

/* die link-definitionen der linken box diese linklisten haben zwei ebenen*/
#bn_left ul
{	list-style-position:outside;
	list-style-type:none;
	margin:0px;
}

#bn_left li
{	background-image:url(image/bn_left_liste.png);
	margin:0px;
	width:170px;
}

#bn_left li a,#bn_left li a:link,
#bn_left li a:visited,#bn_left li a:active
{	text-decoration:none;
	color:#232323;
	padding-left:15px;
	font-size:11px;
}



/* der rechte Bereich mit der werbung und linktipps sowie den partnern */

#bn_right
{	width:178px;
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
	background-image:url(image/bn_right_back.png);
	margin-top:10px;					/* test-margin */
}

#bn_right_end
{	background-image:url(image/bn_right_end.png);
	background-repeat:no-repeat;
	height:24px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	overflow:hidden;
	color:#adadad;
}

/* die Überschriften  für den rechten bereich */





#bn_right h3
{	width:178px;
	overflow:hidden;
}

#bn_right h3.links
{	background-image:url(image/h3_links.png);
	background-repeat:no-repeat;
	height:38px;
	margin-left:-3px;
}

#bn_right h3.linktipps
{	background-image:url(image/h3_linktipps.png);
	background-repeat:no-repeat;
	height:50px;
}

#bn_right h3.partner
{	display:none;
}

ul.partner
{	background-image:url(image/h3_partner.png);
	background-repeat:no-repeat;
	padding-top:41px;
}


/* die link-definitionen der linken box */

#bn_right ul
{	list-style-position:outside;
	list-style-type:none;
	margin:2px 0px 0px 0px;
}

#bn_right ul li
{	height:20px;
	line-height:20px;
	background-image:url(image/bn_right_liste.png);
	margin-top:1px;
	overflow:hidden;
}

#bn_right ul li a,#bn_right ul li a:link,#bn_right ul li a:visited,#bn_right ul li a:active
{	text-decoration:none;
	color:#232323;
	font-size:12px;
	display:block;
	width:149px;
	height:100%;
	padding-left:20px;
	margin:0px 0px 0px 4px;
	background-position:-10px -20px;
	color:#919191;
}


#bn_right ul li a:hover
{	background-image:url(image/bn_left_liste_hover.png);
	background-position:left top;
	color:#232323;
}


/* die google adsense werbung */
#bn_right .bn_box_block
{	text-align:center;
	padding:0px 0px 3px 0px;
	position:relative;
	z-index:1;
}

#bn_right .bn_box_block *
{	position:relative;
	z-index:1;
}


/* hier fängt der content Bereich an */

#bn_content
{	width:587px;
	overflow:hidden;
	margin:10px 0px 0px 0px;
	padding:0px 13px 10px 12px;
	background-image:url(image/bn_content_back.png);
	border:0px solid #f90000;
	float:left;
	display:inline;
}

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

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

#bn_content h3
{	font-weight:bold;
	font-size:12px;
}

#bn_content h1
{	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	border-bottom:0px solid #872238;
}


#bn_content_end
{	width:612px;
	height:11px;
	overflow:hidden;
	background-image:url(image/bn_content_end.png);
	border:0px solid #f90000;
	clear:both;
	margin:0px 0px -10px -12px;
}



.bn_site_back_forward
{	height:19px;
	overflow:hidden;
	text-align:center;
	clear:both;
	line-height:19px;
	margin:auto;
	width:500px;
	padding:30px 0px 20px 0px;
}

#bn_content .bn_site_back_forward a,#bn_content .bn_site_back_forward a:link,
#bn_content .bn_site_back_forward a:visited,#bn_content .bn_site_back_forward a:active
{	color:#872238;
	text-decoration:none;
	font-weight:bold;
}

#bn_content .bn_site_back_forward a:hover,#bn_content .bn_site_back_forward a#bn_active
{	color:#fec71c;
	text-decoration:underline;
}


.bn_site_back_forward a.bn_backward
{	background-image:url(image/bn_left.png);
	background-repeat:no-repeat;
	height:22px;
	width:34px;
	float:left;
	text-decoration:none;
	overflow:hidden;
}

.bn_site_back_forward a.bn_forward
{	background-image:url(image/bn_right.png);
	background-repeat:no-repeat;
	height:22px;
	width:34px;
	float:right;
	text-decoration:none;
	overflow:hidden;
}


#bn_footer
{	width:928px;
	height:48px;
	margin:0px auto;
	list-style-position:outside;
	list-style-type:none;
	padding:0px 20px 0px 20px;
	clear:both;
	background-image:url(image/bn_footer.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	border:0px solid #f90000;
}

#bn_footer li
{	float:left;
	line-height:50px;
	padding:0px 10px 0px 10px;
	background-image:url(image/bn_footer_trenner.png);
	background-position:right center;
	background-repeat:no-repeat;
}

#bn_footer li.right
{	float:right;
	line-height:50px;
	padding:0px 10px 0px 10px;
}

#bn_footer li.no_image
{	background-image:none;
}

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

#bn_footer li a:hover
{	color:#ffaa00;
}


#bn_smilie_end
{	height:60px;
	background-image:url(/template/image/smilie_back_bottom.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	clear:both;
	overflow:hidden;
	margin:0px;
}

input.submit
{	width:auto;
	float:right;
	background-image:url(/template/image/bn_submit_back.png);
	border:1px solid #232323;
	color:#ffffff;
	font-weight:bold;
	height:auto;
	overflow:hidden;
	text-align:center;
}

#bn_content a.submit ,#bn_content a:link.submit ,
#bn_content a:visited.submit ,#bn_content a:active.submit,
#bn_content a:hover.submit
{	width:auto;
	margin-top:5px;
	line-height:18px;
	background-image:url(/template/image/bn_submit_back.png);
	border:1px solid #232323;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	height:auto;
	overflow:hidden;
	text-align:center;
	padding:0px 10px;
}


#bn_content a.bn_button, #bn_content a:link.bn_button,
#bn_content a:visited.bn_button,#bn_content a:active.bn_button
{	float:right;
	background-image:url(/template/image/bn_submit_back.png);
	background-repeat:repeat-x;
	border:1px solid #232323;
	color:#ffffff;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
}

.ocker_hr_line
{ border-bottom:1px solid #e9e3b5;
	height:1px;
	overflow:hidden;
}

strong.str_normal
{	font-weight:normal;
}

h4.h4_str
{	display:inline;
	font-weight:normal;
	font-size:12px;
}

#bn_right ul#bn_bookmarks
{	background-image:url(image/h3_bookmarks.jpg);
	background-repeat:no-repeat;
	background-position:1px 0px;
	float:left;
	width:165px;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
	margin:6px 0px 0px 0px;
	padding:51px 0px 5px 8px;
	display:inline;
}

#bn_right ul#bn_bookmarks li
{	float:left;
	width:20px;
	height:20px;
	padding:2px;
	overflow:hidden;
	text-align:center;
	background-image:none;
	display:inline;
	margin:0px;
	padding:0px;
}

#bn_right ul#bn_bookmarks li img
{	cursor:pointer;
	margin:0px;
	padding:0px;
}

.bn_land
{	text-align:center;
}

.bn_land strong
{	display:block;
	text-align:left;
	padding-bottom:10px;
}