Sothink DHTMLMenu

<?xml version="1.0" encoding="utf-8" ?>
- <sothink_menu>
- <description>
  <temp_depict />
  <temp_title />
  <version>7.00</version>
  <prog_id>PageletServer.DynamicMenu</prog_id>
  <update_time />
  <preview_path />
  </description>
- <global>
  <top_state>2</top_state>
  <publish_file />
  <js_path_name />
  <fast_js_enable>0</fast_js_enable>
  <fast_js_type>0</fast_js_type>
  <fast_js_path />
  <fast_js_img_path />
  <fast_js_script_path />
  <click_show>0</click_show>
  <right_to_left>0</right_to_left>
  <hide_sub>1</hide_sub>
  <delay_hide>1000</delay_hide>
  <delay_show_v>250</delay_show_v>
  <delay_show_h>0</delay_show_h>
  <name>menu7344</name>
  <type>0</type>
  <align>0</align>
  <stretch_width>0</stretch_width>
  <width>100</width>
  <width_unit>0</width_unit>
  <coor_x>0</coor_x>
  <coor_x_scroll>0</coor_x_scroll>
  <coor_y>0</coor_y>
  <coor_y_scroll>0</coor_y_scroll>
  <cursor_nolink>default</cursor_nolink>
  <cursor_link>hand</cursor_link>
  <script_path />
  <image_path />
  <link_prefix />
  <highlight>67108896</highlight>
  <highlight_level>2</highlight_level>
  <encode>1</encode>
  <hide_select>1</hide_select>
  <hide_object>0</hide_object>
  <hide_iframe>0</hide_iframe>
  </global>
- <ul>
- <li type="text" class="item">
  <a href="" target="_self">O nás...</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Fotogaléria</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Kontakty\r\n</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Projekty</a>
  </li>
- <li type="text" class="pop_item">
  <a href="" target="_self">Terapie</a>
  </li>
- <ul>
- <li type="text" class="item">
  <a href="" target="_self">Ergoterapia</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Arteterapia</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Fyzioterapia</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Kanisterapia</a>
  </li>
  </ul>
- <li type="text" class="item">
  <a href="" target="_self">Naši sponzori</a>
  </li>
- <li type="text" class="item">
  <a href="" target="_self">Personál</a>
  </li>
  </ul>
- <layer>
- <setting>
  <display>1</display>
  <spacing>1</spacing>
  <padding>3</padding>
  <transparency>0</transparency>
  <direction>0</direction>
  <corner_x>0</corner_x>
  <corner_y>0</corner_y>
  <bg_color>#000000</bg_color>
  <bg_transparent>0</bg_transparent>
  <bg_image />
  <bg_tile>0</bg_tile>
  <border_style>1</border_style>
  <border_width>0</border_width>
  <border_color>#000000</border_color>
  <border_synchronize>0</border_synchronize>
  <shadow_type>2</shadow_type>
  <shadow_size>3</shadow_size>
  <shadow_color>#999999</shadow_color>
  <effect_show>0</effect_show>
  <effect_hide>0</effect_hide>
  <effect_speed>40</effect_speed>
  <enable_decoration>0</enable_decoration>
  <dr_left_top />
  <dr_right_top />
  <dr_right_bottom />
  <dr_left_bottom />
  <dr_top img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  <dr_right img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  <dr_bottom img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  <dr_left img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  </setting>
- <node state="1" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="C:\Program Files\SourceTec\Sothink DHTMLMenu\templates\Simple\dark green\arrow_r.gif" over="C:\Program Files\SourceTec\Sothink DHTMLMenu\templates\Simple\dark green\arrow_r.gif" width="7" height="7" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="2" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\arrow_r.gif" over="C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\arrow_r.gif" width="7" height="7" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
- <layer>
- <setting>
  <display>1</display>
  <spacing>1</spacing>
  <padding>3</padding>
  <transparency>0</transparency>
  <direction>0</direction>
  <corner_x>0</corner_x>
  <corner_y>0</corner_y>
  <bg_color>#000000</bg_color>
  <bg_transparent>0</bg_transparent>
  <bg_image />
  <bg_tile>0</bg_tile>
  <border_style>1</border_style>
  <border_width>0</border_width>
  <border_color>#5E2121 #000000 #000000</border_color>
  <border_synchronize>0</border_synchronize>
  <shadow_type>2</shadow_type>
  <shadow_size>3</shadow_size>
  <shadow_color>#999999</shadow_color>
  <effect_show>0</effect_show>
  <effect_hide>0</effect_hide>
  <effect_speed>40</effect_speed>
  <enable_decoration>0</enable_decoration>
  <dr_left_top />
  <dr_right_top />
  <dr_right_bottom />
  <dr_left_bottom />
  <dr_top img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  <dr_right img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  <dr_bottom img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  <dr_left img_path="" img_height="-1" img_width="-1" bg_img="" bg_color="#FFFFF7" bg_transparent="0" bg_tile="3" />
  </setting>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="0" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="0" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="0" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="0" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="0" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="0" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="0" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="0" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
  </layer>
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
- <node state="0" condition_invisible="0">
  <condition_prefix />
  <condition_suffix />
  <general width="0" height="0" type="0" align_h="0" align_v="1" tip_text="" status="" status_default="1" />
  <font out_face="Verdana" out_color="#000000" out_size="8" out_size_unit="0" out_decoration="1" over_face="Verdana" over_color="#FFFFFF" over_size="8" over_size_unit="0" over_decoration="3" />
  <image out="" over="" width="-1" height="-1" border="0" />
  <icon out="" over="" width="5" height="0" border="0" />
  <arrow out="" over="" width="-1" height="-1" border="0" />
  <background out_color="#BDD888" out_transparent="0" out_image="" out_tile="3" over_color="#FFCC00" over_transparent="0" over_image="" over_tile="3" />
  <border style="1" width="1" out_color="#AECC74" out_synchronize="1" over_color="#AECC74" over_synchronize="1" />
  </node>
  </layer>
- <cross_frame>
  <created>0</created>
  <direction>0</direction>
  <coor_x>0</coor_x>
  <coor_y>0</coor_y>
  <iframe>0</iframe>
  <navigate_frame>Navigation_frame</navigate_frame>
  <content_frame>Main_frame</content_frame>
  <show_in_navigation>1</show_in_navigation>
  </cross_frame>
- <scroll_h>
  <enable_scroll>0</enable_scroll>
  <enable_custom>0</enable_custom>
  <custom_size>1</custom_size>
  <bg_out_color>#FFFFF7</bg_out_color>
  <bg_out_transparent>1</bg_out_transparent>
  <bg_out_image />
  <bg_out_tile>3</bg_out_tile>
  <bg_over_color>#B5BED6</bg_over_color>
  <bg_over_transparent>1</bg_over_transparent>
  <bg_over_image />
  <bg_over_tile>3</bg_over_tile>
  <border_style>0</border_style>
  <border_width>1</border_width>
  <border_out_color>#FFFFF7</border_out_color>
  <border_out_synchronize>1</border_out_synchronize>
  <border_over_color>#000000</border_over_color>
  <border_over_synchronize>1</border_over_synchronize>
  <arrow_lu_enable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\left_disabled.gif</arrow_lu_enable>
  <arrow_lu_disable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\left_enabled.gif</arrow_lu_disable>
  <arrow_lu_width>9</arrow_lu_width>
  <arrow_lu_height>7</arrow_lu_height>
  <arrow_lu_border>0</arrow_lu_border>
  <arrow_rd_enable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\right_disabled.gif</arrow_rd_enable>
  <arrow_rd_disable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\right_enabled.gif</arrow_rd_disable>
  <arrow_rd_width>9</arrow_rd_width>
  <arrow_rd_height>7</arrow_rd_height>
  <arrow_rd_border>0</arrow_rd_border>
  </scroll_h>
- <scroll_v>
  <enable_scroll>0</enable_scroll>
  <enable_custom>0</enable_custom>
  <custom_size>1</custom_size>
  <bg_out_color>#006633</bg_out_color>
  <bg_out_transparent>1</bg_out_transparent>
  <bg_out_image />
  <bg_out_tile>3</bg_out_tile>
  <bg_over_color>#B5BED6</bg_over_color>
  <bg_over_transparent>0</bg_over_transparent>
  <bg_over_image />
  <bg_over_tile>3</bg_over_tile>
  <border_style>1</border_style>
  <border_width>1</border_width>
  <border_out_color>#FFFFF7</border_out_color>
  <border_out_synchronize>1</border_out_synchronize>
  <border_over_color>#000000</border_over_color>
  <border_over_synchronize>0</border_over_synchronize>
  <arrow_lu_enable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\up_disabled.gif</arrow_lu_enable>
  <arrow_lu_disable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\up_enabled.gif</arrow_lu_disable>
  <arrow_lu_width>7</arrow_lu_width>
  <arrow_lu_height>9</arrow_lu_height>
  <arrow_lu_border>0</arrow_lu_border>
  <arrow_rd_enable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\down_disabled.gif</arrow_rd_enable>
  <arrow_rd_disable>C:\Program Files\SourceTec\Sothink DHTMLMenu\Resource\down_enabled.gif</arrow_rd_disable>
  <arrow_rd_width>7</arrow_rd_width>
  <arrow_rd_height>9</arrow_rd_height>
  <arrow_rd_border>0</arrow_rd_border>
  </scroll_v>
  </sothink_menu> 

<ul>
  <li><a href="odkaz1">text odkazu1</a></li>
  <li><a href="odkaz2">text odkazu2</a></li>
  <li><a href="odkaz3">text odkazu3</a></li>
  <li><a href="odkaz4">text odkazu4</a></li>
</ul>

dss.tym.sk

....
   <link rel="stylesheet" href="default.css" type="text/css" />
   <title>test</title>
</head>

<body>

    <h1>H1 nadpis stranky</h1>
    <ul id="menu">
        <li><a href="#">menuitem 1</a></li>
        <li><a href="#">menuitem 2</a></li>
        <li><a href="#">menuitem 3</a></li>
        <li><a href="#">menuitem 4</a></li>
    </ul>
    <p>
        nejaky ten text ktory bude z prava obtekat menu..
    </p>
       
</body>
</html>

ul#menu {
    float:left;
    margin:0 20px 0 0;
    padding:10px;
}

p {
    margin-left:110px;
}

ul#menu {
    float:left;
    margin:0 20px 0 0;
    padding:10px;
}