css
--></style>
<div id="Beispiel_5">
<style type="text/css">
<!--
#Beispiel_5 {
position: absolute;
top: 30px;
left: 50%;
margin-left: -375px;
width: 728px;
z-index:3; }
/* Werbung oben mit Schatten + abgerundete Ecken */
iframe{
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434; }
/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }
/* Hintergrund hinter Design */
body {
background-color:#EBC890;
background-image:url(https://img.webme.com/pic/t/table-test/bg_body_beige.png);
background-repeat:repeat-x; }
/* Textfarbe + Textgröße + Schriftart */
div , td {
color: #000099;
font-size: 14px;
font-family: arial; }
/* Container mit Schatten + abgerundete Ecken */
#container {
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 800px;
overflow: hidden;
background-color: #878786;
background-image:url(https://img.webme.com/pic/t/table-test/bg_container_beige.png);
background-repeat: repeat-x;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434;
z-index:1; }
/* Feld der Navigation */
#nav_container {
float:right;
margin-left:20px;
margin-top:125px;
margin-right:20px;
margin-bottom: 20px;
width:120px;
border: 0px solid #c9c9c9; }
li.nav_element {
list-style-type: none;
margin-bottom: 7px; }
/* Navi-Button mit Schatten + gerundete Ecken */
li.nav_element a {
display: block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color: #000000;
font-size:12px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#FFFFFF;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #343434; }
/* Hover Button */
li.nav_element a:hover {
color: #FFFFFF;
background-color: #52514E; }
/* gerade besuchte Seite */
li.checked_menu a {
color: #FFFFFF;
background-color: #AD864C; }
/* Textfeld mit Schatten + gerundete Ecken */
#content {
float:left;
margin-top:125px;
margin-left: 20px;
margin-bottom: 20px;
width:570px;
min-height:200px;
text-align:left;
background-color:#FFFFFF;
background-image: none;
padding: 20px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #343434;}
/* Linkfarbe und Linkgröße im Textfeld */
#content a {
color: #000080;
font-size: 13px;
font-family: arial;
text-decoration: none;}
/* Streifen unter dem Design */
#unten {
margin: auto;
width: 780px;
padding: 10px;
text-align: center;
margin-bottom: 50px;
background-color: #878786;
border: 1px solid #343434;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434; }
/* Alle Bilder mit Schatten + abgerundete Ecken */
img {
margin-left: 5px;
margin-right: 5px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 3px 3px 4px #000000, 3px 3px 4px #343434;}
/* unnötige DIVs aus dem Design entfernt */
#pre_content {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#post_content {display: none;}
#below_content{display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
div.header {display: none;}
h1#header {display: none;}
h2#title span {display: none;}
#sidebar_heading {display: none;}
#nav_heading {display: none;}
#sidebar_container {display: none;}
#header_container {display: none; }
#pre_header {display:none;}
div.header{display: none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display: none;}
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}