/* -- Main layout styles ------------------------------------------------ */

   * {
      border: none;
      margin: 0;
      padding: 0;
   }
   
   body {
      background-color: #5C6A8F;
      margin: 1em 1em 1em 1em;
      padding: 0px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 1.0em;
    }

   #wrapper {
        height: 100%;   /* from fluidity template */
        width: 100%;  /* from fluidity template */
        max-width: 1150px;
        min-width: 920px;
        margin: 0 auto;
        overflow: hidden;
    }

    #header {
        float: left;
        width: 100%;
        height: 175px;
        border-bottom: 6px solid #5C6A8F;
    }

    #header_top {
        float: left;
        width: 100%;
        height: 80px;
        background: url(images/bg/grad_white_0_100x80_0_8.png) repeat-x bottom left;
        text-align: right;
        overflow: visible;
     }

     #header_middle {
        float: left;
        width: 100%;
        height: 80px;
        text-align: right;
        color: white;
        overflow: hidden;
     }

     #header_bottom {
        float: left;
        width: 100%;
        height: 15px;
        background: transparent;
        text-align: right;
        font-size: 12px;
        font-style: italic;
        overflow: hidden;
     }
       
     ul {list-style-type: none; }
     
     a {outline: none; }
     
     b {font-weight: 600; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; }

     
/* -- Image alignment classes ------------------------------- */
	
    .insideLeft {margin: 5px 10px 0px 0px; }
    
    .insideLeft2 {margin: 5px 10px 0px 10px; }    
    
    .outsideLeft {margin: 1em 10px 0px 10px; }
    
    .outsideLeft2 {margin: 1.5em 15px 0px 10px; }    
    
    .insideRight {margin: 5px 0px 0px 10px; }
    
    .insideRight2 {margin: 5px 15px 0px 10px; }    
    
    .outsideRight {margin: 1em 15px 0px 10px; }
    
    .outsideRight2 {margin: 2em 15px 0px 10px; }    

    .imgSidebar {margin: 10px 0px 10px 0px; }        

    .lightBorder {border: 2px solid #DCDCDC; }

    .darkBorder {border: 2px solid #333; }
    
    .medBorder {border: 2px solid #7C8DA1; }
    
    .left {float: left; }
    
    .right {float: right; }    

    .last_text {padding: 0px 10px 10px 0px; }
    
    .lastImage {padding: 0px 0px 20px 0px; }

    .clearing {clear: both; height: 0px; }
    
    .only_clear {clear: both; }
    
	 /* ---------- 1e type DROPSHADOW : box gevuld met 1px png met (verschoven) image eroverheen geprojecteerd -------------*/
	 /* voorbeeld : <div class="shadowimage1 right">
                      <img src="../images/otherdecorum........" class="dropRight1 lightBorder"/>
                    </div>
     */
     
     .shadowimage1 {background-image: url(images/shadow_75.png); }
	 
	 .dropRight1 {margin: -4px 4px 4px -4px; }
	 
	 .dropLeft1 {margin: -4px -4px 4px 4px; }
	  
	 .shadowimage1 img {display: block; position: relative; }
 
	 /* ---------- 2e type DROPSHADOW : 1px png vervangen door een rand ---------------------*/
     
	 /* voorbeeld : <div class="shadowimage2 left insideLeft2">
                       <img src="../images/otherdecorum......." class="dropRight2 medBorder"/>
                    </div>
     */
	 
     .shadowimage2 {background: url(images/main_shadow.png) no-repeat right bottom; }
	 
     .dropRight2 {margin: -6px 6px 6px -6px; }
	 
	 .shadowimage2 img {display: block; position: relative; }
	 
	 /* ---------- 3e type DROPSHADOW : onion skin ------------------ */ 
	 
	 .drop1_left, .drop1_right, .drop2, .drop3 {display:inline-table; /* \*/display:block;/**/ }
 
	 .drop1_left {float: left; background:url(images/main_shadow.png) no-repeat right bottom; margin: 10px 5px 0 18px;}    
     
	 /* -- hoofdschaduw : margins geven alleen de algehele positie van het plaatje in de div -- */
     /* -- margin-left: 18px geeft ruimte aan tussen plaatje en tekst (10px + 8px) -- */
     /* -- margin-right: 5px geeft extra ruimte tussen tekst en plaatje -- */
     /* -- margin-top: 10px zet juiste ruimte boven goed (waarom geen 8px???) -- */

	 .drop1_right {float: right; background:url(images/main_shadow.png) no-repeat right bottom; margin: 10px 8px 0 18px;}
     
	 .drop2 {background:url(images/lowerleftfade.png) no-repeat bottom left; margin: 0px 0px 0px -8px; }
	  /* -- margin-left: -8px zet de hoek goed -- */
 
	 .drop3 {padding: 0 8px 8px 0; background:url(images/upperrightfade.png) no-repeat top right; margin: -8px 0 0 8px; }
	 /* -- rechterboven hoek : de padding geeft aan hoever de schaduw onder de image uitsteekt!! -- */
     /* -- margin-left:  -- */
     /* -- margin-top: -8px zet de hoek goed -- */     

	 .drop3 img {display:block; margin: 0px 0px 0px -8px; }
     /* -- margin-left: -8px zet de hoek goed -- */     

     .map_pos {margin-top: 48px;  }
     
     .pic_pos {margin-top: 30px;  }
     /* -- foto plaatsing in een H3-- */
     
     .text_pos {margin-top: 20px;  }
     /* --plaatst foto naast de text als de </p> voor de img een br bevat-- */     
       
	 .example_pos {margin: 5px -5px 0 15px; }
     
     .map_text_left {
        color: #333366;
        margin-left: 10px;
        font-style:italic;
        float:left;
        font-size: 95%;
     }
      
      .map_text_right {
        color: #333366;
        margin-right: 15px;
        font-style:italic;
        float:right;
        font-size: 95%;
     }
	
/* -- Text display formatting styles -------------------------- */

    h1 {display: block;
        clear: both;
        margin: 0px 10px 0.4em 10px;
        border-bottom: 1px solid #fcfca0;
        font-size: 2.2em;
    }
    
    h2 {margin: 10px 10px 0.4em 10px;
        padding-top: 15px;
        border-bottom: 1px solid #fcfca0;
        font-size: 1.6em;               
    }
    
    h3 {margin: 0.5em 10px 0.4em 10px;
        padding-top: 1em;  /* -- padding to give room to jump to a location on the map, but with some space at the top -- */
        font-size: 1.3em;
    }

    h4 {margin: 0.5em 10px 0.4em 10px;
        padding-top: 1em;  /* -- padding to give room to jump to a location on the map, but with some space at the top -- */
        font-size: 1.4em;
    }
    
    .header_l {
        display: block;
        clear: both;
        font-weight: 600;
        color: #fcfca0;
        border-bottom: 1px solid #AAA;
        text-transform: uppercase;
        font-size: 110%;   
    }

    .subHeader_l {
        display: block;
        clear: both;
        font-weight: 600;
        color: #fff;    
    }
    
    .divepage {color: #fcfca0; font-family: times, "Times New Roman", times-roman, georgia, serif; font-weight: 500; }
    
    .balipage {color: #fcfca0; font-family: times, "Times New Roman", times-roman, georgia, serif; font-weight: 500; }

    .super {font-size: 80%; }
    
    .footnote {font-size: 70%; } 
    
    .big {font-size: 105%; }   
    
    .bigger {font-size: 110%; }
    
    .biggest {font-size: 120%; }
    
    .smaller {font-size: 90%; }
    
	.underline {text-decoration: underline; }

    acronym {cursor: help; border-bottom: 1px dotted #AAA; }
    
    #content a.link {border-bottom: 1px dotted #fcfca0; color: #fcfca0; }
    
    #content a.link:hover {border-bottom: 1px dotted #000066; color: #000066; }
    
    #sidebar a.link {border-bottom: 1px dotted #fcfca0; color: #fcfca0; font-size: 14px; }
    
    #sidebar a.link:hover {border-bottom: 1px dotted #DCDCDC; color: #DCDCDC; }    
    	
    .how {
      color: #FFE334;
      cursor: help;
      font-style:italic;
      border-bottom: 1px dotted #FFF;    
    }
    
    .light_yellow {color: #fcfca0; }
	 
	.light_black {color: #3C3C3C; }
    
   /* .blue {color: #4A619C; }*/
   
    .blue {color: #3E5288; }
    
    .dark_blue {color: #333366; }
   /*used for map uitleg*/ 

    .highlight {color: #EEE; font-style: italic; }
    
    .lightTxt {color: #DCDCDC; }
    
    .darkTxt {color: #000; }
    
    .nojustify {text-align: left; }
    
    .dropcap {
       float:left;
       color:#333;
       font-size: 400%;
       line-height: 75%;
       padding-right: 3px;
       font-family: times;
    }
    .disease {
      font-weight: 600;
      color: #fcfca0; 
      font-family: "Century Gothic", Verdana;
      font-style:italic;
      font-size: 1.1em;   
    }
	
/* -- Header title, subTitle and picture name layout/display styles ------------------ */

    .logo {float: left; padding: 10px 10px 0 5px; }
	
    #header_top ul li {
        float: right;
        background-image: url(images/bg/color_5C6A8F_30.png);
        margin-right: 3px;
        text-align: center;                
    }
           
    #header_top ul li.lastMenuItem {margin-right: -12px; }
    
    #header_top ul li a {
        width: 88px;
        padding: 5px 5px 5px 5px;
        display: block;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
    }
    
    #header_top ul li a:hover, #header_top ul li.active a {
        color: #FFF;
        padding-top: 10px;    
        background-image: url(images/bg/color_5C6A8F_60.png);
    }
    
    #header_top ul li a .desc {
        display: none;
        padding-top: 5px;
        text-transform: lowercase;
        color: #FFFA99;
    }

    #header_top li:hover a .desc, #header_top li.active a .desc {display: block; }
           
    
/* -- Below header container styles ------------------------------------ */

    #container-top {
        float: left;
        width: 100%;
        height: 10px;
        background: url(images/bg/grad_top_cont_100x10.png) repeat-x left top;
    }
 
    #container {
         background-image: url(images/bg/bg_container.jpg);
         float: right;
         width: 100%;
         padding-top: 5px;
         overflow: hidden;
    }
	
    #content {
         position: relative;
         margin-left: 230px;
         margin-bottom: 10px;
         overflow: auto;
     }

    #sidebar {
         background-image: url(images/bg/bg_sidebar.jpg);
         float: left;
         width: 210px;
         margin-left: 10px;
         margin-bottom: 10px;
         color: #FFF;
    }
	
/*-- start van het sidebar menu gedeelte --------------------------------------*/

    #sidebar p {
        color: #FFF;
        font-size: 0.8em;
        margin: 10px 10px 10px 10px;
    } 

    #menu_sidebar {
       clear: both;
       position: relative;
	   width: 200px;
	   height: 100%;
       margin-left: 5px;
       margin-top: 10px;
       border-style: none;
       padding-top: 0px;
    }
    
    #menu_sidebar ul {margin-bottom: 20px; }
    
    #menu_sidebar ul li {
       position: relative;
       font-size: 14px;
       margin-bottom: 4px;
     }
     
    #menu_sidebar ul li:hover, #menu_sidebar ul li.active {font-weight: 600; }     
  
    #menu_sidebar ul li a {
       width: 140px;   
       height: 24px;
       line-height: 24px;
       display: block;
       background: url(images/menu/Button_140x24.png) no-repeat top left;
       padding-left: 5px;
       color: #FFFA99;
     }
    
    #menu_sidebar ul li a.current {
        font-weight: 600;    
        font-style: italic;
        color: #FFF;
    }     

    #menu_sidebar ul li.tank {
       padding: 5px 0px 5px 45px;
       background: url(images/menu/tank_54.png) no-repeat center left;
    }

    #menu_sidebar ul li:hover.tank, #menu_sidebar ul li.tank.active {
        background: url(images/menu/tank_306.png) no-repeat center left;    
    }

    #menu_sidebar ul li:hover.tank em, #menu_sidebar ul li.tank em.current {
        width:16px;
        height:16px;
        position:absolute;
    }

    #menu_sidebar ul li:hover.tank em {background:transparent url(images/menu/where.png); }

    #menu_sidebar ul li.tank em.current {background:transparent url(images/menu/loc.png); }

    #menu_sidebar ul li.buddha {
       padding: 10px 0px 10px 45px;
       background: url(images/menu/Buddha_off_31x40.png) no-repeat center left;    
    }

    #menu_sidebar ul li:hover.buddha, #menu_sidebar ul li.buddha.active {
        background: url(images/menu/Buddha_on_31x40.png) no-repeat center left;  
    }

    #menu_sidebar ul li.lumbung {
       padding: 10px 0px 10px 45px;
       background: url(images/menu/lumbung_off_42x35.png) no-repeat center left;    
    }

    #menu_sidebar ul li:hover.lumbung, #menu_sidebar ul li.lumbung.active {
        background: url(images/menu/lumbung_on_42x35.png) no-repeat center left;  
    }


        
    .padangbai {left: 145px; top: -65px; }
    
    .amed {left: 170px; top: -130px; }
    
    .tulamben {left: 160px; top: -180px; }
    
    .pemuteran {left: 25px; top: -240px; }
    
    .menjangan{left: 10px; top: -280px; }
    
    .secretbay {left: -5px; top: -305px; }
    
    .lembongan {left: 140px; top: -280px; }
    
    .penida {left: 150px; top: -305px; }
    
    .gilisNW {left: 35px; top: -145px; }
    
    .gilisSW {left: 5px; top: -108px; }
    
    .LombokSouth {left: 75px; top: -105px; }
    
    .belongas {left: 25px; top: -110px; }    
    
    .manado {left: 48px; top: -55px; }
    
    .bunaken {left: 30px; top: -130px; }
    
    .bangka {left: 108px; top: -202px; }
    
    .lembeh {left: 150px; top: -160px; }
    
    .labuanbajo {left: 100px; top: -125px; }
    
    .komodo {left: 20px; top: -110px; }
            

    #menu_sidebar ul li.lang {
       line-height: 35px;
       padding: 5px 0px 5px 100px;
       margin-left: -5px;
    }
    
    #menu_sidebar ul li.lang a {
       width: 95px;
       background: url(images/menu/Button_100x24.png) no-repeat top left;
    }       

    #menu_sidebar ul li.UKtank {background: url(images/menu/UK_L_100x73.png) no-repeat center left; }

    #menu_sidebar ul li:hover.UKtank, #menu_sidebar ul li.UKtank.active {background: url(images/menu/UK_R_100x73.png) no-repeat center left; }
	
    #menu_sidebar ul li.NLtank {background: url(images/menu/NL_L_100x73.png) no-repeat center left; }

    #menu_sidebar ul li:hover.NLtank, #menu_sidebar ul li.NLtank.active {background: url(images/menu/NL_R_100x73.png) no-repeat center left; }
	
    #menu_sidebar ul li.DEtank {background: url(images/menu/DE_L_100x73.png) no-repeat center left; }

    #menu_sidebar ul li:hover.DEtank, #menu_sidebar ul li.DEtank.active {background: url(images/menu/DE_R_100x73.png) no-repeat center left; }

/* ------------------------- OTHER SIDEBAR STYLES ------------------------------------ */

    #sidebar ul li a {
       color: #fcfca0;
       font-family: "Century Gothic", Verdana;
       font-weight: 600;
       font-size: 0.95em;
    }

    #sidebar ul li a:hover {font-style: italic; }
    
    #sidebar li {margin-left: 10px; margin-bottom: 10px; }    
    
    #sidebar li.travel {
       line-height: 1.5em;
       padding-left: 18px;
       background: url(images/travel_14x22.png) no-repeat center left;
    }
    
    #sidebar li.jump {
       line-height: 1em;
       padding-left: 15px;
       background: url(images/asterisk_12x12.png) no-repeat center left;
    }        

    #sidebar li.symbol {
       font-size: 14px;
       line-height: 20px;
       padding: 10px 0px 10px 50px;
    }
                
    .dancer {background: url(images/symbols/dancer_43x60.png) no-repeat top left; }
     
    .temple {background: url(images/symbols/tempel_35x51.png) no-repeat center left; }     
     
    .museum {background: url(images/symbols/museum_icon_35x33.png) no-repeat center left; }
    
    .golf {background: url(images/symbols/golf_50x34.png) no-repeat center left; }    
    
    .shoes {background: url(images/symbols/shoes_40x41.png) no-repeat center left; }        
    
    .surfboard {background: url(images/symbols/surfboard_45x45.png) no-repeat center left; }
    
    .raft {background: url(images/symbols/raft_50x32.png) no-repeat center left; }    
    
    .horseback {background: url(images/symbols/horseback_40x33.png) no-repeat center left; }    
    
    .bicycle {background: url(images/symbols/bicycle_45x32.png) no-repeat center left; }    
    
    .hotspring {background: url(images/symbols/hot_springs_43x25.png) no-repeat center left; }
    
    .waterfall {background: url(images/symbols/waterfall_33x50.png) no-repeat bottom left; }    
    
    .monkey {background: url(images/symbols/monkey_37x50.png) no-repeat center left; }    
        
    .orchid {background: url(images/symbols/orchid_48x45.png) no-repeat center left; }
    
    .botanical {background: url(images/symbols/botanical_45x45.png) no-repeat center left; }    
    
    .tiger {background: url(images/symbols/tiger_44x40.png) no-repeat center left; }    
      
    .bird {background: url(images/symbols/bird_32x45.png) no-repeat center left; }
    
    .elephant {background: url(images/symbols/elephant_48x40.png) no-repeat center left; }
    
    .butterfly {background: url(images/symbols/butterfly_40x28.png) no-repeat center left; }     
    
    .cambodja {background: url(images/symbols/cambodja_32x29.png) no-repeat center left; }       

    .grapes {background: url(images/symbols/grapes_34x50.png) no-repeat center left; }

    .bongo {background: url(images/symbols/bongo_45x30.png) no-repeat center left; }

    .pot {background: url(images/symbols/pot_21x30.png) no-repeat center left; }

    .bottle {background: url(images/symbols/bottle_16x55.png) no-repeat center left; }

    .garuda {background: url(images/symbols/garuda_38x55.png) no-repeat center left; }

    .mask {background: url(images/symbols/mask_25x65.png) no-repeat center left; }

    .earring {background: url(images/symbols/earring_19x40.png) no-repeat center left; }

    .stonehead {background: url(images/symbols/stonehead_34x45.png) no-repeat center left; }                
        
/* -------------------------- ROUNDED CORNERS ------------------------------- */
    
    .st-bl {background: url(images/bg/corner_LO_A3AFC9_12x12.png) no-repeat left bottom; }
    
    .st-br {background: url(images/bg/corner_RO_A3AFC9_12x12.png) no-repeat right bottom; }
    
    .st-tl {background: url(images/bg/corner_LB_A3AFC9_12x12.png) no-repeat left top; }
    
    .st-tr {
     	background: url(images/bg/corner_RB_A3AFC9_12x12.png) no-repeat right top;
	    padding-top: 1px;
        padding-bottom: 15px;        
    }


/* --- Content layout / display styles ----------------------------------------- */


	#content a.map {
        border: 1px solid #69C;
        display: block;
        width: 7.5em;
        color: #FFF;
        background-color: #036;
	    margin-right: 15px;
        padding: .2em 0;
        text-align: center;
        text-decoration: none;
  	    font-size: 0.7em;
    }
	  
	#content a:hover.map {
        border: 1px solid #036;
        background-color: #69C;
    }
             
    #content a.mt1 {margin-top: 1.5em; }  /* -- divepages: to bring the back-to-map on the same height as h3 -- */
    
    #content a.mt2 {margin-top: 1.3em; }  /* -- divepages: to bring the back-to-map on the same height as h2 -- */    
    
    #content p {  
        margin: 10px 15px 10px 10px;
        font-size: 0.9em;
        line-height: 1.5em;
        text-align: justify;
        letter-spacing: 0.04em;               
    }
    
	#content div.attention {margin: 0 15px 0 10px; padding: 5px 10px 5px 10px; border: 2px dotted #00008b; font-style:italic; font-size: 0.9em; }    

    #content li.places {
        padding: 1.5em 0px 0px 18px;
        margin: 2em 0px 0px 10px;
        background-image: url(images/item_14x20.png);
        background-repeat: no-repeat;
        background-position: 0 1.5em;
        color: #fcfca0;
        font-size: 1.1em;
    }  /* for the page: nature, culture, activities */ 
    
    #content li.places p {font-size: 80%; color: #000; }

    #content ul.calender {padding-left: 20px; clear: both; }   /* for the page: more_about_bali */ 
    
    #content ul.calender li {
        float: left; 
        line-height: 1.5em; 
        vertical-align: middle; 
        text-align:left;
        font-size: 90%;
    }      
    
    #content ul.calender li.day {
        width: 12em;
    /*    list-style-type: decimal;*/
    }
    
    #content ul.calender li.date {
        width: 12em;
        font-weight: 600;
        font-family: "Century Gothic", Verdana;
    }
    
    #content ul.calender li.event {
        width: 20em;
        font-style:italic;
    }
   
    #content li.tank {
        padding: 1.5em 0px 5px 90px;
        margin: 2em 0px 0px 10px;
        background-image: url(images/tank_flat_75x29.png);
        background-repeat: no-repeat;
        background-position: 0 1.5em;
    }  /* for the page: divecourses */  

/* -- FOR THE CUSTOMMADE PAGES -- */ 
   
     #text_container {
        /* width: 93%; */
        float: left;
        background-image: url(images/bg/color_5C6A8F_30.png);
        /* background-image: url(images/bg/paper_seamless_900x61.jpg);
        background-repeat: repeat-y;  */
        border: 2px solid #ccc;
        margin: 10px 20px 10px 10px;
        padding: 0px 10px 20px 10px;
        letter-spacing: 0.04em;
		color: #111;		
      }

     #text_container p {text-align: left; }

  	 #content ul.holidayprice {padding-left: 20px; clear: both; }

     #content ul.holidayprice li {
         float: left;	     
	     line-height: 1.5em; 
         font-family: Century Gothic, Verdana;
		 font-weight: 600;
		 vertical-align: middle;
	 }
    
     #content ul li.package {width: 8em; font-size: 90%; }
      
     #content ul li.dives {width: 18em; font-style:italic; }
      
     #content ul li.price {width: 8em; color: #fcfca0; }
     
     #text_container li.example_item {
          width: 100%;
          float: left;           
          margin-left: 10px;
          line-height: 2em;
          font-size: 90%;
     }
     
     li.example_item a span {margin-right: 10px; float:right; font-weight:bold; }
     

/* ---------------------- */    
     
    #container a {  
        text-decoration: none;
        color: #000000;
    }

	 .popup {
	    background: #AAA url(images/throughflow_pijl_540x245.jpg) no-repeat top left;
		display: none;
		position: absolute;
		left: 250px;
		top: 80px;
		border: solid black 1px;
	    margin-top: 250px;
	    padding: 250px 10px 10px 10px;
		text-align: justify;
		font-size: 12px;
		width:520px;
     }  /* for the page: divingother_komodo */
     
	 .close_win {
	    text-decoration: underline;
		color: #FFF;
	 }
	 

/*  mogelijkheid om dive info een symbol mee te geven aan de terug-naar-map functie!

      .surge {
        background: url(images/symbols/strong_surge_20x20.png) no-repeat right;
        float: right;
      }
      
      .drop-off {
        background: url(images/symbols/strong_surge_20x20.png) no-repeat right;
        float: right;
      }      
*/     
	
/* -- Footer layout/display styles -------------------------------------- */

    #footer {
        float: left;
        width: 100%;
        height: 35px;
        font-size: 11px;
        line-height: 35px;  /* centreert de tekst wat beter */
        color: #EEE;
        background: url(images/bg/grad_footer.png);
    }

    #footerLeft {
        float: left;
        width: 60%;
        height: 35px;
        text-align: left;
        background: url(images/bg/corner_LO_5C6A8F_12x12.gif) no-repeat bottom left;
    }

    #footerRight {
        float: right;
        width: 35%;
        height: 35px;
        text-align: right;
        background: url(images/bg/corner_RO_5C6A8F_12x12.gif) no-repeat bottom right;
    }
    
    #footerRight ul {
        margin-right: 5px;
    }
    
    #footerRight li {
        width: 30px;
        height: 19px;  /* hoogte vlaggetje + 3px verschuiven */
        float: right;
        margin: 8px 10px 0px 3px;
        overflow: hidden;   /* anders verchuift de hele pagina tijdens het springen in de HTML met anchors */
    }
 
    #footerRight li a {
        background-position: 0px 0px;
        display: block;
        float: right;
        width: 30px;        /* --- dezelfde breedte als de vlag anders wordt de vlag zo lang als de tekst ----- */
        margin-right: 0px;
        padding-top: 30px;  /* ----- dit verschuift de tekst naar beneden en uit beeld met overflow: hidden  ----- */
		background-repeat: no-repeat;
    }
        
    #footerRight li a:hover, #footerRight li a.active {background-position: 0px -47px; }  /* ----- sliding-door techniek --- */
    
    #footerRight li.EN a {background-image: url(images/menu/uk_2tone.png); }      
    
    #footerRight li.NL a {background-image: url(images/menu/nl_2tone.png); }
    
    #footerRight li.DE a {background-image: url(images/menu/de_2tone.png); }