HTML
{
   height:100%;
}
body
{
 font-family:Verdana;
 font-size:12px;
 background-image: url(../pics/bg.gif);
 background-repeat: repeat-y;
 background-position: center;
 background-color:#6A83A8;
 text-align:center;
 margin:0px;
}
h1 {font-size:18px;color:#000000;margin-bottom:20px;margin-top:0px;text-align:center;}
h2 {font-size:14px;color:#000000;}
h3 {font-size:12px;color:#000000;}
h4 {font-size:10px;color:#000000;}

img {border: none;}

code {font-size:14px;color:#0000ff;}
pre
{
 font-family:Verdana;
 font-size:10px;
 color:#000000;
 padding:0px;
 text-align:justify;
}
a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:normal;
  color:#000000;
  font-size:12px;
}
a:active, a:hover
{
  color:#666666;
  text-decoration:underline;
}
.title {
 padding-right:5px;
 padding-top:32px;
 border-top:0px solid #000;
 background-color:;
 text-align:right;
 font-family:Verdana;
 font-size:14px;
 color:#f0f0f0;
 text-decoration:bold;
 }
#title {
height:250px;
padding:0px;
background-image: url(../pics/bg-title.jpg);
border-bottom:0px solid #f0f0f0;
}
#foot {
height:100px;
padding:0px 10px 0px 10px;
background-color:;
border-top:1px solid #f0f0f0;
}
#content {
border-top:0px solid #f0f0f0;
background-color:;
 background-image: url(../pics/blgif);
 background-repeat: repeat;
width:780px;
float:left;
padding: 0px 10px 0px 10px;
}
table { width:100%; }
td { border:0px solid #000; vertical-align:top; overflow:hidden; }
td.links{text-align:right;padding-right:3px;z-index:10;}
td.rechts{padding-left:3px;z-index:10;}
select {
        width: 100%;
        border: 1px solid #6A83A8;
        border-bottom: 1px solid #6A83A8;
}
input {
        border: 1px solid #6A83A8;
        border-bottom: 1px solid #6A83A8;
}
textarea {
        width: 100%;
        padding-right:3px;
        border: 1px solid #6A83A8;
        border-bottom: 1px solid #6A83A8;
}

        #menu
        {
border:1px solid #f0f0f0;
background-color:#6A83A8;
width:778px;
height:36px;
margin-top:-19px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
        }


                /**        style used for both examples **/

                .menu {
                        height: 36px;
                        display: block;
                }

                .menu ul {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                }

                .menu ul li {
                        /* width and height of the menu items */
                        float: left;
                        overflow: hidden;
                        position: relative;
                        text-align: center;
                        line-height: 36px;
                }

                .menu ul li a {
                        /* must be postioned relative  */
                        position: relative;
                        display: block;
                        width: 129px;
                        height: 36px;
                        font-family: Verdana;
                        font-size: 12px;
                        font-weight: bold;
                        text-decoration: underline;
                        cursor: pointer;
                }

                .menu ul li a span {
                        /* all layers will be absolute positioned */
                        position: absolute;
                        left: 0;
                        width: 129px;
                }

                .menu ul li a span.out {
                        top: 0px;
                }

                .menu ul li a span.over,
                .menu ul li a span.bg {
                        /* hide */
                        top: -36px;
                }

                /** 1st example **/



                #menu ul li a {
                        color: #f0f0f0;
                }

                #menu ul li a span.over {
                        color: #6A83A8;
                }

                #menu ul li span.bg {
                        /* height of the menu items */
                        height: 36px;
                        background: url('http://www.ferienwohnung-hindelang.eu/pics/bg_over1.gif') center center no-repeat;
                }