/* general CSS styles for flexible pages */ 

 @font-face { font-display: swap; font-family: 'MyNoto'; font-style: normal; font-weight: 400;
              src: url('../fonts/noto-sans-v36-latin-regular.woff2') format('woff2'), 
			  url('../fonts/noto-sans-v36-latin-regular.ttf') format('truetype');  }
			  
 @font-face { font-display: swap; font-family: 'MyNoto'; font-style: italic; font-weight: 400;
              src: url('../fonts/noto-sans-v36-latin-italic.woff2') format('woff2'), 
			  url('../fonts/noto-sans-v36-latin-italic.ttf') format('truetype');  }

 @font-face { font-display: swap; font-family: 'MyNoto'; font-style: normal; font-weight: 700;
              src: url('../fonts/noto-sans-v36-latin-700.woff2') format('woff2'), 
			  url('../fonts/noto-sans-v36-latin-700.ttf') format('truetype');  }

 @font-face { font-display: swap; font-family: 'MyNoto'; font-style: italic; font-weight: 700;
              src: url('../fonts/noto-sans-v36-latin-700italic.woff2') format('woff2'), 
			  url('../fonts/noto-sans-v36-latin-700italic.ttf') format('truetype');  }
			  
 @font-face { font-display: swap; font-family: 'MyFira'; font-style: normal; font-weight: 400;
              src: url('../fonts/fira-sans-v17-latin-regular.woff2') format('woff2'), 
			  url('../fonts/fira-sans-v17-latin-regular.ttf') format('truetype');  }
			  
 @font-face { font-display: swap; font-family: 'MyFira'; font-style: italic; font-weight: 400;
              src: url('../fonts/fira-sans-v17-latin-italic.woff2') format('woff2'), 
			  url('../fonts/fira-sans-v17-latin-italic.ttf') format('truetype');  }

 @font-face { font-display: swap; font-family: 'MyFira'; font-style: normal; font-weight: 700;
              src: url('../fonts/fira-sans-v17-latin-700.woff2') format('woff2'), 
			  url('../fonts/fira-sans-v17-latin-700.ttf') format('truetype');  }

 @font-face { font-display: swap; font-family: 'MyFira'; font-style: italic; font-weight: 700;
              src: url('../fonts/fira-sans-v17-latin-700italic.woff2') format('woff2'), 
			  url('../fonts/fira-sans-v17-latin-700italic.ttf') format('truetype');  }
			  
 @font-face { font-display: swap; font-family: 'MyFiraCdn'; font-style: normal; font-weight: 400;
              src: url('../fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'), 
			  url('../fonts/fira-sans-condensed-v10-latin-regular.ttf') format('truetype');  }
			  
 @font-face { font-display: swap; font-family: 'MyFiraCdn'; font-style: italic; font-weight: 400;
              src: url('../fonts/fira-sans-condensed-v10-latin-italic.woff2') format('woff2'), 
			  url('../fonts/fira-sans-condensed-v10-latin-italic.ttf') format('truetype');  }

 @font-face { font-display: swap; font-family: 'MyFiraCdn'; font-style: normal; font-weight: 700;
              src: url('../fonts/fira-sans-condensed-v10-latin-700.woff2') format('woff2'), 
			  url('../fonts/fira-sans-condensed-v10-latin-700.ttf') format('truetype');  }

 @font-face { font-display: swap; font-family: 'MyFiraCdn'; font-style: italic; font-weight: 700;
              src: url('../fonts/fira-sans-condensed-v10-latin-700italic.woff2') format('woff2'), 
			  url('../fonts/fira-sans-condensed-v10-latin-700italic.ttf') format('truetype');  }



    body          { background:url('bg-img/luftbild_hgrau.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center top; background-attachment:fixed; 
                    color:#333333; margin: 0px; padding: 10px; font-family:MyFira,Calibri,Arial,Helvetica,Sans-Serif; font-size:12pt; opacity:90%; margin:0px; padding:0px; }

    body.startpage { background:url('bg-img/luftbild_hl.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center top; background-attachment:fixed;}
					
	/* p             { font-family:MyFira,Calibri,Arial,Helvetica,Sans-Serif; } */
	
	a             { color:#226688; text-decoration:none; }
	
	p > a         { font-weight: bold }
	
	a:hover       { color:#115577; text-decoration:underline; }		
	
	h2.inside     { padding-left:20px; font-family:MyFira, Calibri, Sans-Serif; font-size:300%; font-weight:normal; color:rgba(255,255,255,0.9); 
	                text-shadow: 2px 2px 6px #000000, 1px 1px 5px #000000; transition:1s;} 
					
    td.nav         { font-family:MyFiraCdn,Calibri,Arial,Helvetica,Sans-Serif; }				

    td.nav:hover   { color:rgba(255,255,255,0.9); /*text-shadow:rgba(255,255,255,1.0) -10px 0px 20px, rgba(255,255,255,1.0) 10px 0px 20px; background-color:rgba(255,255,255,0.1);*/}
    td.bnav:hover  { color:rgba(255,255,255,0.9); /*text-shadow:rgba(255,255,255,1.0) -10px 0px 20px, rgba(255,255,255,1.0) 10px 0px 20px;*/}
    div.xnav:hover { color:rgba(255,255,255,0.9); /*text-shadow:rgba(255,255,255,1.0) -10px 0px 20px, rgba(255,255,255,1.0) 10px 0px 20px;*/}
	
	p.actionlist:hover { color:rgba(255,255,255,0.9); background-color:rgba(255,255,255,0.1); }

	input,select,textarea,button { font-family:MyFira,Calibri,Arial,Helvetica,Sans-Serif; font-size:14pt; }
	
	path        { fill: currentcolor; }

    img.logo    { position:relative; height:120px; width:600px; max-width:75vw; max-height:15vw; left:0px; transition: 0.5s; }		

    img.slogo   { pointer-events:none; }
	
	img.mtxi    { position:relative; width:100%; height:100%; max-height:160px; object-fit:cover; }

    .invisible { opacity: 0; pointer-events:none;} 	  
	
	div.mtxi    { position:relative; left:-40px; width:calc(100% + 40px); height:20%; max-height:160px; overflow:hidden; }
	
	div.mtxt    { text-align:center; font-size:120%; color:#999999; 
	              padding:20px; max-width:400px; margin-left:auto; margin-right:auto; 
				  border-bottom: 1px solid #999999; }

	div.xnav      { position:absolute; top:0px; z-index:10; height:55px; text-align:center; overflow:hidden; }
				  
    div.startlogo { position:absolute; top:calc(1px + 10vh); }
	
	div.breakout  { position:relative; left: -40px; top: -31px; width:calc(100% + 80px); 
	                height:20%; max-height:200px; overflow:hidden; transition:1s; }
					
	div.hidden-overlay { background-color: rgba(240,240,240,0.5); width: 100%; height: 100%; visibility:hidden; 
	                    position:fixed; left:0px; top:0px; z-index:10; }

	div.hidden-navbar { background-color: rgba(12,17,22,0.9); width: 12em; min-height: 10em; 
	                    position:fixed; right:0px; top:0px; z-index:15; }
						
    div.bigbutton   { width: 12em; height: 5em; font-size: 160%; background-color: rgba(34,34,51,0.9); 
	                  color:#CCCCDD; text-align: center; vertical-align: middle; border: solid 2px rgba(17,17,34,0.9); 
					  border-radius: 5px; z-index:-20; }
					  
    div.sp-button   { position:fixed; bottom:calc(10vh + 30px); text-align:center; padding:15px 30px; 
                      border: 2px solid rgba(255,255,255,0.7); border-radius:5px; visibility: hidden;
					  background-color:rgba(34,34,51,0.7); transition: 0.5s; opacity:0%; }
					  
    div.sp-popup    { position:fixed; text-align:left; padding:15px 30px; max-height:calc(100vh - 210px); 
	                  visibility: hidden; border: 2px solid rgba(34,34,34,0.9); border-radius:5px; overflow:auto; 
					  font-size:120%; background-color:rgba(255,255,255,0.9); transition: 1.5s; opacity:0%; }
					  
    div.big-left    { float: left; margin-left: 10%; margin-top: 20vh; } 
    div.big-right   { float: right; margin-right: 10%; margin-top: 20vh; }
						
    p.actionlist    { padding:15px; margin:5px; text-align:center; color: #999999; min-width:10em; }		
	
	
/* media dependent items */

    @media screen and (min-width:1200px) {
	
	  /*body          { background:url('bg-img/luftbild_hgrau.jpg'); background-repeat:no-repeat; 
	                background-size:cover; opacity:90%; } */
					
	  div.container { background-color:#FFFFFF; color:#333333; 
	                border:1px solid #555555; 
                    position:static; margin-top:60px; margin-left:auto; margin-right:auto;
                    margin-bottom:20px; padding:20px 40px; width:1024px; min-height:360px; transition: 0.5s;
					box-shadow:2px 2px 5px #555555; }
					
      div.baseline  { background-color:rgba(34,34,51,0.9); color:#333333; border:none; 
                    position:static; margin-top:-10px; margin-left:auto; margin-right:auto;
                    margin-bottom:0px; padding:0px; width:100%; height:30px; 
					text-align:center; font-size:80%; transition: 0.5s; }

  	  div.baseline-inner { text-align:center; background-color:transparent; transition: 0.5s;
                    position:relative; margin-left:auto; margin-right:auto; top:0px; /*border:1px dotted #999999;*/
				    width:1024px; height:100%; }
							
	  div.hidesmall { display:show; }
					
   	  img.logo-min  { height:20px; width:40px; top:2px; left:12px; border:1px solid red; }
	  
   	  img.slogo   { position:relative; height:20px; width:20px; top:5px; left:calc(50% - 572px); transition: 0.5s; }
	  
	  svg.svglogo  { position:relative; width:40px; height:40px; top:-10px; left:-10px; }
	  
	  img.toplogo { opacity:0.7; width:52px; height:52px; }
	  
	  video.embd    { width:1024px; height:576px;}
	  
 	  div.navbar    { text-align:center; transition: 0.5s; background-color:#222233;
	                  /* background-image: linear-gradient(to right, #222233 0%, #444455 calc(50vw - 580px), #444455 calc(50vw - 350px), #222233 calc(50vw - 300px), #222233 100%); */
                      position:fixed; left:0px; top:0px; width:100%; height:36px; font-size:100%; z-index:5; }
					
	  div.navbar-inner  { text-align:center; background-color:transparent; transition: 0.5s;
                    position:relative; margin-left:auto; margin-right:auto; top:0px; /*border:1px dotted #999999;*/
				    width:1024px; height:100%; }
	  
      div.startlogo   { left: calc(50vw - 600px); width: 1200px; height: 240px; max-width:200vh; max-height:60vh; /* geändert von width:1080px; */
	                    /*background:url('logos/efgem_logo_1080_transparent_neu.png'); */
						/*background:url('logos/logo_1250_transparent_neu.png');*/
						background:url('logos/nord-logo-script-1500.png');*/
						background-repeat:no-repeat; background-size:contain; opacity:70%; 
						/* neu */ overflow: hidden; }

	  div.xnav        { left: calc(50vw - 535px); width: 183px; }
	  
	  div.logobar-min { height:0px; }
	
      div.navbar-min  { top:0px; height:30px; font-size:100%; }
	  
	  div.sp-button   { left:calc(50vw - 512px); font-size:120%; }
	  
	  div.sp-popup    { top:155px; left:calc(50vw - 400px); width:740px; font-size:100%; }
	  
	  div.flex-inset  { position:relative; width:920px; margin-left:60px; }
	  
	  h2.inside   { font-size:300%; }
	  
      img.mtxi    { position:relative; height:100%; max-height:200px; object-fit:cover; transition: 1s; }
	
	  div.mtxi    { float:left; width:36%; height:20%; max-height:200px; overflow:hidden; transition: 1s; }
	
	  div.mtxt    { float:left; width:40%; height:auto; max-height:200px; 
	                margin-left:15%; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:auto;
					vertical-align:bottom; text-align:center; font-size:120%; color:#999999; 
	                border: none; transition: 1s; }

				
	}
    
    @media screen and (max-width:1200px) {
	
	  /* body          { background:url('bg-img/luftbild_hgrau.jpg'); background-repeat:no-repeat; 
	                background-size:cover; opacity:90%; } */
	
	  div.container { background-color:#FFFFFF; color:#333333; 
	                border:1px solid #DDDDEE; 
                    position:static; margin-top:60px; margin-left:auto; margin-right:auto;
                    margin-bottom:20px; padding:20px 40px; width:800px; min-height:360px; 
					box-shadow:2px 2px 5px #555555; 
					transition: 0.5s; }

      div.baseline  { background-color:rgba(34,34,51,0.9); color:#333333; border:none; 
                    position:static; margin-top:-10px; margin-left:auto; margin-right:auto;
                    margin-bottom:0px; padding:0px; width:100%; height:30px; 
					text-align:center; font-size:80%; transition: 0.5s; }

  	  div.baseline-inner { text-align:center; background-color:transparent; transition: 0.5s;
                    position:relative; margin-left:auto; margin-right:auto; top:0px; /*border:1px dotted #999999;*/
				    width:800px; height:100%; }
					
	  div.hidesmall { display:show; }

      img.logo-min  { height:30px; width:68px; top:5px; left:-396px;}				

   	  img.slogo   { position:relative; height:20px; width:20px; top:5px; left:calc(50% - 460px); transition: 0.5s; }
	  
	  img.toplogo { opacity:0.7; width:52px; height:52px; }

	  video.embd    { width:800px; height:450px;}
	  
	  svg.svglogo  { width:20px; height:20px; padding-top:2px; }
	  
	  div.navbar    { text-align:center; background-color:#222233; transition: 0.5s;
	                /* background-image: linear-gradient(to right, #444455 0%, #444455 calc(50vw - 250px), #222233 calc(50vw - 200px), #222233 100%); */
                    position:fixed; left:0px; top:0px; width:100%; height:36px; font-size:100%; z-index:5; }
	
	  div.navbar-inner  { text-align:center; background-color:transparent; transition: 0.5s;
                    position:relative; margin-left:auto; margin-right:auto; top:0px; /*border:1px dotted #999999;*/
				    width:800px; height:100%; }

	  div.logobar-min { height:0px; }
	
      div.startlogo   { left: calc(50vw - 450px); width: 900px; height: 180px; max-height:60vh; /* geändert von width:1080px; */
	                    /*background:url('logos/efgem_logo_1080_transparent_neu.png'); */
						/*background:url('logos/logo_1250_transparent_neu.png');*/
						background:url('logos/nord-logo-script-1500.png');*/
						background-repeat:no-repeat; background-size:contain; opacity:70%; 
						/* neu */ overflow: show; }

      div.xnav        { left: calc(50vw - 435px); width: 183px; }
	  
	  div.navbar-min  { top:0px; height:30px; font-size:100%; }
	  
	  div.sp-button   { left:calc(50vw - 400px); font-size:150%; }
	  
  	  div.sp-popup    { top:155px; left:calc(50vw - 400px); width:740px; font-size:100%; }
	  
  	  div.flex-inset  { position:relative; width:800px; margin-left:0px; }

 	  h2.inside   { font-size:300%; }
	  
      img.mtxi    { position:relative; width:100%; height:100%; max-height:200px; object-fit:cover; transition: 1s; }
	
	  div.mtxi    { float:left; width:44%; height:20%; max-height:200px; overflow:hidden; transition: 1s; }
	
	  div.mtxt    { float:left; width:40%; height:auto; max-height:200px; 
	                margin-left:10%; padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:auto;
					vertical-align:bottom; text-align:center; font-size:120%; color:#999999; 
	                border: none; transition: 1s;  }
	  

	}

    @media screen and (max-width:920px) {
	
	  body          { background-color:#FFFFFF; background-image:none; opacity:100%; 
	                  padding-bottom:0px; } 
	  
	  div.container {  background-color:#FFFFFF; color:#333333; 
					border:none;
                    position:static; /*top:240px;*/ margin-top:60px; margin-left:auto; margin-right:auto;
                    margin-bottom:4.5vw; padding:0px; width:86vw; /*min-height:360px; */
					box-shadow:none; 
					transition: 0.5s; }
					
      div.baseline  { background-color:rgba(34,34,51,0.9); color:#DDE6EE; border:none; 
                    position:static; margin-top:-10px; margin-left:auto; margin-right:auto;
                    margin-bottom:0px; padding:0px; width:100%; height:30px; 
					text-align:center; font-size:80%; transition: 0.5s; }

  	  div.baseline-inner { text-align:center; background-color:transparent; transition: 0.5s;
                    position:relative; margin-left:auto; margin-right:auto; top:0px; /*border:1px dotted #999999;*/
				    width:86vw; height:100%; }
					
      div.hidesmall { display:none; }
	 
      img.logo-min  { height:30px; width:68px; top:2px; left: calc(4px - 45vw); }			
	  
  	  img.slogo     { position:relative; height:20px; width:20px; top:5px; left:calc(50% - 43vw - 50px); transition: 0.5s; }
	  
	  img.toplogo { opacity:0.7; width:36px; height:36px; padding-top:8px;}

	  video.embd    { width:86vw; height:48.375vw;}
	  
	  svg.svglogo  { width:18px; height:18px; padding-top:3px; }
	  
	  div.navbar    { text-align:center; background-color:#222233; transition: 0.5s;
	                /* background-image: linear-gradient(to right, #444455 0%, #444455 180px, #222233 220px, #222233 100%); */
                    position:fixed; left:0px; top:0px; width:100%; height:36px; font-size:90%; z-index:5; }

	  div.navbar-inner  { text-align:center; /*background-color:transparent;*/ transition: 0.5s;
                    position:relative; margin-left:auto; margin-right:auto; top:0px; /*border:1px dotted #999999;*/
				    width:86vw; height:100%; }

      div.startlogo   { left: 2.5vw; width: 95vw; height: 19vw;  
	                    /*background:url('logos/logo_1250_transparent_neu.png');*/
						background:url('logos/nord-logo-script-1500.png');*/
						background-repeat:no-repeat; background-size:contain; background-position:center; }


      div.xnav        { left: 0vw; width: 183px; }
	  
	  div.logobar-min { height:0px; }
	
      div.navbar-min  { top:0px; height:30px; font-size:9.6pt; }
	  
	  div.sp-button   { left:7vw; font-size:120%; }
	  
  	  div.sp-popup    { top:calc(min(55px, 22vw)); left:7vw; width:calc(86vw - 60px); 
	                    max-height:calc(100vh - 130px); font-size:100%; }
	  
	  div.breakout  { position:relative; left: -7vw;  top: -30px; width:100vw; 
	                height:20%; max-height:150px; overflow:hidden; }
					
	  div.flex-inset  { position:relative; width:100%; }					
	  
  	  h2.inside   { padding-left:4.5vw; font-size:250%; }
	  
      img.mtxi    { position:relative; width:100%; height:100%; max-height:200px; object-fit:cover; transition: 1s; }
	
	  div.mtxi    { float:left; left:0px; width:40%; height:20%; max-height:200px; overflow:hidden; transition: 1s; }
	
	  div.mtxt    { float:left; width:40%; height:auto; max-height:200px; 
	                margin-left:10%; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:auto;
					vertical-align:bottom; text-align:center; font-size:120%; color:#999999; 
	                border: none; transition: 1s; }
	  
	}

    @media screen and (max-width:720px) {
	
	  h2.inside   { font-size:200%; }
	  
      img.mtxi    { position:relative; width:100%; height:100%; max-height:200px; object-fit:cover; 
	                transition: 1s; }
					
	  div.xnav    { left: calc(7vw - 78px); width: 156px; height:92px; }
	
	  div.mtxi    { float:left; left:0px; width:40%; height:20%; max-height:200px; overflow:hidden; transition: 1s; }
	
	  div.mtxt    { float:left; width:45%; height:auto; max-height:200px; 
	                margin-left:20px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:auto;
					vertical-align:bottom; text-align:center; font-size:120%; color:#999999; 
	                border: none; transition: 1s; }

      div.startlogo   { left: 3vw; width: 96vw; height: 32vw;  
	                    /*background:url('logos/logo_1250_transparent_neu.png');*/
						background:url('logos/nord-logo-script-1200.png');*/
						background-repeat:no-repeat; background-size:contain; background-position:center; }
					
	  div#div_termine { font-family:MyFira,Calibri,Arial,Helvetica,Sans-Serif; font-size:100%; }
    }

    @media screen and (max-width:600px) {
	
	  h2.inside   { font-size:200%; }

      img.mtxi    { position:relative; width:100%; height:100%; max-height:200px; object-fit:cover; 
	                transition: 1s; }
	
	  div.mtxi    { float:left; left:0px; width:100%; height:25%; max-height:200px; overflow:hidden; transition: 1s; }
	
	  div.mtxt    { clear:both; width:80%; max-width:80%; height:auto; margin-left:auto; margin-right:auto; 
	                padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:20px;
					vertical-align:bottom; text-align:center; font-size:120%; color:#999999; 
	                border:none; border-bottom: 1px solid #999999; transition: 1s; }	  

	  div#div_termine { font-family:MyFiraCdn,Calibri,Arial,Helvetica,Sans-Serif; font-size:95%; }
	
	}

/* autohide menu items */

    @media screen and (min-width:721px) {
      td.autohide2 { display:show; }
      td.autoshow2 { display:none; }
    }

    @media screen and (max-width:720px) {
      td.autohide2 { display:none; }
      td.autoshow2 { display:show; }
    }

    @media screen and (min-width:601px) {
      td.autohide { display:show; }
      td.autoshow { display:none; }
	  td#first-nav { text-align:left; min-width:200px; } 
	  td#last-nav { text-align:right; }
    }

    @media screen and (max-width:600px) {
      td.autohide { display:none; }
      td.autoshow { display:show; }
	  td#first-nav { text-align:left; } 
	  td#last-nav  { text-align:right; }
    }
	
/* special items */
	
    div.main      { position:relative; /*top:96px; left:0px; */
                    /*margin-top:96px; margin-left:0px;*/
                    font-size:14pt; color:#333333; text-align:left; 
					margin-top:10px; margin-bottom:20px;
                    padding:0px; width:100%; min-height:280px; }
					
    div.head      { position:absolute; top:30px; left:40px;
                    font-family:TheSans,Calibri,Arial,Helvetica,Sans-Serif; 
                    font-weight:normal; font-size:36px; color:#227799; }
					
    div.bottom    { position:relative; bottom:10px; width:100%; 
	                margin-top:20px;
	                border-top: 1px solid #555555; }					
	
    p.err         { padding-left: 160px; color:#AA0033; font-size:16pt; }

    p.ins         { padding-left: 160px; font-size:14pt; }
	
	p.dse         { color:#112233;
	       max-width: 800px;
           font-family:MyFira,Calibri,Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
		   padding:5px;
           margin:0pt;
           margin-bottom:1pt;
           font-size:12pt;
           line-height:14pt;
           text-align:left;
         }

    p.dse-li      { color:#112233;
           max-width: 720px;
		   font-family:MyFira,Calibri,Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
		   padding:5px; padding-left:40px; 
           margin:0pt;
           margin-bottom:1pt;
           font-size:12pt;
           line-height:14pt;
           text-align:left;
         }
		 
    p.dse-ins { color:#445566;
	       max-width: 720px;
           font-family:MyFira,Calibri,Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
		   padding:5px; padding-left:40px; padding-right:40px;
           margin:0pt;
           margin-bottom:1pt;
           font-size:10pt;
           line-height:12pt;
           text-align:left;
         }		 

    table         { height; 40px; }
                    
    tr.min        { padding:0px 0px 0px 20px; color:#555555; font-size:2pt; height:6pt;
                    vertical-align:middle; }

    .nav          { padding:4px 0px 2px 0px; color:#80A0B0; 
                    vertical-align:middle; transition:0.5s; }				

    td            { padding:2px 10px 2px 10px; color:#333333; 
                    vertical-align:middle; }
					
    td.nav        { padding:0px; color:#80A0B0; height:36px; 
                    vertical-align:middle; transition:0.5s; border-width:0px; }				
							
    td.bnav       { padding:5px 0px 5px 0px; color:#AACCDD; 
                    vertical-align:middle; transition:0.5s; }				

    td.left       { text-align:left; }
	
	td.right      { text-align:right; }
	
	td#first-nav  { min-width:5px; }