/* @group Formatierungen */
#Content p {
  line-height: 1.5em;
  margin-bottom: 1em;
}
a {
  color: #333231;
}
.border {
  border: 1px solid #E3E0DD;
  padding: 4px;
}
.right {
  float: right;
  margin: 0 0em 0.5em 1em;
}
.left {
  float: left;
  margin: 0 1em 0.5em 0;
}
div.editorial_notice {
  border-top: 1px dashed #CCC;
  background: #EEE;
  color: #666;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 0.85em;
  line-height: 1.5em;
}
/* @end */



/* @group Links */
a {
  color: #333231;
}
a.download {
  background: url(http://assets.hassia.com/images/icons/download.gif) no-repeat left;
  padding-left: 20px;
}
/* @end */


/* @group Links */
.box, .notice {
	background: #C4DEC1;
	border: 1px solid #006600;
	padding: 10px;
	margin-bottom: 2em;
}


.box h2 {
	
	line-height:1.5em;
	color: #003300;
	border: none; 
    font-size: 1.1em;
	font-style: italic;
    font-weight: normal;
	
}

/* @end */

/* @group Überschriften */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.75em;
  color: #003380;
}
h2 {
  font-size: 1.3em;
  margin-bottom: 0.75em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #E3E0DD;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.9em;
}
/* @end */



/* @group Listen */
dl dt {
  float: left;
  clear: left;
  width: 9em;
  font-weight: bold;
}
dl dd {
  margin: 0 0 0 10em;
  padding: 0 0 1em 0;
}
dl.history dt {
  width: 3em;
}
dl.history dd {
  margin: 0 0 0 4em;
}
dl.articles dt {
  width: 10em;
  font-weight: normal;
}
dl.articles dd {
  margin: 0 0 0 11em;
  font-weight: bold;
}
dl.articles dd {
  color: #999;
}
#Content ul,
#Content ol {
  margin-left: 2em;
}
#Content ul li {
  list-style-type: square;
  list-style-image: url(http://assets.hassia.com/images/li.gif);
  margin-bottom: 0.75em;
}

#Content ul.rosbacher li {
  list-style-type: square;
  list-style-image: url(http://assets.hassia.com/images/li_rosbacher.gif);
  margin-bottom: 0.75em;
}
#Content ol li {
  list-style-type: decimal;
}
#Content ul ul,
#Content ul ol,
#Content ol ul,
#Content ol ol {
  margin-top: 0.75em;
}
#Content ul.wallpaper {
  margin: 0;
  padding: 0;
  list-style: none;
}
#Content ul.wallpaper>li {
  background: none;
  margin: 0 0 2em 0;
  padding: 0;
  float: left;
  list-style: none;
}
#Content ul.wallpaper li img {
  float: left;
  margin-right: 1em;
}
#Content ul.wallpaper li ul {
  float: left;
}
#Content ul.wallpaper li ul li {
  background: none;
  padding: 0;
  list-style: none;
}
#Content ul.addresses {
  position: relative;
  width: 800px;
}
#Content ul.addresses li {
  background: none;
  float: left;
  margin: 0 100px 0 0;
  padding: 0;
}
/* @end */



/* @group Formulare */
input,
select,
textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 1em;
}


/* @group Fieldset */
#Content fieldset {
  position: relative;
  width: 100%;
  background: none;
  border: none;
  margin: 0 0 -1em 0;
  padding: 0 0 1em 0;
  float: left;
  clear: left;
}
#Content legend {
  font-size: 0.85em;
  line-height: 1.4em;
  padding: 0;
}
#Content legend span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #E3E0DD;
  line-height: 1.4em;
  margin-top: 0.5em;
}
#Content fieldset ol {
  margin: 0;
  padding: 3.5em 1em 0 0;
}
#Content fieldset li {
  width: 100%;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  float: left;
  clear: left;
}
#Content fieldset label {
  width: 12em;
  margin-right: 1em;
  margin-top: 0.4em;
  display: block;
  float: left;
}
#Content fieldset .captcha img {
  vertical-align: middle;
}
/* @end */



/* @group verschachtelte Fieldsets */
#Content fieldset fieldset {
  background: none;
  border-style: none;
  margin-bottom: -2.5em;
}
#Content fieldset fieldset legend {
  font-weight: normal;
  font-size: 1em;
  margin-left: 0;
}
#Content fieldset fieldset ol {
  position: relative;
  top: -1.5em;
  margin: 0 0 0 13em;
  padding: 0;
}
#Content fieldset fieldset label {
  width: auto;
  margin-right: auto;
  float: none;
  display: inline;
}
/* @end */



/* @group Fieldset Submit */
#Content fieldset.submit {
  width: auto;
  background: none;
  border: none;
  margin-bottom: 0.8em;
  padding: 0 0 0 13.5em;
  float: none;
}
/* @end */

#Content .formError {
  color: #ff4a4a;
  background-color: #ffeeee;
  border: 1px solid #ff4a4a;
  padding: .5em 1em;
  margin-bottom: 1em;
}
/* @end */



/* @group Produkte */
div.product {
  margin-bottom: 2em;
}
div.product h2 {
  border: none;
}
a.toggle {
  clear: both;
  display: block;
  width: 454px;
  height: 24px;
  background: url(http://assets.hassia.com/images/toggle_bar.gif);
  text-decoration: none;
  margin-bottom: 0.25em;
}
a.toggle span {
  padding: 4px 2px 2px 16px;
  display: block;
  background: url(http://assets.hassia.com/images/toggle_arrow.gif) no-repeat 4px 7px;
}
a.toggle span.on {
  background: url(http://assets.hassia.com/images/toggle_arrow_down.gif) no-repeat 4px 7px;
}
div.bundles {
  height: 160px;
}
div.bundles div {
  width: 50%;
  float: left;
}
/* @end */



/* @group Artikel */
div.article h5.date {
  color: #999;
  font-weight: normal;
  text-align: right;
}
div.article img {
  border: 1px solid #E3E0DD;
  padding: 4px;
}
/* @end */



/* @group Pagination */
#Content ul.pagination {
  text-align: right;
}
#Content ul.pagination li {
  display: inline;
  list-style: none;
  background: none;
}
#Content ul.pagination li.prev a {
  padding-left: 15px;
  background: url(http://assets.hassia.com/images/arrow_back.gif) no-repeat left 50%;
}
#Content ul.pagination li.next a {
  padding-right: 15px;
  background: url(http://assets.hassia.com/images/arrow_more.gif) no-repeat right 50%;
}
#Content ul.pagination li.page select {
  width: 50px;
}
/* @end */



/* @group Unternehmensadressen */
div.addresses div.item {
  float: left;
  padding-bottom: 1em;
}
div.addresses div .logo {
  width: 150px;
  float: left;
  margin-right: 10px;
}
div.addresses div .address {
  width: 290px;
  float: left;
}
div.addresses div .address h3 {
  font-size: 1.1em;
}
/* @end */



/* @group Unternehmenslogos */
#Content ul.companies {
  float: left;
  margin: 0;
}
#Content ul.companies li {
  list-style: none;
  background: none;
  float: left;
  margin: 11px 0 0 11px;
  padding: 0;
}
#Content ul.companies li.first_in_row {
  clear: left;
  margin: 11px 0 0 0;
}
#Content ul.companies li a {
  display: block;
  width: 143px;
  height: 143px;
}
#Content ul.companies li a span {
  display: none;
}
#Content ul.companies li a.lichtenauer {
  background: url(/media/unternehmen/logos/lichtenauer.gif);
}
#Content ul.companies li a.lichtenauer:hover {
  background: url(/media/unternehmen/logos/lichtenauer_over.gif);
}
#Content ul.companies li a.hassia {
  background: url(/media/unternehmen/logos/hassia.gif);
}
#Content ul.companies li a.hassia:hover {
  background: url(/media/unternehmen/logos/hassia_over.gif);
}
#Content ul.companies li a.twq {
  background: url(/media/unternehmen/logos/twq.gif);
}
#Content ul.companies li a.twq:hover {
  background: url(/media/unternehmen/logos/twq_over.gif);
}
#Content ul.companies li a.glashaeger {
  background: url(/media/unternehmen/logos/glashaeger.gif);
}
#Content ul.companies li a.glashaeger:hover {
  background: url(/media/unternehmen/logos/glashaeger_over.gif);
}
#Content ul.companies li a.rapps {
  background: url(/media/unternehmen/logos/rapps.gif);
}
#Content ul.companies li a.rapps:hover {
  background: url(/media/unternehmen/logos/rapps_over.gif);
}
#Content ul.companies li a.wilhelmsthaler {
  background: url(/media/unternehmen/logos/wilhelmsthaler.gif);
}
#Content ul.companies li a.wilhelmsthaler:hover {
  background: url(/media/unternehmen/logos/wilhelmsthaler_over.gif);
}
/* @end */



/* @group Übersicht der Marken */
#Main .brand_logos img {
  width: 172px;
  height: 172px;
  margin: 0 30px 30px 0;
  float: left;
}
#Main .brand_logos img.last {
  margin-right: 0;
}
/* @end */



/* @group Sitemap */
#Content .sitemap ul {
  margin-left: 0;
}
#Content .sitemap ul li {
  list-style: none;
}
#Content .sitemap ul li a {
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
}
#Content .sitemap ul li a:hover {
  text-decoration: underline;
}
#Content .sitemap ul ul {
  margin-left: 2em;
  margin-bottom: 1.5em;
}
#Content .sitemap ul ul ul {
  margin-bottom: 1em;
}
#Content .sitemap ul ul li {
  list-style-type: square;
  list-style-image: url(http://assets.hassia.com/images/li.gif);
}
#Content .sitemap ul ul li a {
  font-size: 1em;
  font-weight: normal;
}
/* @end */