img{
	border:0;
}

body{
	margin: 		0; /* to avoid margins */
	text-align: 	center; /* to correct the centering IE bug*/
	padding-top: 	0px;
	margin-left:	auto;
	margin-right:	auto;
	position: 		relative;
	border: 0;
	background-color: #eaeaea;
	color: #007550;
	font-family: Verdana;
	font-size:	1px;
	font-weight: normal;

}

a.url{
text-decoration: none;
color: #007550;
}

#toppers{
	color: #007550;
	font-family: Verdana;
	font-size:	20px;
	font-weight: bolder;
	width:100%;
	text-align: center;
}


table.producten{
color: #007550;
	font-family: Verdana;
	font-size:	11px;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 10px;


}

a{
text-decoration: none;
color: #ffffff;
}

a.hover{
color:#ffffff;
}

	.green{
		color: 		#007550;
		font-family: 	Verdana;
		font-size:	11px;	
		font-weight: normal;
		}

green.hover{
		color: 		#007550;
		font-family: 	Verdana;
		font-size:	11px;	
		font-weight: normal;
			
	}

	.logout{
		margin-top: 	5px;
		margin-left:	5px;
		color: 		#9d9b9b;
		font-family: 	Verdana;
		font-size:	10px;		
	}

logout.hover{
		margin-top: 	5px;
		margin-left:	5px;
		color: 		#000000;
		font-family: 	Verdana;
		font-size:	10px;		
	}
td.text{
	color: #007550;
	font-family: Verdana;
	font-size:	11px;
	font-weight: normal;
	padding-left: 3px;
}
/* the whole frame reaching the left, miain and right */
#frame{
	width : 		780px;
	text-align:		left;
	position: relative;
}

#frame2{
	width : 		780px;
	text-align:		left;
	border-bottom: 	1px solid #777a79;
	border-left: 	1px solid #777a79;
	border-right: 	1px solid #777a79;
	background-image:url(../images/hatibo_frameBG.jpg);
	background-repeat:repeat-y;
	float:left;
	}

#mainFrame{
	width:			721px;
	overflow: 		visible;
	margin-left:	30px;
	margin-right:	29px;
	position: relative;

}

#top{
	width : 		721px;
	height: 		137px;
	float:			left;
	background-color:#FFFFFF;
	position: 		relative;
}

#topWood{
	width: 				160px;
	height:				137px;
	background-image:	url(../images/hatibo_woodTop.jpg);
	background-repeat:	no-repeat;
	float:				left;
}

#topHatibo{
	margin-left: 	1px;
	width: 			397px;
	height:			137px;
	background-image:url(../images/hatibo_company.jpg);
	background-repeat:no-repeat;
	float:			left;16
}

#topStripe{
	margin-left :	0px;
	width: 			1px;
	position:		relative;
	float:			left;
	height:			137px;
	background-color:#FFFFFF;
	background-image:url(../images/hatibo_dotVertical.jpg);
	background-repeat:repeat-y;
}

#topOlifant{
	width: 			162px;
	height:			137px;
	background-image:url(../images/hatibo_logo.jpg);
	background-repeat:no-repeat;	
	float:			left;
}

#bottom{
	width : 		721px;
	background-color:#FFFFFF;
	position:relative;
}

#bottomLeft{
	width : 			160px;
	background-color:	#FFFFFFS;
	float: 				left;

}

#bottomMid{
	width : 			541px;
	background-color:	#FFFFFF;
	float: 				left;
}

#menu {
	height: 		230px;
	width: 			160px;
	list-style: 	none;
	color:			#FFFFFF;
	margin: 		0;
	padding: 		0;
	background-color: #FFFFFF;
	float: left;
}

#menu li {
		height: 			32px;
		margin-top:  		1px;
		float:				left;
		width: 				160px;
		background-image:	url(../images/hatibo_menuBG.jpg);
		background-repeat:	no-repeat;
}

#menu #fade{
		height: 			32px;
		margin-top:  		1px;
		float:				left;
		width: 				160px;
		background-image:	url(../images/hatibo_menuBGfade.jpg);
		background-repeat:	no-repeat;
}
																																		
#menu li a {
	color: 				#FFFFFF;
	font-size: 			10px;
	font-family: 		Verdana;
	font-weight: 		bolder;
	text-decoration: 	none;
	padding-left: 5px;
}



#menu li a:hover {
	color: #1b5c97;
}

#wie_zijn_wij #menu #wie_zijn_wij {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}
#onze_vloeren #menu #onze_vloeren {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}
#overige_producten #menu #overige_producten  {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}
#dealers #menu #dealers {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}
#contact #menu #contact {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}
#nieuws #menu #nieuws {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}
#aanbiedingen #menu #aanbiedingen {
	background-image:	url(../images/hatibo_menuBGSelect.jpg);
}



#address{
		width:			160px;
		height:			163px;
		background-color:#9d9b9b;
		float:left;
}
								
#addressText{
		margin-top: 	5px;
		margin-left:	5px;
		color: 			#ffffff;
		font-family: 	Verdana;
		font-size:		10px;
}

#bottomWood{
	width:			160px;
	height: 1px;
	background-color:#FFFFFF;
	font-size: 1px;
	float:left;
}

/* middle side of the page (menu and content) */
#main{
	width : 		721px;
	position: 		relative;
	float:			left;
	background-image:url(../images/hatibo_mainframeBG.jpg);
	background-repeat:repeat-y;
}

#dotHor{
	width: 			558px;
	margin-top: 	1px;
	margin-left: 	1px;
	height:			1px;
	background-image:url(../images/hatibo_dotHorizontal.jpg);
	background-repeat:repeat-x;
	overflow:    	hidden;
}
#contentMain{
	width: 				558px;
	margin-left:		1px;
	background-image:url(../images/hatibo_contentBG.jpg);
	background-repeat:repeat-y;
	margin-bottom: 1px;
	float:left;
}

#content{
	width: 				397px;
	margin-left:		1px;
	color: #007550;
	font-family: Verdana;
	font-size:	11px;
	font-weight: normal;
	float:left;
	background-image:url(../images/hatibo_contentFullBG.jpg);
	background-repeat:no-repeat;

}

#contentText{
	color: #007550;
	font-family: Verdana;
	font-size:	11px;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	//height:395px;
	min-height:395px;
}

#bottomDoubleStroke{
	width: 			558px;
	margin-top: 	1px;
	margin-left: 	1px;
	height:			45px;
	text-align: right;
}

#bottomDoubleLeft{
	width:			397px;
	background-image:url(../images/hatibo_bottomDoubleStroke.jpg);
	background-repeat:repeat-x;
	height:			45px;
	float: left;
}

#bottomDoubleMid{
	margin-left :	0px;
	width: 			2px;
	position:		relative;
	float:			left;
	background-color:#FFFFFF;
	background-image:url(../images/hatibo_dotVertical.jpg);
	background-repeat:repeat-y;
	height: 17px;
}


#bottomDoubleRight{
	width: 			158px;
	margin-left: 	1px;
	height:			45px;
	background-image:url(../images/hatibo_bottomDoubleStrokeTrans.jpg);
	background-repeat:repeat-x;
	text-align:right;
	vertical-align: bottom;
	float: left;
}

#right{
	width : 		159px;
	background-color:#FFFFFF;
	height: 373px; 
	float: left;
	position:relative;

}

#trompet{
	height:	373px;
	background-image:url(../images/trompettertje.jpg);
	background-repeat:no-repeat;
}

#trompetdate{
	width: 158px;
	text-align:center;
	margin-top:120px;	
	font-family: 	Verdana;
	font-size:	16px;
	font-weight: 	bold;
}



#randomPicture{
	width: 			158px;
	height:			233px;
	background-image:url(../images/hatibo_random.jpg);
	background-repeat:no-repeat;
	float:left;
}

#hatiboLoginBox{
	margin-top: 1px;
	border-bottom: 	1px solid #9d9b9b;
	border-left: 	1px solid #9d9b9b;
	border-right: 	1px solid #9d9b9b;
	border-top: 	1px solid #9d9b9b;
	height: 115px;
	width: 158px;
	float:left;
}






		
															
								

								
								
								
								
					
								#logout{
									margin-top:	2px;
									margin-right:	2px;
									color: 		#FFFFFF;
									font-family: 	Verdana;
									font-size:	10px;
									font-weight: 	normal;
								}
						
								
								

/* right side of the page (right picture and orderlist) */


								#logo{
									width: 			162px;
									height:			137px;
									background-image:url(../images/hatibo_logo.jpg);
									background-repeat:no-repeat;								
								}
								
								
								#dotHor2{
									width: 			162px;
									margin-top: 	1px;
									margin-left: 	0px;
									height:			1px;
									background-image:url(../images/hatibo_dotHorizontal.jpg);
									background-repeat:repeat-x;
									overflow:    	hidden;
								}
								
								#randomBlock{
	width: 			162px;
	margin-left: 		1px;
	background-color: 	e4e4e4;
	text-align:		center;
	height: 100%;
	vertical-align: bottom;
								}
								
								#thumbBlock{
									width: 			65px;
									height:			373px;
									background-color:	#880000;
									vertical-align:		center;
								}
								
								#thumb{
									margin-top:		5px;
									width: 			65px;
									height:			56px;
									text-align:		center;

								}
								
								#thumb1{
									margin-top:		6px;
									width: 			65px;
									height:			56px;
									text-align:		center;

								}


								
								
								#hatiboLogin{
									width: 			158px;
									height:			24px;
									background-image:url(../images/hatibo_login.jpg);
									background-repeat:repeat-y;
									margin-top: 1px;
								}
	
								#hatiboLoginText{
									padding-top: 	6px;
									padding-left:	45px;
									color: 			#ffffff;
									font-family: 	Verdana;
									font-size:		10px;
									font-weight:	bolder;
								}
								
								
								#hatiboLoginBoxText{
									margin-top: 	5px;
									margin-left:	5px;
									color: 		#9d9b9b;
									font-family: 	Verdana;
									font-size:	10px;		
								}
								
								#bottomDoubleStrokeTrans{
	width: 			162px;
	margin-left: 	1px;
	height:			17px;
	background-image:url(../images/hatibo_bottomDoubleStrokeTrans.jpg);
	background-repeat:repeat-x;
	text-align:right;
	bottom: 0px;
	vertical-align: bottom;
								}
								
								#ipulseText{
	margin-right:	5px;
	color: 			#ffffff;
	font-family: 	Verdana;
	font-size:		10px;
	font-weight:	normal;
	text-decoration:none;
	margin-bottom: 1px;
								}
								
/* right stroke of the page */
#rightStroke{
	width : 		27px;
	position: 		relative;
	float:			left;
	height: 100%;
	background-image:url(../images/hatibo_rightStroke.jpg);
	background-repeat:repeat-y;
	border-right: 1px solid #777a79;
	border-bottom: 1px solid #777a79;
}

input.login{
font-family: Verdana;
font-size: 10px;
color: #9d9b9b;
font-weight: bolder;
border: 1px 1px 1px 1px solid #007750;
margin-left:25px;
}

input.button{
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight: bolder;
background-color:#007750;
margin-right:29px;
border:0;
}


.loginText{
font-family: Verdana;
font-size: 10px;
color: #9d9b9b;
font-weight: bolder;
margin-left:25px;
}

form{
margin-bottom: 0px;
}

.contactForm{
margin-bottom: 0px;
}


input.contact{
font-family: Verdana;
font-size: 11px;
color: #007750;
font-weight: bolder;
border: 1px 1px 1px 1px solid #007750;
margin-left:5px;
}

.contactText{
font-family: Verdana;
font-size: 11px;
color: #007750;
font-weight: bolder;
margin-left:5px;
}


input.buttonContact{
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight: bolder;
background-color:#007750;
margin-right: 13px;
border:0;
}

textarea{
font-family: Verdana;
font-size: 11px;
color: #9d9b9b;
font-weight: bolder;
border: 1px 1px 1px 1px solid #007750;
margin-left:5px;
}

.textLittle{
font-family: Verdana;
font-size: 10px;
color: #ffffff;
font-weight: bolder;
}

.textLittleTwo{
font-family: Verdana;
font-size: 10px;
color: #007750;
font-weight: bolder;
}

#grijstussen{
height: *;

}

#menuText{
	font-family: verdana;
	font-size: 11px;
	padding-top: 8px;
	
}

#menuTextSelect{
	font-family