
/* CSS Document */

body	{
		padding:0px;
		margin-top:0px; 
		background:url(images/bg.gif) 0 0 repeat-x #F6F4E4; 
		color:#6B6854; 
		font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
		
h5	{
		float:right;
		margin-top:145px; 
		padding-right:15px;
		color:#ffffff; 
		font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
		
ul	{
	list-style-type:none;
	}


/*---- MAIN PANEL - breedte van de website (gecentreerd)----*/
#mainPan	{
			width:980px; 
			position:relative; 
			margin:-9px auto; 
			padding:0px;
			}


/*---- Left Panel = linken + logo ----*/
#leftPan	{
			width:300px;
			height:680px;
			float:left;
			background:url(images/bg_logolink.gif) 0 0 no-repeat;
			min-height:720px;

			}
	
#leftPan ul	{
			padding-top:160px;
			}

#leftPan ul li	{
				width:235px; 
				height:40px; 
				margin: 0 auto auto -5px;
				background:url(images/dot.gif) 0 100% repeat-x;
				}
				

/*---- menu linken ----*/

#leftPan ul li a	{
					background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; 
					color:#6B6854; 
					font:14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; 
					padding:0 0 0 22px; 
					text-decoration:none;
					font-weight:bold; 
					}

#leftPan ul li a:hover	{
						background:url(images/arrow-hover.gif) 0 50% no-repeat #F6F4E4; 
						color:#E15914; 
						font-weight:bold; 
						text-decoration:none;
						}
						
#leftPan ul li a.home	{
						background:url(images/arrow-home.gif) 0 50% no-repeat #F6F4E4; 
						color:#7F0A5F; 
						font:14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; 
						font-weight:bold; 
						text-decoration:none; 
						padding:0 0 0 22px;
						}

#leftPan ul li a.home:hover	{
							background:url(images/arrow-hover.gif) 0 50% no-repeat #F6F4E4; 
							color:#E15914; 
							text-decoration:none;
							}
							
#leftPan ul a.taal	{
					background:none;
					color:#6B6854; 
					font:14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; 
					padding:0 0 0 0px; 
					text-decoration:none;
					font-weight:bold; 
					}
					
#leftPan ul a.taal:hover	{
							background:none;
					color:#7F0A5F; 
					font:14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; 
					padding:0 0 0 0px; 
					text-decoration:none;
					font-weight:bold; 
					}
					
#leftPan ul a.taal2	{
					background:none;
					color:#7F0A5F; 
					font:14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; 
					padding:0 0 0 0px; 
					text-decoration:none;
					font-weight:bold; 
					}

/*---- Right Panel = tekst ----*/

#rightPan	{
			/*background-color:#006666;*/
			width:680px; 
			float:left;
			}
			
#rightPan2	{
			/*background-color:#006666;*/
			width:680px; 
			float:left;
			text-align:center;
			}


/*---- slogan + sub top ----*/

#rightPan h1	{
				color:#fff; 
				font:30px/13px Georgia, "Times New Roman", Times, serif; 
				padding:37px 0 0 3px;
				}
				
#rightPan h1 span	{
					font:20px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
					}



/*---- titel link = algemeen beeld = vraagteken ----*/
					
#rightPan h2	{
				height:47px; 
				display:block; 
				background:url(images/algemeen.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				


#rightPan h2.contact	{
				height:47px; 
				display:block; 
				background:url(images/contact.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}

#rightPan h2.newsletter	{
				height:47px; 
				display:block; 
				background:url(images/newsletter.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}

#rightPan h2.bestellen	{
				height:47px; 
				display:block; 
				background:url(images/bestellen.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}

#rightPan h2.producten	{
				height:47px; 
				display:block; 
				background:url(images/producten.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				
#rightPan h2.login	{
				height:47px; 
				display:block; 
				background:url(images/login.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				
				
#rightPan h2.shops	{
				height:47px; 
				display:block; 
				background:url(images/shops.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				
#rightPan h2.track	{
				height:47px; 
				display:block; 
				background:url(images/track.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				
#rightPan h2.vacatures	{
				height:47px; 
				display:block; 
				background:url(images/vacatures.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				
#rightPan h2.pers	{
				height:47px; 
				display:block; 
				background:url(images/pers.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				}
				
/*---- index-pagine + garantie ----*/				
				
#rightPan2 h2	{
				height:47px; 
				display:block; 
				background:url(images/algemeen.gif) 0 0 no-repeat #F6F4E4; 
				color:#8F146E; 
				font-size:24px; 
				line-height:77px; 
				padding:0 0 0 75px; 
				margin:205px 0 0 6px;
				font-weight:bold;
				text-align:left;
				}

#rightPan2 h3	{
				color:#8F146E; 
				font-size:18px; 
				font-weight:bold;
				text-align:center;
				padding:10px 0 0 0;
				}
				
				
a.pure:link, a.pure:active, a.pure:visited {
											color:#000000; 
											font-size:18px; 
											font-weight:bold;
											text-decoration:none;
											font-weight:bold;
											text-align:center;
											}
a.pure:hover	{
				color:#be9e56; 
				font-size:18px; 
				font-weight:bold;
				text-decoration:none;
				font-weight:bold;
				text-align:center;
				}
				
/*---- teksten ----*/
				
#rightPan p	{
			padding:10px 0 0 20px;
			font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
			
			
/*---- email link ----*/
a.email:link, a.email:active, a.email:visited {
												color:#6B6854; 
												font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
												text-decoration:none;
												font-weight:bold;
												}
a.email:hover {
				color:#8F146E; 
				font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-decoration:none;
				font-weight:bold;
			}
			
/*---- link in tekst ----*/

a.link:link, a.link:active, a.link:visited {
												color:#E15914; 
												font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
												text-decoration:none;
												font-weight:bold;
												}
a.link:hover {
				color:#8F146E; 
				font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-decoration:none;
				font-weight:bold;
			}
			
/*---- link producten ----*/

a.product:link, a.product:active, a.product:visited {
												color:#6B6854; 
												font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
												text-decoration:none;
												
												}
a.product:hover {
				color:#8F146E; 
				font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-decoration:none;
				font-weight:bold;
			}
			


/*---- ???? Sporten ???? -----*/
			
#sporten	{
			width:300px; 
			height:40px; 
			display:block; 
			background:url(images/pattern.gif) 0 0 repeat; 
			border:1px solid #fff; 
			line-height:40px; 
			padding:0 0 0 10px; 
			margin:0 0 0 8px;
			}
			
#sporten p	{
			float:left; 
			padding:12px 0 0 5px; 
			margin:0px;
			color:#6B6854;
			font-weight:bold;
			}

#sporten a	{
			float:right;
			display:block; 
			color:#6B6854;
			text-decoration:none; 
			padding:0px 0px 0px 20px; 
			margin:0 10px 0 0px;
			background-image:url(images/arrow-normal.gif);
			background-position:left;
			background-repeat:no-repeat;
			font-weight:bold;
			}
			
#sporten a:hover	{
					color:#E15914;
					font-weight:bold;
					background-image:url(images/arrow-hover.gif);
					}
					
					
/*----Footer----*/
#footer	{
		background:url(images/footerbg.gif) 0 0 repeat-x #6B6854; 
		color:#FFFFFF; 
		height:35px; 
		clear:both;
		text-align:center;
		}


#footer p	{			
			font:12px "Trebuchet MS",Arial, Helvetica, sans-serif; 
			font-weight:normal;
			padding-top:10px;
			}
	
