<!DOCTYPE html>
<html>
    <head>
        <title>${danube_page_title}</title>
        
        ${css}
        ${js}
        <style>
        #galleria{ width: 800px; height: 600px; background: #FFF }
        </style>
        <style type="text/css">
        
            div
            {
                border-radius: 5px;
            }
            
        </style>
    </head>
    <!--<body style="background: #3366CC;"> -->
    <body style="background: #6699FF;">
        
        <div style="width: 900px; margin-right: auto; margin-left: auto;"><img src="danube/page/default_page/pics/css/font.png" /></div>
        <div class="hero-unit" style=" border: 1px solid black; border-top: 0px solid black; box-shadow: 5px 5px 3px; background: url(danube/page/default_page/pics/css/verlauf_bg.png); width: 934px; padding: 0px; margin: 0; margin-bottom: 15px; padding-bottom: -10px; margin-left: auto; margin-right: auto; margin-top: -2px;">
            <div class="hero-unit" style="background: url(danube/page/default_page/pics/css/verlauf_bg.png); margin: 0; padding: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-bottom-left-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">
             
<!--            <div class="hero-unit" style=" height: 700px; margin-top: 0px; padding: 0;">
                <div class="hero-unit" style=" margin-top: 0px; padding:7px; height: 200;">
                    <img src="banner2.png" style="">
                </div>-->

                <div id="danube_menu" class="navbar navbar-inverse" style="height: 32px; ">
                <div class="navbar-inner" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: url(danube/page/default_page/pics/css/verlauf_bg.png); ">                
                    <div class="1container">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="brand" href="" url="?action=default_page">${danube_menu_home}</a>
                        <div class="nav-collapse collapse">
                            <ul class="nav">
                                <li><a href="#" url="?action=introduction">${danube_menu_introduction}</a></li>
                                <li><a href="#" url="?action=prices" url_pic="danube/page/default_page/pics/photos/bar_front2.png">${danube_menu_prices}</a></li>
                                <li><a href="#" url="?action=contact">${danube_menu_contact}</a></li>
                                <li><a href="#" url="?action=impressions">${danube_menu_impressions}</a></li>
                                <li><a href="#" url="?action=partners">${danube_menu_partners}</a></li>
                                <li><a href="#" url="?action=certificates">${danube_menu_certificates}</a></li></ul>
                            
                    </div><!--/.nav-collapse -->
                    
                  </div>

                  <div id="fb" style="margin-left: 750px; padding-top: 15px;">
                        <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.blue-danube-massage.de&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px; margin: 0; padding: 0; width: 140px;" allowTransparency="true">                        
                        </iframe>
                  </div>
                </div>               
              </div>
              <div id="myCarousel" class="carousel slide" style="background: black; width: 916px; padding: 0; margin: 0; margin-left: auto; margin-right: auto;  border-bottom: 0px solid black;">
                     
                  <div class="carousel-inner">
                      
                         <div id="pic">
                             
                                ${danube_page_headpic_home} 
                         </div>
                     <!-- <div class="test"><a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a></div>
                     <div class="test"><a class="right carousel-control" href="#"  url_pic="" data-slide="next">&rsaquo;</a></div> -->
      
                   </div>
              </div>
        
      <!-- Three columns of text below the carousel -->
        <div id="space" style="height: 7px; background: url(danube/page/default_page/pics/css/verlauf_bg.png); margin-left: 9px; margin-right: 9px;"></div>
        <div id="languages" style="float: right; margin-right: 25px;"><a href="javascript:switchLocale('deDE');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/ger.jpg" /></a>
                <a href="javascript:switchLocale('enUS');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/uk.jpg" /></a>
        <a href="javascript:switchLocale('huHU');"><img src="http://mojotrollz.eu/web/danube/danube/page/js/flags/hu.jpg" /></a></div>
        <div class="hero-unit" id="text" style="line-height: 180%; fonz-size: 80%; border-top-left-radius: 5; border-top-right-radius: 5; border-right: 1px solid black;  border-left: 1px solid black; padding: 0; padding-top: 15px; padding-bottom: 40px; margin: 0; margin-bottom: 3px; margin-left: 8px; margin-right: 8px; padding-left: 45px; padding-right: 150px; background: url(danube/page/default_page/pics/css/text.png) bottom right no-repeat white;">
    
            <div id="site-content-wrapper">
                
            <div id="site-content">
                ${danube_page_content}</div>
            </div>   
            
        </div>    
    <div class="hero-unit" style="background: url(danube/page/default_page/pics/css/verlauf_bg.png)no-repeat; text-align: right; font-size: 75%; color: grey; height: 25px; padding: 0; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding-bottom: 3px; padding-right: 3px;">
             <!-- WebCraft Media -->
            </div>
        </div>
     
    </body>
</html>
