@charset "utf-8";
/* CSS Document */

/* Fonts -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
h1 { font-size: 20px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h2 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h3 { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px }
h4 { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444444; margin: 0px }
h5 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h6 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #000; margin: 0px }
h7 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h8 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }

.nav1 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:hover { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:active { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }

#footnav1 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav2 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #830; margin: 0px; text-decoration: none; text-underline: none }
#footnav2 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin: 0px; text-decoration: none; text-underline: none }
#footnav2 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #830; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:hover { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #F30; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:active { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }

ul_foot { position:relative; float:left }
li_foot { list-style-type:none; text-decoration:none }
#webstyle { position:absolute; top:120px; width:300px}

#col1 { width:270px; height:100px; left:50px }
#col2 { position:relative; left:80px }
#col3 { position:relative; left:110px }
#col4 { position:relative; left:150px }
#anker { position:absolute; width:90px; height:90px; right:30px }

.dguv {
 display: block;
 width: 190px;
 height: 300px;
 background: url('../bm/btn_dguv.png') bottom }
.dguv:hover { background-position: 0 0 } 
 
.betten {
 display: block;
 width: 190px;
 height: 300px;
 background: url('../bm/btn_pflegebetten.png') bottom }
.betten:hover { background-position: 0 0 }
 
.e_maschinen {
 display: block;
 width: 190px;
 height: 300px;
 background: url('../bm/btn_elema.png') bottom }  
.e_maschinen:hover { background-position: 0 0 } 

.e_anlagen {
 display: block;
 width: 190px;
 height: 300px;
 background: url('../bm/btn_elean.png') bottom } 
.e_anlagen:hover { background-position: 0 0 }

.elektrogeraete {
 display: block;
 width: 190px;
 height: 300px;
 background: url('../bm/btn_elektro.png') bottom } 
.elektrogeraete:hover { background-position: 0 0 }
 
.medizin {
 display: block;
 width: 190px;
 height: 300px;
 background: url('../bm/btn_med.png') bottom }  
.medizin:hover { background-position: 0 0 }  
 
.bm_home {
 position: absolute;
 display: block;
 left:0px;
 width: 90px;
 height: 90px;
 background: url('../bm/bm_home1.png') bottom }
.bm_home:hover { background-position: 0 0 }

.bm_anfahrt1 {
 position: absolute;
 display: block;
 left:100px;
 width: 90px;
 height: 90px;
 background: url('../bm/bm_anfahrt1.png') bottom }
.bm_anfahrt1:hover { background-position: 0 0 }

.bm_anfahrt2 {
	position:absolute;
	display: block;
	top:0px;
	left:0px;
	width: 100px;
	height: 100px;
	background: url('../bm/anfahrt2.jpg') bottom;
    margin:0 auto;}
.bm_anfahrt2:hover {
	background-position: 0 0;}

.bm_email1 {
 position: absolute;
 display: block;
 left: 100px;
 width: 90px;
 height: 90px;
 background: url('../bm/bm_email1.png') bottom}
.bm_email1:hover { background-position: 0 0 }

.bm_tele1 { display: none }
		
.bm_anker {
 display: block;
 width: 90px;
 height: 90px;
 background: url('../bm/bm_anker1.png') bottom }
.bm_anker:hover { background-position: 0 0 }	

/* Hauptmenü ------------------------------------------------------------------------------------------- */
ul {
 position: absolute;
 list-style-type:none;
 margin:0; 
 padding:0 }

/*Create a horizontal list with spacing*/
li { display:inline-block; float:left; margin:0px }

/*Style for menu links*/
li a {
 display:block;
 min-width:160px;
 height: 30px;
 text-align: center;
 line-height: 30px;
 font-family: 'Noto Sans', sans-serif;
 font-size: 16px;
 font-weight:600;
 color: #49769B;
 background: #ddd;
 text-decoration: none;
 text-shadow: 1px 1px 1px #fff }

/*Hover state for top level links*/
li:hover a { background:#eaeaea; color:#FF4400 }

/*Style for dropdown links*/
li:hover ul a {
 background: #EEF8FF;
 color: #336699;
 height: 30px;
 text-align: left;
 padding-left:20px;
 font-size: 16px;
 font-weight:normal;
 line-height: 30px;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #fff;
 border-right: 1px solid #eee;
 -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 text-shadow: none }

/*Hover state for dropdown links*/
li:hover ul a:hover { background: #BBD3E2;color: #fff}

/*Hide dropdown links until they are needed*/
li ul { display:none }

/*Make dropdown links vertical*/
li ul li { display: block; float:none }

/*Prevent text wrapping*/
li ul li a { width: auto; min-width: 150px; padding: 0 20px }

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover { display: block; padding-top:3px }

/*Style 'show menu' label button and hide it by default*/
.show-menu {
 z-index: 80;
 font-family: 'Noto Sans', sans-serif;
 text-decoration: none;
 font-size: 22px;
 font-weight:bold;
 color: #336699;
 background: #E1F1FB;
 text-align: center;
 padding: 10px 0;
 display: none;
 border-left: hidden;
 border-right:hidden;
 -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2) }

/*Hide checkbox*/
input[type=checkbox]{
 display: none;
 -webkit-appearance: none }

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{ display: block }


/* Tablet Hochformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 768px)
  and (max-width: 991px)
{
h1 { font-size: 26px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h2 { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h3 { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px }
h4 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }
h5 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h6 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #000; margin: 0px }
h7 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h8 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }

.nav1 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:hover { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:active { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }

#footnav1 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:hover { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #F30; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:active { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
 
/*Style for menu links*/
li a {
 display:block;
 width:100%;
 height: 40px;
 text-align: center;
 line-height: 40px;
 font-family: 'Noto Sans', sans-serif;
 font-size: 24px;
 font-weight:bold;
 color: #045096;
 background: #ddd;
 text-decoration: none;
 text-shadow: 1px 1px 1px #fff;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) }
 
/*Style for dropdown links*/
li:hover ul a {
 background: #EEF8FF;
 color: #336699;
 height: 40px;
 text-align: center;
 padding-left:20px;
 font-size: 22px;
 font-weight:normal;
 line-height: 40px;
 border-bottom: 1px solid #ddd } 
 
 /*Make dropdown links appear inline*/
	ul {
		z-index: 90;
		position: static;
		display: none;
	}
/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
	}
/*Make all menu links full width*/
	ul li, li a {
		z-index: 90;
		width: 100%;
	}
/*Display 'show menu' link*/
	.show-menu {
		z-index: 90;
		display:block;
		background:#ddd;
		color:#FFF
	}

ul_foot { position:relative; float:left }
li_foot { list-style-type:none; text-decoration:none }
#webstyle { position:absolute; top:120px; width:300px}

#col1 { width:270px; height:100px; left:20px }
#col2 { display: none }
#col3 { position:relative; left:50px }
#col4 { position:relative; left:90px }

.bm_tele1 { display: none }

#anker { position:absolute; width:90px; height:90px; right:30px }
	
}

/* Tablet Querformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 992px)
  and (max-width: 1050px)
{
/* Fonts -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
h1 { font-size: 20px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h2 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h3 { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px }
h4 { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444444; margin: 0px }
h5 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h6 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #000; margin: 0px }
h7 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h8 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }

.nav1 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:hover { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:active { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }

#footnav1 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #F30; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }

ul_foot { position:relative; float:left }
li_foot { list-style-type:none; text-decoration:none }
#webstyle { position:absolute; top:120px; width:300px}

#col1 { width:270px; height:100px; left:20px }
#col2 { position:relative; left:40px }
#col3 { position:relative; left:60px }
#col4 { position:relative; left:90px }

.bm_tele1 { display: none }

#anker { position:absolute; width:90px; height:90px; right:30px }

/*Style for menu links*/
li a {
 display:block;
 width:100%;
 height: 30px;
 text-align: center;
 line-height: 30px;
 font-family: 'Noto Sans', sans-serif;
 font-size: 20px;
 font-weight:bold;
 color: #045096;
 background: #ddd;
 text-decoration: none;
 text-shadow: 1px 1px 1px #fff;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) }
 
/*Style for dropdown links*/
li:hover ul a {
 background: #EEF8FF;
 color: #336699;
 height: 30px;
 text-align: center;
 padding-left:20px;
 font-size: 18px;
 font-weight:normal;
 line-height: 30px;
 border-bottom: 1px solid #ddd } 
 
 /*Make dropdown links appear inline*/
	ul {
		z-index: 90;
		position: static;
		display: none;
	}
/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
	}
/*Make all menu links full width*/
	ul li, li a {
		z-index: 90;
		width: 100%;
	}
/*Display 'show menu' link*/
	.show-menu {
		z-index: 90;
		display:block;
		background:#ddd;
		color:#FFF
	}



}

/* Smartphone Hochformat ----------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 300px)
  and (max-width: 479px)
{	
h1 { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h2 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h3 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px }
h4 { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }
h5 { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; letter-spacing: -1px; }
h6 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #000; margin: 0px }
h7 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h8 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }

.nav1 a { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:hover { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:active { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:hover { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:active { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }

#footnav1 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:hover { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #F30; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:active { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
 
/*Style for menu links*/
li a {
 display:block;
 width:100%;
 height: 30px;
 text-align: center;
 line-height: 30px;
 font-family: 'Noto Sans', sans-serif;
 font-size: 20px;
 font-weight:bold;
 color: #045096;
 background: #ddd;
 text-decoration: none;
 text-shadow: 1px 1px 1px #fff;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) }
 
/*Style for dropdown links*/
li:hover ul a {
 background: #EEF8FF;
 color: #336699;
 height: 30px;
 text-align: center;
 padding-left:20px;
 font-size: 18px;
 font-weight:normal;
 line-height: 30px;
 border-bottom: 1px solid #ddd } 
 
 /*Make dropdown links appear inline*/
	ul {
		z-index: 70;
		position: static;
		display: none;
	}
/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
	}
/*Make all menu links full width*/
	ul li, li a {
		z-index: 70;
		width: 100%;
	}
/*Display 'show menu' link*/
	.show-menu {
		z-index: 70;
		display:block;
		font-size: 18px;
		background:#ddd;
		color:#FFF
	}

ul_foot { float:none }
li_foot { list-style-type:none; text-decoration:none }
#webstyle { display: none}

#col1 { position:absolute;  left:20px }
#col2 { display: none }
#col3 { display: none }
#col4 { position:absolute; top:0px; left:70% }
#anker { position:absolute; width:80px; height:80px; top:90px; left:20px }

.bm_home {
 position: absolute;
 display: block;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_home1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_home:hover { background-position: 0 0 }	

.bm_email1 {
 position: absolute;
 display: block;
 left: 100px;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_email1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_email1:hover { background-position: 0 0 }

.bm_tele1 {
 position: absolute;
 display: block;
 top:90px;
 left: 100px;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_tel1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_email1:hover { background-position: 0 0 }
	
.bm_anker {
 display: block;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_anker1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_anker:hover { background-position: 0 0 }		

 .dguv {
 display: block;
 width: 150px;
 height: 236px;
 background: url('../bm/btn_dguv.png') bottom;
 background-size:150px;
 margin:0 auto }
.dguv:hover { background-position: 0 0 } 

.betten {
 display: block;
 width: 150px;
 height: 236px;
 background: url('../bm/btn_pflegebetten.png') bottom;
 background-size:150px;
 margin:0 auto }
.betten:hover { background-position: 0 0 }
 
.e_maschinen {
 display: block;
 width: 150px;
 height: 236px;
 background: url('../bm/btn_elema.png') bottom;
 background-size:150px;
 margin:0 auto }  
.e_maschinen:hover { background-position: 0 0 } 

.e_anlagen {
 display: block;
 width: 150px;
 height: 236px;
 background: url('../bm/btn_elean.png') bottom;
 background-size:150px;
 margin:0 auto } 
.e_anlagen:hover { background-position: 0 0 }

.elektrogeraete {
 display: block;
 width: 150px;
 height: 236px;
 background: url('../bm/btn_elektro.png') bottom ;
 background-size:150px;
 margin:0 auto }
.elektrogeraete:hover { background-position: 0 0 }
 
.medizin {
 display: block;
 width: 150px;
 height: 236px;
 background: url('../bm/btn_med.png') bottom;
 background-size:150px;
 margin:0 auto }  
.medizin:hover { background-position: 0 0 } 
		
}

/* Smartphone Querformat --------------------------------------------------------------------------------------- */
@media only screen 
  and (min-width: 480px)
  and (max-width: 767px)
{
h1 { font-size: 20px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h2 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h3 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px }
h4 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }
h5 { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h6 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #000; margin: 0px }
h7 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px }
h8 { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #444; margin: 0px }

.nav1 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav1 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #045096; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:hover { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0CF; margin: 0px; text-decoration: none; text-underline: none }
.nav2 a:active { font-size: 18px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #0373D9; margin: 0px; text-decoration: none; text-underline: none }

#footnav1 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin: 0px; text-decoration: none; text-underline: none }
#footnav1 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:hover { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #F30; margin: 0px; text-decoration: none; text-underline: none }
#footnav3 a:active { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #630; margin: 0px; text-decoration: none; text-underline: none }
 
/*Style for menu links*/
li a {
 display:block;
 width:100%;
 height: 30px;
 text-align: center;
 line-height: 30px;
 font-family: 'Noto Sans', sans-serif;
 font-size: 20px;
 font-weight:bold;
 color: #045096;
 background: #ddd;
 text-decoration: none;
 text-shadow: 1px 1px 1px #fff;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) }
 
/*Style for dropdown links*/
li:hover ul a {
 background: #EEF8FF;
 color: #336699;
 height: 30px;
 text-align: center;
 padding-left:20px;
 font-size: 18px;
 font-weight:normal;
 line-height: 30px;
 border-bottom: 1px solid #ddd } 
 
 /*Make dropdown links appear inline*/
ul { 
z-index: 90; 
position: static; 
display: none }
/*Create vertical spacing*/
li { 
margin-bottom: 0px }
/*Make all menu links full width*/
ul li, li a { 
z-index: 90; 
width: 100% }
/*Display 'show menu' link*/
.show-menu { 
z-index: 90; 
display:block; 
font-size: 18px; 
background:#ddd;
color:#FFF }



ul_foot { position:absolute; float:none }
li_foot { list-style-type:none; text-decoration:none }
#webstyle { display: none }

#col1 { height:100px; left:20px }
#col2 { display: none }
#col3 { display: none }
#col4 { position:absolute; top:0px; left:70% }
#anker { position:absolute; width:80px; height:80px; top:90px; left:20px }

.bm_tele1 {
 position: absolute;
 display: block;
 top:90px;
 left: 100px;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_tel1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_email1:hover { background-position: 0 0 }
	
.bm_home {
 position: absolute;
 display: block;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_home1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_home:hover { background-position: 0 0 }	

.bm_email1 {
 position: absolute;
 display: block;
 left: 100px;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_email1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_email1:hover { background-position: 0 0 }
	
.bm_anker {
 display: block;
 width: 80px;
 height: 80px;
 background: url('../bm/bm_anker1.png') bottom;
 background-size:80px;
 margin:0 auto }
.bm_anker:hover { background-position: 0 0 }	
		
}