/* CSS Document */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#999999;
 font:Calibri;
} 

a:link, a:visited, a:active {
	color:#004e92;
	text-decoration: none;	
}

a:hover{
	text-decoration: underline;
}	
 
h1{
 font: calibri;
 font-size:16px;
 margin: 5px;
 padding: 0px;
}

h2{
 font: calibri;
 font-size:14px;
 margin: 5px;
 padding: 0px;
}

.14{
font-family:Calibri;
font-size:14px;}


#pagewidth{
 margin-top:10px; 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-color:#ffe700;
} 
 
#header{
 position:relative; 
 height:100px;
 background-image:url(logonew2.gif);
 background-color:#004E92;
 background-repeat:no-repeat;
 width:800px;
} 
 
#leftcol{
 width:200px; 
 height:500px;
 float:left; 
 position:relative;
 background-image:url(leftcolbg_2.jpg);
 }
 
#sectionLinks{
	margin: 0px;
	padding: 0px;
	
}


#maincol{
background-color: #FFFFFF;  
 float: right;
  width:600px; 
 display:inline; 
 position: relative; 
  height:500px; 
 }
 
#maincollong{
background-color: #FFFFFF;  
 float: right;
 width:600px; 
 display:inline; 
 position: relative; 
 height:auto; 
 }
 
#footer{
  height:20px; 
  background-color:#004E92; 
  clear:both;
  font-size:14px;
   font:Calibri;
  text-align:center;

 } 
 
 /* menu setup */
 
#leftcolhome{
  height:40px;
  width:200px;
  margin-top:30px;
  background-image:url(buttons/home.gif);
  background-repeat:no-repeat;
  } 
#leftcolhome:hover{
  height:40px;
  width:200px;
  margin-top:30px;
  background-image:url(buttons/home_visit.gif);
  background-repeat:no-repeat;
  }
     
#leftcolwmt{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/wmt.gif);
  background-repeat:no-repeat;
  } 
#leftcolwmt:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/wmt_visit.gif);
  background-repeat:no-repeat;
  }
  
#leftcolmodellen{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/modellen.gif);
  background-repeat:no-repeat;
  } 
#leftcolmodellen:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/modellen_visit.gif);
  background-repeat:no-repeat;
  }  
   
#leftcolslijphulpstukken{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/slijphulpstukken.gif);
  background-repeat:no-repeat;
  }
#leftcolslijphulpstukken:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/slijphulpstukken_visit.gif);
  background-repeat:no-repeat;
  }
  
#leftcolaccessoires{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/accessoires.gif);
  background-repeat:no-repeat;
  }
#leftcolaccessoires:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/accessoires_visit.gif);
  background-repeat:no-repeat;
  }
  
#leftcolslijpst{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/slijpst.gif);
  background-repeat:no-repeat;
  }
#leftcolslijpst:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/slijpst_visit.gif);
  background-repeat:no-repeat;
  }  
  
#leftcolcontact{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/contact.gif);
  background-repeat:no-repeat;
  }
#leftcolcontact:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/contact_visit.gif);
  background-repeat:no-repeat;
  }
#leftcolaccsets{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/accsets.gif);
  background-repeat:no-repeat;
  }
#leftcolaccsets:hover{
  height:40px;
  width:200px;
  margin-top:10px;
  background-image:url(buttons/accsets_visit.gif);
  background-repeat:no-repeat;
  }
 
 
 
 
 
  
 /* layout mainpages */
#headline{
  background-color:#FFFFFF;
  width:550px;
  height:20px;
  margin-left:25px;
  margin-right:25px;
  margin-top:20px;
  text-align:center;
  }
  
  #headlineleft{
  background-color:#FFFFFF;
  width:550px;
  height:20px;
  margin-left:25px;
  margin-right:25px;
  margin-top:20px;
  text-align:left;
  font-size:14px;
  }
  
#headunderline{
  background-image:url(buttons/headline.png);
  background-repeat:no-repeat;
  width:550px;
  height:10px;
  margin-left:25px;
  margin-right:25px;
  }
  
  
  
  
  
  
  
  
  
 /* news */
  
#newsheader{
  background-image:url(main/news.png);
  background-repeat:no-repeat;
  width:550px;
  height:25px;
  margin-left:25px;
  margin-right:25px;
  }
  
#newsleft{
background-image:url(main/new_17-11_1.png);
background-repeat:no-repeat;
float:left;
width:275px;
height:125px;
margin-left:20px;
text-align:center;

}

#newsleft:hover{
background-image:url(main/new_17-11_1_visit.png);
background-repeat:no-repeat;
float:left;
width:275px;
height:125px;
margin-left:20px;
text-align:center;

}


#newsleft2{
background-image:url(main/new_17-11_2.png);
background-repeat:no-repeat;
float:left;
width:275px;
height:125px;
margin-left:0px;
text-align:center;

} 

#newsleft2:hover{
background-image:url(main/new_17-11_2_visit.png);
background-repeat:no-repeat;
float:left;
width:275px;
height:125px;
margin-left:0px;
text-align:center;
}  










 /* mainpage */
 
#maint7{
float:left;
width:412px;
height:412px;
margin-left:25px;
text-align:center;
}




#maint7right{
border:1px;
border-color:#CECECE;
border-style:solid;
float:left;
width:136px;
height:auto;
text-align:left;
font-size:12px;

}

#t7right{
float:left;
width:136px;
height:auto;
text-align:left;
font-size:12px;

}

#t7{border:5px;
border-color:#333333;
border-style:solid;}









#textbar{
  width:546px;
  height:auto;
  margin-left:25px;
  margin-right:25px;
  border-style:inset;
  border:2px;
  border-color:#CECECE;
  font-size:12px;
  }
  
#textbarauto{
  float:left
  width:auto;
  height:auto;
  margin-left:10px;
  margin-right:10px;
  border-style:inset;
  border:2px;
  border-color:#CECECE;
  font-size:12px;
  }
  
  #textbarmiddle{
  width:400px;
  background-color:#CCCCCC;
  height:auto;
  margin-left:75px;
  margin-right:75px;
  border-style:inset;
  border:2px;
  border-color:#CECECE;
  font-size:12px;
  
  }

#textbarhalf{
  width:271px;
  height:auto;
  float:left;
  margin-left:25px;
  margin-right:25px;
  border-style:inset;
  border:2px;
  border-color:#CECECE;
  font-size:12px;
  }

#imagecontainer{
width:550;
margin-left:25px;
margin-right:25px;
height:auto;
text-align:left;

}

#moviecontainer{
width:550;
margin-left:25px;
margin-right:25px;
height:auto;
text-align:center;

}

#imageleft{
float:left;
width:275px;
margin-left:20px;
text-align:center;

}

#imageleft2{
float:left;
width:275px;
margin-left:0px;
text-align:center;

}

#imageplace{
  float:left;
  width:auto;
  margin-left:25px;
  height:auto;
  font-size:12px;}

#imageplace2{
  width:550px;
  margin-left:25px;
  margin-right:25px;
  height:auto;
  font-size:12px;}

#imageplace3{
  float:left;
  width:auto;
  margin-left:5px;
  height:auto;
  font-size:12px;}
  
#imageplace4{
  float:left;
  width:auto;
  margin-left:5px;
  margin-top:5px;
  height:auto;
  font-size:12px;}
  
#imgleft{
  float:left;
  width:auto;
  height:auto;
  margin-left:25px;
    margin-right:5px;
}

#txtright{

  width:auto;
  height:auto;
  margin-right:5px;
  margin-left:5px;
  font-size:12px;
  margin-top:5px;
}
 

 /* houtdraai systemen */
  
#houtdrtormek{
  float:left;
  width:200px;
  height:40px;
  margin-left:25px;
  background-image:url(accessoires/houtdraai/tormek_button.gif);
  background-repeat:no-repeat;}
  
#houtdrtormekstart{
  float:left;
  width:200px;
  height:40px;
  margin-left:25px;
  background-image:url(accessoires/houtdraai/tormek_button_start.gif);
  background-repeat:no-repeat;}
  
#houtdrtormek:hover{
  float:left;
  width:200px;
  height:40px;
  margin-left:25px;
  background-image:url(accessoires/houtdraai/tormek_button_visit.gif);
  background-repeat:no-repeat;}
  
#houtdrslijpm{
  float:left;
  width:200px;
  height:40px;
  margin-left:5px;
  background-image:url(accessoires/houtdraai/slijpm_button.gif);
  background-repeat:no-repeat;}
  
#houtdrslijpmstart{
  float:left;
  width:200px;
  height:40px;
  margin-left:5px;
  background-image:url(accessoires/houtdraai/slijpm_button_start.gif);
  background-repeat:no-repeat;}
  
#houtdrslijpm:hover{
  float:left;
  width:200px;
  height:40px;
  margin-left:5px;
  background-image:url(accessoires/houtdraai/slijpm_button_visit.gif);
  background-repeat:no-repeat;}
 
  /* meer */
#meer{
background-image:url(buttons/meer.png);
background-repeat:no-repeat;
width:auto;
height:20px;
} 

#meer:hover{
background-image:url(buttons/meer_hover.png);
background-repeat:no-repeat;
width:auto;
height:20px;
} 

 
#space{
margin-top:25px;}
 
 
 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


