
/* CSS Document */
body{margin:0px; padding:0px; background:url(images/achtergrond.jpg) 0 0 repeat;background-attachment: scroll; top:0px ;color:#cc0066; 
font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
div, p, ul, h1, h2, h3, h4, h5, h6, h7, img, form, label{padding:0px; margin:0px;border-color: #cc0066;}
ul{list-style-type:none;}

a:link {color: #cc0066; text-decoration:none;}
a:hover {color:#ff0099; text-decoration:underline;}
a:focus {color:#ff0099; text-decoration:underline;}
a:visited { color:#993399; text-decoration:none; }
a:active{ color: #666666;}

/*----MAIN PANEL----*/
#mainPan{width:1024px; background:url(images/page_bg.jpg) 0 0 repeat-y; position:relative; margin:0 auto; padding:0px;}
#header{width:1024px; height:177px; margin:0 auto; padding:0; background:url(images/header.png) 0 0 no-repeat;}
#header img{width:1024px; height:170px;}
#mainPan1{width:1024px; background:url(images/page_bg.jpg) 0 0 repeat-y; position:relative; margin:0 auto; padding:0px;}
#header1{width:1024px; height:177px; margin:0 auto; padding:0; background:url(images/header.png) 0 0 no-repeat;}
#header1 img{width:1024px; height:170px;}

/*----Left Panel----index*/
#leftPan{width:250px; float:left; background:none; position:relative; margin:0px 5px 5px 0px; padding:0px;}
#leftPan ul{width:180px; height:200px; display:block; background:none; padding:30px 0 10px 35px;}
#leftPan ul li{width:180px; height:27px; position:relative; margin:0 auto; background:url(images/dot.png) 0 100% repeat-x;}
#leftPan ul li a:hover{ color:#ff0099; text-decoration:underline;}


#leftPan div span.link{width:200px; margin:0px 0 0 0px;}
#leftPan div span.link a{color:#cc0066; font:11px Arial; text-decoration:none;}
#leftPan div span.link a:hover{color:#ff0099; text-decoration:underline;}

#leftPan h1{width:180px; font-family: Arial; font-size: 20px; font-weight:bold; text-align: center; background-color: #ffccff; display: block; margin: 20px 5px 5px 30px; padding:5px 5px 5px 5px;}
#leftPan h2{width:250px; margin:0px 0 0 25px; padding:40px 0 0 0px;}
#leftPan h3{width:250px; height:110px; display:block; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial; padding:0px 0 0 0px; margin:20px 0 0 20px;}	
#leftPan div{padding:0px 0 0 35px; font:10px Arial; color:#cc0066 ; text-decoration:none;}
#leftPan p{padding:10px 20px 10px 35px;font: 12px Arial;color:#000000;}
	

/*----Middle Panel----index*/
#middlePan{width:450px; float:left; background:none; position:relative; margin:0px 1px 0px 2px ; padding:30px;}
#middlePan h1{width:450px; font-family: Arial; font-size: 20px; font-weight:bold; color:#cc0066; padding:0px 0 10px 0px}
#middlePan h2{width:250px; height:105px; display:block; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial;  padding:20px 0 0 20px; margin:0px 0 0 110px;}	
#middlePan h2.bedrijvengids{width:250px; height:2px; display:block; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial;  padding:20px 0 0 20px; margin:0px 0 0 110px;}	
#middlePan h2.nieuws{width:435px; height:30px; display:block; background-color: #ffffff; color:#cc0066; text-decoration:none; font:14px Arial;font-weight:bold;  padding:15px 0 0 15px; margin:0px 0 0 0px;}	
#middlePan h2.tips{width:450px; height:14px; display:block; background-color: #ffffff; color:#cc0066; text-decoration:none; font:14px Arial;font-weight:bold;  padding:5px 0 5px 0px; margin:0px 0 0 0px;}	
#middlePan h3{width:0px; height:0px; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial;  padding:0px 0 0 0px; margin:10px 0 0 0px;}
#middlePan h3.home{width:450px; height:150px; background:0 0 no-repeat; color:#cc0066; text-align:center; font:12px Arial;  padding:0px 0 0 0px; margin:0px 0 0 0px;}
#middlePan h3.nieuws{width:0px; height:0px; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:14px Arial;  padding:0px 0 0 250px; margin:10px 0 0 0px;}
#middlePan h3.bedrijvengids{width:0px; height:0px; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial;  padding:0px 0 0 0px; margin:10px 0 0px 0px;}
#middlePan h3.tips{width:0px; height:0px; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial;  padding:0px 0 0 0px; margin:10px 0 0px 0px;}
#middlePan h4{width:450px; height:10px; display:block; color:#cc0066; font: 12px Arial; font-weight:normal; font-style: italic; font-size:20px; margin:0px 0 0 0px; padding:40px 0 0px 0px;}
#middlePan h5{font:15px sans-serif; font-weight:bold; height:20px; position:relative; color:#000000; line-height:20px; width:438px; margin:0px 0 0px 20px; }
#middlePan h5.bedrijven{font:15px sans-serif; font-weight:bold; position:relative; color:#000000; text-decoration: underline; line-height:20px; width:438px; margin:20px 0 0px 0px; }
#middlePan h5.bedrijvengids{font:17px sans-serif; font-weight:bold; position:relative; color:#cc0066; line-height:20px; width:438px; margin:10px 0 20px 220px; }
#middlePan h5.home{width:450px; height:30px; display:block; color:#000000; font:25px Times New Roman ; text-decoration:none; text-align: center; padding:0 0 0 125px; margin:0px 0 0 0px;}	
#middlePan h5.home1{width:450px; height:20px; display:block; color:#000000; font:15px sans-serif; text-decoration:none;  text-align: center; padding:0 0 0 0px; margin:0px 0 0 0px;}	
#middlePan h5.home2{width:450px; height:35px; display:block; color:#cc0066; font:30px Times New Roman ; text-decoration:none; text-align: center; padding:0 0 0 0px; margin:0px 0 0px 0px;}
#middlePan h5.home3{width:450px; height:20px; display:block; color:#000000; font:15px sans-serif; text-decoration:none;  font-weight:bold;text-align: center; padding:0 0 0 0px; margin:0px 0 0 0px;}	
#middlePan h6{width:450px; height:10px; position:relative; margin:0 auto; background:url(images/dot1.png) 0 100% repeat-x;}
#middlePan p{padding:10px 0 0 0px;font: 14px Arial;color:#000000; }
#middlePan p.bedrijvengids{padding:5px 0 0 0px;font: 11px Arial;color:#000000; }
#middlePan p.tips{padding:0px 0 5px 30px; font:11px Arial; color:#000000; }
#middlePan p.nieuws{padding:5px 0 0 0px;font: 11px Arial;color:#000000; }
#middlePan div{padding:0px 0 0 0px; font:14px Arial; color:#000000 ; text-decoration:none;}
#middlePan div.bedrijvengids {padding:0px 0 5px 220px; font:11px Arial; color:#000000 ; text-decoration:none;}
#middlePan div.nieuwsbrief {padding:20px 0 0 0px; font:9px Arial; color:#000000 ; text-decoration:none;}
#middlePan div.nieuws {padding:5px 0 0 0px; font:11px Arial; color:#000000; font-weight:bold; text-decoration:none;}
#middlePan div span.boldtext{font: 14px Arial; line-height:36px; color:#cc0066 ;text-decoration:none; }
#middlePan p span.boldtext{font-family: Arial; font-size: 20px; font-weight:bold; color:#cc0066;}
#middlePan ul{padding:0 0 0 9px;font: 12px Arial; color:#cc0066;}
#middlePan ul li{width:450px; height:20px; position:relative; margin:0px 0 0 0; background:none;}
#middlePan ul.links{padding:0px 0 0px 0;}
#middlePan ul.links  a{font: 14px arial;  text-decoration:none;}
#middlePan ul.links a:hover{color:#ff0099; text-decoration:underline;}
#middlePan ul.links2{padding:0px 0 0px 50px;}
#middlePan ul li.links2{width:450px; height:20px; margin:20px 0 0 0; background:none;}
#middlePan ul.links2 a{font: 12px arial;  text-decoration:none; padding:0px 0 0 0px;}
#middlePan ul.links2 a:hover{color:#ff0099; text-decoration:underline;}
#middlePan ul.links2 p{padding:0px 0 0 0px;font: 12px Arial;}
#middlePan ul.links1{padding:10px 0 8px 0px;}
#middlePan ul li.links1{width:450px; height:20px; font: 14px arial; font-weight:bold; position:relative; margin:0px 0 0 0; background:none;}
#middlePan ul.links1 a{font: 14px arial;  text-decoration:none; font-weight:bold; padding:10px 0 0 0px;}
#middlePan ul.links1 a:hover{color:#ff0099; text-decoration:underline;}
#middlePan ul.links1 p{padding:0px 0 0 0px;font: 12px Arial;}
#middlePan ul.links3{padding:0px 0 0px 0px;}
#middlePan ul li.links3{width:450px; font: 11px arial; position:relative; margin:0px 0 20px 220px; background:none;}
#middlePan ul.links3 a{font: 11px arial;  text-decoration:none; margin:0px 0 0 220px; padding:0px 0 0 0px;}
#middlePan ul.links3 a:hover{color:#ff0099; text-decoration:underline;}
#middlePan ul.links3 p{padding:0px 0 0 0px;font: 11px Arial;}
#middlePan ul.links4{padding:0px 0 0px 0px;}
#middlePan ul li.links4{width:450px; font: 12px arial; position:relative; margin:0px 0 20px 220px; background:none;}
#middlePan ul.links4 a{font: 12px arial;  text-decoration:none; margin:0px 0 0 220px; padding:0px 0 0 0px;}
#middlePan ul.links4 a:hover{color:#ff0099; text-decoration:underline;}
#middlePan ul.links4 p{padding:0px 0 0 0px;font: 12px Arial;}
#middlePan ul.links5{padding:0px 0 0px 0px;}
#middlePan ul li.links5{width:450px; font: 12px arial; position:relative; margin:0px 0 20px 20px; background:none;}
#middlePan ul.links5 a{font: 12px arial;  text-decoration:none; margin:0px 0 0 20px; padding:0px 0 0 0px;}
#middlePan ul.links5 a:hover{color:#ff0099; text-decoration:underline;}
#middlePan ul.links5 p{padding:0px 0 0 0px;font: 12px Arial;}
#middlePan div span.link{width:300px; height:20px;}
#middlePan div span.link a{width:300px; height:20px; display:block; font:16px Arial; margin:40px 0 40px 150px; padding:0px 0 0 0px; text-decoration:none;}
#middlePan div span.link a:hover{color:#ff0099; text-decoration:underline;}


/*----Right Panel----index*/
#rightPan{width:250px; float:left; background:none; position:relative; margin:0px 0px 5px 6px; padding:0px 0px 0 0px;}
#rightPan p{padding:10px 20px 10px 35px;font: 12px Arial;color:#000000;}
#rightPan h1{width:180px; font-family: Arial; font-size: 20px; font-weight:bold; text-align: center; background-color: #ffccff; display: block; margin: 20px 5px 5px 30px; padding:5px 5px 5px 5px;}
#rightPan h2{width:250px; margin:0px 0 0 50px; padding:40px 0 0 0;}
#rightPan h3{width:250px; height:110px; display:block; background:0 0 no-repeat; color:#cc0066; text-decoration:none; font:12px Arial;  padding:20px 0 0 20px; margin:10px 0 0 5px;}	
#rightPan h4{width:250px; height:210px; margin:0px 0 0 40px; padding:40px 0 0 40px;}
#rightPan h4.bedrijvengids{width:210px; height:161px; margin:0px 0 0 0px; padding:0px 0 0 25px;}
#rightPan div{padding:0px 0 0 35px; font:10px Arial; color:#cc0066 ; text-decoration:none;}
#rightPan div.home{padding:10px 0 0 12px; font:10px Arial; color:#000000 ; text-decoration:none;}
#rightPan div span.link{width:200px; margin:0px 0 0 0px;}
#rightPan div span.link a{color:#cc0066; font:11px Arial; text-decoration:none;}
#rightPan div span.link a:hover{text-decoration:underline;}
#rightPan div span.link1{width:200px; margin:0px 0 0 5px;}
#rightPan div span.link1 a{color:#cc0066; font:18px Arial; text-decoration:none;}
#rightPan div span.link1 a:hover{text-decoration:underline;}
#rightPan ul{padding:0 0 0 12px;font: 12px Arial; color:#000000;}
#rightPan ul li{width:240px; height:25px; position:relative; margin:0px 0 0 0; background:none;}
#rightPan ul li.links{width:240px; height:25px; text-align: center; position:relative; margin:0px 0 0 0; background:none;}
#rightPan ul.links{padding:30px 10px 30px 10px; font: 17px Arial; text-align: center;}
#rightPan ul.links  a{color:#cc0066; font: 35px arial;  background-color: #ffccff; text-decoration:none;}
#rightPan ul.links a:hover{text-decoration:underline;}

/*----Footer Panel----*/
#footermainPan{background: url(images/footer.png) no-repeat; color:#ffffff; position:relative; margin:0 auto; height:170px; width: 1024px ;clear:both;}
#footerPan{width:1024px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul{width:600px; position:absolute; top:60px; left:410px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0px 0 0px 0; color:#fff; background:none; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan p{width:450px; background:none; color:#ffffff; position:absolute; top:90px; left:330px;}
#footerPan p.copyright{width:400px; background:none; color:#ffffff; position:absolute; top:110px; left:360px;}
#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:140px; left:500px;}
#footerPanhtml a{width:59px; height:18px; background:url(images/arrow.gif) no-repeat 45px 0px #cc0066; display:block; position:absolute; top:0px; left:0px; 
line-height:19px; padding:1px 0 0 5px; border:1px solid #ffffff; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow.gif) no-repeat 45px 0px #ff99cc; color:#353427; text-decoration:none;}


