html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img {
   behavior: url("pngbehavior.htc");
}

img.foto {padding: 0px; border: 1px solid silver;}
p {text-align: justify;}
a {color: #673b15; text-decoration: none;}
a:hover {color: #673b15;text-decoration: underline;}
a:visited {color: #673b15;}



body {
    padding: 0px;
    margin: 0px;
    background-color: #f7f7f7;
    text-align: center;
    height: 100%;
    background-image: url(img/bg_right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	font-family: "Lucida Grande","Verdana";
	font-size: 12px;
	line-height: 1.5em;
}
#bg2 {
	position: absolute;
    top: 0px;
    left: 0px;
	height: auto;
	min-height:100%;
	width:100%;
    background-image: url(img/bg_left.jpg);
    background-repeat: repeat-y;
}
#content_container {
	text-align: left;
	margin: 0px auto;
	width: 810px;
}
#content_head {
	width: 810px;
	height: 193px;
	background-image: url(img/content_head.png);
	background-repeat: no-repeat;
}
#content_mid {
	width: 810px;
	min-height: 100px;
	background-image: url(img/content_mid.png);
	background-repeat: repeat-y;
}
#content {
	position: relative;
	left: 40px;
	width: 730px;
}
#content_bottom {
	width: 810px;
	min-height: 30px;
	height:auto !important;  /* fŸr moderne Browser */
 	height:30px;  /*fŸr den IE */
	margin-bottom: 5px;
	background-image: url(img/content_bottom.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 25px;
	font-size: 12px;
	color: gray;
	float: none;
}

ul#content_menu {
	position: relative;
	top: 130px;
	left: 32px;
	list-style-type:none;
	display: block;
}

ul#content_menu li a span {display:none}

ul#content_menu li {
	position: absolute;
	font-size:10;
	height:32px; 
	top:0px;
	left:0px;
	display: block;
}

ul#content_menu li a {
	position: absolute;
	font-size:10;
	height:32px; 
	top:0px;
	display: block;
}

#bt_filialen { left: 0px; width: 118px; background: url("img/bt_filialen_hl.jpg") -118 0 no-repeat;}
#bt_filialen:hover { background: url("img/bt_filialen_hl.jpg") 0 0 no-repeat;}
#bt_herstellung { left: 118px; width: 165px; background: url("img/bt_herstellung_hl.jpg") -165 0 no-repeat;}
#bt_herstellung:hover { background: url("img/bt_herstellung_hl.jpg") 0 0 no-repeat;}
#bt_geschichte { left: 453px; width: 145px; background: url("img/bt_geschichte_hl.jpg") -145 0 no-repeat;}
#bt_geschichte:hover { background: url("img/bt_geschichte_hl.jpg") 0 0 no-repeat;}
#bt_impressum { left: 599px; width: 145px; background: url("img/bt_lieferanten_hl.jpg") -145 0 no-repeat;}
#bt_impressum:hover { background: url("img/bt_lieferanten_hl.jpg") 0 0 no-repeat;}

#bt_logo { position:relative;top:31px;left:300px;height: 127px;width: 209px;display: block;}
#bt_logo span {display: none;}

#bt_delivol a{width: 152px; height: 100px; display: block;position: absolute;top:-5px;right:0px; background: url("img/bt_delivol.png") 0 0 no-repeat;}
#bt_delivol a:hover { background: url("img/bt_delivol_hl.png") 0 0 no-repeat;}
#bt_delivol span {display: none;}