html
{
    margin: 0px;
    padding: 0px;
    color: #000000;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    background: url(../images/kachel.jpg);
    color:#FFF;
}

#head
{
    position:absolute;
    top: 0px;
    left:0px;
    margin: 0px;
    padding: 0px;
    width: 1083px;
    height: 92px;
    background: url(../images/oben.jpg) no-repeat;
    border: 0px solid red;
}

#page 
{
    position:absolute;
    top: 92px;
    width: 1003px;
    height:381px;
    padding:0px;
    margin:0px;
    border: 0px solid red;
    background: url(../images/links_rand.jpg) no-repeat;
}


#content
{
    position:absolute;
    left:115px;
    top:0px;
    margin:0px;
    padding: 0px;
    width: 888px;
    height: 381px;
    background: url(../images/inhalt_cafe.jpg) no-repeat;
}

#inhalt
{
    position: absolute;
    top: 90px;
    left:15px;
    width:325px;
    height:270px;
    border: 0px solid #FFF;
    overflow:auto;
    border: 0px solid red;
}

#inhalt h1
{
    font-size:15px;
}

#inhalt h2
{
    font-size:14px;
}

#inhalt h3
{
    font-size:13px;
}

ul.navi
{
    position:   absolute;
    top:        473px;
    left:       103px;
    margin:     0px;
    padding:    0px;
    width:      900px;
    height:     143px;
    background: url(../images/inhalt_unten.jpg) no-repeat;
    border:     0px solid #fff;
}

ul.navi li
{
    position:   absolute;
    top:        40px;
    margin:     0px;
    padding:    0px;
    height:     80px;
    list-style: none;
    border:     solid 0px blue;
}

ul.navi li, ul.navi li a
{
    display:        block;
    text-indent:    -9999px;
    height:         78px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    border:         solid 0px blue;
}



ul.navi li#home         { left: -2px; top:40px;  width: 158px; }
ul.navi li#cafe         { left: 156px; top:40px;  width: 89px; }
ul.navi li#bar          { left: 245px; top:40px;  width: 74px; }
ul.navi li#bistro       { left: 319px; top:40px;  width: 114px; }
ul.navi li#ambiente     { left: 433px; top:40px;  width: 140px; }
ul.navi li#fakten       { left: 571px; top:40px;  width: 172px; }
ul.navi li#partner      { left: 743px; top:40px;  width: 155px; }


ul.navi li#home a        { background: url(../images/home.gif) 0px 0px no-repeat; }
ul.navi li#home a:hover  { background: url(../images/home.gif) 0px -78px no-repeat; }
 
ul.navi li#cafe a        { background: url(../images/cafe.gif) 0px 0px no-repeat; }
ul.navi li#cafe a:hover  { background: url(../images/cafe.gif) 0px -78px no-repeat; }

ul.navi li#bar a        { background: url(../images/bar.gif) 0px 0px no-repeat; }
ul.navi li#bar a:hover  { background: url(../images/bar.gif) 0px -78px no-repeat; }

ul.navi li#bistro a        { background: url(../images/bistro.gif) 0px 0px no-repeat; }
ul.navi li#bistro a:hover  { background: url(../images/bistro.gif) 0px -78px no-repeat; }

ul.navi li#ambiente a        { background: url(../images/ambiente.gif) 0px 0px no-repeat; }
ul.navi li#ambiente a:hover  { background: url(../images/ambiente.gif) 0px -78px no-repeat; }

ul.navi li#fakten a        { background: url(../images/fakten.gif) 0px 0px no-repeat; }
ul.navi li#fakten a:hover  { background: url(../images/fakten.gif) 0px -78px no-repeat; }

ul.navi li#partner a        { background: url(../images/partner.gif) 0px 0px no-repeat; }
ul.navi li#partner a:hover  { background: url(../images/partner.gif) 0px -78px no-repeat; }

ul.navi2
{
    position:       absolute;
    top:            65px;
    left:           820px;
    margin:         0px;
    padding:        0px;
    width:          160px;
    height:         20px;
    list-style:     none;
    border:         solid 0px red;

}

ul.navi2 li
{
    position:       absolute;
    top:            0px;
    margin:         0px;
    padding:        0px;
    height:         10px;
    list-style:     none;
    border:         solid 0px red;
}

ul.navi2 li, ul.navi2 li a
{
    display:        block;
    text-indent: -9999px;
    height:         20px;
    color:          #f00;
    font-weight:    bold;
    text-decoration:none;
    border:         solid 0px blue;
    font-size:5px;
}



ul.navi2 li#agb  { left: 0px; top:0px;  width: 40px; }
ul.navi2 li#impressum { left: 40px; top:0px;  width: 65px; }
ul.navi2 li#kontakt   { left: 105px; top:0px;  width: 60px;}



#fuss
{
    position: absolute;
    top:714px;
    left:102px;
    width: 901px;
    height:76px;
    border: 0px solid red;
    background: url(../images/fuss.jpg) no-repeat;
}


select 
{ 
    margin:         0px;
    padding:        0px;  
    font-size:      11px; 
    border:         solid 1px #cdcdcd; 
    background:     #ffffff; 
}

fieldset 
{ 
    margin:         0px;
    margin-bottom:  10px; 
    padding:        10px; 
    border:         solid 0px #cdcdcd; 
    width:450px;
}


form#email-form span 
{ 
    width:  8.0em; 
    float:  left; 
}

form#email-form input 
{ 
    width:  250px; 
}

form#email-form  input.zip 
{ 
    margin-right:   5px; 
    width:          50px; 
    float:          left; 
}

form#email-form  input.town 
{ 
    width:  190px; 
}

form#email-form  input.submit 
{ 
    width:  120px; 
}

form#email-form  select 
{ 
    width:  250px; 
}

form#email-form  textarea 
{ 
    width:  400px; 
    height: 100px; 
}