/***********************************************************************/
/* Tab-It v1.0 layout, design and all included source code             */
/* copyright (c)2005. Spriteworks Developments. All rights reserved.   */
/* This copyright notice MUST remain within this document at all times */
/* as a condition of use. Removal of this copyright notice voids your  */
/* right to use this product. Tab-It v1.0 may not be redistributed     */
/* in any form without express written permission from Spriteworks     */
/* Developments. This external CSS file MUST remain separate from the  */
/* HTML code at all times and may not be integrated into it or other   */
/* pages in any way, displayed, performed or otherwise made accessible */
/* for public viewing under any circumstances. Please carefully read   */
/* the license agreement included with this script. It is the same     */
/* one you agreed to when you purchased a license to use it.           */
/*                                                                     */
/***********************************************************************/
.nav 
{
 height: 3em;/* \*/

 text-align: center;
 overflow: hidden;/* */

 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}

.text 
{
 background-color: transparent;
}

.text div 
{
 text-align: center;
 color: #ffffff;
 margin: 0;
 font-weight: bold;
 font-family: "Franklin Gothic Book", Helvetica, Arial;
 font-variant: small-caps;
 font-size: x-small;
}

.div1, .div2, .div3, .div4 
{
 display: inline;
 font-size: small;/* \*/

 overflow: hidden;/* */

 `: ;
}

.div1, .div2, .div3 
{
 height: 1px;
}

.div2, .div3, .div4 
{
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
}

.div1 
{
 margin-top: 0;
 margin-right: 5px;
 margin-bottom: 0;
 margin-left: 5px;
 background-color: #ffffff;
}

.div2 
{
 margin-top: 0;
 margin-right: 3px;
 margin-bottom: 0;
 margin-left: 3px;
 border-top-width: 0;
 border-right-width: 2px;
 border-bottom-width: 0;
 border-left-width: 2px;
}

.div3 
{
 margin-top: 0;
 margin-right: 2px;
 margin-bottom: 0;
 margin-left: 2px;
}

.div4 
{
 height: 2px;
 margin-top: 0;
 margin-right: 1px;
 margin-bottom: 0;
 margin-left: 1px;
}

.divcontainer1 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #009ec5;
}

.divcontainer2 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #e53029;
}

.divcontainer3 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #359132;
}

.divcontainer4 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #f9b962;
}

.divcontainer5 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #b23ba3;
}

.divcontainer6 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #c1c62d;
}

.divcontainer7 
{
 display: block;
 border-left-color: #ffffff;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #ffffff;
 border-right-width: 1px;
 border-right-style: solid;
 background-color: #FF0080;
}

.divcontainer_scroll 
{
 height: 300
	overflow: scroll;
}

.nav 
{
 background-color: transparent;
 height: auto;/* \*/

 overflow: hidden;
 margin-top: 0;
 margin-bottom: 0px;/* */
}

.nav ul 
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 background-color: transparent;
}

.nav li 
{
 display: block;
 float: left;
 margin-top: 0;
 margin-right: 1px;
 margin-bottom: 0;
 margin-left: 1px;
}

.spacing 
{
 display: block;
 height: 1em;
 padding-bottom: 0.5em;/* \*/

 : ;
 overflow: hidden;/* */

 : ;
}

a.menu1, a.menu1:visited 
{
 display: block;
 text-decoration: none;
 width: 3.3em;
}

a.menu1:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu1:hover .divcontainer1 
{
 padding-bottom: 0.5em;
 background-color: #009ec5;
}

a.menu1:hover .spacing 
{
 height: 0.2em;
}

a.menu2, a.menu2:visited 
{
 display: block;
 text-decoration: none;
 width: 7.7em;
}

a.menu2:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu2:hover .divcontainer2 
{
 padding-bottom: 0.5em;
 background-color: #e53029;
}

a.menu2:hover .spacing 
{
 height: 0.2em;
}

a.menu3, a.menu3:visited 
{
 display: block;
 text-decoration: none;
 width: 9.9em;
}

a.menu3:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu3:hover .divcontainer3 
{
 padding-bottom: 0.5em;
 background-color: #359132;
}

a.menu3:hover .spacing 
{
 height: 0.2em;
}

a.menu4, a.menu4:visited 
{
 display: block;
 text-decoration: none;
 width: 10.10em;
}

a.menu4:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu4:hover .divcontainer4 
{
 padding-bottom: 0.5em;
 background-color: #f9b962;
}

a.menu4:hover .spacing 
{
 height: 0.2em;
}

a.menu5, a.menu5:visited 
{
 display: block;
 text-decoration: none;
 width: 6.6em;
}

a.menu5:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu5:hover .divcontainer5 
{
 padding-bottom: 0.5em;
 background-color: #b23ba3;
}

a.menu5:hover .spacing 
{
 height: 0.2em;
}

a.menu6, a.menu6:visited 
{
 display: block;
 text-decoration: none;
 width: 6.6em;
}

a.menu6:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu6:hover .divcontainer6 
{
 padding-bottom: 0.5em;
 background-color: #c1c62d;
}

a.menu6:hover .spacing 
{
 height: 0.2em;
}

a.menu7, a.menu7:visited 
{
 display: block;
 text-decoration: none;
 width: 4.4em;
}

a.menu7:hover 
{
 background-color: transparent;
 cursor: hand;
 padding-top: 0.4em;
}

a.menu7:hover .divcontainer7 
{
 padding-bottom: 0.5em;
 background-color: #FF0080;
}

a.menu7:hover .spacing 
{
 height: 0.2em;
}

.hoofdtekst 
{
 font-family: "Franklin Gothic Book", Helvetica Arial;
 color: #FFFFFF;
 font-size: 14px;
}

.ik_link 
{
 font-family: "Franklin Gothic Book";
 font-size: 14px;
 font-weight: bold;
 color: #009EC5;
 text-decoration: none;
}

.ik_link:hover 
{
 font-family: "Franklin Gothic Book";
 font-size: 14px;
 font-weight: bold;
 color: #e53029;
 text-decoration: none;
}

.ik_link2 
{
 font-family: "Franklin Gothic Book";
 font-size: 18px;
 font-weight: bold;
 color: #009EC5;
 text-decoration: none;
}

.ik_link2:hover 
{
 font-family: "Franklin Gothic Book";
 font-size: 18px;
 font-weight: bold;
 color: #e53029;
 text-decoration: none;
}
