Browse Source

initial commit

T. Meissner 6 years ago
commit
a1f0ed0c51

+ 4
- 0
.gitignore View File

@@ -0,0 +1,4 @@
1
+.DS_Store
2
+.idea
3
+*.swp
4
+*.*#*

+ 91
- 0
buchung.html View File

@@ -0,0 +1,91 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+    <meta charset="utf-8">
6
+    <meta name="keywords" content="Ferienwohnung, Meißner, Weixdorf, Dresden, Übernachten">
7
+    <meta name="description" content="Ferienwohnung Meißner Buchungsanfrage - Gemütlich und günstig Übernachten in Dresden Weixdorf">
8
+    <meta name="author" content="Torsten Meißner">
9
+    <link rel="stylesheet" href="css/style.css">
10
+</head>
11
+
12
+<body>
13
+
14
+    <div id="wrapper">
15
+
16
+        <div id="header">
17
+            <img src="images/header.jpg" alt="Kirchteich Weixdorf" width="944" height="200">
18
+            <h1>Ferienwohnung Meißner</h1>
19
+        </div>
20
+
21
+        <div id="nav">
22
+            <ul>
23
+                <li><a class="nav-left" href="index.html">Startseite</a></li>
24
+                <li><a href="wohnung.html">Wohnung</a></li>
25
+                <li><a class="active" href="buchung.html">Preis/Anfrage</a></li>
26
+                <li><a href="kontakt.html">Lage/Kontakt</a></li>
27
+                <li><a class="nav-right" href="extras.html">Ausflüge</a></li>
28
+            </ul>
29
+        </div>
30
+
31
+        <div id="content">
32
+            <div id="content-left">
33
+                <h2>Buchungsanfrage</h2>
34
+                <h3>Das Buchungsformular ist in Arbeit.</h3>
35
+                <p>
36
+                    Anfragen stellen Sie bitte vorläufig durch eine Email an unsere Adresse:
37
+                    <a href="mailto:kontakt@meissner-wohnen.de">kontakt@meissner-wohnen.de</a>.
38
+                    Auf unserem Profil bei
39
+                    <a href="http://www.dresden-lodge.de/ferienwohnungen/dresden/1000693/ferienwohnung-meissner.php" rel="nofollow" target="_blank">Dresden-Lodge</a>
40
+                    finden Sie auch den Belegungsplan.
41
+                </p>
42
+            </div>
43
+            <div id="content-right">
44
+                <h2>Preise</h2>
45
+                <h3>Übernachtung</h3>
46
+                <table>
47
+                    <tr>
48
+                        <th>Personen</th>
49
+                        <th>Preis/Nacht</th>
50
+                    </tr>
51
+                    <tr>
52
+                        <td>1</td>
53
+                        <td>22€</td>
54
+                    </tr>
55
+                    <tr>
56
+                        <td></td>
57
+                        <td>20€ ab 14 Nächte</td>
58
+                    </tr>
59
+                    <tr>
60
+                        <td>2</td>
61
+                        <td>36€</td>
62
+                    </tr>
63
+                    <tr>
64
+                        <td>3</td>
65
+                        <td>46€</td>
66
+                    </tr>
67
+                </table>
68
+                <h3>weitere Leistungen</h3>
69
+                <table>
70
+                    <tr>
71
+                        <td>Endreinigung</td>
72
+                        <td>inkl.</td>
73
+                    </tr>
74
+                    <tr>
75
+                        <td>Kinderbett</td>
76
+                        <td>5€ (einmalig)</td>
77
+                    </tr>
78
+                </table>
79
+            </div>
80
+        </div>
81
+
82
+        <div id="footer">
83
+            <div id="footer-left">&copy 2013 Ferienwohnung Meißner</div>
84
+            <div id="footer-right"><a href="index.html">Startseite</a><a href="kontakt.html">Kontakt</a><a href="kontakt.html">Impressum</a></div>
85
+        </div>
86
+
87
+    </div>
88
+
89
+</body>
90
+
91
+</html>

+ 299
- 0
css/style.css View File

@@ -0,0 +1,299 @@
1
+/* global styles */
2
+
3
+body {
4
+    font-family: Verdana, Geneva, sans-serif;
5
+    background: #e8e8e8;
6
+    margin: 0;
7
+    padding: 0;
8
+}
9
+
10
+a {
11
+    text-decoration: none;
12
+}
13
+
14
+p {
15
+    padding: 0.25em;
16
+}
17
+
18
+h1, h2, h3, p {
19
+    margin: 0;
20
+    clear: both;
21
+}
22
+
23
+ul {
24
+    list-style-type: none;
25
+}
26
+
27
+table th {
28
+    text-align: left;
29
+    padding-right: 1em;
30
+    padding-bottom: 0.5em;
31
+}
32
+
33
+span.cursive {
34
+    font-family: cursive;
35
+    font-size: larger;
36
+}
37
+
38
+/* page area styles */
39
+
40
+#wrapper {
41
+    background: #fff;
42
+    width: 960px;
43
+    margin: 15px auto;
44
+    overflow: hidden;
45
+    box-shadow: 0px 0px 6px 2px #bbb;
46
+}
47
+
48
+
49
+/* header styles */
50
+
51
+#header {
52
+    position: relative;
53
+    margin: 8px 8px 0 8px;
54
+    padding: 0;
55
+}
56
+
57
+#header h1 {
58
+    position: absolute;
59
+    left: 10px;
60
+    bottom: 10px;
61
+    color: #fff;
62
+    /*text-shadow: -0.06em -0.06em 0.06em black,
63
+                  0.04em 0.04em 0.06em white;*/
64
+    text-shadow: .05em .05em .05em #000;
65
+}
66
+
67
+#header img {
68
+    display: block;
69
+}
70
+
71
+
72
+/* navigation bar */
73
+
74
+#nav {
75
+    margin: 8px 8px 0 8px;
76
+    overflow: hidden;
77
+}
78
+
79
+#nav ul {
80
+    margin: 0;
81
+    padding: 0;
82
+}
83
+
84
+#nav ul li {
85
+    float: left;
86
+    width: 20%;
87
+}
88
+
89
+#nav ul li a {
90
+    display: block;
91
+    padding: .5em 0.25em;
92
+    border-right: 1px solid black;
93
+    background-color: darkolivegreen;
94
+    color: white;
95
+    text-transform: uppercase;
96
+    text-shadow: #666 .1em .1em .1em;
97
+    font-weight: bold;
98
+    text-align: center;
99
+}
100
+
101
+#nav ul li a.nav-right {
102
+    border-right: none;
103
+}
104
+
105
+#nav ul li a:hover {
106
+    color: #ddd;
107
+    background-color: green;
108
+}
109
+
110
+#nav ul li a.active {
111
+    background-color: seagreen;
112
+}
113
+
114
+
115
+/* content styles */
116
+
117
+#content {
118
+    overflow: hidden;
119
+    clear: left;
120
+    margin: 8px 8px 0 8px;
121
+    padding: 0 15px 15px 15px;
122
+}
123
+
124
+#content h2 {
125
+    color: darkolivegreen;
126
+    padding: .65em 0 .25em 0;
127
+}
128
+
129
+#content h3 {
130
+    padding: 0.5em 0 0.4em 0;
131
+}
132
+
133
+#content p {
134
+    padding: 0.25em 0em;
135
+}
136
+
137
+#content a {
138
+    color: black;
139
+    border-bottom: dotted 1px black;
140
+}
141
+
142
+#content a:hover {
143
+    color: #666;
144
+}
145
+
146
+#content #maps {
147
+    padding: 10px 0;
148
+}
149
+
150
+#content #index-img {
151
+    margin 0 auto;
152
+    padding-left: 10px;
153
+}
154
+
155
+#content #index-img img {
156
+    padding: 30px;
157
+    vertical-align: middle;
158
+}
159
+
160
+#content #index-img img.img-left {
161
+    -webkit-transform: rotate(-5deg);
162
+    -moz-transform: rotate(-5deg);
163
+    -o-transform: rotate(-5deg);
164
+    -ms-transform: rotate(-5deg);
165
+    transform: rotate(-5deg);
166
+}
167
+
168
+#content #index-img img.img-right {
169
+    -webkit-transform: rotate(5deg);
170
+    -moz-transform: rotate(5deg);
171
+    -o-transform: rotate(5deg);
172
+    -ms-transform: rotate(5deg);
173
+    transform: rotate(5deg);
174
+}
175
+
176
+#content #content-left {
177
+    float: left;
178
+    width: 68%;
179
+}
180
+
181
+#content #content-right {
182
+    float: right;
183
+    width: 30%
184
+ }
185
+
186
+#content #content-right ul {
187
+    padding-left: 1em;
188
+    margin: 0.5em 0;
189
+    list-style-type: square;
190
+}
191
+
192
+#img-gallery {
193
+    float: left;
194
+    width: 540px;
195
+    padding: 0;
196
+    margin: 15px 0;
197
+}
198
+
199
+#gallery-big {
200
+    margin-bottom: 5px;
201
+    float: left;
202
+}
203
+
204
+#img-gallery img.gallery-small {
205
+    background: url(../images/transparent.png) center no-repeat;
206
+    width: 125px;
207
+    height: 100px;
208
+    float: left;
209
+    padding: 5px;
210
+    margin: 0;
211
+    border: 0px solid #D9D9D9;
212
+}
213
+
214
+#img-gallery img.gallery-small.gallery-left {
215
+    padding-left: 0;
216
+}
217
+
218
+#img-gallery a {
219
+    margin: 0;
220
+    padding: 0;
221
+}
222
+
223
+#img-gallery a span {
224
+    background: #fff;
225
+    display: none;
226
+}
227
+
228
+#img-gallery a:hover {
229
+    background: #fff;
230
+    padding: 0;
231
+    margin:0;
232
+}
233
+
234
+#img-gallery a:hover span {
235
+    margin: 0;
236
+    display: block;
237
+    position: relative;
238
+    top: 0;
239
+    left: 0;
240
+    height: 398px;
241
+    padding: 0;
242
+    border: 0 solid #D9D9D9;
243
+    z-index: 100;
244
+    background: no-repeat;
245
+}
246
+
247
+a#wohnung0:hover span {
248
+    background-image: url(../images/wohnung1.jpg);
249
+}
250
+a#wohnung1:hover span {
251
+    background-image: url(../images/wohnung2.jpg);
252
+}
253
+a#wohnung2:hover span {
254
+    background-image: url(../images/wohnung3.jpg);
255
+}
256
+a#wohnung3:hover span {
257
+    background-image: url(../images/wohnung4.jpg);
258
+}
259
+a#wohnung4:hover span {
260
+    background-image: url(../images/wohnung5.jpg);
261
+}
262
+a#wohnung5:hover span {
263
+    background-image: url(../images/wohnung6.jpg);
264
+}
265
+a#wohnung6:hover span {
266
+    background-image: url(../images/wohnung7.jpg);
267
+}
268
+a#wohnung7:hover span {
269
+    background-image: url(../images/wohnung8.jpg);
270
+}
271
+
272
+
273
+/* footer styles */
274
+
275
+#footer {
276
+    clear: both;
277
+    margin: 8px;
278
+    padding-top: 7px;
279
+    border-top: solid 2px #bbb;
280
+    overflow: hidden;
281
+    font-size: small;
282
+}
283
+
284
+#footer-left {
285
+    float: left;
286
+}
287
+
288
+#footer-right {
289
+    float: right;
290
+}
291
+
292
+#footer-right a {
293
+    padding-left: 1em;
294
+    color: black;
295
+}
296
+
297
+#footer-right a:hover {
298
+    color: #666;
299
+}

+ 45
- 0
extras.html View File

@@ -0,0 +1,45 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+    <meta charset="utf-8">
6
+    <meta name="keywords" content="Ferienwohnung, Meissner, Meißner, Weixdorf, Dresden, Übernachten">
7
+    <meta name="description" content="Gemütlich und günstig Übernachten in Dresden Weixdorf">
8
+    <meta name="author" content="Torsten Meißner">
9
+    <link rel="stylesheet" href="css/style.css">
10
+</head>
11
+
12
+<body>
13
+
14
+    <div id="wrapper">
15
+
16
+        <div id="header">
17
+            <img src="images/header.jpg" alt="Kirchteich Weixdorf" width="944" height="200">
18
+            <h1>Ferienwohnung Meißner</h1>
19
+        </div>
20
+
21
+        <div id="nav">
22
+            <ul>
23
+                <li><a class="nav-left" href="index.html">Startseite</a></li>
24
+                <li><a href="wohnung.html">Wohnung</a></li>
25
+                <li><a href="buchung.html">Preis/Anfrage</a></li>
26
+                <li><a href="kontakt.html">Lage/Kontakt</a></li>
27
+                <li><a class="nav-right active" href="extras.html">Ausflüge</a></li>
28
+            </ul>
29
+        </div>
30
+
31
+        <div id="content">
32
+            <h2>Ausflüge</h2>
33
+            <h3>Die Ausflugstipps sind in Arbeit.</h3>
34
+        </div>
35
+
36
+        <div id="footer">
37
+            <div id="footer-left">&copy 2013 Ferienwohnung Meißner</div>
38
+            <div id="footer-right"><a href="index.html">Startseite</a><a href="kontakt.html">Kontakt</a><a href="kontakt.html">Impressum</a></div>
39
+        </div>
40
+
41
+    </div>
42
+
43
+</body>
44
+
45
+</html>

BIN
images/header.jpg View File


BIN
images/transparent.png View File


BIN
images/willkommen.jpg View File


BIN
images/willkommen_links.jpg View File


BIN
images/willkommen_rechts.jpg View File


BIN
images/wohnung1.jpg View File


BIN
images/wohnung2.jpg View File


BIN
images/wohnung3.jpg View File


BIN
images/wohnung4.jpg View File


BIN
images/wohnung5.jpg View File


BIN
images/wohnung6.jpg View File


BIN
images/wohnung7.jpg View File


BIN
images/wohnung8.jpg View File


+ 68
- 0
index.html View File

@@ -0,0 +1,68 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+    <title>Ferienwohnung Meißner</title>
6
+    <meta charset="utf-8">
7
+    <meta name="keywords" content="Ferienwohnung, Meißner, Weixdorf, Dresden, Übernachten">
8
+    <meta name="description" content="Willkommen bei Ferienwohnung Meißner - Gemütlich und günstig Übernachten in Dresden Weixdorf">
9
+    <meta name="author" content="Torsten Meißner">
10
+    <link rel="stylesheet" href="css/style.css">
11
+</head>
12
+
13
+<body>
14
+
15
+    <div id="wrapper">
16
+
17
+        <div id="header">
18
+            <img src="images/header.jpg" alt="Kirchteich Weixdorf" width="944" height="200">
19
+            <h1>Ferienwohnung Meißner</h1>
20
+        </div>
21
+
22
+        <div id="nav">
23
+            <ul>
24
+                <li><a class="nav-left active" href="index.html">Startseite</a></li>
25
+                <li><a href="wohnung.html">Wohnung</a></li>
26
+                <li><a href="buchung.html">Preis/Anfrage</a></li>
27
+                <li><a href="kontakt.html">Lage/Kontakt</a></li>
28
+                <li><a class="nav-right" href="extras.html">Ausflüge</a></li>
29
+            </ul>
30
+        </div>
31
+
32
+        <div id="content">
33
+            <h2>Willkommen</h2>
34
+            <p>
35
+                Wir begrüßen Sie ganz herzlich auf der Webseite unserer Ferienwohnung.
36
+            </p>
37
+            <div id="index-img">
38
+                <img class="img-left" src="images/willkommen_links.jpg" alt="Goldener Reiter" width="200" height="150">
39
+                <img class="img-middle" src="images/willkommen.jpg" alt="Ferienwohnung Meißner" width="300" height="225">
40
+                <img class="img-right" src="images/willkommen_rechts.jpg" alt="Pastor-Roller Kirche" width="200" height="150">
41
+            </div>
42
+            <p>
43
+                Wir präsentieren Ihnen hier die <a href="wohnung.html">Räume und Ausstattung</a> unserer Ferienwohnung.
44
+                Desweiteren finden Sie Informationen zu den Preisen und die Möglichkeit, eine unverbindliche
45
+                <a href="buchung.html">Buchungsanfrage</a> zu stellen.
46
+            </p>
47
+            <p>
48
+                Als besonderes Extra werden
49
+                außerdem einige lohnenswerte <a href="extras.html">Ausflugsziele</a> in der Umgebung unserer Ferienwohnung vorgestellt.
50
+                Es gibt einiges zu entdecken im Norden von Dresden. Und natürlich auch in Sachsens Landeshauptstadt  ...
51
+            </p>
52
+            <br/>
53
+            <p>
54
+                Viele Grüße von<br />
55
+                <span class="cursive">Familie Meißner</span>
56
+            </p>
57
+        </div>
58
+
59
+        <div id="footer">
60
+            <div id="footer-left">&copy 2013 Ferienwohnung Meißner</div>
61
+            <div id="footer-right"><a href="index.html">Startseite</a><a href="kontakt.html">Kontakt</a><a href="kontakt.html">Impressum</a></div>
62
+        </div>
63
+
64
+    </div>
65
+
66
+</body>
67
+
68
+</html>

+ 82
- 0
kontakt.html View File

@@ -0,0 +1,82 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+    <meta charset="utf-8">
6
+    <meta name="keywords" content="Ferienwohnung, Meißner, Weixdorf, Dresden, Übernachten">
7
+    <meta name="description" content="Ferienwohnung Meißner Kontakt - Gemütlich und günstig Übernachten in Dresden Weixdorf">
8
+    <meta name="author" content="Torsten Meißner">
9
+    <link rel="stylesheet" href="css/style.css">
10
+</head>
11
+
12
+<body>
13
+
14
+    <div id="wrapper">
15
+
16
+        <div id="header">
17
+            <img src="images/header.jpg" alt="Kirchteich Weixdorf" width="944" height="200">
18
+            <h1>Ferienwohnung Meißner</h1>
19
+        </div>
20
+
21
+        <div id="nav">
22
+            <ul>
23
+                <li><a class="nav-left" href="index.html">Startseite</a></li>
24
+                <li><a href="wohnung.html">Wohnung</a></li>
25
+                <li><a href="buchung.html">Preis/Anfrage</a></li>
26
+                <li><a class="active" href="kontakt.html">Lage/Kontakt</a></li>
27
+                <li><a class="nav-right" href="extras.html">Ausflüge</a></li>
28
+            </ul>
29
+        </div>
30
+
31
+        <div id="content">
32
+            <h2>Anschrift</h2>
33
+            <h3>Ferienwohnung Meißner</h3>
34
+            <p>
35
+                Martina und Dieter Meißner<br />
36
+                Pastor-Roller-Straße 20<br />
37
+                01108 Dresden<br />
38
+            </p>
39
+            <br />
40
+            <table>
41
+                <tr>
42
+                    <td>Telefon</td>
43
+                    <td>+49 (0)351 8900797</td>
44
+                </tr>
45
+                <tr>
46
+                    <td>E-Mail</td>
47
+                    <td><a href="mailto:kontakt@meissner-wohnen.de">kontakt@meissner-wohnen.de</a></td>
48
+                </tr>
49
+            </table>
50
+            <br />
51
+            <p>
52
+                <a href="http://www.dresden-lodge.de/ferienwohnungen/dresden/1000693/ferienwohnung-meissner.php" rel="nofollow" target="_blank">Profil der Ferienwohnung bei Dresden-Lodge (mit Belegungsplan)</a>
53
+            </p>
54
+            <h2>Lage und Anfahrt</h2>
55
+
56
+            <div id="maps">
57
+                <iframe width="914" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
58
+                    src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=ferienwohnung+mei%C3%9Fner,+pastor-roller-stra%C3%9Fe,+dresden&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=63.255964,135.263672&amp;ie=UTF8&amp;hq=ferienwohnung+mei%C3%9Fner,&amp;hnear=Pastor-Roller-Stra%C3%9Fe,+Weixdorf+01108+Dresden,+Deutschland&amp;t=m&amp;fll=51.150292,13.805169&amp;fspn=0.003119,0.008256&amp;st=110616160731137639226&amp;rq=1&amp;ev=zi&amp;split=1&amp;ll=51.152082,13.804021&amp;spn=0.016151,0.034332&amp;z=15&amp;iwloc=A&amp;output=embed">
59
+                </iframe><br />
60
+                <small>
61
+                    <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=de&amp;geocode=&amp;q=ferienwohnung+mei%C3%9Fner,+pastor-roller-stra%C3%9Fe,+dresden&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=63.255964,135.263672&amp;ie=UTF8&amp;hq=ferienwohnung+mei%C3%9Fner,&amp;hnear=Pastor-Roller-Stra%C3%9Fe,+Weixdorf+01108+Dresden,+Deutschland&amp;t=m&amp;fll=51.150292,13.805169&amp;fspn=0.003119,0.008256&amp;st=110616160731137639226&amp;rq=1&amp;ev=zi&amp;split=1&amp;ll=51.152082,13.804021&amp;spn=0.016151,0.034332&amp;z=15&amp;iwloc=A" style="text-align:left">Größere Kartenansicht</a>
62
+                </small>
63
+            </div>
64
+
65
+            <h3>Mit öffentlichem Nahverkehr</h3>
66
+            <p>
67
+                Straßenbahn: Linie 7 bis Endhaltestelle Weixdorf<br />
68
+                S-Bahn: SBS Richtung Königsbrück bis Haltepunkt Weixdorf
69
+            </p>
70
+
71
+        </div>
72
+
73
+        <div id="footer">
74
+            <div id="footer-left">&copy 2013 Ferienwohnung Meißner</div>
75
+            <div id="footer-right"><a href="index.html">Startseite</a><a href="kontakt.html">Kontakt</a><a href="kontakt.html">Impressum</a></div>
76
+        </div>
77
+
78
+    </div>
79
+
80
+</body>
81
+
82
+</html>

+ 120
- 0
wohnung.html View File

@@ -0,0 +1,120 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+    <meta charset="utf-8">
6
+    <meta name="keywords" content="Ferienwohnung, Meißner, Weixdorf, Dresden, Übernachten">
7
+    <meta name="description" content="Ferienwohnung Meißner Ausstattung der Wohnung - Gemütlich und günstig Übernachten in Dresden Weixdorf">
8
+    <meta name="author" content="Torsten Meißner">
9
+    <link rel="stylesheet" href="css/style.css">
10
+    <!-- fixes problem with big gallery picture in IE8 -->
11
+    <!--[if IE 8]>
12
+        <style type="text/css">
13
+            #img-gallery a:hover span {
14
+                margin-top: -18px;
15
+            }
16
+        </style>
17
+    <![endif]-->
18
+</head>
19
+
20
+<body>
21
+
22
+    <div id="wrapper">
23
+
24
+        <div id="header">
25
+            <img src="images/header.jpg" alt="Kirchteich Weixdorf" width="944" height="200">
26
+            <h1>Ferienwohnung Meißner</h1>
27
+        </div>
28
+
29
+        <div id="nav">
30
+            <ul>
31
+                <li><a class="nav-left" href="index.html">Startseite</a></li>
32
+                <li><a class="active" href="wohnung.html">Wohnung</a></li>
33
+                <li><a href="buchung.html">Preis/Anfrage</a></li>
34
+                <li><a href="kontakt.html">Lage/Kontakt</a></li>
35
+                <li><a class="nav-right" href="extras.html">Ausflüge</a></li>
36
+            </ul>
37
+        </div>
38
+
39
+        <div id="content">
40
+            <div id="content-left">
41
+                <h2>Räume</h2>
42
+                <p>
43
+                    Hier können Sie einige Bilder unserer Wohnung anschauen.
44
+                </p>
45
+                <div id="img-gallery">
46
+                    <img id="gallery-big"   src="images/wohnung1.jpg" alt="" width="530" height="398">
47
+                    <a id="wohnung0"><img class="gallery-small gallery-left" src="images/wohnung1.jpg" alt="" width="125" height="100">
48
+                        <span></span>
49
+                    </a>
50
+                    <a id="wohnung1"><img class="gallery-small" src="images/wohnung2.jpg" alt="" width="125" height="100">
51
+                        <span></span>
52
+                    </a>
53
+                    <a id="wohnung2"><img class="gallery-small" src="images/wohnung3.jpg" alt="" width="125" height="100">
54
+                        <span></span>
55
+                    </a>
56
+                    <a id="wohnung3"><img class="gallery-small" src="images/wohnung4.jpg" alt="" width="125" height="100">
57
+                        <span></span>
58
+                    </a>
59
+                    <a id="wohnung4"><img class="gallery-small gallery-left" src="images/wohnung5.jpg" alt="" width="125" height="100">
60
+                        <span></span>
61
+                    </a>
62
+                    <a id="wohnung5"><img class="gallery-small" src="images/wohnung6.jpg" alt="" width="125" height="100">
63
+                        <span></span>
64
+                    </a>
65
+                    <a id="wohnung6"><img class="gallery-small" src="images/wohnung7.jpg" alt="" width="125" height="100">
66
+                        <span></span>
67
+                    </a>
68
+                    <a id="wohnung7"><img class="gallery-small" src="images/wohnung8.jpg" alt="" width="125" height="100">
69
+                        <span></span>
70
+                    </a>
71
+                </div>
72
+            </div>
73
+            <div id="content-right">
74
+                <h2>Ausstattung</h2>
75
+                <p>
76
+                    Unsere 2-Zimmer Ferienwohnung hat eine Wohnfläche von 41qm und ist funktional und gemütlich ausgestattet.
77
+                </p>
78
+                <p>
79
+                    Sie befindet sich im 1. OG unseres Hauses und eignet sich für bis zu 3 Personen (plus einem Kleinkind).
80
+                </p>
81
+                <h3>Küche</h3>
82
+                <ul>
83
+                    <li>Einbauküche</li>
84
+                    <li>Herd, Kühlschrank, Toaster</li>
85
+                    <li>Kaffeemaschine, Wasserkocher</li>
86
+                    <li>Sitzecke zum Verweilen</li>
87
+                </ul>
88
+                <h3>Wohn- & Schlafzimmer</h3>
89
+                <ul>
90
+                    <li>Doppelbett, Schlafsofa</li>
91
+                    <li>Stubentisch mit Sitzen</li>
92
+                    <li>Kommoden zum Verstauen</li>
93
+                    <li>LCD-Fernseher, Musikanlage</li>
94
+                </ul>
95
+                <h3>Bad & Flur</h3>
96
+                <ul>
97
+                    <li>Dusche</li>
98
+                    <li>beleuchteter Badspiegel</li>
99
+                    <li>Kleider- & Schuhschrank</li>
100
+                    <li>Garderobe mit Spiegel</li>
101
+                </ul>
102
+                <h3>Allgemein</h3>
103
+                <ul>
104
+                    <li>Internet über WLAN</li>
105
+                    <li>PKW-Stellplatz</li>
106
+                    <li>Garten mit Gartenmöbeln</li>
107
+                </ul>
108
+            </div>
109
+        </div>
110
+
111
+        <div id="footer">
112
+            <div id="footer-left">&copy 2013 Ferienwohnung Meißner</div>
113
+            <div id="footer-right"><a href="index.html">Startseite</a><a href="kontakt.html">Kontakt</a><a href="kontakt.html">Impressum</a></div>
114
+        </div>
115
+
116
+    </div>
117
+
118
+</body>
119
+
120
+</html>