#button1 a 
{ 
width:91px;
height:20px; 
display:block; 
background-image:url(../pictures/ButtonUeberUns.jpg);
background-repeat:no-repeat; 
/*text-decoration: none*/
} 

/* CSS für Button im Overzustand */ 
#button1 a:hover 
{ 
width:91px; 
height:20px; 
display:block; 
background-image:url(../pictures/ButtonUeberUnsWhite.jpg); 
background-repeat:no-repeat;
/*text-decoration: none*/
}

#button2 a 
{ 
width:99px; /* entspricht Breite Deiner Grafik */ 
height:20px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-image:url(../pictures/ButtonSpeisekarte.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
/*text-decoration: none*/
} 

/* CSS für Button im Overzustand */ 
#button2 a:hover 
{ 
width:99px; 
height:20px; 
display:block; 
background-image:url(../pictures/ButtonSpeisekarteWhite.jpg); 
background-repeat:no-repeat;
/*text-decoration: none*/
}

#button3 a 
{ 
width:85px; /* entspricht Breite Deiner Grafik */ 
height:20px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-image:url(../pictures/ButtonGalerie.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
/*text-decoration: none*/
} 

/* CSS für Button im Overzustand */ 
#button3 a:hover 
{ 
width:85px; 
height:20px; 
display:block; 
background-image:url(../pictures/ButtonGalerieWhite.jpg); 
background-repeat:no-repeat;
/*text-decoration: none*/
}

#button4 a 
{ 
width:96px; /* entspricht Breite Deiner Grafik */ 
height:20px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-image:url(../pictures/ButtonGaestebuch.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
/*text-decoration: none*/
} 

/* CSS für Button im Overzustand */ 
#button4 a:hover 
{ 
width:96px; 
height:20px; 
display:block; 
background-image:url(../pictures/ButtonGaestebuchWhite.jpg); 
background-repeat:no-repeat;
/*text-decoration: none*/
}

#button5 a 
{ 
width:128px; /* entspricht Breite Deiner Grafik */ 
height:20px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-image:url(../pictures/ButtonOeffnungszeiten.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
/*text-decoration: none*/
} 

/* CSS für Button im Overzustand */ 
#button5 a:hover 
{ 
width:128px; 
height:20px; 
display:block; 
background-image:url(../pictures/ButtonOeffnungszeitenWhite.jpg); 
background-repeat:no-repeat;
/*text-decoration: none*/
}

#button6 a
{ 
width:150px; /* entspricht Breite Deiner Grafik */ 
height:20px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-image:url(../pictures/ButtonKontaktAnfahrt.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
/*text-decoration: none*/
} 

/* CSS für Button im Overzustand */ 
#button6 a:hover 
{ 
width:150px; 
height:20px; 
display:block; 
background-image:url(../pictures/ButtonKontaktAnfahrtWhite.jpg); 
background-repeat:no-repeat;
/*text-decoration: none*/
}

.Content
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
}

div#Navigation
{
    align: center;
}

A
{
    font-weight: bold;
    font-size: 7pt;
    text-transform: uppercase;
    color: black;
    font-family: Verdana;
    text-decoration: none;
}

#topic
{
    font-family: 'Lucida Handwriting';
    font-size: 16pt;
    color: #9f643d;
}

.footer
{
    font-size: 6pt;
    text-transform: uppercase;
    color: #333333;
    font-family: Verdana;
    text-decoration: none;
}

div#inhalt2
{
width: 400px;
height: 300px;
overflow: auto;
}
#iframestyle{
  scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
}
#galeriepictures
{
border-color: #333333;
border-width: 10;
}

#galeriepictures a:hover
{
border-color: #757575;
border-width: 10;
}
div#comment
{
color: #767676
}
div.imginfo
{
 position:absolute;
 left:20px; top:50px; width:250px;
 text-align:justify; 
}