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

*
{	outline:none;
}


div, h1,h2,h3,h4,h5,p,ul
{	margin:0px;
	padding:0px;
}

body
{	font-size:12px;
	background-color:#293738;
	font-family: "Book Antiqua",Arial,sans-serif;
	margin:10px;
	padding:0px;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

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

.dark
{	color:#2B4349;
}

.green
{	color:#5DA2A2;
}




/* left und right um diverse elemente nach links oder recht zu floaten */
.left
{	float:left;
	margin:0px 10px 10px 0px;
	display:inline;
}

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

.justify
{	text-align:justify;
}

.center
{	text-align:center;
}

/* advert boxen weitere definitionen sind m�glich */
.advert_120_600
{	width:120px;
	height:600px;
	overflow:hidden;
}

.advert_120_240
{	width:120px;
	height:240px;
	overflow:hidden;
	border:1px solid #f90000;
}

.advert_250_250
{	width:250px;
	height:250px;
	overflow:hidden;
}




/* das eigentliche Layout breite wiederholdender hintergrund */
#bn_layout
{	background-image:url(image/bn_layout.jpg);
	background-repeat:repeat-y;
	width:760px;
	margin:auto;
	position:relative;
	margin-top:20px;
	padding-bottom:40px;
}


/* der header, in ihm ist h1 absolute positioniert */
#bn_header
{	height:176px;
	width:760px;
	background-image:url(image/bn_header.jpg);
	overflow:hidden;
	position:relative;
}

#bn_header h1
{	font-size:40px;
	color:#D4DFDF;
	position:absolute;
	top:58px;
	left:52px;
}

#bn_header h1 a,#bn_header h1 a:link,#bn_header h1 a:visited,
#bn_header h1 a:active,#bn_header h1 a:hover
{	color:#D4DFDF;
	text-decoration:none;
}



/* der contentbereich */
#bn_left
{	width:517px;
	overflow:hidden;
	float:left;
	padding:18px 30px 26px 33px;
}

a,a:link,
a:visited,a:active
{	color:#426D79;
	text-decoration:underline;
}

a:hover
{	text-decoration:none;
}


#bn_left	h2
{	font-size:24px;
	font-weight:bold;
	color:#426D79;
	margin:0px;
	padding:0px 0px 3px 0px;
}

#bn_left	h3
{	font-size:14px;
	color:#2b4349;
}

.postcomment	h4
{	font-size:16px;
	color:#2b4349;
	margin-top:5px;
}

#bn_left	h2 a,#bn_left	h2 a:link,#bn_left	h2 a:visited,#bn_left	h2 a:active
{	color:#426D79;
	text-decoration:none;
}

#bn_left	h2 a:hover
{
	color:#2b4349;
}

#bn_left p
{	padding:10px 0px 10px 0px;
	color:#3D626B;
	font-size:14px;
}

#bn_left	ul
{	margin:0px;
	padding:0px;
	list-style-position:outside;
}


/* die tagliste */
.bn_tags
{	list-style-type:none;
	font-size:14px;
	color:#3D626B;
}

.bn_tags li
{	display:inline;
	padding-left:0px;
}

.bn_tags li.bn_list_headline
{	padding:0px;
}


.bn_tags h4
{	display:inline;
	font-weight:bold;
	font-size:14px;
	margin:0px 5px 0px 0px;
}

.bn_tags a,.bn_tags a:link,
.bn_tags a:visited,.bn_tags a:active
{	text-decoration:none;
	color:#3D626B;
	font-size:14px;
	display:inline;
}

.bn_tags a:hover, #bn_tag_active
{	text-decoration:underline;
}


/* die liste f�r die relevance */
.bn_relevance
{	list-style-type:none;
	font-size:14px;
	color:#3D626B;
}

.bn_relevance li
{	padding-left:25px;
	background-image:url(image/bn_left_li.png);
	background-repeat:no-repeat;
	background-position:18px 10px;
}



.bn_relevance li.bn_list_headline
{	padding:0px;
}


.bn_relevance h4
{	font-weight:bold;
	font-size:20px;
	padding:0px;
	margin:0px;
	color:#5DA2A2;
}

.bn_relevance a,.bn_relevance a:link,
.bn_relevance a:visited,.bn_relevance a:active
{	padding-left:5px;
	text-decoration:none;
	color:#3D626B;
	font-size:14px;
}

.bn_relevance a:hover, #bn_relevance_active
{	text-decoration:underline;
}

/* die rechte seite */

#bn_right
{	width:177px;
	float:right;
	overflow:hidden;
	position:relative;
	padding-bottom:10px;
}


#bn_right li
{	width:100%;
}

/* die kategorieliste */
.bn_kategorie
{	list-style-type:none;
	list-style-position:outside;
	background-color:#AEC8C9;
	border-left:6px solid #829695;
	padding:25px 0px 22px 12px;
	color:#484F4F;
	font-size:16px;
}

.bn_kategorie li
{	padding-left:15px;
	background-image:url(image/bn_right_li.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
}

.bn_kategorie li.bn_list_headline
{	padding:0px;
	background-image:none;
}


.bn_kategorie h3
{	font-size:18px;
	color:#5A7474;
	text-transform:uppercase;
}

.bn_kategorie a,.bn_kategorie a:link,
.bn_kategorie a:visited,.bn_kategorie a:active
{	color:#484F4F;
	text-decoration:none;
}

.bn_kategorie a:hover,#bn_kategorie_active
{	color:#1D2323;
	text-decoration:underline;
}


/* das blogroll */
.bn_blogroll
{	list-style-type:none;
	list-style-position:outside;
	background-color:#5A7473;
	border-left:6px solid #435758;
	padding:20px 0px 5px 12px;
	color:#484F4F;
	font-size:14px;
	overflow:hidden;
}

.bn_blogroll li
{	padding-left:15px;
	background-image:url(image/bn_right_li.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
}

.bn_blogroll li.bn_list_headline
{	padding:0px;
	background-image:none;
}


.bn_blogroll h3
{	font-size:18px;
	color:#ACC8C9;
	text-transform:uppercase;
}

.bn_blogroll a,.bn_blogroll a:link,
.bn_blogroll a:visited,.bn_blogroll a:active
{	color:#ACC8C9;
	text-decoration:none;
}

.bn_blogroll a:hover,#bn_blogroll_active
{	color:#1D2323;
	text-decoration:underline;
}

/* die Metaliste */
.bn_meta
{	list-style-type:none;
	list-style-position:outside;
	background-color:#5A7473;
	border-left:6px solid #435758;
	padding:20px 0px 7px 12px;
	color:#484F4F;
	font-size:12px;
}

.bn_meta li
{	padding-left:15px;
	background-image:url(image/bn_right_li.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
}

.bn_meta li.bn_list_headline
{	padding:0px;
	background-image:none;
}


.bn_meta h3
{	font-size:18px;
	color:#ACC8C9;
	text-transform:uppercase;
}

.bn_meta a,.bn_meta a:link,
.bn_meta a:visited,.bn_meta a:active
{	color:#1D2323;
	text-decoration:underline;
}

.bn_meta a:hover,#bn_meta_active
{	text-decoration:none;
}

/* der footer der in der rechten leiste am ende des layouts angezeigt wird */
.bn_footer
{	position:absolute;
	bottom:0px;
	right:0px;
	width:143px;
	padding:5px 0px 5px 28px;
	font-size:12px;
	color:#ADC8C8;
	line-height:20px;
	background-color:#4C565F;
	border-left:6px solid #394046;
}

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

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

textarea {
	width: 400px;
	height: 150px;
}