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

.red
{color : red;
font-size : 17px;}

.redh
{color : red;
font-size : 3px;}

.job
{font-family : 'Great Vibes', cursive;
font-size : 20px;
font-weight : normal;
color : red;
padding : 0 0 0 35px;}

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

h1.red
{font-family : 'Great Vibes', cursive;
font-size : 33px;
font-weight : lighter;
color : #ff0000;
padding : 0 0 0 35px;}


h2
{font-family : 'Great Vibes', cursive;
font-size : 30px;
font-weight : lighter;
color : #721578;
padding : 0 0 0 35px;}

h2.red
{font-family : 'Great Vibes', cursive;
font-size : 33px;
font-weight : lighter;
color : #ff0000;
padding : 0 0 0 35px;}

h2.info
{font-family : 'Great Vibes', cursive;
font-size : 28px;
font-weight : lighter;
color : #721578;
padding : 0 0 0 20px;}

h3
{font-family : 'Great Vibes', cursive;
font-size : 30px;
font-weight : lighter;
color : #5A0660;
margin : 0 0 0 35px;}

h4
{font-family : 'Great Vibes', cursive;
font-size : 30px;
font-weight : lighter;
color : #5A0660;
margin : 0 0 0 20px;}

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

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

p
{line-height: 1.5em;
word-spacing: 0.1em;
text-align: center;
}

p.info
{font-size : 13px;
margin-top : -18px;
padding : 0 20px 15px 20px;}

p.infonav
{font-size : 26px;
color : #777777;
margin-top : 18px;
padding : 0 20px 15px 20px;}


p.unten
{font-size : 11px;
color : #ffffff;
margin-top : 0px;
padding : 0 20px 0 35px;}

p.unten1
{font-size : 11px;
color : #ffffff;
margin-top : 0px;
padding : 0 20px 0 20px;}

p.unten2
{line-height: 1.1em;
color : #ffffff;
font-size : 11px;
padding : 18px 0 0 30px;}

p.infores
{font-size : 13px;
margin-top : -18px;
padding : 0 20px 15px 20px;}


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

img.werbung
{width : 200px;
height : 177px;
border : none;}

img.kopf
{width : 960px;
height : 350px;
margin : 0px auto;
border-radius: 14px;}

span
{color : #ec9bf1;
font-size : 13px;}

span.feld1
{padding : 0 14px 0 32px;}

span.feld2
{padding : 0 14px 0 32px;}

span.feld3
{padding : 0 13px 0 19px;}

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

li
{margin : 0 0 3px 0;}

table
{width : 89%;
border-collapse: collapse;
margin : 0 0 15px 35px;}

td.z1
{width : 85%;
font-weight : bold;
vertical-align : bottom;}

td.z2
{width :15%;
font-weight : bold;
text-align : right;
vertical-align : bottom;}

td.z3
{font-size : 12px;
vertical-align : top;
padding-bottom : 10px;}

td.z4
{width : 61%;
font-weight : bold;
vertical-align : bottom;}

td.z5
{width :17%;
font-weight : bold;
text-align : right;
vertical-align : bottom;}

td.z6
{width :22%;
font-weight : bold;
text-align : right;
vertical-align : bottom;}

span.feld4
{padding : 0 14px 0 31px;}

#oben
{position : absolute;
width : 100%;
height : 180px;
top : 0px;
left : 0px;
background-color :  #99439F;
border-bottom : 5px solid #ec9bf1;
outline : 1px solid #721578;}

#oben_rahmen
{width : 960px;
height : 150px;
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 : 250px;
margin :195px auto; }

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

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

#inhalt
{width : 693px;
float : left; }

#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;
}