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

table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	outline:none;
}


.center
{	text-align:center;
}


html
{	height:100%;
}


body
{	font-family:arial, sans-serif;
	background-color:#F4F5EF;
	font-size:12px;
	padding-bottom:10px;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

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

.right
{	float:right;
}

.left
{	float:left;
}



#bn_layout
{	width:984px;
	overflow:hidden;
	background-image:url(/img/bn_layout.png);
	min-height:200px;
	margin:auto;
	padding:0px 0px 0px 4px;
}


/* die linke seite mit dem menue */
#bn_left
{	width:199px;
	overflow:hidden;
	float:left;
}


#bn_home
{	height:218px;
	overflow:hidden;
	display:block;
	width:100%;
	background-image:url(/img/templin-startseite.gif);
}


.menu
{	list-style-position:outside;
	list-style-type:none;
	padding:5px 0px;
}
.menu li
{	width:100%;
}

.menu a,.menu a:link,.menu a:visited,.menu a:active
{	display:block;
	width:100%;
	padding:3px 0px 3px 19px;
	color:#ffffff;
	text-decoration:none;
}

.menu a:hover,.menu a#bn_menu_active
{	color:#E26E11;
}


#bn_left h3
{	background-color:#9BB70D;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	background-image:url(/img/bn_arrow.gif);
	background-repeat:no-repeat;
	background-position:8px 10px;
	padding-left:20px;
	line-height:25px;
}



#bn_right
{	width:781px;
	overflow:hidden;
	float:left;
}

#bn_top
{	height:35px;
	overflow:hidden;
	background-color:#9EB914;
	border-bottom:3px solid #E16E11;
	color:#ffffff;
	background-image:url(/img/bn_top.png);
	list-style-type:none;
	list-style-position:outside;
	padding:10px 0px 0px 5px;
	position:relative;
	width:776px;
}



#bn_top	li
{	float:left;
	background-image:url(/img/bn_arrow.gif);
	background-repeat:no-repeat;
	background-position:8px 10px;
}

li#bn_telefon
{	position:absolute;
	right:10px;
	top:4px;
	color:#ffffff;
	font-size:18px;
	background-image:url(/img/bn_telefon.png);
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:36px;
	clear:left;
}

li#bn_telefon small
{	font-size:10px;
}



#bn_top a,#bn_top a:link,#bn_top a:visited,#bn_top a:active
{	float:left;
	padding:6px 10px 0px 17px;
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
}

#bn_top a:hover,#bn_top a#bn_top_active
{	color:#454142;
	background-image:url(/img/bn_arrow_hover.gif);
	background-repeat:no-repeat;
	background-position:8px 10px;
}




/* der content */

#bn_content
{	clear:both;
	padding:5px 20px 30px 20px;
	color:#444141;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

#bn_content h1,#bn_content h2,#bn_content h3
{	font-size:14px;
	font-weight:bold;
	padding:10px 0px;
}

#bn_content p
{	padding:10px 0px;
}



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

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


/* wird zum teilen des content in zwei spalten benötigt */
.bn_content_right
{	float:right;
	width:200px;	
	overflow:hidden;
	text-align:center;
}

.bn_content_left
{	float:left;
	width:520px;
	overflow:hidden;
}


/* der footer */

#bn_footer
{	height:139px;
	background-image:url(/img/bn_footer.png);
	background-repeat:repeat-x;
	float:right;
	width:781px;
	margin-right:4px;
	display:inline;
}

#bn_footer_picture
{	height:139px;
	background-image:url(/img/bn_footer_picture.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#bn_footer ul
{	list-style-type:none;
	list-style-position:outside;
	padding:10px 0px 0px 10px;
	font-size:10px;
}

#bn_footer li
{	float:left;
	border-left:1px solid #6A6765;
}

#bn_footer li.first_list
{	border-left:0px solid #6A6765;
}

#bn_footer li a,#bn_footer li a:link,
#bn_footer li a:visited,#bn_footer li a:active
{	color:#6A6765;
	text-decoration:none;
	padding:0px 10px;
}

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

#bn_footer p
{	color:#99998C;
	clear:left;
	font-size:10px;
	padding:2px 0px 0px 20px;
}


/* die abschlusssleiste am ende */
#bn_end
{	width:988px;
	height:4px;
	overflow:hidden;
	background-image:url(/img/bn_end.png);
	clear:right;
}