/* allgemeine angaben */


* { margin:0; padding:0; font-size: 100%; }

html {
height:100%;
}

body {
    font-size: 100.01%;
    color: #000;
    background: #359809;
    text-align: left;
    font-family: arial, sans-serif;
}

html[xmlns]
             {

             height : 100%;
             padding-bottom : 0.005em;

             } 



fieldset, img { border:0; }

select, input, textarea { font-size: 99% }

ul, ul li {
list-style: none;
}

/* layout */

a {
color: #000;
text-decoration: underline;
}

#container {
position: absolute;
margin-left: -383px;
margin-top: -270px;
width: 766px;
height: 540px;
text-align: left;
background: url(images/site.jpg) top left no-repeat;
border: 3px solid #FFF;
left: 50%;
top: 50%;
}

#inner {
width: 766px;
position: relative;
height: 540px;
}

#header {

}

#left {

}

#inhalt {
position: absolute;
left: 293px;
top: 50px;
font-size: 0.7em;
width: 447px;
height: 430px;
overflow: auto;
}

#inhalt h1{
margin-bottom: 1em;
}

#inhalt p{
margin-bottom: 1em;
}

div.news {
padding-top: 15px;
margin-top: 3px;
background: url(images/head_news.gif) 81px 0px no-repeat;
margin-bottom: 10px;
}

div.innen {
background: none;
padding: 0;
margin-bottom: 20px;
}

div.kolumne {
padding-top: 20px;
margin-top: 10px;
background: url(images/head_wirt.gif) 82px 0px no-repeat;
}

div.specials {
padding-top: 20px;
margin-top: 10px;
background: url(images/head_specials.gif) 82px 0px no-repeat;
}

div.news h2, div.kolumne h2{
border-bottom: 1px solid #333;
margin-bottom: 5px;
}

div.tabelle {
padding-left: 82px;
background: url(images/head_termine.gif) 82px 0px no-repeat;
margin-top: 20px;
padding-top: 15px;
min-height: 155px;
height: auto !important;
height: 145px;
padding-right: 10px;
}


div#inhalt table td{
vertical-align: top;
border-bottom: 1px solid #ccc;
padding: 2px;
}

div#inhalt table td p{
margin: 0 !important;
}

div.start {
min-height: 80px;
height: 80px;
}

div.start p{
display: inline;
}

div.formular textarea, div.formular input{
background: #FFF;
border: 1px solid #CCC;
margin: 5px;
}

div.formular textarea {
width: 300px;
height: 300px;
font-size: 1em;
font-family: verdana;
}

div.formular label{
display: block;
float: left;
width: 7em;
margin: 0px 0 0 10px;
line-height: 1.5em;
}

input.button{
display: block;
background: #FFF;
border: 1px solid #CCC;
float: right;
padding-left: 10px;
padding-right: 20px;
}

input.links {
float: left;
}

ul.menu li {
line-height: 25px;
height: 25px;
}

ul.menu li a{
display: block;
height: 25px;
width: 155px;
}

ul.menu li a span{
position: absolute;
left: -2000px;
top: -2000px;
}

ul.menu li.home a{
background: url(images/menu_home.gif) top left no-repeat;
}

ul.menu li.news a{
background: url(images/menu_news.gif) top left no-repeat;
}

ul.menu li.kolumne a{
background: url(images/menu_kolumne.gif) top left no-repeat;
}

ul.menu li.kontakt a{
background: url(images/menu_kontakt.gif) top left no-repeat;
}

ul.menu li.galerie a{
background: url(images/menu_galerie.gif) 0px 0px no-repeat;
}

ul.menu li.gaestebuch a{
background: url(images/menu_gaestebuch.gif) 0px -2px no-repeat;
}

ul.menu li.impressum a{
background: url(images/menu_impressum.gif) 0px -2px no-repeat;
}

ul.menu li.anfahrt a{
background: url(images/menu_anfahrt.gif) 0px -2px no-repeat;
}

ul.menu li.speisen a{
background: url(images/menu_speisen.gif) 0px -2px no-repeat;
}

ul.menu li.presse a{
background: url(images/menu_presse.gif) 0px -2px no-repeat;
}

div#menu {
position: absolute;
left: 20px;
top: 280px;
}

div.bild {
width: 81px;
height: 98px;
float: left;
}

div.eintrag {
width: 340px;
float: left;
}

table.galleria {
background: #FFF;
}

/* gaestebuch */

div.gaestebuch input,  div.gaestebuch textarea{
border: 1px solid #333;
background: #FFF;
font-size: 1em;
font-family: verdana, sans-serif;
margin: 4px;
}


