<style type="text/css">
<!--
/*Hintergund und allgemein*/
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url();
background-repeat: none;
text-align:center; }
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Header*/
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/l/lok-templin/header_lok_templin.gif);
background-repeat:no-repeat;
border:1px solid #000000; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/*Navigation*/
/* Titel in Navigation entfernen */
td.nav_heading {visibility:hidden;}
/* Navigation button entfernen */
td.nav {visibility:hidden;}
/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}
/* Navigation Hintergrund entfernen */
td.edit_navi_headbg {visibility:hidden;}
/*Coolmenu*/
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 190px;
left: 400px;
width:550px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 105px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.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: 30px;
color: #ff0000; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #000000;
background-image: url(URL);
color: #ffff00; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 0px;
display: none;
width: 160px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
/*Textfeld*/
/* Balken über Textfeld */
td.edit_content_top {
height:20px;
background-color:#xxxxxx;
background-image:url(http://img.webme.com/pic/l/lok-templin/header_lok_templin.gif);
border:1px solid #000000; }
/* Seitentitel über Textfeld */
td.headline2 {
color:#ffff00;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }
/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }
/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url();
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#000000;
border:1px solid #ffff00; }
/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#xxxxxx;
background-image: url();
border:0px solid #000000; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/*Rechte BOX*/
/* Titel über rechter Box */
td.sidebar_heading {
color:#ffff00;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url();
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #ffff00; }
/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://lok-templin.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>
