@charset "utf-8";

#topimage {
	background-image: url(/images/topimage.jpg);
	height: 230px;
	width: 370px;
	float: left;
}
#new {
	float: right;
	height: 230px;
	width: 380px;
}
#new h3 {
	background-image: url(/images/new.gif);
	height: 30px;
	width: 380px;
	font-size: 75%;
}
#new  #topics {
	height: 200px;
	overflow: auto;
}
#new  #topics  dl  {
	font-size: 12px;
	margin-top: 8px;
	clear: both;
	line-height: 120%;
	list-style-position: inside;
	list-style-image: url(/images/osmo_pattern_01.gif);
	margin-left: 3px;
}
#new  #topics  dl  a  {
	text-decoration: underline;
}
#new #topics b {
	color: #FF0000;
	margin-left: 10px;
	font-size: smaller;
}
#new  #topics  dt {
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url(/images/point.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}
#new    #topics   dd {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	width: 260px;
}
#new   #topics   dd.right   {
	text-align: right;
	margin-top: 15px;
	width: 330px;
}

#osmonavi {
	background-image: url(/images/osmo_pattern_01.gif);
	background-repeat: repeat;
	height: 220px;
	margin-top: 10px;
}

#osmonavi    ul#u01 {
	list-style-type: none;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	width: 520px;
}
#osmonavi  ul#u01  li.navi01 {
	height: 120px;
	width: 120px;
	margin-right: 10px;
	float: left;
}
#osmonavi   ul#u01   li.navi01 a {
	display: block;
	height: 120px;
	width: 120px;
}
#osmonavi  ul#u01  li.navi01 a:hover {
	background-position: 0px -120px;
}
a.linkcolor {
	background-image: url(/images/navi_color.jpg);
}
a.linkholz {
	background-image: url(/images/navi_holz.jpg);
}
a.linkgard {
	background-image: url(/images/navi_gard.jpg);
}
a.linkwine {
	background-image: url(/images/navi_wine.jpg);
}
#osmonavi  ul#u01  li.navi02 {
	height: 70px;
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
#osmonavi    ul#u01    li.navi02  a {
	display: block;
	height: 70px;
	width: 250px;
}
#osmonavi   ul#u01   li.navi02  a:hover {
	background-position: 0px -70px;
}
a.linkstore {
	background-image: url(/images/navi_store.jpg);
}
a.linkedel {
	background-image: url(/images/navi_edel.jpg);
}

#osmonavi     ul#u02 {
	list-style-type: none;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#osmonavi  ul#u02  li.navi03 {
	height: 75px;
	width: 220px;
}
#osmonavi ul#u02 li.navi03 a {
	display: block;
	height: 75px;
	width: 220px;
	background-image: url(/images/navi_warema.jpg);
}
#osmonavi  ul#u02  li.navi03  a:hover {
	background-position: 0px -75px;
}

#osmonavi   ul#u02   li.navi04 {
	height: 115px;
	width: 220px;
	background-image: url(/images/navi_contact.gif);
	margin-top: 10px;
}
#osmonavi ul#u02 li.navi04 .conmargin {
	padding-top: 85px;
	padding-left: 10px;
}

#osmonavi      ul#u02      li.navi04      a   {
	background-image: url(/images/navi_contactbutton.gif);
	height: 20px;
	width: 200px;
	display: block;
}
#osmonavi   ul#u02   li.navi04   a:hover {
	background-position: 0px -20px;
}
span.red {
	font-weight: bold;
	color: #0066FF;
}