/* Allgemeine angaben */
*
{	margin:0px;
	padding:0px;
	font-family: arial, sans-serif;
	font-size:12px;
	outline:none;
	color:#535353;
}

a { text-decoration: none; outline: none; }
a:link { color:#66a2c0; }
a:visited { color: #66a2c0; }
a:hover, a:focus { text-decoration: underline; }
a:active { text-decoration: underline; }

.footlink a {
	text-decoration: none;
	outline: none;
	font-weight: bold;
}
.footlink a:link { color:#66a2c0; }
.footlink a:visited { color: #66a2c0; }
.footlink a:hover{ text-decoration: underline; }
.footlink a:active { text-decoration: underline; }

html { height: 101%; }

img
{	border-width:0px;
}

.miniaturen {
	margin: 1px;
}

.picleft {
	margin-right: 10px;
	margin-bottom: 2px;
	float:left;
}

.italic
{	font-style:italic;
}

.center
{	text-align:center;
}

.justify
{	text-align:justify;
}

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

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

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

.make_height
{	padding-bottom:20px;
}

body
{	background-color:#ffffff;
}

/* ab hier faengt das eigentliche Layout an */


#bn_layout
{	width:834px;
	overflow:hidden;
	padding:0px 8px;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* der headerbereich */
#bn_header
{	position:relative;
	height:25px;
	overflow:hidden;
	width:100%;
	background-image:url(image/bn_header_back.gif);
	background-repeat:no-repeat;
	padding-top:54px;
}

/* der link des Logos der auf die startseite verweist */
a#bn_home
{
	position:absolute;
	top:28px;
	left:20px;
	width:138px;
	height:38px;
	visibility: visible;
}
/* die linkliste im header */
#bn_header ul
{	list-style-type:none;
	list-style-position:outside;
	height:25px;
	background-image:url(image/bn_header_ul_back_total.gif);
	margin-left:154px;
	padding-left:0px;
}

#bn_header ul li
{
	float:left;
	height:25px;
	border-right:1px solid #D1E3EC;
	color: #FFFFFF;
}
#bn_header ul li.first
{	padding-left:0px;
	display:inline;
	border-right:0px solid;
}

#bn_header ul li a,#bn_header ul li a:link,
#bn_header ul li a:visited,#bn_header ul li a:active
{	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding:0px 20px;
	line-height:25px;
	height:100%;
	float:left;
	display:inline;
}

/* der footerbereich */
#footer
{
	height:16px;
	overflow:hidden;
	width:834px;
	background-color: #66a2c0;
	margin-top:10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #FFFFFF;
	text-align: center;
}

#bn_header ul li a:hover,#bn_header ul li a.bn_active,
#start #navi01 a,
#produkte #navi02 a,
#maschinen #navi03 a,
#chronik #navi04 a,
#kontakt #navi05 a,
#referenzen #navi06 a,
#projekte #navi07 a,
#reparaturen #navi08 a,
#twGmap #navi09 a
{	color:#ffffff;	
	background-image:url(image/bn_header_ul_a_back.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#bn_header ul li.bn_first a,#bn_header ul li.bn_first a:link,
#bn_header ul li.bn_first a:visited,#bn_header ul li.bn_first a:active
{	padding-left:33px;
	background-repeat:no-repeat;
}

#bn_header ul li.bn_first a:hover,#bn_header ul li.bn_first a.bn_active
{	background-image:url(image/bn_header_ul_a_home_back.png);
}

/* die eigentliche contentbox unter dem header */
#bn_box
{	background-image:url(image/bn_box_back.png);
	background-repeat:no-repeat;
	margin-top:1px;
	padding-top:20px;
}


/* die linke Menüseite mit ihren links */
#bn_left
{	background-image:url(image/bn_left_back.png);
	background-repeat:no-repeat;
	background-position:right 31px;
	float:left;
	width:152px;
	padding:6px 1px 0px 0px;
	min-height:300px;
	display:inline;
}

* html #bn_left
{	height:300px;
}


#bn_left h3
{	color:#575757;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 5px;
	padding-bottom:2px;
}

#bn_left ul
{	list-style-type:none;
	list-style-position:outside;
	margin-left:5px;
	width:132px;
	padding-bottom:24px;
	overflow:visible;
}

#bn_left ul li
{	
	margin-top:7px;
}

#bn_left ul li a
{	background-image: url(image/matzadot_grau_14.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width:100%;
	padding:1px 0px 1px 12px;
	color:#666666;
	text-decoration:none;
}

#bn_left ul li a:hover
{
	color:#498FB1;
	background-image: url(image/matzadot_14.gif);
}

#nav a#aktuell {
	color:#498FB1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #93BED2;
	background-image: url(image/matzadot_14.gif);
	padding:1px 0px 0px 12px;
}

/* der contentbereich auf der rechten Seite */

#bn_content
{	float:left;
	width:450px;
	padding:37px 0px 0px 34px;
	min-height:400px;
	display:inline;
}

#bn_content_100
{	float:left;
	width:634px;
	margin-right:13px;
	padding:37px 0px 0px 34px;
	min-height:400px;
	display:inline;
}

* html #bn_content
{	height:400px;
}

#bn_content h1,#bn_right h1,#bn_right h2,#bn_content h2
{	color:#3B6E89;
	font-weight:bold;
	font-size:15px;
	padding-bottom:20px;
}

#bn_right h2,#bn_content h2
{	color:#000000;
	font-weight:normal;
	font-size:15px;
	padding-bottom:20px;
}

#bn_content p,#bn_right p
{	padding-bottom:12px;
	color:#535353;
}

#bn_content ul,#bn_right ul
{	list-style-position:outside;
	margin-left:30px;
	padding-bottom:27px;
	color:#535353;
}

#bn_content ul li,#bn_right ul li
{	padding-bottom:6px;
}

#bn_right
{	width:172px;
	float:right;
	display:inline;
	margin-top:36px;
}
#bild {
	position:absolute;
	top:179px;
	width:432px;
	height:auto;
	z-index:2;
}
#text {
	position:absolute;
	top:179px;
	width:410px;
	height:390px;
	z-index:1;
	background-color: #EEEEEE;
	overflow: auto;
	padding: 10px;
}