<style type="text/css">

/* ===== RAHMEN ===== */
#rahmen1 {
border: 5px solid #B07F80;
margin: 30px;
padding: 1px;
}
#rahmen2 {
background: url(BILDADRESSE);
padding: 1px;
}
#rahmen3 {
border: 23px dashed #8FB08F;
padding: 3px;
}
#rahmen4 {
border: 6px double #666;
margin: 3px;
padding: 0px;
}
/* ===== ENDE RAHMEN ===== */

/* ===== TEXTFELD ===== */
.textfeld {
text-align: center;
margin: auto;
border: 5px dotted #B07F80;
background: #CFDFD0;
padding: 10px;
font: italic 1.3em Verdana, sans-serif;
color: #535353;
}
.textfeld h1 {
font: bold 2.2em 'Palatino Linotype', serif;
text-align: center;
padding: 50px 0;
color: #004578;
}
.textfeld ul {
background: #E9F4F4;
margin: 3em 3em 2em 3em;
text-align: center;
padding: 50px;
border: 2px solid #666;
}
.textfeld li {
text-align: left;
list-style: square;
padding-bottom: 15px;
}
.angebot {
background: #E9F4F4;
text-align: center;
margin: 2em 3em;
padding: 50px;
font: italic 0.9em Verdana, sans-serif;
color: #535353;
border: 2px solid #666;
}
.angebot li {
list-style: square;
padding-bottom: 15px;
}
.angebot a,
.angebot a:visited {
color: #7F605F;
}
.angebot a:hover {
color: #a00;
}
/* ===== ENDE TEXTFELD ===== */

/* ===== FOTOGALERIE ===== */
a, a:visited {
color:#000;
}
a.gallery,
a.gallery:visited {
text-align: center;
display:block;
display:inline-block;
color:#000;
text-decoration:none;
border:1px solid #000;
width:75px;
height:47px;
float:left;
margin:4px;
z-index:50;
}
a.slide-1 {
background: url(thumb1.jpg);
}
a.slide-2 {
background: url(thumb2.jpg);
}
a.slide-3 {
background:url(thumb3.jpg);
}
a.slide-4 {
background:url(thumb4.jpg);
}
a.slide-5 {
background:url(thumb5.jpg);
}
a.slide-6 {
background:url(thumb6.jpg);
}
a.slide-7 {
background:url(thumb7.jpg);
}
a.slide-8 {
background:url(thumb8.jpg);
}
a.slide-9 {
background:url(thumb9.jpg);
}
a.slide-10{
background:url(thumb10.jpg);
}
a.gallery em,
a.gallery span {
display:none;
}
a.gallery:hover {
border:1px solid #a00;
}
#container {
position:relative;
width:425px;
height:575px;
background:#eee;
border:1px solid #a49188;
margin:1em auto 0;
}
#container img {
border:0;}
#container .thumbs {
position:absolute;
left:0; top:0;}
#container a.gallery:hover span {
display:block;
position:absolute;
width:402px;
height:50px;
top:110px;
left:5px;
padding:5px;
font-style:italic;
color:#a49188;
z-index:100;
}
#container a.gallery:hover span:first-line {
font-style:normal;
font-weight:bold;
font-size:1em;
color:#a00;
}
#container a.gallery:active,
#container a.gallery:focus {
border:1px solid #000;
}
#container a.gallery:active em,
#container a.gallery:focus em {
display:block;
position:absolute;
width:402px;
height:400px;
top:160px;
left:5px;
padding:5px;
color:#000;
border:1px solid #3d330f;
z-index:50;
}
#container h1 {
margin: 0;
padding-top: 150px;
text-align: center;
font: normal 2.5em "Palatino Linotype", serif;
color: #a49188;
}
#container h1 em {
font-size: 0.6em;
color: #777;
}
a:link {
color: #A3A3A3;
}
a:visited {
color: #A3A3A3;
}
a:hover {
color: #f00;
}
/* ===== ENDE FOTOGALERIE ===== */
</style>