body
{font-family : 'trebuchet MS';
font-size : 17px;
color : #777777;
background : url(bilder/bg.gif) repeat;}

h1
{font-family : 'trebuchet MS';
font-size : 25px;
font-weight : lighter;
color : #964b00;
padding : 0 0 0 35px;}


h2
{font-family : 'trebuchet MS';
font-size : 23px;
font-weight : lighter;
color : #964b00;
padding : 0 0 0 35px;}


hr
{height : 1px;
color : #ec9bf1;
margin : 0 20px 0 20px;}

p
{width : 890px;
line-height: 1.5em;
word-spacing: 0.1em;
margin-top : 20px;
padding : 0 35px 17px 35px;}
}

img.logo
{width : 220px;
height : 126px;
margin : 34px 0 0 5px;
border : none;}

img.inhalt1
{width : 890px;
height : 550px;
margin : 0px 35px 0 35px;
border : none;}

img.inhalt2
{width : 890px;
height : 678px;
margin : 0px 35px 0 35px;
border : none;}

img.inhalt3
{width : 890px;
height : 566px;
margin : 0px 35px 0 35px;
border : none;}

img.kopf
{width : 960px;
height : 347px;
border-radius: 14px;
border : 1px solid #964b00;}



ul
{margin : 0 0 30px 10px;
list-style-image: url(bilder/list_style_plus.png);}

li
{margin : 0 0 3px 0;}





#oben
{margin-left: auto;
margin-right: auto;
width : 960px;
height : 50px;
top : 0px;
background-color :  #964b00;
border-bottom : 2px solid #000000;
outline : 1px solid #964b00;}

#oben_rahmen
{width : 960px;
height : 100px;
margin : 0px auto;}

#logo
{width : 224px;
height : 150px;
margin : 0px;
float : left;}

#ausrichtung
{margin : 60px 0 0 10px;}

#navigation
{width : 736px;
height : 120px;
margin-left : -5px;
float : left;}

#nav_unten
{width : 736px;
height : 30px;
margin-left: -5px;
float : left;}

#kopfbild
{clear : both;
width : 960px;
height : 347px;
border-radius: 14px;
margin: 0px auto 0px auto; }

#pfad
{clear : both;
font-size : 12px;
width : 890px;
height : 30px;
margin : 10px auto; }

#rahmen
{clear : left;
background-color : #ffffff;
width : 960px;
margin : 10px auto;
border-radius: 14px;
border : 1px solid #964b00;}

#inhalt
{width : 890px;
 }

#info
{width : 252px;
float : right;}

#reservierung
{position: absolute;   
height: auto;
width: 200px;
background-color :  #99439F;
border-radius: 14px;}

#unten
{clear : both;
width : 950px;
margin : -70px auto;
margin-bottom : -3px;
background-color :  #99439F;
border : 5px solid #ec9bf1;
border-radius: 14px;}

#unten_info
{width : 230px;
margin : 20px 0 20px 0;
border-right : 1px solid #ffffff;
float : left;}

#unten_info1
{width : 210px;
margin : 20px 0 20px 0;
border-right : 1px solid #ffffff;
float : left;}

#unten_info2
{width : 247px;
margin : 20px 0 20px 0;
border-right : 1px solid #ffffff;
float : left;}

#unten_info3
{width : 230px;
margin : 20px 0 20px 0;
float : left;}


a:link, a:visited
{color : #333333;}

a:hover, a:active
{text-decoration : none;
color : #721578;}

a:link.nav, a:visited.nav
{font-family : 'Great Vibes', cursive;
font-size : 45px;
font-weight : lighter;
color : #ffffff;
margin : 0 8px 0 8px;
padding : 0 19px 1px 19px;
border-bottom : 1px solid #ec9bf1;
text-decoration : none;}

a:hover.nav, a:active.nav
{margin : 0 8px 0 8px;
color: #5A0660;
border-bottom : 1px solid #5A0660;}

a:link.info, a:visited.info
{font-size : 13px;
color : #5A0660;}

a:hover.info, a:active.info
{text-decoration : none;}

a:link.unten, a:visited.unten
{font-size : 14px;
margin : 0 11px 0 2px;
color : #ffffff;}

a:hover.unten, a:active.unten
{margin : 0 11px 0 2px;
text-decoration : none;
color : #5A0660;}

a:link.pfad, a:visited.pfad
{font-size : 12px;
color : #777777;}

a:hover.pfad, a:active.pfad
{text-decoration : none;
color : #000000;}

a:link.infonav, a:visited.infonav
{font-family : 'Great Vibes', cursive;
font-size : 33px;
font-weight : lighter;
color : #721578;
text-decoration : none;
line-height: 1.6em;}

a:hover.infonav, a:active.infonav
{color : #777777;}

.bild-zentriert {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* Kurzschreibweise: margin: 0 auto; */
  max-width: 100%;
  height: auto;
}
.zentriert {
  text-align: center;
}