body         { margin:0 5; font-size: 12pt; font-family: Times New Roman; color: #FFFFFF; 
               background-repeat: repeat; 
                text-align: Center; background-color:#336699; background-image:url('../images/rest/background.jpg') }
a:link       { color: #FFCC00; text-decoration: none; font-weight: bold;  }
a:visited    { color: #FFCC00; text-decoration: none; font-weight: bold   }
a:active     { color: #FFCC00; text-decoration: none; font-weight: bold    }
a:hover      { color: yellow; text-decoration: underline;   }

h1           { font-size: 36pt; text-align: Center; margin-top: 0; margin-bottom: 0; color: #FFCC66 }
h2           { font-size: 24pt; text-align: Center; margin-top: 0;margin-bottom: 0; color: #FFCC00 }
h3           { font-size: 14pt; text-align: Center; margin-top: 0; margin-bottom: 0; color: #FFCC00 }
h4          { font-size: 12pt; margin-top: 0;margin-bottom: 0; color: #FFCC00 }

hr           { height: 1px; color: #3366CC  }

#menuline          { padding-right: 19px; line-height:15px } 
#menutable1        { background-image: url('../images/rest/background.jpg');border-top: 2px solid #3366CC; border-left: 4px solid #3366CC; border-bottom: 2px solid #3366CC }
#menutable1 img    { border:0px none; position: relative; left: -8; background-image: url('../images/rest/background.jpg') }
#menutable2        { background-image: url('../images/rest/background.jpg'); border-top: 2px solid #3366CC; border-right: 2px solid #3366CC; border-bottom: 2px solid #3366CC; font-weight: bold; z-index:500 }
#menusub           { position:relative; left: 1px; padding-right: 20px; line-height:18px }

#pages td          { width: 15px; height: 15px; border: 1px solid #FFFF99; text-align: center;  color: #3366CC;
                     font-size: 10pt; cursor:hand}
#pages1            {  background-image: url('../images/rest/background.jpg'); border: 2px solid #3366CC; padding-left:5px }     
#div1              {  text-align:left }       
                     
#text a:link       { font-weight: normal }   
#text a:visited    { font-weight: normal }
#text a:active     { font-weight: normal }
#text a:hover      { font-weight: normal }
#text1 a:link       { font-weight: normal }   
#text1 a:visited    { font-weight: normal }
#text1 a:active     { font-weight: normal }
#text1 a:hover      { font-weight: normal }

#pos, #pos1, #pos2               { margin-left:175px; z-index:1}
#pos2				{ z-index:1 }
#pos-prices        { margin-left:175px; z-index:1 }
#pos-prices td     { border: 1px solid #3366CC; padding: 10px }
#pos-prices table  { border: 1px solid #3366CC}
#pos-prices2        { z-index:1 }
#pos-prices2 td     { border: 1px solid #3366CC; padding: 10px }
#pos-prices2 table  { border: 1px solid #3366CC}

#avail td          { border-style:solid; border-width:1; text-align:center   }
#avail2 td          { border-style:solid; border-width:1 ; text-align:center    }
#avail2 table       { border-collapse: collapse; border: 1px solid #3366CC; text-align:left   }
#avail2       {  text-align:left; padding-left:40   }
#avail       {  position:relative; left:140px; margin-top:-1250px; height:1250px; width:250px;  }

#avail table       { border-collapse: collapse; border: 1px solid #3366CC   }
#avail img         { border: 0px solid middle  }
#avail2 img         { border: 0px solid middle  }

#include           { position:absolute; left:0px; top:0px; visibility:visible }
#out1               { font-size: 24pt; font-family: Tw Cen MT; position: relative; visibility:visible }
#out2              { font-size: 24pt; font-family: Tw Cen MT; position: absolute; visibility:visible }
   
table        { font-size: 12pt; border-style: solid; 
               border-width: 0px; margin-top: 0px; margin-bottom: 0px }
p            { margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px }
img          { border: 2px solid #3366CC; margin-top: 0px; margin-bottom: 0px }
textarea     { margin-top: 0px; margin-bottom: 0px }
td           { margin-top: 0px; margin-bottom: 0px; text-align:left; }
tr           { font-size: 12pt; border-style: solid; 
               border-width: 0px; margin-top: 0px; margin-bottom: 0px  }
ul           { margin-top: 0px; margin-bottom: 0px }


#description     { position:absolute; width:500px; height:700px; z-index:500; left:-600px; top:-800px; visibility:visible }

#pijl-vert      { color: #FFFFFF; font-size: 14pt; line-height:20px  }
 
.cel2        { background-color: #336699; color: #FFFFFF; border: 2px solid #3366CC; 
               margin-left: 10px; margin-right: 10px; margin-top: 10px; 
               margin-bottom: 0px }
.cel         { background-color: #336699; border-left: 2px solid #3366CC; 
               border-right: 2px solid #3366CC; border-top: 2px solid #3366CC;  }
.cel4        { color: #FFFFFF; margin-left: 10px; margin-right: 10px; margin-top: 10px; 
               margin-bottom: 0 }
               
               
/*--------------------- NEW --------------------------------------------------*/

#slide       {position:absolute; width:158px; height:129px; z-index:1000; left: 4px; top: 4px; visibility:visible
               }
#slide2       {position:absolute; width:158px; height:129px; z-index:1; left: 4px; top: 4px; visibility:visible
               }
              
/*--------------------- VERTICAL FREESTYLE MENU LAYOUT --------------------------------------------------*/

#menu2             { position: absolute; top: 140px; left: 10px; z-index: 100; font: 15px/18px; text-align: left; letter-spacing:normal;  line-height: 18px;
 

 }

#menu2 img          { hover img: text-decoration: none; position: absolute; top: 3px; left: 150px; border: 0px none; width: 15px; height: 15px;
 }
#menu3 img, #menu4 img          { hover img: text-decoration: none; border: 2px solid #3366CC; width: 25px; height: 16px;
 }

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0px;
 padding: 0px;
 width: 150px;
 text-align: right;
 background-image: url('../images/background.jpg'); list-style-type:none

}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: -1px;
 left: 168px;
 text-align: left;
 border: 3px solid #3366CC;
  width: 250px;
  padding: 0px 0px 0px 4px; line-height: 18px;

}
.menulist ul#availab {
   width: 120px; top: -212px;  }
.menulist ul#dosee {
   width: 200px; top: -231px;  }
.menulist ul#mim {
   width:330px; top: -73px;   }
.menulist ul#abel {
   width:330px; top: -144px;   }
.menulist ul#abel-pt {
   width:330px; top: -181px;   }
.menulist ul#cont {
   width:200px; top: -58px;   }
.menulist ul#nog-pt {
   width:330px; top: -109px;   }
.menulist ul#car {
   width:330px; top: -128px;   }
.menulist ul#til {
   width:330px; top: -73px;   }
.menulist ul#til-pt {
   width:330px; top: -109px;   }


/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border: 0px none ;
 background-image: url('../images/background.jpg');
 margin-bottom: -1px 
 

}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 1px;
 color: #FFCC00;
 }

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: yellow;
 background-color: none; 
 
 

}

.menulist a.highlighted {
 color: #FFF;
 background-color: none;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 display: none;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */