/* berkshire-swash-regular - latin */
@font-face {
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/berkshire-swash-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
url('../fonts/berkshire-swash-v16-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/berkshire-swash-v16-latin-regular.html') format('woff2'), /* Super Modern Browsers */
url('../fonts/berkshire-swash-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/berkshire-swash-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/berkshire-swash-v16-latin-regular.svg#BerkshireSwash') format('svg'); /* Legacy iOS */
}

*{
    font-family: Tahoma;
    font-size: 12px;
}

body{
    margin: 0;
    padding: 0;
    background: url('../img/body.jpg') no-repeat top center;
}

#container{
    position: relative;
    margin: 0 auto 25px auto;
    width: 687px;
    height: 587px;
    background: url('../img/container.png') no-repeat center 15px;
}

.logo{
    position: absolute;
    top: 5px;
    left: 50px;
    width: 334px;
    height: 79px;
}

.logo a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    background: url('../img/logo.png') no-repeat top center;
}

.head{
    position: absolute;
    top: 112px;
    left: 170px;
    width: 340px;
}


h1{
    font-family: Helvetica;
    font-style: italic;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    padding: 0;
}

h1 span{
    display: block;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
    margin: 0 0 0 30px;
    padding: 0;
}

.head p{
    font-size: 16px;
    color: #e2630c;
    font-family: 'Berkshire Swash', cursive;
}

.bottom{
    position: absolute;
    top: 490px;
    left: 170px;
    width: 340px;

}

.bottom p{
    font-size: 16px;
    color: #f0f0a8;
    font-family: 'Berkshire Swash', cursive;
}

.footer{
    position: absolute;
    bottom: 3px;
    right: 55px;
    color: #ffffff;
    font-size: 10px;
}

.footer a{
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;
}

.teil1{
    position: absolute;
    top: 297px;
    left: 76px;
    width: 240px;
}

.teil2{
    position: absolute;
    top: 297px;
    left: 365px;
    width: 240px;
}

.txt h3{
    width: 144px;
    height: 42px;
    margin: 0 0 14px 0;;
    paddingh: 0;
    font-family: Helvetica;
    color: #e2630c;
}

.txt a{
    margin: 0 0 5px 0;
    font-family: Helvetica;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.txt a.bestellen{
    position: absolute;
    top: 130px;
    left: 119px;
    margin: 0;
    font-family: 'Berkshire Swash', cursive;
    color: #e2630c;
    font-size: 23px;
    text-decoration: none;
    font-weight: normal;
    background: #f7bb54;
    padding: 3px 9px 3px 9px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.txt a.img{
    position: absolute;
    top: 0px;
    left: 147px;
    width: 82px;
    height: 97px;
    margin: 0 0 5px 0;
    font-family: Helvetica;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.txt a.img.img2{
    left: 143px;
}

.bestform p{
    display: block;
    margin: 0 0 10px 0;
    clear: both;
}

.bestform label{
    display: block;
    float: left;
    width: 100px;
}

.bestform input{
    display: block;
    float: left;
    width: 250px;
}

.bestform input.plz{
    width: 50px;
}

.bestform input.submit{
    width: auto;
    margin: 0 0 0 100px;
}