body   { color: black; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular;  margin: 0px; padding: 0px; border: 0px; height: 100% }
.ohneBild  { background: #fff8dc url(Bilder/Eisner-bgr-cornsilk.jpg) no-repeat -400px top }
.i1     {  position: relative; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; overflow: auto }
.i3   { background-color: transparent; margin-top: 150px; position: relative;   min-width: 200px }
.iBild { text-align: center; position: relative; z-index: 40; top: 10px; left: 280px; width: 450px }
.keks  { color: #808080; font-size: 36px;  padding: 10px; position: absolute; z-index: 100; top: 0px; left: 20px }
p { font-size: 12px }
a:link, a:visited, a:active { color: black; text-decoration: none; background-color: #f5f5f5 }
a:hover { color: #c00; text-decoration: none; background: #a9a9a9 no-repeat right center }
.menuzeile   { font-size: 16px; clear: both; margin-bottom: 4px; position: relative; z-index: 200; width: 130px;  }
.menuzeile a:link, .menuzeile a:visited, .menuzeile a:active   { background: url(Bilder/menu-a-bgr.gif) no-repeat left -2px; padding-left: 16px; width: 100%; height: 24px; display: block }
.menuzeile a:hover  { color: white; background-image: url(Bilder/menu-hov-bgr.gif) }
.submenuzeile { font-size: 12px; line-height: 16px; position: relative;  left: 20px; width: 130px }
.submenuzeile a:link, .submenuzeile a:visited, .submenuzeile a:active    { background: url(Bilder/submenu-a-bgr.gif) no-repeat left top; padding-left: 14px; width: 100%; height: 20px; display: block }
.submenuzeile a:hover     { color: red; background: url(Bilder/submenu-hov-bgr.gif) no-repeat left top }
.menuzeilekl  { font-size: 12px; line-height: 14px; margin-bottom: 2px; position: relative; z-index: 200; left: 0px; width: 115px; height: 20px; display: block }
.menuzeilekl a    { line-height: 14px; background: url(Bilder/submenu-a-bgr.gif) no-repeat left -1px; padding-left: 16px; width: 100%; height: 20px; display: block }
.menuzeilekl a:hover    { color: white; background: url(Bilder/submenu-hov-bgr.gif) no-repeat left -1px }
.keks a  { background-color: #fff8dc;}
.keks a:hover  {background-color:#F00; }
.px24 { font-size: 24px }
.px16 { font-size: 16px }
.px12 { font-size: 12px }
.px16block { font-size: 16px; line-height: 24px; text-align: justify }
.miniblock { font-size: 9px; text-align: justify }
.tabBilder   { padding: 5px; border: dotted 1px #ffdead }
.flex { width: 100%; height: auto; }
.rot { background-color: #f00 }
.einzug33 { text-indent: -33px; padding-left: 33px }
.banner100 { position: relative;  }
p.hanging { text-indent: -3em; padding-left: 5em;}

/***Media-Anweisungen************/

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
	}

/***** für Fensterbreite größer als 300px ******/
@media screen and (min-width: 300px) {
body   {  background: #fff8dc url(Bilder/Eisner-bgr-cornsilk.jpg) no-repeat fixed center center;   }
#sprung { display: block }
#menu  { position: relative; left: 5px; z-index: 100; width: 180px; }	
.i3   {   left: 2px; width: 95%;  min-width: 200px;   border-right: 5px solid red ; }
.fuss   { margin-left: 2px; padding-top: 10px; }
}

/***** für Fensterbreite größer als 500px ******/
@media screen and (min-width: 560px) {
body   {  background: #fff8dc url(Bilder/Eisner-bgr-cornsilk.jpg) no-repeat fixed 200px center;   }
#sprung { display: none }	
#menu  { position: absolute;  top:150px; left: 5px; z-index: 100; width: 180px; }	
.i3   { background-color: transparent; margin-top: 150px; position: relative;  top: 10px; left: 160px; width: 70%;  }
}


/***** für Fensterbreite größer als 600px ******/
@media screen and (min-width: 660px) {
body   {  background: #fff8dc url(Bilder/Eisner-bgr-cornsilk.jpg) no-repeat fixed 250px center;   }
#sprung { display: none; }	
#menu  { position: absolute;  top:150px; left: 5px; z-index: 100; width: 199px; }	
.i3   { background-color: transparent; margin-top: 150px; position: relative;  top: 10px; left: 160px; width: 75%; }
.fuss   { margin-left: 180px; padding: 5px 0 ; position: relative; z-index: 200;  height: 20px; }
}

@media screen and (min-width: 800px) {
body   {  background: #fff8dc url(Bilder/Eisner-bgr-cornsilk.jpg) no-repeat fixed 30% center;  }
.i1 { background: url(Bilder/rot.gif) repeat-y right top }
.i3   {  left: 20%;  width: 85%; max-width: 450px; border: 0 }
.fuss   { margin-left: 30%;} 
}

@media screen and (min-width: 900px) {
#menu  { position: absolute; left: 30px; z-index: 100; width: 199px; }	
}