*{
 margin: 0px;
 padding: 0px;
 border: 0px; }/* browser - reset */

html {height: 100.3%;}  /* scrollbalken */

body {
  border: 0px solid #A9A9A9;
  background-color: #ffffff;
  background-image: url("../pictures/bgr_001.png");
  background-repeat: repeat-x;
}
div#wrapper{  /* seiteninhalt */
  font-size: medium;
  text-align: left;
  margin-top: 8px;
  margin-right: 50px;
  margin-bottom: 10px;
  margin-left: 30px;
 }
div#h1 { /*  */
 font-family: Verdana, sans-serif;
 font-size: xx-large;
 font-weight: bold;
 font-style: italic;
}
div#h2 {  /*  */
 font-family: Verdana, sans-serif;
 font-size: large;
 font-weight: bold;
}
div#h3 {  /* seitenname - inhalt */
 font-family: Verdana, sans-serif;
 font-size: medium;
 padding: 1px 1px 5px 1px;
}
div#sh4 {  /*  */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;  font-weight: bold;
}
.sr4 {  /* angebotstext */
 font-family: Verdana, sans-serif;
 font-size: small;
 padding: 5px 5px 5px 5px;
 height: 98px;
 width: 474px;
 float: left;
}
div#h5{ /*  */
 font-family: Verdana, sans-serif;
 font-size: medium;
 font-style: italic;
}
.ueberschrift{ /* hebt die Bezeichnung für die Artikel hervor */
 font-family: Verdana, sans-serif;
 font-size: small;
 font-weight: bold;
}
.haftung{
 font-family: Verdana, sans-serif;
 font-size: x-small;
}

div#logo {  /* logo */
 position: absolute;
 border: 0px solid orange;
 top: 14px;
 left: 58px;
}
div#head {  /* ueberschrift */
 position: absolute;
 border: 0px solid orange;
 top: 7px;
 left:217px;
}
div#content {  /* standard - inhalt */
 position: absolute;
 border: 1px solid #A9A9A9 ;
 top: 107px;
 left: 225px;
 height: 420px;
 width: 670px;
 font-family: Verdana, sans-serif;
 font-size: small;
 padding: 20px 20px 20px 20px;
 background-color: #dcdcdc;
}
div#a-content {  /* angebote - inhalt */
 position: absolute;
 border: 1px solid #A9A9A9 ;
 top: 107px;
 left: 225px;
 height: 420px;
 width: 670px;
 font-family: Verdana, sans-serif;
 font-size: small;
 text-align: justify;
 padding: 20px 20px 20px 20px;
 background-color: #dcdcdc;
 overflow: auto;
}
div#flyer {  /* flyer - inhalt */
 position: absolute;
 border: 1px solid #A9A9A9 ;
 top: 107px;
 left: 947px;
 height: 420px;
 width: 135px;
 font-family: Verdana, sans-serif;
 font-size: small;
 font-weight: bold;
 padding: 20px 20px 20px 20px;
 background-color: #E0DFE3;
 background-image: url("../pictures/bgr_001.png");
}
div#bottom {  /* copyright - container */
 top: 600px;
 left: 5px;
 height: 15px;
 width: 885px;
 margin-top: 10px;
}
div#bottom-text {  /* copyright - text */
 font-family: Verdana, sans-serif;
 font-size: xx-small;
 text-align: left;
}
div#validom {  /* validierung - container */
 margin-top: 10px;
}
.a-pictures{ /* angebotsliste */
 top: 125px;
 left: 10px;
 padding: 2px;
 margin: 2px;
 border: 1px solid #A9A9A9 ;
 float: left;
}
.r1-pictures{  /*  */
 position: absolute;
 border: 1px solid #A9A9A9;
 top: 124px;
 left: 960px;
 height: 100px;
 width: 145px;
 background: #ffffff;
}
.r2-pictures{ /*  */
 position: absolute;
 border: 1px solid #A9A9A9;
 top: 234px;
 left: 960px;
 height: 100px;
 width: 145px;
 background: #ffffff;
}
.r3-pictures{ /*  */
 position: absolute;
 border: 1px solid #A9A9A9;
 top: 344px;
 left: 960px;
 height: 100px;
 width: 145px;
 background: #ffffff;
}
.r4-pictures{ /* 110 */
 position: absolute;
 border: 1px solid #A9A9A9;
 top: 454px;
 left: 960px;
 height: 100px;
 width: 145px;
 background: #ffffff;
}
body { /* menue */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100.01%;
}
div#menue {
 top: 107px;
 left: 15px;
 width: 175px;
 font-size: 80%;
 padding: 142px 0px 60px 7px;
}
.menuekopf {
 font-weight: bold;
 color: #000000;
 width: 163px;
 padding: 5px;
 border: 1px solid #A9A9A9;
 margin-bottom: 2px;
}
div#menue ul {
list-style-type: none;
padding: 0px;
}
div#menue li {
display: block;
border: 1px solid #A9A9A9;
margin-bottom: 2px;
}
div#menue li a, #menue li a:link {
text-decoration: none;
display: block;
color: #000000;
width: 163px;
padding: 5px;
}
div#menue li a:visited {
color: #0066FF;
background-color: #EBEBEB;
}
div#menue li a:hover, #menue li a:active, #menue li a:focus {
color: #ffcc00;
background-color: #818181;
}