@import url('all.css');

html, body {
    min-width: 1024px;
    background: url('../img/background.jpg') repeat-y;
}
#site {
    background: url('../img/background.jpg') repeat-y right top;
    position: relative;
}

#head {
    height: 104px;
    background: white url('../img/head_bg.jpg') repeat-x 0 71px;
    position: relative;
}
#head h1 {
    height: 100%;
    width: 392px;
    background: white url('../img/head.jpg') no-repeat right bottom;
    text-align: center;
    padding: 0;
    margin: 0;
}
#head h1 img { margin-top: 35px;}

#head ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 383px;
}
#head #bg {
    background: url('../img/background.jpg') repeat-y right top;
    position: absolute;
    bottom: 0;
    line-height: 24px;
    width: 100%;
}

#head li {
    display: inline;
    padding: 0 2em;
}
#head li a:link, #head li a:visited {
  text-decoration: none;
  color: gray;
}
#head li a:hover, #head li a:active { color: black; text-decoration: underline }

#head form {
    position: absolute;
    right: 15px;
    top: 40px;
}
#head input, #head label { vertical-align: middle; }
#head label { margin-right: 0.5em; }

#content {
    background: url('../img/head_bottom.jpg') no-repeat;
    min-height: 115px;
    padding-top: 80px;
}

#menu {
    margin: 50px 0 0 30px;
    float: left;
    border: 2px solid #ccc;
    width: 200px;
    padding: 4px;
    font-size: 12px;
}
#menu dt {
    background: #f85b5b no-repeat left bottom;
    height: 15px;
    padding-top: 14px;
    padding-left: 20px;
    margin: 4px 0 2px;
}
#menu dt#produkte { background-image: url('../img/produkte.jpg'); }
#menu dt#service { background-image: url('../img/service.jpg'); }
#menu dt#kontakt { background-image: url('../img/kontakt.jpg'); }
#menu dd {
    margin: 1px 0;
    padding: 0;
}
#menu dd a, #menu dl dt {
    background: #ccc;
    display: block;
    padding: 0.1em;
    padding-left: 2em;
    border-right: solid white;
}
#menu dd a:link, #menu dd a:visited {
    border-right-width: 1em;
    color: black;
    text-decoration: none;
}
#menu dd a:hover, #menu dd a:focus {
    border-right-width: 0;
    background-color: #f85b5b;
    padding-right: 1em;
}

#menu dt a:link,#menu dt a:visited { border-right-width: 0; padding: 0; }
#menu dl dd { display: none; }
#menu dl.visible dd { display: block; }
#menu dl dt {
    margin: 1px 0;
    background-image: url('../img/down.gif');
    background-repeat: no-repeat;
    background-position: 5px center;
    cursor: pointer;
    border-right: 1em solid white;
}
#menu dl dd a { background-color: #e1e1e1; }
#menu dl.visible dt { background-image: url('../img/up.gif'); }
#menu dl dt a:hover, #menu dl dt a:focus { background-image: none; }

#text {
    margin: 0 17px 0 0;
    padding: 25px 1em 3em 350px;
    background: url('../img/background.jpg') repeat-y;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #ccc url('../img/footer.jpg') repeat-x left bottom;
    font-style: normal;
}
#footer span {
    display: block;
    background: url('../img/footer_left.jpg') no-repeat left bottom;
}
#footer span span {
    background: url('../img/footer_right.jpg') no-repeat right bottom;
    padding-bottom: 17px;
    text-align: center;
    line-height: 1.5em;
    font-size: 95%;
}

#lieferung { display: none; }
#lieferung.visible {
    display: block;
    background-color: #ffffdb;
}

#right {
    margin: 40px 30px 0 1em;
    border: 2px solid #ccc;
    font-size: 12px;
}
#startseite { background: url('../img/startseite_bg.jpg') no-repeat 370px 10px; }