/* start: default */
body{text-align: center;font: 10px Verdana, Arial, Helvetica, sans-serif;}
.clear{clear: both;height: 1px;overflow: hidden;}
/* end: default */

/* start: container */
	#container{width: 800px;background: url(../images/bg.gif) no-repeat;margin-left: auto;margin-right:auto;position: relative;text-align: left;}
	
	/* start: header */
		#header{height: 190px;}
		#header #img1{position: absolute;left: 0px;top: 0px;}
		#header #img2{position: absolute;left: 200px;top: 0px;}
		#header #img3{position: absolute;left: 600px;top: 0px;}
	/* end: header */
	
	/* start: top-nav */
		#topic{position: absolute;left:0px;top:64px;width: 800px;height: 121px;background: url(../images/topic-overlay.png) no-repeat;font-size: 9px;}
		#topic ul{margin-top: 80px;background: url(../images/top-nav-sep.gif) no-repeat left 2px;}
		#topic ul li{float: left;}
		#topic ul li a{}
		
		#topic ul#nav-left{float: left;margin-left: 30px;}
		#topic ul#nav-left li a{display: block;position: absolute;}
		#topic ul#nav-left li#nav-home a{width: 48px;height: 48px;background: url(../images/nav-home.png) no-repeat;left: 30px;top: 68px;}
		#topic ul#nav-left li#nav-home.active a{width: 48px;height: 48px;background: url(../images/nav-home-active.png) no-repeat;left: 30px;top: 68px;z-index: 99;}
		
		#topic ul#nav-left li#nav-nort-flevoland a{width: 117px;height: 47px;background: url(../images/nav-nort-flevoland.png) no-repeat;left: 75px;top: 69px;}
		#topic ul#nav-left li#nav-nort-flevoland.active a{width: 117px;height: 47px;background: url(../images/nav-nort-flevoland-active.png) no-repeat;left: 75px;top: 69px;z-index: 99;}
		
		#topic ul#nav-left li#nav-consulenten a{width: 98px;height:59px;background: url(../images/nav-consulenten.png) no-repeat;left: 190px;top: 57px;}
		#topic ul#nav-left li#nav-consulenten.active a{width: 98px;height:59px;background: url(../images/nav-consulenten-active.png) no-repeat;left: 190px;top: 57px;z-index: 99;}
		
		#topic ul#nav-left li#nav-contact a{width: 68px;height: 59px;background: url(../images/nav-contact.png) no-repeat;left: 284px;top: 57px;}
		#topic ul#nav-left li#nav-contact.active a{width: 68px;height: 59px;background: url(../images/nav-contact-active.png) no-repeat;left: 284px;top: 57px;z-index: 99;}
		
		#topic ul#nav-left li a span{display: none;}
		
		#topic ul#nav-right{float: right;margin-right: 20px;}
		#topic ul#nav-right li{}
		#topic ul#nav-right li a{display: block;position: absolute;}
		#topic ul#nav-right li#nav-archief a{width: 66px;height: 51px;background: url(../images/nav-archief.png) no-repeat;left: 630px;top: 65px;}
		#topic ul#nav-right li#nav-archief.active a{width: 66px;height: 51px;background: url(../images/nav-archief-active.png) no-repeat;left: 630px;top: 65px;z-index: 99;}
		
		#topic ul#nav-right li#nav-nieuwsbrief a{width: 97px;height: 59px;background: url(../images/nav-nieuwsbrief.png) no-repeat;left: 693px;top: 57px;}
		#topic ul#nav-right li#nav-nieuwsbrief.active a{width: 97px;height: 59px;background: url(../images/nav-nieuwsbrief-active.png) no-repeat;left: 693px;top: 57px;z-index: 99;}
		
		#topic ul#nav-right li a span{display: none;}
	/* end: top-nav */
	
	
	/* start: main */
		#main{}
		
		/* start: navigation */
			#main #navigation{width: 200px;position: absolute;top: 186px;left: 400px;}
			
			#main #navigation ul#nav-main{height: 230px;}
			#main #navigation ul#nav-main li{background: #C8D200;text-align: center;text-transform:uppercase;margin-bottom: 1px;padding: 3px 0px 3px 0px;}
			#main #navigation ul#nav-main li.active,
			#main #navigation ul#nav-main li.active li{background: none;}
			#main #navigation ul#nav-main li.emptyFill{margin-bottom:0px;}
			#main #navigation ul#nav-main li a{text-decoration: none;color: #009036;font-weight: bold;font-size: 9px;}
			#main #navigation ul#nav-main li li{text-transform: none;padding: 0px;line-height: 15px;margin-bottom: 0px;}
			#main #navigation ul#nav-main li.active a{color: #000;}
			#main #navigation ul#nav-main li.active li a{color: #009036;}
			#main #navigation ul#nav-main li.active li.active a{color: #000;}
			#main #navigation ul#nav-main li.empty{margin-bottom: 0px;background: #C8D200;}
			
			#main #navigation #img4{position: relative;}
			#main #navigation #img4 #img4-overlay{position: absolute;left: 0px;top: 0px;}
			
			#main #navigation ul#nav-extra{margin-top: 10px;background: url(../images/extra-nav-sep.gif) no-repeat left 2px;height: 20px;margin-left: 10px;}
			#main #navigation ul#nav-extra li{float: left;background: url(../images/extra-nav-sep.gif) no-repeat right 2px;padding: 0px 8px 0px 8px;}
			#main #navigation ul#nav-extra li a{color: #009036;text-decoration: none;font-weight: bold;}
		/* end: navigation */
		
		/* start: content */
			#main #content{width: 400px;padding: 0px 0px 0px 0px;}
			#main #content h1{color: #009036;font-size: 11px;padding-bottom: 10px;margin-top: -2px;} 
			#main #content p{padding-bottom: 15px;} 
			#main #content a{color: #009036;} 
			#main #content .scroll{height: 368px;padding-left: 30px;padding-right: 30px;}
			#main #content ul {list-style:inside;}
			
			/* scroll on overflow */
				#main #content .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}			
				#main #content .jScrollPaneTrack {position: absolute;cursor: pointer;right: 15px;top: 0;background: #E6E89A;height: 100%;width: 2px !important;}
				#main #content .jScrollPaneDrag {position: absolute;background: #C8D200;cursor: pointer;overflow: hidden;right: -4px !important;height: 10px !important;width: 10px !important;}
				#main #content .jScrollPaneDragTop {position: absolute;top: 0;right: 10px;overflow: hidden;}
				#main #content .jScrollPaneDragBottom {position: absolute;bottom: 0;right: 10px;overflow: hidden;}
				#main #content .jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0px;right: 10px;width: 12px !important;height: 6px;overflow: hidden;background: url(../images/scroll-top.gif) no-repeat;}
				#main #content .jScrollArrowUp:hover {}
				#main #content .jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 10px;overflow: hidden;width: 12px !important;height: 6px;overflow: hidden;background: url(../images/scroll-bottom.gif) no-repeat;}
				#main #content .disabled{}
				#main #content .jScrollArrowDown:hover {}
				#main #content .jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}
		/* end: content */
		
		/* start: news */
			#main #news{width: 170px;position: absolute;top: 186px;left: 600px;padding: 0px 10px 0px 30px;}
			
			#main #news .scroll{height: 300px;}
			#main #news .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}			
			#main #news .jScrollPaneTrack {position: absolute;cursor: pointer;right: 15px;top: 0;background: #E6E89A;height: 100%;width: 2px !important;}
			#main #news .jScrollPaneDrag {position: absolute;background: #e6e89a;cursor: pointer;overflow: hidden;right: -5px !important;height: 12px !important;width: 12px !important;}
			#main #news .jScrollPaneDragTop {position: absolute;top: 0;right: 10px;overflow: hidden;}
			#main #news .jScrollPaneDragBottom {position: absolute;bottom: 0;right: 10px;overflow: hidden;}
			#main #news .jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0px;right: 10px;width: 12px !important;height: 6px;overflow: hidden;background: url(../images/scroll-top.gif) no-repeat;}
			#main #news .jScrollArrowUp:hover {}
			#main #news .jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 10px;overflow: hidden;width: 12px !important;height: 6px;overflow: hidden;background: url(../images/scroll-bottom.gif) no-repeat;}
			#main #news .disabled{}
			#main #news .jScrollArrowDown:hover {}
			#main #news .jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}
				
			#main #news h2{text-transform: uppercase;padding-top: 2px;}
			#main #news .item{padding-top: 15px;}
			#main #news .item h3{color: #009036;font-size: 9px;}
			#main #news .item .intro{font-size: 9px;font-style: italic;}
			#main #news .item .intro a{color: #009036;}
		/* end: news */
		
		/* start: newsList */
			#main #newsList{padding-top: 5px;}
			#main #newsList li{padding-top: 10px;}
			#main #newsList li a{color: #00905c;font-weight: bold;}
		/* end: newsList */
		
	/* end: main */
/* end: container */