/*  ###########################################################################
    company:    http://42.nl/
    client:     CPE
    date:       October 2009
    author:     Egor Kloos
    author:     ---
    ########################################################################### */



/*  Main navigation ----------------------------------------------------------- */

    #navigation {
        position: absolute;
        top: 80px;
        left: 0;
        margin: 0;
        display: block;
        padding: 0 0 0 20px;
        width: 950px;
        height: 27px;
        text-transform: uppercase;
        background: transparent url(../images/backgrounds/headertile.jpg) repeat-x left bottom;
        z-index:1000;
        }

    #navigation a {
        padding:0 8px;
        text-decoration:none;
        line-height: 2;
        color: #fff;
        }
        
    #navigation ul {
       margin: 0;
       padding: 0;
       display: block;
       float: left;
       list-style: none;
       }
   #navigation li {
       position: relative;
       top: 0;
       float: left;
       display: block;
       margin: 0;
       padding: 0;
       line-height:2.3;
       }
   #navigation li ul {
       position: absolute;
       top: 27px;
       left: 0;
       float: none;
       display: none;
       text-transform: none;
       background-color: #f3f3f3;
       z-index:999999;
       }
   #navigation .hover ul{
       display: block;
       }
   #navigation .hover ul li{
       position: static;
       float: none;
       width: inherit;
       white-space: nowrap;
       line-height:1;
       border-bottom: 1px solid #ddd;
       }
   #navigation .hover ul li a{
       display: block;
       margin: 0;
       padding: 0.2em 12px;
       color: #0E5F3E;
       }
   #navigation .hover .hover{
       background-color: #B2C900;
   }
                      
    #sub-navigation select {
        margin:0 0 1em 0;
        padding: 0.3em 3px;
        width:100%;  
        background-color: transparent
        }
    #sub-navigation select option{
        color: #333;
        }
    #sub-navigation .links {
        margin: 1em 0 0 0;
        padding: 0;
        display: block;
        list-style: none;
        }
    #sub-navigation .links li {
        display: block;
        margin-top: 0.1em; 
        padding: 0.2em 0 0 8px;    
        }
    #sub-navigation .links li span{
        float: left;
        margin-right: 2px;
        }
	#sub-navigation li.open a {
		font-weight:bold;
		}
	#sub-navigation li.open li a {
		font-weight:normal;
		}		


	#sub-navigation .links li h4 a	{
		font-size: 12px;
	}	
		
		
    #site-links {
        display: block;
        padding: 0.5em 20px;
        width: 930px;
        list-style: none;
        text-align: right;
        }
    #site-links a {
        display: inline;
        margin: 0 10px 0 0;
        border-left: 1px solid #666;
        padding: 0 0 0 10px;
        font-size: 0.8em;
        text-transform: uppercase;
        color: #0E5F3E;
        }
    #site-links a:first-child {
        border: 0;
        }
  
    #external-links {
        position: absolute;
        bottom: 0;
        display: block;
        margin: 3em 0 0 0;
        padding: 0.5em 20px;
        width: 930px;
        list-style: none;
        text-align: right;
        background: #F7F7F7;
        }
    #external-links a {
        display: inline;
        margin: 0 5px 0 0;
        border-left: 1px solid #666;
        padding: 0 0 0 8px;
        font-size: 0.9em;
        color: #777;
        }
    #external-links a:first-child {
        border: 0;
        }