/* Body Eigenschappen */

body					{margin: 0px;
						padding: 0px;
						background-image: url(img/bg_jack-koi.png);
						background-repeat: repeat-x;
						background-position: top left;}
						
img, div 				{behavior: url(iepngfix.htc)}
						
						
.all					{width: 900px;
						height: inherit;
						left: 50%;
						position: absolute;
						margin-left: -450px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #000000;}
						
.jack-koi_top			{float: left;
						width: 900px;
						height: 250px;
						background-image: url(img/bg_bovenkant.png);
						background-repeat: no-repeat;
						background-position: top left;}
						
.jack-koi_center		{float: left;
						width: 900px;
						height: inherit;
						background-image: url(img/bg_all.png);
						background-repeat: repeat-y;
						background-position: top;}
						
.jack-koi_bottom		{float: left;
						width: 900px;
						height: 290px;
						background-image: url(img/bg_onderkant.png);
						background-repeat: no-repeat;
						background-position: top left;}
						





/* Bovenkant Eigenschappen */

.header_content			{width: 370px;
						height: 180px;
						margin: 45px 0px 0px 30px;
						background-image: url(img/bg_logo.png);}
						
.logo_vlak				{float: left;
						width: 180px;
						height: 180px;}
						
.logo					{width: 173px;
						height: 166px;
						margin: 7px 0px 7px 7px;}
						
.zoekwoorden_vlak		{float: left;
						width: 190px;
						height: 18opx;}
						
.zoekwoorden			{width: 160px;
						height: 80px;
						margin: 45px 0px 0px 25px;}
						
.zoekwoorden h1			{display: block;
						margin: 0px;
						padding: 0px 0px 10px 0px;
						color: #FFFFFF;
						font-size: 14px;
						font-weight: bold;
						font-variant: small-caps;
						line-height: 14px;}
						
						
						
						
/* Menu Eigenschappen */

.menu_vlak				{float: left;
						width: 900px;
						height: 40px;}
						
#menu					{width: 880px;
						height: 40px;
						margin: 0px 10px 0px 10px;
						background-image: url(img/bg_menu.png);
						background-repeat: repeat-x;}


#menu a					{float: left;
						width: 100px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						color: #FFFFFF;
						font-variant: small-caps;
						background-image: url(img/menu_bg_center.png);
						text-decoration: none;
						font-weight: bold;}
						
#menu a:hover			{float: left;
						width: 100px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						color: #FFFFFF;
						font-variant: small-caps;
						background: url(img/menu_bg_center.png) 0px -40px no-repeat;
						text-decoration: none;
						font-weight: bold;}
						
#menu a.menu_links		{float: left;
						width: 90px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						color: #FFFFFF;
						font-variant: small-caps;
						background-image: url(img/menu_bg_left.png);
						text-decoration: none;
						font-weight: bold;}
						
#menu a.menu_links:hover			
						{float: left;
						width: 90px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						color: #FFFFFF;
						font-variant: small-caps;
						background: url(img/menu_bg_left.png) 0px -40px no-repeat;
						text-decoration: none;
						font-weight: bold;}
						
						
#menu a.menu_rechts		{float: left;
						width: 90px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						color: #FFFFFF;
						font-variant: small-caps;
						background-image: url(img/menu_bg_right.png);
						text-decoration: none;
						font-weight: bold;}
						
#menu a.menu_rechts:hover			
						{float: left;
						width: 90px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						color: #FFFFFF;
						font-variant: small-caps;
						background: url(img/menu_bg_right.png) 0px -40px no-repeat;
						text-decoration: none;
						font-weight: bold;}
						
						
						
						
						
						
/* Center Eigenschappen */

.center					{width: 880px;
						height: inherit;
						margin: 0px 10px 0px 10px;
						background-image: url(img/bg_contentvlak_top.png);
						background-repeat: no-repeat;
						background-position: top left;}
						
						
.submenu_vlak			{float: left;
						width: 290px;
						height: inherit;}
						
.submenus				{width: 250px;
						height: inherit;
						margin: 10px 0px 0px 20px;}
						
.submenu_ruimte			{float: left;
						width: 250px;
						height: 10px;
						font-size: 5px;}						
						
.submenu_top			{float: left;
						width: 250px;
						height: 5px;
						background: url(img/submenu_top.png);
						font-size: 2px;}

.submenu_center			{float: left;
						width: 250px;
						height: inherit;
						background-image: url(img/submenu_center.png);}

.submenu_bottom			{float: left;
						width: 250px;
						height: 5px;
						background-image: url(img/submenu_bottom.png);
						font-size: 2px;}									
						
						
						
						
.submenu				{width: 240px;
						height: inherit;
						margin: 0px 0px 0px 5px;}
						
.submenu_titel			{float: left;
						width: 220px;
						height: 35px;
						background: url(img/bg_submenu_titel.png);
						line-height: 35px;
						color: #FFFFFF;
						font-size: 15px;
						padding: 0px 0px 0px 20px;
						font-variant: small-caps;
						font-weight: bold;}
						
#producten				{float: left;
						width: 240px;
						height: inherit;}
						
#producten ul			{list-style: none;
						margin: 0;
						padding: 0;
						width: 240px;
						height: 25px;
						float: left;
						background-image: url(img/bg_submenu_item.png);
						background-repeat: no-repeat;}
						
#producten ul:hover		{list-style: none;
						margin: 0;
						padding: 0;
						width: 240px;
						height: 25px;
						float: left;
						background: url(img/bg_submenu_item.png) 0px -25px no-repeat;
						cursor: pointer;}
						
#producten ul li 		{float: left;
						width: 247px;
						margin: 0px;
						padding: 0px;
						position: relative;}
						
#producten ul li h2		{margin: 0px;
						padding: 0px 0px 0px 35px;
						font-color: #1e2c4b;
						font-size: 12px;
						font-variant: small-caps;
						font-weight: bold;
						line-height: 25px;}	
						
#producten ul li a		{text-decoration: none;
						color: #1e2c4b;}
						
#producten ul li a:hover	

						{text-decoration: none;
						color: #1e2c4b;}
						


#producten ul ul	 	{margin: 0px;
						padding: 1px;
						background-image: none;
						background-color: #b4b7be;
						float: left;
						position: absolute;
						width: 240px;
						height: auto;
						top: 0;
						left: 100%;
						line-height: 25px;
						border-width: 3px;
						border-color: #e1e5ee;
						border-style: solid;}
						
#producten ul ul:hover	{margin: 0px;
						padding: 1px;
						background-image: none;
						background-color: #b4b7be;
						float: left;
						position: absolute;
						width: 240px;
						height: auto;
						top: 0;
						left: 100%;
						line-height: 25px;
						border-width: 3px;
						border-color: #e1e5ee;
						border-style: solid;}
						
#producten li li		{float: left;
						width: 240px;
						margin: 0px;
						padding: 0px;
						background-image: url(img/bg_submenu_item.png);
						background-repeat: no-repeat;
						cursor: pointer;}
												
#producten li li:hover	{float: left;
						width: 240px;
						margin: 0px;
						padding: 0px;
						background: url(img/bg_submenu_item.png) 0px -25px no-repeat;
						cursor: pointer;}
						
#producten li li h2		{padding: 0px 0px 0px 35px;
						margin: 0px;
						font-color: #1e2c4b;
						font-size: 11px;
						font-variant: small-caps;
						font-weight: bold;
						line-height: 25px;}						
						
						

#producten li li a:hover	

						{color: #1e2c4b;
						text-decoration: none;}

div#producten ul ul,
div#producten ul li:hover ul ul,
div#producten ul ul li:hover ul ul

						{display: none;}

div#producten ul li:hover ul,
div#producten ul ul li:hover ul,
div#producten ul ul ul li:hover ul

						{display: block;}
	
						
						
						
						
						
						
						
						
						
						
						
						
						
.contentvlak			{float: left;
						width: 590px;
						height: inherit;}
						
.content				{width: 555px;
						height: inherit;
						margin: 20px 0px 0px 20px;
						text-align: justify;}
						
.content h1				{color: #000000;
						font-size: 18px;
						font-weight: bold;
						display: block;
						margin: 0px;
						padding: 0px 0px 15px 0px;
						line-height: 18px;} 						
						
.content p				{margin: 0px;
						padding: 0px 0px 10px 0px;
						font-size: 11px;
						font-weight: normal;
						color: #000000;}
						
.content h3				{margin: 0px;
						padding: 0px;
						font-size: 13px;
						font-weight: bold;
						color: #000000;
						display: inline;}
						
						
						
						
						
						
						
						
						
						
/* Onderkant Eigenschappen */

.onderkant_left			{float: left;
						width: 300px;
						height: 290px;}
						
.contactgegevens_vlak	{width: 250px;
						height: 190px;
						margin: 20px 0px 0px 30px;
						color: #000000;
						font-size: 11px;
						font-weight: normal;}
						
.naw_gegevens_vlak		{float: left;
						width: 250px;
						height: 90px;}
						
.naw_gegevens			{width: 200px;
						height: 50px;
						margin: 25px 0px 0px 30px;}
						
.naw_gegevens h2		{font-size: 15px;
						font-weight: bold;
						margin: 0px;
						padding: 0px 0px 3px 0px;
						line-height: 15px;
						display: block;}
						
.tfe_gegevens_vlak		{float: left;
						width: 250px;
						height: 100px;}	
						
.tfe_gegevens			{width: 200px;
						height: 75px;
						margin: 15px 0px 0px 30px;}
						
.tfe_gegevens a			{color: #000000;
						text-decoration: none;}
						
.tfe_gegevens a:hover 	{color: #6a6d73;
						text-decoration: none;}
						
.tfe_naam				{float: left;
						width: 70px;
						height: 14px;}
						
.tfe_tussenvlak			{float: left;
						width: 20px;
						height: 14px;}						
						
.tfe_waarde				{float: left;
						width: 110px;
						height: 14px;}					
	
	
	
	
	
	
	
						
.onderkant_right		{float: left;
						width: 600px;
						height: 290px;}
						
						
.partnervlak			{float: left;
						width: 600px;
						height: 230px;}
						
.partners				{width: 555px;
						height: 190px;
						margin: 20px 0px 0px 20px;
						text-align: center;}
						
.partners a				{margin: 0px;
						padding: 0px;}
						
.partners_boven			{float: left;
						width: 555px;
						height: 95px;}
						
.partners_boven img		{margin: 0px;
						padding: 0px;
						border: 0px;}						
						
.partners_onder			{float: left;
						width: 555px;
						height: 95px;}
						
.partners_onder img		{margin: 0px;
						padding: 0px;
						border: 0px;}
						
										
						
						
.copyrightvlak			{float: left;
						width: 600px;
						height: 60px;}
						
.copyright				{width: 575px;
						height: 20px;
						margin: 20px 0px 0px 10px;
						text-align: center;
						font-weight: bold;
						font-size: 11px;}
						
.copyright h2			{display: inline;
						font-size: 10px;
						font-weight: bold;
						font-variant: small-caps;
						margin: 0px;
						padding: 0px 10px 0px 10px;}
						
.copyright a			{color: #000000;
						text-decoration: none;}
						
.copyright a:hover		{color: #5280bb;
						text-decoration: none;}
						
						
						
						
						
						
						
						
						
/* Diverse Andere Pagina's */


/* Routebeschrijving */

.map24_input 			{border-right: #bebebe 1px solid; 
						border-top: #bebebe 1px solid; 
						font-weight: normal; 
						font-size: 11px; 
						border-left: #bebebe 1px solid; 
						width: 232px; 
						color: #0d3d6a; 
						border-bottom: #bebebe 1px solid; 
						font-family: Arial, Verdana, Helvetica; 
						background-color: #ffffff}
							
.map24_list 			{font-size: 9px; 
						border-top-style: groove; 
						font-family: Arial, Arial,  Geneva, Arial, Helvetica, sans-serif; 
						border-right-style: groove; 
						border-left-style: groove; 
						background-color: #ffffff; 
						border-bottom-style: groove}

.map24_text 			{font-size: 11px; 
						color: #586a75; 
						font-family: Arial}
							
.map24_margin 			{margin-left: 10px}

.map24_padding 			{padding-left: 10px}

.map24_title 			{padding-left: 10px; 
						font-weight: bold; 
						font-size: 11px; 
						color: #ffffff; 
						padding-top: 31px; 
						font-family: Arial}

.map24_cell 			{padding-right: 5px; 
						padding-left: 10px; 
						padding-bottom: 5px; 
						padding-top: 5px; 
						background-color: #f8f9fa}
						
.blockborder 			{border-right: #bebebe 1px solid; 
						border-top: #bebebe 1px solid; 
						border-left: #bebebe 1px solid; 
						border-bottom: #bebebe 1px solid}
						



/* Bestellingen Pagina */						
						
.bestelling_categorie	{float: left;
						width: 555px;
						height: inherit;}
						
.bestelling_cat_titel	{float: left;
						width: 555px;
						height: 25px;}
						
.bestelling_cat_ruimte	{float: left;
						width: 555px;
						height: 20px;}
						
.bestellingen_oms		{float: left;
						width: 555px;
						height: inherit;}
						
.bestellingen_venster	{float: left;
						width: 555px;
						height: justify;}
						
.bestellingen_vlak		{float: left;
						width: 555px;
						height: justify;}
						
.bestellingen_titel		{float: left;
						width: 555px;
						height: 25px;
						text-align: center;}
						
.bestellingen_naam		{float: left;
						width: 210px;
						height: 25px;
						font-size: 10px;}
						
.bestellingen_item		{float: left;
						width: 115px;
						height: 25px;
						font-size: 10px;}
						
.bestellingen_naw		{float: left;
						width: 275px;
						height: 25px;}
						
.bestellingen_waarde	{float: left;
						width: 200px;
						height: 25px;}
						
						
						

/* Contact Pagina */

.contact_beschrijving	{float: left;
						width: 555px;
						height: inherit;}
						
.contact_venster		{float: left;
						width: 555px;
						height: inherit;}
						
.contact_vlak			{width: 400px;
						height: inherit;}
						
.item					{float: left;
						width: 200px;
						height: 26px;}
						
.item_lang				{float: left;
						width: 200px;
						height: 120px;}						
						
.contact_verzenden		{float: left;
						width: 400px;
						height: 26px;
						text-align: center;}
						
						
						
/*producten omschrijvingen */

.product_omschrijving	{float: left;
						width: 555px;
						height: inherit;
						color: #000000;}
						
.product_ruimte			{float: left;
						width: 555px;
						height: 10px;
						background-image: url(img/scheiding.png);
						font-size: 5px;}					
						
.product				{float: left;
						width: 555px;
						height: inherit;}
						
.product_tekst			{float: left;
						width: 325px;
						height: inherit;}
						
.product_tekst h1		{display: block;
						margin: 0px;
						padding: 0px 0px 5px 0px;
						font-size: 13px;
						font-weight: bold;
						color: #000000;}
						
.product_tekst p		{margin: 0px;
						padding: 0px 0px 10px 0px;
						font-size: 11px;
						font-weight: normal;
						color: #000000;}
						
.product_tekst h2		{margin: 0px;
						padding: 0px 0px 5px 0px;
						font-size: 12px;
						font-weight: bold;
						color: #000000;}
						
.product_foto			{float: left;
						width: 230px;
						height: inherit;
						text-align: right;}
						
						
						
						
/* Sitemap Pagina */

.sitemap				{float: left;
						width: 555px;
						height: inherit;}

.sitemap_omschrijving	{float: left;
						width: 555px;
						height: inherit;}
						
.sitemap_kolom_links	{float: left;
						width: 280px;
						height: inherit;}
						
.sitemap_kolom_rechts	{float: left;
						width: 275px;
						height: inherit;}
						
.sitemap p				{margin: 0px;
						padding: 0px 0px 20px 0px;}
						
.sitemap h2				{font-size: 15px;
						color: #000000;
						font-weight: bold;
						margin: 0px;
						padding: 0px 0px 5px 0px;}
						
.sitemap h3				{font-size: 12px;
						font-weight: bold;
						display: block;
						color: #000000;
						margin: 0px;
						padding: 15px 0px 0px 0px;}
						
.sitemap a				{display: block;
						font-size: 11px;
						font-weight: normal;
						color: #000000;
						text-decoration: none;}
						
.sitemap a:hover		{display: block;
						font-size: 11px;
						font-weight: normal;
						color: #5280bb;
						text-decoration: none;}
						
.sitemap h3 a			{font-size: 12px;
						font-weight: bold;
						display: block;
						color: #000000;
						margin: 0px;
						padding: 0px;
						text-decoration: none;}
						
.sitemap h3 a:hover		{font-size: 12px;
						font-weight: bold;
						display: block;
						color: #5280bb;
						margin: 0px;
						padding: 0px;
						text-decoration: none;}



						
						
						
						