body{

    background-image: url(../img/kafelki.jpg);
    background-repeat:repeat-x;



}
*
{padding:0;
 margin:0;}

a img{border:0;}

a
{
    text-decoration:none;
    color:black;
}

#wrapper
{


    background-image:url(../img/h.png);
    margin:0 auto;
    border:1px solid transparent;
    width:auto;
    margin-top:0px;
    background-repeat:repeat-x;



}



#mitte
{
    background-color:white;

    -moz-border-radius: 90px 30px 90px 30px;
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-bottom-right-radius: 90px;

    position:relative;
    margin:0 auto;
    top: 90px;
    width:950px;
    height:700px;
    border:0px solid red;
}
.shadow{
    box-shadow: 6px -6px 10px #66ffff;
    -webkit-box-shadow: 6px -6px 10px #66ffff;
    -moz-box-shadow: 6px 6px 70px #66ffff;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#66ffff, offX=6, offY=-6, positive=true);
}
@font-face {
    font-family: DeliciousRoman;
    src: url(fonts/Papyrus.ttc);
    font-weight:400;
}




#mitte p
{
    font-family: Papyrus, Helvetica, Arial, sans-serif;
    left:470px;
    top:-30px;
    width:400px;
    position:relative;
    border:0px solid green;
    color:#999999;

}
.bold
{
    font-family: Papyrus, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
}

.adresse
{
    font-family: Papyrus, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size:30px;
    margin-top:-400px;
}


#navi
{
    height:200px;
    width:850px;
    margin-left:auto;
    position:relative;

    top:-99px;


    border:0px solid yellow;

}
#navi ul
{
    border:0px solid black;

    list-style-type:none;


}
#navi li
{

    margin:-25px;
    display:inline;



    border:0px solid black;
}

#pan {
    width:300px;
    margin-left:100px;

}
#pan img{
    width:300px;

}


#logo
{
    position:absolute;
    left:300px;

    top:660px;
    width:383px;
    height:70px;

    border:0px solid red;
}

#angebot{
    width:300px;
    margin-left:100px;
margin-top:-250px;




}


#angebot{
    width:300px;
    margin-left:100px;
}
#angebot img{
    width:300px;
    margin-top:-39px;

}


#logo img
{
    border:0px solid red;
}

#logoski {
    border:0px solid red;
    width:300px;
    margin-top:-150px;
    margin-left:100px;



}
#logoski img{
    padding:12px;
    border:0px solid black;

    filter: alpha(opacity=50);


    -moz-opacity:0.1;


    -khtml-opacity: 0.7;

}
#logoski img:hover{
    border:0px solid black;

    filter: alpha(opacity=50);


    -moz-opacity:0.7;


    -khtml-opacity: 0.7;

}



#s3slider {
    width: 380px; /* important to be same as image width */
    height: 380px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    top:-350px;
    left:50px;
    border:0px solid black;
}

#s3sliderContent {
    width: 200px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left:0px; /* important */
    border:0px solid black;

}

.s3sliderImage {
    float: left; /* important */
    position:relative ; /* important */
    display: none; /* important */
    border:0px solid black;
}

.s3sliderImage span {
    position: absolute; /* important */
    left: 0;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 175px;
    background-color: #3366cc;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.0; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
    opacity: 0.0; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top: 0;

    /*
        if you put
        top: 0; -> the box with text will be shown at the top of the image
        if you put
        bottom: 0; -> the box with text will be shown at the bottom of the image
    */
}

.clear {
    clear: both;
}