/*
	Inducomp CSS default
	Design		:		Raymond Fels
	Build by	:		Raymond Fels
	Version		:		000
*/

body {
	background: #000000;
	background-repeat:repeat;
	
}

#complete {
	background: #AAAAAA;
	width: 1000px;
	height: 797px;
	margin: 0;
	border: 0px ;
}

#head{
	width: 1000px;
	height: 132px;
	position:relative;
	top: 0px;
	left: 0px;
	border: 0px ;
	background: #000000;
}

#buttons{
	width: 1000px;
	height: 56px;
	position: relative;
	top: 0px;
	left:0px;
	margin: 0;
	border: 0px ;
	background-image:url(../graphics/buttons.jpg);
}

#button-home{
	width: 102px;
	height: 45px;
	position: absolute;
	top:  6px;
	left: 245px;
	border: 0px ;
	background-image:url(../graphics/button-pressed-home.jpg);
}

#button-producten{
	width: 102px;
	height: 45px;
	position: absolute;
	top:  6px;
	left: 347px;
	border: 0px ;
	background-image:url(../graphics/button-pressed-producten.jpg);
}

#button-voorbeelden{
	width: 102px;
	height: 45px;
	position: absolute;
	top:  6px;
	left: 449px;
	border: 0px ;
	background-image:url(../graphics/button-pressed-voorbeelden.jpg);
}

#button-downloads{
	width: 102px;
	height: 45px;
	position: absolute;
	top:  6px;
	left: 551px;
	border: 0px ;
	background-image:url(../graphics/button-pressed-documentatie.jpg);
}

#button-contact{
	width: 102px;
	height: 45px;
	position: absolute;
	top:  6px;
	left: 653px;
	border: 0px ;
	background-image:url(../graphics/button-pressed-contact.jpg);
}

#button-clock{
	width: 150px;
	height: 45px;
	position: absolute;
	top:  6px;
	left: 850px;
	border: 0px ;
}

#middle{
	position:relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 572px;
	border: 0px ;
	background: #000000;
}

#menu-left{
	position: absolute;
	top: 0px;
	left:0px;
	width: 219px;
	height: 572px;
	border: 0px ;
	background: #000000;
}

#menu-left-top{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 219px;
	height: 28px;
	border: 0px ;
	background-image:url(../graphics/background-menu-left-top.jpg);
}

#menu-left-middle{
	position: absolute;
	top: 28px;
	left: 0px;
	width: 219px;
	height: 446px;
	border: 0px ;
	background-image:url(../graphics/background-menu-left.jpg);
	background-repeat:repeat-y;
}

#menu-left-middle-home-1{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 120px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-101.jpg);
}

#menu-left-middle-home-2{
	position: absolute;
	top: 160px;
	left: 40px;
	width: 160px;
	height: 120px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-102.jpg);
}

#menu-left-middle-home-3{
	position: absolute;
	top: 290px;
	left: 40px;
	width: 160px;
	height: 120px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-103.jpg);
}


#menu-left-middle-producten-1{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image: url(../graphics/foto-201.jpg);
}

#menu-left-middle-producten-1a{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image: url(../graphics/foto-201a.jpg);
}

#menu-left-middle-producten-2{
	position: absolute;
	top: 90px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image: url(../graphics/foto-202.jpg);
}

#menu-left-middle-producten-2a{
	position: absolute;
	top: 90px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image: url(../graphics/foto-202a.jpg);
}

#menu-left-middle-producten-3{
	position: absolute;
	top: 150px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-203.jpg);
}

#menu-left-middle-producten-3a{
	position: absolute;
	top: 150px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-203a.jpg);
}
#menu-left-middle-producten-4{
	position: absolute;
	top: 210px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-204.jpg);
}

}
#menu-left-middle-producten-4a{
	position: absolute;
	top: 210px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-204a.jpg);
}

#menu-left-middle-producten-5{
	position: absolute;
	top: 270px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-205.jpg);
}

#menu-left-middle-producten-5a{
	position: absolute;
	top: 270px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-205a.jpg);
}

#menu-left-middle-producten-6{
	position: absolute;
	top: 330px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-206.jpg);
}

#menu-left-middle-producten-6a{
	position: absolute;
	top: 330px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-206a.jpg);
}

#menu-left-middle-producten-7{
	position: absolute;
	top: 390px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-207.jpg);
}

#menu-left-middle-producten-7a{
	position: absolute;
	top: 390px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-207a.jpg);
}

#menu-left-middle-voorbeelden-1{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image: url(../graphics/foto-301.jpg);
}

#menu-left-middle-voorbeelden-1a{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image: url(../graphics/foto-301a.jpg);
}

#menu-left-middle-voorbeelden-2{
	position: absolute;
	top: 90px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-302.jpg);
}

#menu-left-middle-voorbeelden-2a{
	position: absolute;
	top: 90px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-302a.jpg);
}


#menu-left-middle-voorbeelden-3{
	position: absolute;
	top: 150px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-303.jpg);
}

#menu-left-middle-voorbeelden-3a{
	position: absolute;
	top: 150px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-303a.jpg);
}


#menu-left-middle-voorbeelden-4{
	position: absolute;
	top: 210px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-304.jpg);
}

#menu-left-middle-voorbeelden-4a{
	position: absolute;
	top: 210px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-304a.jpg);
}

#menu-left-middle-voorbeelden-5{
	position: absolute;
	top: 270px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-305.jpg);
}

#menu-left-middle-voorbeelden-5a{
	position: absolute;
	top: 270px;
	left: 40px;
	width: 160px;
	height: 50px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-305a.jpg);
}



#menu-left-middle-downloads-1{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 310px;
	border: 0px ;
}





#menu-left-middle-contact-1{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 160px;
	height: 120px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-501.jpg);
}

#menu-left-middle-contact-2{
	position: absolute;
	top: 180px;
	left: 40px;
	width: 160px;
	height: 120px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-502.jpg);
}

#menu-left-middle-contact-3{
	position: absolute;
	top: 330px;
	left: 40px;
	width: 160px;
	height: 120px;
	border: 0px ;
	background: #000000;
	background-image:url(../graphics/foto-503.jpg);
}





#menu-left-bottom{
	position: absolute;
	top: 474px;
	left: 0px;
	width: 219px;
	height: 98px;
	border: 0px ;
	background-image:url(../graphics/search.jpg);
	background-repeat:repeat-y;
}

#menu-right{
	position: absolute;
	top: 0px;
	left:219px;
	width: 781px;
	height: 572px;
	border: 0px ;
	background-image:url(../graphics/background-menu-right.jpg);
	background-repeat:repeat-y
}

#menu-right-1{
	position: relative;
	top: 10px;
	left:10px;
	width: 740px;
	height: 562px;
	border: 0px ;
	overflow: auto ;
}

#foot{
	width: 1000px;
	height: 37px;
	position: relative;
	top: 0px;
	left: 0px;
	border: 0px;
	background-image:url(../graphics/foot.jpg);
}

















.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}