.hygienesystem {
	background: url(/typo3conf/ext/as_template_sana/Resources/Public/images/bgi/pattern-bg.png) repeat scroll 0 0 #f3f1eb;
}
.hygienesystem .grafik {
	padding: 80px 0;
	position: relative;
}
.hygienesystem .grafik .bild {
	background-image: url(/typo3conf/ext/as_template_sana/Resources/Public/images/bgi/hygienesystem.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 400px;
	height: 400px;
	margin: 0 auto;
}
.hygienesystem.info_0 .grafik .bild {
	background-position: -400px 0;
}
.hygienesystem.info_1 .grafik .bild {
	background-position: -800px 0;
}
.hygienesystem.info_2 .grafik .bild {
	background-position: -1200px 0;
}
.hygienesystem.info_3 .grafik .bild {
	background-position: -1600px 0;
}
.hygienesystem.info_4 .grafik .bild {
	background-position: -2000px 0;
}
.hygienesystem.info_5 .grafik .bild {
	background-position: -2400px 0;
}
.hygienesystem.info_6 .grafik .bild {
	background-position: -2800px 0;
}
.hygienesystem.info_7 .grafik .bild {
	background-position: -3200px 0;
}

.hygienesystem .begriffe a {
	position: absolute;
	color: #847d78;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.hygienesystem .begriffe a:hover {
	color: #0072bc;
}
.hygienesystem .begriffe a#info_0 {
	text-align: center;
	top: 30px;
	left: 290px;
}
.hygienesystem .begriffe a#info_1 {
	left: 520px;
	top: 110px;
}
.hygienesystem .begriffe a#info_2 {
	left: 570px;
	top: 260px;
}
.hygienesystem .begriffe a#info_3 {
	left: 520px;
	bottom: 110px;
}
.hygienesystem .begriffe a#info_4 {
	text-align: center;
	bottom: 30px;
	left: 295px;
}
.hygienesystem .begriffe a#info_5 {
	text-align: right;
	right: 520px;
 	bottom: 110px;
}
.hygienesystem .begriffe a#info_6 {
	text-align: right;
	right: 570px;
	top: 260px;
}
.hygienesystem .begriffe a#info_7 {
	text-align: right;
	right: 520px;
	top: 110px;
}
.hygienesystem.info_0 .begriffe a#info_0,
.hygienesystem.info_1 .begriffe a#info_1,
.hygienesystem.info_2 .begriffe a#info_2,
.hygienesystem.info_3 .begriffe a#info_3,
.hygienesystem.info_4 .begriffe a#info_4,
.hygienesystem.info_5 .begriffe a#info_5,
.hygienesystem.info_6 .begriffe a#info_6,
.hygienesystem.info_7 .begriffe a#info_7
{
 	color: #ee7430;
}

.hygienesystem .infos {
}
.hygienesystem .info {
	display: none;
}
/*.hygienesystem.info_0 .info#info_0,
.hygienesystem.info_1 .info#info_1,
.hygienesystem.info_2 .info#info_2,
.hygienesystem.info_3 .info#info_3,
.hygienesystem.info_4 .info#info_4,
.hygienesystem.info_5 .info#info_5,
.hygienesystem.info_6 .info#info_6,
.hygienesystem.info_7 .info#info_7
{
	display: block;
}*/
.hygienesystem .info .headline {
	text-transform: uppercase;
	color: #ee7430;
	letter-spacing: 1px;
	padding-bottom: 0.5em;
}
.hygienesystem .info .text {
	background: url(/typo3conf/ext/as_template_sana/Resources/Public/images/bgi/pattern-bg.png) repeat scroll 0 0 #f3f1eb;
	padding: 15px;
}
.hygienesystem .info .text p {
	margin: 0;
}

/* JQUERY-UI DIALOG */
.as-dialog.ui-widget-content {
	border-radius: 0;
	background: url(/typo3conf/ext/as_template_sana/Resources/Public/images/bgi/pattern-bg.png) repeat scroll 0 0 #f3f1eb;
	padding: 0;
}
.as-dialog .ui-dialog-title {
 	display: none;
}
.as-dialog .ui-widget-header {
	border: 0;
	border-radius: 0;
	background: none;
}
.as-dialog .ui-dialog-titlebar-close {
  height: auto;
  margin: 0;
  padding: 0;
  position: static;
  right: 0;
  top: 0;
  width: auto;
	border-radius: 0;
	background: none;
	color: #494948;
	border: 0;
	font-size: 1.5em;
	line-height: 1.5em;
	float: right;
	transition: none;
}
.as-dialog .ui-dialog-titlebar-close.ui-state-hover {
	color: #ee7430;
}
.as-dialog .ui-widget-header .ui-icon {
	display: none;
}
.as-dialog .ui-button-icon-only .ui-button-text,
.as-dialog .ui-button-icons-only .ui-button-text
{
  padding: 0;
  text-indent: 0;
}
.as-dialog .ui-dialog-content {
  padding: 0 40px 1.5em;
	color: #494948;
}
.as-dialog .info .headline {
	text-transform: uppercase;
	color: #ee7430;
	letter-spacing: 1px;
	padding-bottom: 0.5em;
}
.ui-widget-overlay {
  background-image: none;
}