/* global classes */
body{background: url(../images/bg.gif) repeat-x;font: 10px Verdana, Arial, Helvetica, sans-serif;}


/* start: container */
	#container{width: 960px;margin-left: auto;margin-right: auto;text-align: left;position: relative;}
	
	/* start: header */
		#container #header{height: 222px;overflow: hidden;}
		#container #header #logo{position: absolute;left: 0px;top: 0px;}
		#container #header #topicText{padding: 105px 0px 0px 250px;color: #999999;width: 350px;font-size: 9px;line-height: 14px;font-weight: bold;}
		
		/* start: navigation */
			#container #header #navigation{position: absolute;left: 240px;top: 198px;background: url(../images/nav-bg.gif) no-repeat right bottom;height: 24px;width: 600px;}
			#container #header #navigation ul#pnav{}
			#container #header #navigation ul#pnav li{float: left;width: 120px;}
			#container #header #navigation ul#pnav li a{color: #FFF;font-size: 10px;text-transform: uppercase;text-decoration: none;display: block;padding: 2px 0px 3px 10px;height: 7px;line-height: 7px;overflow: hidden;word-spacing:2px;}
			#container #header #navigation ul#pnav li.active a{font-weight: bold;color: #000;}
			#container #header #navigation ul#pnav li#nav-flevius-award a{background: #F03732;}
			#container #header #navigation ul#pnav li#nav-flevius-parade a{background: #F68E1F;}
			#container #header #navigation ul#pnav li#nav-organisatie a{background: #01ABCC;}
			#container #header #navigation ul#pnav li#nav-sponsors{background: #B4CC2E;}
			#container #header #navigation ul#pnav li#nav-home a{background: #EBDE13;color: #000;}
			
			#container #header #navigation ul#pnav li ul{display: none;}
			#container #header #navigation ul#pnav li.active ul{display: block;position: absolute;left:0px;top: 12px;width: 590px;height: 12px;padding-left: 10px;}
			#container #header #navigation ul#pnav li#nav-flevius-award.active ul{background: #F03732 url(../images/snav-sep.gif) no-repeat 10px 1px;}
			#container #header #navigation ul#pnav li#nav-flevius-parade.active ul{background: #F68E1F url(../images/snav-sep.gif) no-repeat 10px 1px;}
			#container #header #navigation ul#pnav li#nav-organisatie.active ul{background: #01ABCC url(../images/snav-sep.gif) no-repeat 10px 1px;}
			#container #header #navigation ul#pnav li#nav-sponsors.active ul{background: #B4CC2E url(../images/snav-sep.gif) no-repeat 10px 1px;}
			#container #header #navigation ul#pnav li#nav-home.active ul{display: none;}
			
			#container #header #navigation ul#pnav ul li{float: left;width: auto;background: url(../images/snav-sep.gif) no-repeat right 1px;padding-bottom: 12px;}
			#container #header #navigation ul#pnav ul li a{color: #FFF !important;float: left;display: block;padding: 1px 13px 0px 13px;text-decoration: none;height: 12px;background: none !important;text-transform:none;font-size: 10px;}
			#container #header #navigation ul#pnav ul li.active a{color: #000 !important;}
		/* end: navigation */
	/* end: header */
	
	/* start: main */
		#container #main{padding-top: 12px;}
		#container #main.bg{background: url(../images/main-bg.gif) repeat-y 240px 0px;}
		#container #main #left{float: left;width:240px;padding-top: 15px;}
		#container #main #content{float: left;}
		#container #main #content.small{width: 360px;}
		#container #main #content.medium{width: 480px;}
		#container #main #content.large{width: 600px;}
		#container #main #specials{width: 120px;float: left;}
		
		/* start: left */
			#container #main #left p{color: #A8A9AB;font-size: 9px;padding: 0px 55px 17px 60px;line-height: 14px;}
			#container #main #left p img{margin-bottom: 3px;}
		/* end: left */
		
		/* start: content */
			#container #main #content{padding-top: 15px;}
			#container #main.bg #content{color: #000;}
			#container #main #content .scroll{height: 340px;}
			#container #main #content h1{padding: 0px 0px 20px 10px;text-transform: uppercase;font-size: 13px;color:#000;}
			
			/* scroll on overflow */
				#main #content .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}			
				#main #content .jScrollPaneTrack {position: absolute;cursor: pointer;right: 5px;top: 0;background: #C6C7C9;height: 100%;width: 2px !important;}
				#main #content .jScrollPaneDrag {position: absolute;background: #01ABCC;cursor: pointer;overflow: hidden;right: -4px !important;height: 10px !important;width: 10px !important;}
				#main #content .jScrollPaneDragTop {position: absolute;top: 0;right: 0px;overflow: hidden;}
				#main #content .jScrollPaneDragBottom {position: absolute;bottom: 0;right: 0px;overflow: hidden;}
				#main #content .jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0px;right: 0px;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: 0px;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 {}
			
			/* start: tpl_newsOverview */
				.tpl_newsOverview{padding: 0px 10px;}
				.tpl_newsOverview .item{}								
				.tpl_newsOverview .item h4{margin-right: 120px;color: #B3CD2C;padding-bottom: 3px;font-size:10px;font-style: italic;}
				.tpl_newsOverview .item h3{margin-right: 120px;color: #008BBC;font-size: 10px;}		
				.tpl_newsOverview .item .thumb{float: right;width: 110px;}
				.tpl_newsOverview .item .thumb img{margin-left: 10px;}
				.tpl_newsOverview .item .intro{margin-right: 120px;line-height: 15px;}
				.tpl_newsOverview .item .intro a{font-style: italic;color: #B3CD2C;}
			/* end: tpl_newsOverview */
			
			/* start: tpl_newsArticle */
				.tpl_newsArticle{padding: 0px 10px;}								
				.tpl_newsArticle h3{color: #B2CC2D;font-size: 10px;padding-bottom: 3px;font-style: italic;font-size: bold;}
				.tpl_newsArticle h2{color: #0089BD;font-size: 13px;padding-bottom: 3px;}		
				.tpl_newsArticle .thumb{float: right;}
				.tpl_newsArticle .thumb img{}
				.tpl_newsArticle .fullText{margin-right: 240px;line-height: 15px;}
				.tpl_newsArticle .fullText p{padding-bottom: 20px;}
				.tpl_newsArticle .fullText ul{padding-bottom: 20px;margin-left: 13px;list-style: disc;}
				.tpl_newsArticle .fullText ul li{padding-bottom: 5px;padding-left:10px;}
				.tpl_newsArticle .fullText ol{padding-bottom: 20px;margin-left: 13px;list-style: decimal;}
				.tpl_newsArticle .fullText ol li{padding-bottom: 5px;padding-left:10px;}
				.tpl_newsArticle .bron{font-weight: bold;color: #008ABE;float: left;}
				.tpl_newsArticle .bron a{font-weight: bold;color: #008ABE;}
				.tpl_newsArticle .back{color: #008ABE;margin-right: 240px;text-align: right;}
				.tpl_newsArticle .back a{font-style: italic;color: #B3CD2C;}
			/* end: tpl_newsArticle */
			
			/* start: tpl_newsArticle */
				.tpl_content{padding: 0px 10px 0px 10px;line-height: 15px;margin-right: 120px;}
				.tpl_content .slideContainer .slideContent{display:none;}	
				.tpl_content .slideContainer{padding-bottom: 20px;}		
				.tpl_content h2{color: #0089BD;font-size: 13px;padding-bottom: 3px;font-size: bold;}
				.tpl_content h2 a{text-decoration: none;}
				.tpl_content h2 span{font-size: 10px; text-decoration: none;font-weight: normal;float: right;color: #B3CD2C;text-decoration: underline;}		
				.tpl_content a{font-style: italic;color: #0089BD;}
				.tpl_content p{padding-bottom: 20px;}
				.tpl_content ul{padding-bottom: 20px;margin-left: 13px;list-style: disc;}
				.tpl_content ul li{padding-bottom: 5px;padding-left:10px;}
				.tpl_content ol{padding-bottom: 20px;margin-left: 18px;list-style: decimal;}
				.tpl_content ol li{padding-bottom: 5px;padding-left:10px;}
			/* end: tpl_newsArticle */
			
		/* end: content */
		
		/* start: specials */
			#container #main #specials{}
			#container #main #specials .item{background: #EBDE13;padding: 10px;margin-bottom: 12px;}
			#container #main #specials .item h2{color: #008BBC;text-transform: uppercase;font-size: 10px;padding-bottom: 3px;font-size: bold;}
			#container #main #specials .item p{font-size: 9px;font-weight: bold;line-height: 15px;padding-bottom: 5px;}
			#container #main #specials .item p a{font-style: italic;color: #01ABCC;}
		/* end: specials */
	/* end: main */
	
	
	/* start: footer */
		#container #footer{clear:both;margin-left: 240px;margin-right: 360px;border-top: 1px solid #C7C7C7;}
		#container #footer ul{height: 12px;}
		#container #footer ul li{float: left;background: url(../images/footer-sep.gif) no-repeat right 2px;height: 12px;padding-bottom: 4px;}
		#container #footer ul li.active{background: #C6C7C9;}
		#container #footer ul li a{float: left;display: block;padding: 2px 15px 0px 15px;font-size: 9px;text-decoration: none;color:#C6C7C9}
		#container #footer ul li.active a{color: #000;font-weight: bold;}
		#container #footer ul li a:hover{color: #000;}
	/* end: footer */
	
/* end: container */
