html{
	margin: 0;
	padding: 0;
	}
	
/* De stylesheet is opgebouwd uit verschillende elementen, classes en ID's */
/* Een element is een onderdeel van de pagina, een ID is een specifiek benoemd onderdeel, een class is een opmaak voor alle elementen met deze naam */
/* Een ID kan ook maar één keer worden gebruikt, voor algemene opmaak moet je classes gebruiken */

body{
	font-family : arial;	/*standaard lettertype*/
	background :white; /*standaard achtergrond*/
	position: absolute;  
	width: 920px; /* Hoe breed je je totale block wilt hebben */  
	height:100%;
	margin: 0 auto;  
	padding: 0;  
}
#adres{	/*adresblokje rechtsboven*/
	background: #EEF;	/* # R G B (red green blue), soms RRGGBB*/
	position:absolute;
	color: #44D;	/*letterkleur*/
	top: 7px ;	/*afstand tot boven*/
	left:745px; /*afstand tot linkerkantlijn*/
	width:160px;	/*breedte van het blokje*/
	padding-left: 5px;	/*marge tot de kantlijn vh blok (afstand tekst-rand)*/
	font-family:Verdana;	/*lettertype voor dit blokje*/
	font-size:8pt;
	z-index:5;	/*welke layer boven? (bij velden over elkaar)*/
	}
#abbsol{	/*opmaak van het solutionprovider "logo" */
	background-color:white;
	position:absolute ;
	left: 10px;
	top:530px;
	cursor:help; /*cursor wordt handje om klikbaarheid aan te geven zonder link-tag (a href...)*/
}
#datum{			/*opmaak van het tijd-datum veld bovenaan*/
	color:#C00;
	font-size:8pt;
	position:absolute ;
	top:15px;
	left:60%;
} 

#logo{	/*logo positie*/
	background-color:White;
	position:absolute ;
	left: 20px;
	top: 43px;
	}
#main {	/* opmaak van het hoofdveld */
	position:absolute ;
	top:150px;
	left: 185px;
	height:auto;
	width: 530px; /*middendeel vaste breedte ivm opmaak rest*/
	background : transparent; /*body is al white..*/
	color: midnightblue;	/*letter kleur*/
	font-family: arial;
	font-size : 8pt;
	z-index:10;
	list-style-type:none;
	/*overflow: auto;
	overflow-x: hidden;*/
}
#main #table1{
	background-color:#DDDEEE;
}
#main #Table2{
	table-layout:fixed ;
	text-align :right ;
}
#main_plaatjes{
	position:absolute;
	top:480px;
	left:180px;	
	z-index: 8;
}
#main #sitemap{
	list-style-type:none ;
	font-family:Arial;
	background-color:#EFEFEF;
}
#news{		/*opmaak van het nieuwsblokje rechts*/
	background:  #EFE url("images/news.png") no-repeat  70% 0%; /*URL is plaatje*/
	color:#070  ;
	position:absolute;
	padding-top: 60px;	/*ruimte rondom tekst, boven veel ivm plaatje*/
	padding-left:5px;
	padding-right: 5px;
	top : 175px;
	left : 725px;
	width:175px;
	height: 350px;	
	font-size : 8pt;
	font-family:arial ;
}
#news #nieuwstitel{		/*titel heeft eigen opmaak*/
	font-weight : normal;
	color: #3A3;
	font-size: 11pt;
	font-variant:small-caps; /*small caps = kleine hoofdletters*/
}

#content_right{		/*Ruimte voor tekstblok rechts, naast de tekst*/
	background:  #EEF ;
	color:#44D  ;
	position:absolute;
	padding-top: 10px;	/*ruimte rondom tekst*/
	padding-left:5px;
	padding-right: 5px;
	top : 160px;
	left : 725px;
	width:175px;
	height: 360px;	
	font-size : 8pt;
	font-family:arial ;
}

#content_right_pics{		/*Ruimte voor afbeeldingen rechts, naast de tekst*/
	background:  #FFF ;
	color:#44D  ;
	position:absolute;
	top : 160px;
	left : 725px;
	width:175px;
	height: 360px;	
	font-size : 8pt;
	font-family:arial ;
	text-align:center;
}

#onderhoud{
	position:absolute ;
	left:5px;
	color:#444;
	font-family :Arial;
	font-size:8pt;
	width:500px;
}
#plaatje_onder_menu{
	position:absolute ;
	top :450px;
	left:10px;
	height: 115px;
	width: 195px;
	font-size: 8pt;	
} 
#print{
left : 450px;
width : 40px;
position : absolute;
top : 495px;
height : 20px;
cursor : pointer;
}
#rechts_plaatjes{
	position:absolute ;
	top:170px ;
	left:750px;
	font-size:8pt;
	text-align :center ;
}
#search
{	position:absolute ;
	top:345px;
	left:10px;
	color:Red;
	font-size : 8pt;
	background-color: Transparent;
	border : solid 1px #DDF;
	}
#subtitel{
	font-size:20pt;
	margin-left : 20px;
	color:#0033CC ;
	font-family: Calibri;
	font-weight:normal;
	position :absolute;
	top:80px;
	left:300px;
}
#snelkeuze{
	position:absolute ;
	top :425px;
	left:700px;
	height: 80px;
	width: 150px;
	font-size: 8pt;	
}
#snelkeuze #Select1{
	width: 145px; 
	color:Silver ;
	font-family :Technic ;
	background-color:#336699;
}

.welkom1
{
	font-size: 11pt;
	color: midnightblue;	/*letter kleur*/
	font-family: arial;
	text-align: center;
	font-weight:bold;
	padding: 0px;
}
.welkom2
{
	font-size: 10pt;
	color: midnightblue;	/*letter kleur*/
	font-family: arial;
	text-align: left;
	margin-left: 3%;
	padding: 0px;
	
}

.h1
{
	font-size: 10pt;
	color: midnightblue;	/*letter kleur*/
	font-family: arial;
	text-align: center;
	font-weight:bold;
}

#titel{		/*ED titel*/
	font-weight: normal;
	font-size: 30pt;
	margin-bottom: 0px;
	color: #444;
	font-family: Arial;
	letter-spacing: 1px;
	position :absolute;
	top:50px;
	left:135px;
}
.ip54{	/*kolom bij ACH tabel, IP-toevoeging kolom afwijkend*/
	color : #933;
}
.subdir{
	color : #DCF0F0;
}
.submenu{
	color : #0022DD;
	list-style:none;
	font-size: 7pt;
	margin-left: 20px;
}
.EDI{
	font-family: Arial ;
	font-size:10pt;
	font-variant:small-caps;
}
.is_produkt{
	font-style:italic;
	color:Lime;
}
.is{		/*opmaak voor "knoppen" links, [is] = huidige keuze*/
 font-family: verdana;
 font-size: 11px;
 font-weight: bold;
 font-variant:small-caps;
 width: 150px;
 padding: 0;
 margin-bottom: 2px;
 background-color:#DDDDFF; /*DDDEEE*/
 color:#FF3333;
 text-align: left;
}

.wannabe{		/*opmaak voor "knoppen" links, [wannabe] = andere keuzes dan [is]*/
 font-family: verdana;
 font-size: 11px;
 font-weight: normal ;
 font-variant:small-caps;
 width: 150px;
 padding: 0;
 margin-bottom: 2px;
 background-color: white; /*EEEEEE*/
 text-align: left;
}
.button{
	background-color:Fuchsia;
	color:aqua;
}
.support{
	color:#8800FF;
/*	font-variant :small-caps ;*/
}
.main_support
{
	background-color: Transparent;
	position:absolute;
	top:195px;
	left:175px;
	font-size:8pt;
	padding :5px 5px 5px 3px;
	color:Blue;
	font-family:arial;
}
#main #sitemap ul{						/*alle links op sitemap andere kleuren. standaard wordt door a:.. geregeld.*/
	list-style-type:none ;
}
#main #sitemap ul a:link{	/*link klikbaar*/
	color:Blue;
}
#main #sitemap ul a:hover{	/*muis over link*/
	color:gray;
}
#main #sitemap ul a:visited{	/*link eerder bezocht*/
	color:Blue;
}
#main #sitemap #produktsub ul li a:link{
	font-variant:small-caps ;
	color:Teal;
}
#main #sitemap #produktsub ul li a:visited{
	font-variant:small-caps ;
	color:Teal;
}
#main #sitemap #produktsub ul li a:hover{
	font-variant:small-caps ;
	color:#44AA33;
}
#main_menu ul li ol a:link{	/*alle links op mainmenu andere kleuren. standaard wordt door a: .. geregeld.*/
	color:darkred;
}
#main_menu ul li ol a:visited{
	color:darkred;
}
#main_menu ul li ol a:hover, a:active{
	color:red;
} 

#main_menu ul{
 position: absolute;
 top:150px;
 left:10px;
 list-style: none;
 margin: 0;
 padding: 0;
}


#produkt_menu ul {
 position: absolute;
 top:250px;
 left:185px;
 list-style: none;
 margin: 0;
 padding: 0;
 font-size:8pt;	
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #3355FF;
}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #5577FF;
}
a:active { 
	text-decoration: none; 
	color: #3355FF;
}
a:hover 
{
	text-decoration: none; 
	color: #99CCFF;
}
fieldset{			/*opmaak van kontakt formulier*/
width: 500px;
background-color:Transparent;
border-width : 4px;
font-family: verdana;
display:block;
text-align:left;
}

legend{	/*opmaak label rondom formulier*/
color: #999;
font-weight: bold;
font-size: 8pt;
}

label{		/*opmaak tekst bij invulvak*/
width: 80px;
padding-left:5px;
}

input{		/*opmaak tekstvelden*/
border: 1px solid teal;
background-color: transparent;
}

/*JZ bijgemaakt t.b.v. Nieuws in rechter vlak--------------------------------------- */
.nieuws{	/* tekst in pop-up nieuws */
	color:#070;
	background-color:#EFE;
	font-size: 8pt;
	font-family: verdana;
}	
	
a.nieuws_link	/* Link om pop-up te openen */
{
	color:Blue;
}

.nieuws_body /* Toekennen achtergrondkleur pop-up */
{
	background-color:#EFE;
	width: 160px;
}

html { /* t.b.v. weglaten horizontale scroll-balk in Iframe in IE */
overflow-x: hidden;
}