html,body {  font-family: Trebuchet MS, sans-sérif;
             margin:0%;
             overflow: hidden;
             height: 100%;
             font-size: 11px;
             color: #000000;
             background-color: #000000;

             }
        
        
#container1  { width: 1280px;
              height:550px;
              z-index: 1;
              margin-top: -275px;
              margin-left: -640px;
              position: absolute;
              top: 50%;
              left: 50%;
              }
     
       #content  { width: 600px;
                   height: 550px;
                   top: 0px;
                   margin-left: -300px;
                   left: 50%;
                   background-color:#f0f2ea;
                   position: absolute;
                   
                   
                  } 
     #tekst   {         width: 600px;
			height: 420px;
			margin-left: 30px;
			top: 15px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			color: #000000;
                        z-index: 3;
       
                         }                 
                  
          
              
             
#lijnen     { width: 1280px;
              height: 370px;
              z-index: 2;
              margin-left: -640px;
              top: 100px;
              left: 50%;
              position: absolute;
              border-top: solid 1px #88aa20;
              border-bottom: solid 1px #88aa20;
             
              }
              
           
#container3  { width: 1280px;
              height:550px;
              z-index: 1;
              margin-top: -275px;
              margin-left: -640px;
              position: absolute;
              top: 50%;
              left: 50%;
              } 
     
    #navigatie   {      width: 160px;
			height: 85px;
			left: 160px;
			top: 102px;
			padding-left: 0px;
			padding-top: 0px;
			position: relative;
                        }
                        
       #logoboven  {    width: 197px;
			height: 48px;
			margin-left: 199px;
			top: 30px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/logokl.png);
			background-position: bottom;
                        background-repeat: no-repeat;
                        }                     
                        
                        
                        
    #logoonder   {      width: 197px;
			height: 48px;
			margin-left: 199px;
			top: 489px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/logokl.png);
			background-position: bottom;
                        background-repeat: no-repeat;
                        }
                        
    #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;
       
       
                         }                           
  h1   { font-size: 16px;
         color: #88aa20;
         font-family: Trebuchet MS;
         border-bottom: solid 1px #88aa20;
         padding-bottom: 10px;
       
         }                        
                    
  h2    {font-size: 12px;
          color: #88aa20;
          margin: 0px;
          padding: 0px;
          } 
  
  h3    {font-size: 16px;
         color: #000000;
         font-family: Trebuchet MS ;
         border-bottom: solid 1px #88aa20;
         margin:0px;
         padding: 0px;
         width: 550px;
         }
         
  h5   {font-size: 16px;
         color: #000000;
         font-family: Trebuchet MS ;
         margin:0px;
         padding: 0px;
         width: 550px;
         }         
         
   h4    {font-size: 16px;
         color: #88aa20;
         font-family: Trebuchet MS;
         margin:0px;
         padding: 0px;
         
         } 
         
    h4:hover    {font-size: 16px;
         color: #000000;
         font-family: Trebuchet MS;
         margin:0px;
         padding: 0px;
         }        
                     
                    
input { background: transparent;
        border: solid 1px #88aa20;
        font-family: Trebuchet MS;
        color: #000000;
        }

textarea { background: transparent;
        border: solid 1px #88aa20;
        font-family: Trebuchet MS;
        color: #000000;
        } 
        
        
.imgb{
	border:2px solid #5a5a5a;
	margin-left:2px;
	margin-right:1px;
}        
        
        
      
 
 a { color: #88aa20;
           text-decoration: none;
        
               }
               
               
               
a {outline: none;}               
 
 
  a:hover  {color: #000000;
           text-decoration: none;}
           
.selected {color: #000000;
           text-decoration: none;}          
           
 ul {list-style-type: square;
     list-style-color: #88aa20;
 } 
 
 span {color: #000000;}
           
                                                
/* Navigation
-------------- */
ul#nav {
	padding:0;
	margin:0;
	float:right;
	position:absolute;
	top: 19px;     /* set the exact position of the navigation */
	left: 13px;		/* set the exact position of the navigation */
	width:157px;
	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:157px;
	height:27px;
}

li#presentatie a {
	width:157px;
	height:27px;
}

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

li#herstelling a {
	width:157px;
	height:28px;
}
li#parlovideo a {
	width:157px;
	height:28px;
}
li#computernetw a {
	width:157px;
	height:28px;
}
li#bekabeling a {
	width:157px;
	height:27px;
}
li#realisaties a {
	width:157px;
	height:27px;
}
li#contact a {
	width:157px;
	height:25px;
}

li#home a {	
	background-position:0px 0px;
}
li#home a.selected,li#home a:hover {	
	background-position:157px 0px;
}
li#presentatie a {	
	background-position: 0px -27px;
}
li#presentatie a.selected,li#presentatie a:hover {	
	background-position: 157px -27px;
}
li#verlichting a {	
	background-position:0px -54px;
}
li#verlichting a.selected,li#verlichting a:hover {	
	background-position:157px -54px;
}
li#herstelling a {	
	background-position:0px -82px;
}
li#herstelling a.selected,li#herstelling a:hover {	
	background-position:157px -82px;
}
li#parlovideo a {	
	background-position:0px -110px;
}
li#parlovideo a.selected,li#parlovideo a:hover {	
	background-position:157px -110px;
}
li#computernetw a {	
	background-position:0px -138px;
}
li#computernetw a.selected,li#computernetw a:hover {	
	background-position:157px -138px;
}

li#bekabeling a {	
	background-position: 0px -166px;
}
li#bekabeling a.selected,li#bekabeling a:hover {	
	background-position: 157px -166px;
}		 
li#realisaties a {	
	background-position: 0px -193px;
}
li#realisaties a.selected,li#realisaties a:hover {	
	background-position: 157px -193px;
}	
li#contact a {	
	background-position: 0px -220px;
}
li#contact a.selected,li#contact a:hover {	
	background-position: 157px -220px;
}