html {
    height: 100%;
}

body {
    background-color: #cccccc;
    color: #000000;
    padding: 25px;
    margin: 0px;
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    /* background-image: url(./pix/parkett.jpeg); */
    height: 100%;
}

#loc_layer {
    height: 700px;
    width: 540px;
    top: 0px;
    position: fixed;
    z-index: -1;
    left: 10px;
}

#loc_layer a {
    outline: medium none !important;
}

#container {
    width: 800px;
    margin: 15px auto auto auto;
    background-color: #FFFDDD;
    padding: 10px;
    border: 1px solid #422104;
    z-index: 1;
}

* html #container {
    height: 100%;
}

p {
    text-align: justify;
}

* .ct {
    text-align: center;
}

* .stamp {
    text-align: right;
    font-size: x-small;
}

#head {
    float: left;
    width: 550px;
    height: 140px;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    z-index: 10;
}

#headright {
    float: right;
    width: 230px;
    height: 140px;
    margin: 0px;
    padding: 10px 10px 10px 0px;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
}

#headright a {
    text-decoration: none;
}

#content {
    clear: both;
    float: right;
    width: 800px;
    min-height: 100%;
    height: 100%;
    padding: 15px 0px 15px 0px;
    z-index: 10;
}

#foot {
    clear: both;
    width: 800px;
    margin: 0px auto 15px auto;
    /* background-image: url(images2010/bg-885px.jpg);
	background-repeat: repeat-y; */
    text-align: center;
    font-size: 10pt;
}

#foot p {
    text-align: center;
}

#navigation {
    color: black;
    text-align: left;
    height: 100%;
    float: left;
    width: 140px;
    background-repeat: repeat-y;
    padding: 20px 3px auto 3px;
    z-index: 20;
}

.navibg1,
.navibg1ind {
    background-color: #f2cd25;
}

.navibg2,
.navibg2ind {
    background-color: #f2dd80;
}

.navibg1,
.navibg2,
.navibg1ind,
.navibg2ind {
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.navibg1ind,
.navibg2ind {
    margin-left: 10px;
}

#navigation a {
    color: #422104;
    text-decoration: none;
}

#navigation a:hover {
    text-decoration: underline;
}

#productlist {
    display: none;
}

#pcontent {
    float: left;
    width: 630px;
    padding: 15px 0px 15px 15px;
}

h3.lstg {
    background-color: #FFCC66;
    text-align: center;
    width: 100%;
}

#picturelist {
    float: left;
    width: 590px;
}

.piccol {
    float: left;
    width: 45%;
    padding: 5px;
}

.picrow:after {
    content: "";
    clear: both;
    display: table;
}

@keyframes flicker {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.rabattlinks50links5 {
    animation: flicker 15s ease alternate infinite;
    float: left;
    transform-origin: top left;
    -webkit-transform: rotate(-5deg) translateX(-100%);
    transform: rotate(-5deg) translateX(-100%);
    font-family: Verdana, Helvetica, Arial;
    letter-spacing: .2rem;
    font-size: 2.5rem;
    font-weight: bolder;
    color: #ec1c24;
}

.rabattrechts50rechts5 {
    animation: flicker 15s ease alternate infinite;
    animation-delay: 5s;
    float: right;
    transform-origin: top left;
    -webkit-transform: rotate(5deg) translateX(20%);
    transform: rotate(5deg) translateX(20%);
    font-family: Verdana, Helvetica, Arial;
    letter-spacing: .2rem;
    font-size: 2.5rem;
    font-weight: bolder;
    color: #ec1c24;
}

.rabattlinks30links5 {
    animation: flicker 15s ease alternate infinite;
    animation-delay: 3s;
    float: left;
    transform-origin: top left;
    -webkit-transform: rotate(-5deg) translateX(-100%);
    transform: rotate(-5deg) translateX(-100%);
    font-family: Verdana, Helvetica, Arial;
    letter-spacing: .2rem;
    font-size: 1.5rem;
    font-weight: bolder;
    color: #ec1c24;
}

.rabattrechts30rechts5 {
    animation: flicker 15s ease alternate infinite;
    animation-delay: 2s;
    float: right;
    transform-origin: top left;
    -webkit-transform: rotate(5deg) translateX(20%);
    transform: rotate(5deg) translateX(20%);
    font-family: Verdana, Helvetica, Arial;
    letter-spacing: .2rem;
    font-size: 1.5rem;
    font-weight: bolder;
    color: #ec1c24;
}

.rabattrechts20rechts5 {
    animation: flicker 15s ease alternate infinite;
    animation-delay: 7s;
    float: right;
    transform-origin: top left;
    -webkit-transform: rotate(5deg) translateX(20%);
    transform: rotate(5deg) translateX(20%);
    font-family: Verdana, Helvetica, Arial;
    letter-spacing: .2rem;
    font-size: 1rem;
    font-weight: bolder;
    color: #ec1c24;
}

.rabattlinks20links5 {
    animation: flicker 15s ease alternate infinite;
    animation-delay: 1s;
    float: left;
    transform-origin: top left;
    -webkit-transform: rotate(-5deg) translateX(-100%);
    transform: rotate(-5deg) translateX(-100%);
    font-family: Verdana, Helvetica, Arial;
    letter-spacing: .2rem;
    font-size: 1rem;
    font-weight: bolder;
    color: #ec1c24;
}