<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
/* Design kürzen (kein scrollen des Designs bei kurzen Seiten) */
td.edit_main_tr {
height: 60% !important; }
.text_scrolling{
height:450px;
width:800px;
overflow:auto;}
/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##XXXXXX;
font-size: 12px;
text-decoration: none;}
a:hover {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
a:active {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
a:visited {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #0033FF;
color: #000000 !important;}
/* Navigation*/
td.nav{
text-decoration: none;
color: #000000;
width: 185px;
height: 40px;
background-image: url(http://HIER BUTTON 1.jpg);}
td.nav:hover{
color: #000000;
width: 185px;
height: 40px;
background-image: url(http://Hier Button 2.jpg);}
td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #XXXXXX;
width: 185px;
background-repeat: repeat-y;}
td.edit_below_nav{
visibility: hidden;
width: 185px;}
td.edit_below_nav img{
visibility: hidden;
width: 1px;}
td.nav_heading{
width: 89px;
height: 80px;
background-image: url(http://Bild über Navigation.jpg);
background-color: #XXXXXX;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}
td.edit_navi_headbg table{
width: 185px;}
.menu{
width: 185px;
color: #0033FF !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}
.menu a{
color: #0033FF;
font-weight: bold;
padding-left: 35px;
text-decoration: none;
font-size: 12px;}
/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#XXXXXX;
font-size: 12px;
text-decoration: none;}
td.edit_content a:hover {
color: ##XXXXXX;
font-size: 12px;
text-decoration: none;}
/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-color: #0033FF;}
/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}
td.edit_content_top{
height: 25px;
background-image: url();
background-color: #XXXXXX;}
td.edit_content_bottom{
background-image: url();
background-color: #XXXXXX;}
td.edit_content_bottom2{
background-image: url();
background-color: #XXXXXX;
text-align: right;}
td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #XXXXXX;}
/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}
td.sidebar_heading{
background-image: url();
background-color: #0033FF;
border-bottom: 0px double #XXXXXX;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #0033FF;
color: #000000;
font-weight: bold;}
td.edit_rb_footer{
background-image: url();
background-color: #0033FF;
border-bottom: 0px solid ##XXXXXX;}
td.edit_rechts_bottom{
background-image: url();
background-color: #0033FF;}
-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}
/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}
/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}
/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}
/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}
/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="http://wolles-modellbahn.de.tl/Home.htm">Home</a></li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Modellbahn</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="
http://wolles-modellbahn.de.tl/N_Bahn/index.htm ">N-Bahn</a></li>
<li><a href="
http://wolles-modellbahn.de.tl/Standmodelle.htm">Standmodelle</a></li>
<li><a href="
http://wolles-modellbahn.de.tl/Gartenbahn.htm ">Gartenbahn</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Personen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://wolles-modellbahn.de.tl/Wolle.htm">Wolle</a></li>
<li><a href="http://wolles-modellbahn.de.tl/Marcel.htm">Marcel</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Für euch</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://wolles-modellbahn.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://f3.webmart.de/f.cfm?id=3387762 ">Forum</a></li>
<li><a href="http://wolles-modellbahn.de.tl/Eure-Links.htm">Links</a></li>
</ul>
</li>
</div>