body	{

margin:0;



padding:0;



font-family:Verdana, Arial, Helvetica, sans-serif;



background:url(../images/spoelBack.jpg) top left no-repeat;



font-size:11px;



}











html, body {



height:100%;



}







#mainPage	{



/*height:100%;*/



padding-top:23px;



margin:0px auto; /* margin-bottom moet dezelfde hoogte krijgen als je footer maar dan in negatieve waarde */



text-align:left;



width:725px;



background-color:#ffffff;



}







#header	{



	width:726px;



	height:130px;



	/*margin:0 auto 10px 140px;*/



	background:url(../images/bovenRand.png) top no-repeat;	



}







#header .headerLeft	{



	border-left:2px solid #097801;



	background:url(../images/draadheader2.png) left top no-repeat;



	float:left;



	height:64px;



	margin-left:2px;



	margin-top:38px;



	padding-top:28px;



	width:510px;



}







#header .headerRight	{



	border-right:2px solid #097801;



	float:left;



	height:94px;



	margin-top:27px;



	padding-top:9px;



	width:207px;



}







#header .headerLeft #portfolio	{



	list-style-type:none;



	margin-bottom:0px;



	margin-top:0px;	



	display:none;



}







.menu	{



	float:left;



	height:28px;



	width:535px;



}







.menuUl	{



	list-style-type:none;



	margin-top:2px;



	width:528px;



	margin-left:0px;



	border-bottom: 1px solid #097801;



}







.menuUl li	{



	float:left;



	margin-right:40px;



}















.menuUl li a	{



	text-decoration:none;



	letter-spacing:0.1em;



	color:#000000;



	float:left;



	font-size:11px;



}







.menuUl li a:hover	{



	color:#666666;



}











/*Droppy menu */







 .menuUl { display: block; padding: 0; position: relative; }



  .menuUl li { display: block; list-style: none; padding: 0; float: left; position: relative; }



  .menuUl a { display: block; }



  .menuUl ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }



  * html .menuUl ul { line-height: 0; } /* IE6 "fix" */



  	.menuUl ul a { zoom: 1; } /* IE6/7 fix */



    .menuUl ul li { float: none !important; margin-left:0px !important; width:60px; }



    .menuUl ul ul { top: 0; }



    



/* Essentials - configure this */







.menuUl ul { width: 160px; }



.menuUl ul ul { left: 131px; }







/* Everything else is theming */



 



.menuUl { height: 24px; padding-left:20px; }



.menuUl *:hover { background-color: none; }



.menuUl a {color: white; font-size: 12px; padding: 6px; line-height: 1; }



  .menuUl li.hover a { }



  .menuUl ul { border-right:1px solid #097801; border-left:1px solid #097801; border-bottom:1px solid #097801; background-color:#ffffff; top:25px; }



    .menuUl ul li a { color: #000000; }



      .menuUl ul a.hover { color: #666666; }



   .menuUl ul { opacity: 0.9; filter: alpha(opacity=90); }



/* .menuUl ul a { border-bottom: none; } - I also needed this for IE6/7 */







#mainWebpage	{



	margin-left:2px;



	width:717px;



	border-left:2px solid #097801;



	border-right:2px solid #097801;



}







#mainLeft	{



	float:left;



	width:157px;



	text-align:center;



}







#mainRight	{



	border-left:2px solid #097801;



	float:left;



	padding-left:5px;



	padding-right:5px;



	width:544px;



}	







#portfolio li	{



	color:#666666;



	font-size:17px;



	font-weight:bold;



	letter-spacing:2px;



	text-decoration:none;	



}







#title{



	FONT-WEIGHT: bold;



	FONT-SIZE: 18px;



	/*height:40px;*/



	COLOR:#666;



	FONT-FAMILY: Verdana;



	LETTER-SPACING: 0;



	/*position:absolute;*/



	margin-top:22px;



	left: 445px;



}







#mainRight .inhoud	{



	/*margin-top:54px;*/



}







#footer	{



	width:724px;



	height:55px;



	margin-top:-2px;



	/*margin:0 auto 10px 140px;*/



	background:url(../images/onderRand.png) top no-repeat;	



}







#footerTekst	{



	font-size:11px;



	height:20px;



	margin-left:auto;



	margin-right:auto;



	margin-top:0;



	padding-bottom:11px;



	text-align:center;



	width:900px;



}







.fLeft	{



	/*float:left;*/



}







.fRight	{



	/*float:left;*/



	margin-left:14px;



}







.homeList	{



	list-style-type:none;



	list-style-image:url(../images/li.png);



	list-style-position:inside;



	padding-left:8px;



	padding-top:10px;



	margin-left:0;



	margin-bottom:16px;



}



.homeList li	{



	margin-bottom:12px;



	font-style:italic;



}







#mainRight p	{



letter-spacing:0.01em;



line-height:16px;



}







.homeContact{



	color:#000033 !important;



	text-decoration:underline !important;



}







.homeContact:hover{



	color:#000033;



	font-weight:bold;



	text-decoration:underline;



}



/* Scroller Box */

#scroller_container {

 position: relative;

 width: 300px;

 height: 60px;

 overflow: hidden;

 border:1px solid #000;

 float:left;

}



#scroller {

 white-space: nowrap;

 line-height: 56px;

 width:300px;

 padding-top:2px;

 padding-bottom:2px;

}



/*#scroller li	{

float:left;

width:200px;

}*/













/* liScroll style declarations */



.tickercontainer { /* the outer div with the black border */

background: #fff; 

width: 300px; 

height: 60px; 

margin: 0; 

padding: 0

overflow: hidden; 

}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

position: relative;

width: 300px;

overflow: hidden;

}

ul.newsticker { /* that's your list */

position: relative;

left: 300px;

font: bold 10px Verdana;

list-style-type: none;

margin: 0;

padding: 0;



}

ul.newsticker li {

float: left; /* important: display inline gives incorrect results when you check for elem's width */

margin: 0;

padding: 0;

background: #fff;

}

ul.newsticker a {

white-space: nowrap;

padding: 0;

color: #ff0000;

font: bold 10px Verdana;

margin: 0 50px 0 0;

} 

ul.newsticker span {

margin: 0 10px 0 0;

} 



















#scroller p {

 padding: 0;

 margin:0;

 float:left;

 

}

/* Scoller Box */





#scroller img	{

	padding-right:20px;

	height:56px;

}



#rightScroller	{

	float:left;

	width:200px;

	height:60px;

	margin-left:10px;

}



#rightScroller p	{

margin-top:0px;

}





.productOverview	{



	padding-top:10px;



	padding-left:10px;



}







.productDiv	{



	float:left;



	width:150px;



	height:175px;



	overflow:hidden;



	padding-right:27px;



	padding-bottom:20px;



}







.pHeader	{



	background-color:#097801;



	height:20px;



	padding-top:2px;



	text-align:center;



	width:150px;



	color:#ffffff;



	font-weight:bold;



	font-size:14px;



	border:1px solid #000033;



}







.pImage	{



	height:134px;



	width:150px;



	border:1px solid #000033;



	overflow:hidden;



}



.pImage img	{



	height:135px;



	border:none;



}







.pFooter	{



	background-color:#097801;



	height:14px;



	text-align:right;



	width:147px;



	padding-right:3px;



	color:#ffffff;



	font-size:11px;



	border:1px solid #000033;



}







/*.pFooter a:link, a:visited, a:active	{



	color:#FFFFFF;



	text-decoration:none;



}*/







.pFooter a:hover	{



	color:#EAEAEA;



	font-weight:bold;



	text-decoration:none;



}







.contactButton	{



	background-color:#feff7d;



	border:1px solid #666666;



	height:19px;



	margin-left:10px;	



	padding-top:5px;



	text-align:center;



	width:120px;



}







.contactButton a	{



	text-decoration:none;



	color:#333333;



	font-weight:bold;



}







.productPhoto	{



	float:left;



	margin-left:30px;



	



}



.productPhoto img.pPhoto	{



	border:2px solid #000000;



	height:120px;



	margin-right:5px;	



}







.productRef	{



	border-right:1px solid #097801;



	float:left;



	line-height:20px;



	min-height:365px;



	padding-left:5px;



	padding-top:10px;



	width:270px;



	text-align:center;



}







.submitcss  {



background-color:white;



border:1px solid #006AC3;



color: #666666;



}







span.refName	{



	font-weight:bold;



	font-size:12px;



}







div.cLeft	{



	width:255px;



	float:left;



}







div.cRight	{



	width:255px;



	float:left;



}

a.overview	{
	color:#ffffff;
	text-decoration:none;
}
a.overview:hover	{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

div.bigProd	{
	width:235px;
	text-align:center;
	float:left;
}
div.bigProd .afb img	{
	width:230px;
	border:none;
}
div.bigProd .txt	{
	text-align:center;
}

div.smallProd	{
	width:125px;
	text-align:center;
	float:left;
	margin-right:9px;
}
div.smallProd .afb img	{
	width:120px;
	border:none;
}
div.smallProd .txt	{
	text-align:center;
}

div.vaderdagLeus	{
	color:#000099;
	font-size:18px;
	margin-top:15px;
	font-family:"Constantia";
	text-align:center;
}
div.moederdagLeus a	{
color:#FF99CC;
text-decoration:none;
}

/*Holland hup*/
.orange	{
	color:#FF7F00;
}