html,body {  font-family: Arial, sans-sérif;
             margin:0%;
             overflow: hidden;
             height: 100%;
             font-size: 12px;
             color: #d8d8d8;
             background-color: #383838;

             }
        
        
#container1  { width: 1024px;
              height: 437px;
              z-index: 1;
              margin-left: -512px;
              margin-top: -215px;
              position: absolute;
              top: 50%;
              left: 50%;
              }
              
  #top {   width:1024px;
           height: 36px;
           background-image: url(images/coolfredtop.jpg);
           background-position: top;
           background-repeat: no-repeat;
           text-indent: -99999px;
           position: absolute;
           }
           
  #bottom  { width: 1024px;
             height: 26px;
             top: 411px;
             background-image: url(images/algemelec.jpg);
             background-position: bottom;
             background-repeat: no-repeat;
             text-indent: -99999px;
             position: absolute;
           }
           
    #grijslicht {   width: 895px;
		     height: 362px;
		     top: 36px;
		     margin-left: 71px;
		     background-color: #5a5a5a;
		     position: absolute;
                 }       
       #content  { width: 568px;
                   height: 340px;
                   top: 48px;
                   margin-left: 253px;
                   background-color:#383838;
                   position: absolute;
                   color: #d8d8d8;
                   padding: 0px;
                   
                   
                  }
                  
        #content2  { width: 547px;
                   height: 340px;
                   top: 48px;
                   margin-left: 274px;
                   background-color:#383838;
                   position: absolute;
                   color: #d8d8d8;
                   
                   
                  }                  
                  
                  
                  
#contentcontact  { width: 538px;
                   height: 290px;
                   top: 48px;
                   margin-left: 253px;
                   background-color:#383838;
                   position: absolute;
                   color: #d8d8d8;
                   padding: 20px;
                   
                   
                  }          
              
             
#container2  { width: 1024px;
              height: 437px;
              z-index: 2;
              margin-left: -512px;
              margin-top: -215px;
              position: absolute;
              left: 50%;
              top: 50%;
              color: #405159;
             
              }
              
           
#container3  { width: 1024px;
              height: 437px;
              z-index: 3;
              margin-left: -512px;
              margin-top: -215px;
              position: absolute;
              left: 50%;
              top: 50%;
              color: #405159;
             
              }  
     
    #navigatie   {      width: 203px;
			height: 375px;
			margin-left: 71px;
			top: 36px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/bgnav.jpg);
			background-position: bottom;
                        background-repeat: no-repeat;
                        }
                        
    #slideshowblok   {  width: 186px;
			height: 235px;
			margin-left: 780px;
			top: 101px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/bgslideshow.jpg);
			background-position: bottom;
                        background-repeat: no-repeat;
                        }
                        
        #linksextra  {  width: 126px;
			height: 50px;
			margin-left: 825px;
			top: 346px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
                        }                    
                        
                        
    #fotosblok   {      width: 186px;
			height: 329px;
			margin-left: 780px;
			top: 54px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/bgfotos.jpg);
			background-position: bottom;
                        background-repeat: no-repeat;
                        }
                        
      #logosmerk {      width: 153px;
			height: 37px;
			margin-left: 465px;
			top: 355px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
	         }                   
                        
                        
                        
  h1   {font-size: 14px;
         
          }                         
                    
  h2    {font-size: 13px;
          color: #869820;
          } 
  
  h3    {font-size: 13px;
         line-height: 15%;
         color: #869820;
         } 
                    
input { background: transparent;
        border: solid 1px #869820;
        font-family: Arial;
        color: #d8d8d8;
        }

textarea { background: transparent;
        border: solid 1px #869820;
        font-family: Tahoma;
        color: #d8d8d8;
        } 
        
        
.imgb{
	border:2px solid #5a5a5a;
	margin-left:2px;
	margin-right:1px;
}        
        
        
.imgg{
	border:2px solid #5a5a5a;
	margin-left:2px;
	margin-right:1px;
}

        
 
 a { color: #869820;
           text-decoration: none;
        
               }
               
               
               
a {outline: none;}               
 
 
  a:hover  {color: #d8d8d8;
           text-decoration: none;}
           
           
           
           
           
                                                
/* Navigation
-------------- */
ul#nav {
	padding:0;
	margin:0;
	float:right;
	position:absolute;
	top: 12px;     /* set the exact position of the navigation */
	left: 13px;		/* set the exact position of the navigation */
	width:156px;
	height:245px;

}
ul#nav li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	float:left;
}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background-image: url(images/knopjes.jpg);
	
}

li#home a {
	width:156px;
	height:27px;
}

li#presentatie a {
	width:156px;
	height:26px;
}

li#verlichting a {
	width:156px;
	height:28px;
}

li#herstelling a {
	width:156px;
	height:27px;
}
li#parlovideo a {
	width:156px;
	height:26px;
}
li#nieuwreno a {
	width:156px;
	height:30px;
}
li#industrie a {
	width:156px;
	height:26px;
}
li#netwerk a {
	width:156px;
	height:26px;
}
li#realisaties a {
	width:156px;
	height:25px;
}
li#contact a {
	width:156px;
	height:27px;
}

li#home a {	
	background-position:0px 0px;
}
li#home a.selected,li#home a:hover {	
	background-position:156px 0px;
}
li#presentatie a {	
	background-position: 0px -27px;
}
li#presentatie a.selected,li#presentatie a:hover {	
	background-position: 156px -27px;
}
li#verlichting a {	
	background-position:0px -54px;
}
li#verlichting a.selected,li#verlichting a:hover {	
	background-position:156px -54px;
}
li#herstelling a {	
	background-position:0px -82px;
}
li#herstelling a.selected,li#herstelling a:hover {	
	background-position:156px -82px;
}
li#parlovideo a {	
	background-position:0px -109px;
}
li#parlovideo a.selected,li#parlovideo a:hover {	
	background-position:156px -109px;
}
li#nieuwreno a {	
	background-position:0px -135px;
}
li#nieuwreno a.selected,li#nieuwreno a:hover {	
	background-position:156px -135px;
}

li#industrie a {	
	background-position: 0px -165px;
}
li#industrie a.selected,li#industrie a:hover {	
	background-position:156px -165px;
}
li#netwerk a {	
	background-position: 0px -191px;
}
li#netwerk a.selected,li#netwerk a:hover {	
	background-position: 156px -191px;
}
li#realisaties a {	
	background-position: 0px -217px;
}
li#realisaties a.selected,li#realisaties a:hover {	
	background-position:156px -217px;
}	
li#contact a {	
	background-position: 0px -242px;
}
li#contact a.selected,li#contact a:hover {	
	background-position: 156px -242px;
}