//url = "D:/EMSNARREN/Website/Website"
url = "http://www.emsnarren.de"

function header(main, sub) {

 document.writeln("<table width='1000' align='center' cellspacing=0 cellpadding=0><tr><td width='100%' class='tablecell'>");

 getNavigation();

 document.writeln("<table width='1000' align='center' cellspacing=0 cellpadding=0 bgcolor='#ffffff'><tr><td align='center'>");
 document.writeln("<img src='" + url + "/grafik/header.png'><br>");
 document.writeln("</td></tr></table>");

 document.writeln("<center><img src='" + url + "/grafik/balken_rot.png'></center>");
 document.writeln("<table width='1000' align='center' cellspacing=0 cellpadding=10 bgcolor='#ffffff'><tr>");
 document.writeln("<td align='center' width='80'><img src='" + url + "/grafik/logo.png'></td>");
 document.writeln("<td align='center'><img src='" + url + "/grafik/verein.png'><br>");
 document.writeln("</tr></table>");
 document.writeln("<center><img src='" + url + "/grafik/balken_rot.png'></center>");

 document.writeln("<table width='1000' align='center' cellspacing=0 cellpadding=0><tr>");

 document.writeln("<td width='1000' valign='top'>");

 document.writeln("<br>");

}

function footer() {

 document.writeln("</td>");
 document.writeln("</tr>");
 document.writeln("</table>");

 document.writeln("<img src='" + url + "/grafik/balken_rot.png'><br>");
 //document.writeln("<hr>");
 document.writeln("<table width='1000' align='center' cellspacing=0 cellpadding=10><tr>");
 document.writeln("<td align='center'><img src='" + url + "/grafik/wappen.jpg'></td>");
 document.writeln("<td align='center'><img src='" + url + "/grafik/bwk.png'></td>");
 document.writeln("<td align='center'><img src='" + url + "/grafik/sdk.png'></td>");
 document.writeln("<td align='center'><img src='" + url + "/grafik/bdk.png'></td>");
 document.writeln("<td align='center'><img src='" + url + "/grafik/schoening.png'></td>");
 document.writeln("</tr></table>");
 //document.writeln("<hr>");
 document.writeln("<img src='" + url + "/grafik/balken_rot.png'>");
 
 document.writeln("</td></tr></table>");

}

function getNavigation() {

 	document.writeln("<div class='navbar'>");

 	document.writeln("<div class='dropdown'>");
 	document.writeln("<button class='dropbtn'>Portal"); 
 	document.writeln("<i class='fa fa-caret-down'></i>");
 	document.writeln("</button>");
 	document.writeln("<div class='dropdown-content'>");
 	document.writeln("<a href='" + url + "/index.htm'>Startseite</a>");
 	document.writeln("<a href='" + url + "/sonstiges/impressum.htm'>Impressum</a>");
 	document.writeln("<a href='" + url + "/sonstiges/datenschutz.htm'>Datenschutz</a>");
        document.writeln("<a href='" + url + "/downloads/downloads.htm'>Downloads</a>");
 	document.writeln("<a href='" + url + "/sonstiges/links.htm'>Links</a>");
 	document.writeln("</div>");
 	document.writeln("</div>");

 	document.writeln("<div class='dropdown'>");
 	document.writeln("<button class='dropbtn'>Verein");
 	document.writeln("<i class='fa fa-caret-down'></i>");
 	document.writeln("</button>");
 	document.writeln("<div class='dropdown-content'>");
 	document.writeln("<a href='" + url + "/verein/verein.htm'>Allgemeines</a>");
 	document.writeln("<a href='" + url + "/verein/mitgliedschaft.htm'>Mitgliedschaft</a>");
 	document.writeln("<a href='" + url + "/verein/generalversammlung.htm'>Generalversammlung</a>");
 	document.writeln("</div>"); 
 	document.writeln("</div>");

 	document.writeln("<div class='dropdown'>");
 	document.writeln("<button class='dropbtn'>Formation");
 	document.writeln("<i class='fa fa-caret-down'></i>");
 	document.writeln("</button>");
 	document.writeln("<div class='dropdown-content'>");
 	document.writeln("<a href='" + url + "/verein/dreigestirn.htm'>Dreigestirn</a>");
        document.writeln("<a href='" + url + "/verein/vorstand.htm'>Vorstand</a>");
 	document.writeln("<a href='" + url + "/verein/elferrat.htm'>Elferrat</a>");
 	document.writeln("<a href='" + url + "/sitzungen/komitee_frauensitzung.htm'>Emsweiber</a>");
 	document.writeln("<a href='" + url + "/prinzengarde/index.htm'>Tanzgarden</a>");
 	document.writeln("<a href='" + url + "/umzuege/wagenbau.htm'>Wagenbau</a>");
 	document.writeln("</div>");
 	document.writeln("</div>"); 

 	document.writeln("<div class='dropdown'>");
 	document.writeln("<button class='dropbtn'>Brauchtum");
 	document.writeln("<i class='fa fa-caret-down'></i>");
 	document.writeln("</button>");
 	document.writeln("<div class='dropdown-content'>");
 	document.writeln("<a href='" + url + "/sitzungen/index.htm'>Karnevalssitzungen</a>");
 	document.writeln("<a href='" + url + "/umzuege/index.htm'>Stra&szlig;enkarneval</a>");
 	document.writeln("<a href='" + url + "/maennerballett/index.htm'>M&auml;nnerballett-Turnier</a>");
 	document.writeln("</div>");
 	document.writeln("</div>");

 	document.writeln("<div class='dropdown'>");
 	document.writeln("<button class='dropbtn'>Fotogalerie");
 	document.writeln("<i class='fa fa-caret-down'></i>");
 	document.writeln("</button>");
 	document.writeln("<div class='dropdown-content'>");
        document.writeln("<a href='" + url + "/fotogalerien/dreigestirne/index.html'>Dreigestirne</a>");
 	document.writeln("</div>");
 	document.writeln("</div>");

        document.writeln("<div class='dropdown'>");
 	document.writeln("<button class='dropbtn'>Chronik");
 	document.writeln("<i class='fa fa-caret-down'></i>");
 	document.writeln("</button>");
 	document.writeln("<div class='dropdown-content'>");
 	document.writeln("<a href='" + url + "/chronik/meilensteine.htm'>Meilensteine</a>");
 	document.writeln("<a href='" + url + "/chronik/vorstaende.htm'>Vorst&auml;nde</a>");
        document.writeln("<a href='" + url + "/chronik/dreigestirne.htm'>Dreigestirne</a>");
 	document.writeln("</div>");
 	document.writeln("</div>"); 

 	document.writeln("</div>");	
}