<style type="text/css">
body {
background: #ccc;
}
#rahmen1 {
background: #CECFCE;
margin: 30px 50px;
padding: 2px;
border: 1px solid #CECFCE;
}
#rahmen2 {
background: #BDBEBD;
padding: 2px;
}
#rahmen3 {
background: #ADAEAD;
padding: 2px;
}
#rahmen4 {
background: #9C9E9C;
padding: 2px;
}
#rahmen5 {
background: #8C8E8C;
padding: 2px;
}
#rahmen6 {
background: #7B7D7B;
padding: 2px;
}
#rahmen7 {
background: #6B6D6B;
padding: 2px;
}
#rahmen8 {
background: #5A595A;
padding: 2px;
}
#rahmen9 {
background: #4A494A;
padding: 2px;
}
#rahmen10 {
background: #4A494A;
padding: 1px;
}
#rahmen11 {
background: #5A595A;
padding: 2px;
}
#rahmen12 {
background: #6B6D6B;
padding: 2px;
}
#rahmen13 {
background: #7B7D7B;
padding: 2px;
}
#rahmen14 {
background: #8C8E8C;
padding: 2px;
}
#rahmen15 {
background: #9C9E9C;
padding: 2px;
}
#rahmen16 {
background: #ADAEAD;
padding: 2px;
}
#rahmen17 {
background: #BDBEBD;
padding: 2px;
}
.textfeld {
overflow:auto;
text-align: center;
border: 2px solid #CECFCE;
background: #EFEFEF url(BILDADRESSE);
padding: 2em;
font: italic 1.5em Times New Roman;
color: #888888;
}
.textfeld h1 {
font: bold 1.5em Palatino Linotype;
color: 888888;
text-align: center;
}
.textfeld ul {
margin: 2em 4em;
padding: 0 3em;
text-align: left;
}
#angebot {
text-align: center;
margin:4em auto 0.5em;
font:italic 0.8em Times New Roman;
color: #838383;
}
#angebot a,
#angebot a:visited {
color: #838383;
}
#angebot a:hover {
color: #a00;
}
/*============= Fotogalerie Anfang =============*/
#galerie {
text-align: center;
margin: auto;
font-family: Verdana;
color: #888;
}
#galerie h1 {
text-align: left;
margin: 100px auto 0;
width: 800px;
font-weight: normal;
font-size: 1.4em;
border-bottom: 1px solid #888;
}
#container {
padding: 0px;
width: 800px;
height: 430px;
overflow: auto;
color: #222;
text-align: center;
margin: 50px auto;
}
#container p {
margin: 0;
font-size:0.9em;
color: #999;
}
#container ul {
background: #505050;
margin: 0;
padding: 0px;
list-style: none;
white-space: nowrap;
display: table-row;
}
#container ul li {
display: table-cell;
padding: 0 15px;
border-bottom: 1px solid #888;
vertical-align: top;
}
#container ul li img {
border: 1px solid #888;
margin: 30px 0 10px 0;
}
</style>

<!--[if lte IE 7]>
<style>
#container {
width:800px;
scrollbar-arrow-color: #810700;
scrollbar-3dlight-color: #333333;
scrollbar-highlight-color: #8B8B8B;
scrollbar-face-color: #666;
scrollbar-shadow-color: #8B8B8B;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #505050;
}
#container ul li {display: inline; zoom: 1; height: 350px;}
* html #container {height: 440px; he\ight: 390px;}
</style>
<![endif]-->

<!--[if lte IE 8]>
<style>
#container {
width:800px;
scrollbar-arrow-color: #810700;
scrollbar-3dlight-color: #333333;
scrollbar-highlight-color: #8B8B8B;
scrollbar-face-color: #666;
scrollbar-shadow-color: #8B8B8B;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #505050;
}
#container ul li {display: inline; zoom: 1; height: 350px;}
* html #container {height: 440px; he\ight: 390px;}
</style>
<![endif]-->
<!-- ============= Fotogalerie Ende ============= -->

<div id="rahmen1">
<div id="rahmen2">
<div id="rahmen3">
<div id="rahmen4">
<div id="rahmen5">
<div id="rahmen6">
<div id="rahmen7">
<div id="rahmen8">
<div id="rahmen9">
<div id="rahmen10">
<div id="rahmen11">
<div id="rahmen12">
<div id="rahmen13">
<div id="rahmen14">
<div id="rahmen15">
<div id="rahmen16">
<div id="rahmen17">

<div class="textfeld">
<h1>ARTIKELBESCHREIBUNG</h1>
<ul>
<li>Text nach Belieben ...</li>
<li>Maße Maße Maße ...</li>
<li>Material ...</li>
<li>Erhaltungszustand ...</li>
<li>Preis ...</li>
<li>Versand ...</li>
<li>evtl. AGBs, Disclaimer ...</li>
<li>Sonstiges ... Sonstiges ... Sonstiges ...</li>
</ul>
<IMG src="BILDADRESSE" alt="Alternativtext" >

<! ============= Fotogalerie Anfang ============= -->
<div id="galerie">
<h1>Fotogalerie: Details</h1>
<div id="container">
<ul>
<li><img src="BILDADRESSE" alt="" title=""><p>Bildunterschrift</p></li>
<li><img src="BILDADRESSE" alt="" title=""><p>Bildunterschrift</p></li>
<li><img src="BILDADRESSE" alt="" title=""><p>Bildunterschrift</p></li>
<li><img src="BILDADRESSE" alt="" title=""><p>Bildunterschrift</p></li>
<li><img src="BILDADRESSE" alt="" title=""><p>Bildunterschrift</p></li>
<li><img src="BILDADRESSE" alt="" title=""><p>Bildunterschrift</p></li>
</ul>
</div><!-- container -->
</div><!-- galerie -->
<! Fotoscript in Anlehnung an: http://www.cssplay.co.uk/menu/magnify -->
<! ============= Fotogalerie ENDE ============= -->

<p id="angebot">
Bitte beachtet auch meine anderen <a href="http://search.ebay.de/_W0QQsassZDEIN_EBAY_NAME"> Angebote</a>, vielleicht läßt sich Porto sparen!</p>
</div><!--angebot-->

</div><!--textfeld-->
</div><!--rahmen17-->
</div><!--rahmen16-->
</div><!--rahmen15-->
</div><!--rahmen14-->
</div><!--rahmen13-->
</div><!--rahmen12-->
</div><!--rahmen11-->
</div><!--rahmen10-->
</div><!--rahmen9-->
</div><!--rahmen8-->
</div><!--rahmen7-->
</div><!--rahmen6-->
</div><!--rahmen5-->
</div><!--rahmen4-->
</div><!--rahmen3-->
</div><!--rahmen2-->
</div><!--rahmen1-->