/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		SG Panta Rhei
	Version:		1.0
	Assigned to:	Rudy de Jong
    Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	
*/

/*------------------------------------------------------------------
	[Typography]

	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
-------------------------------------------------------------------*/


	/*------------------------------------------------------------------
		[1. Reset styles]
	*/
	
	body, button, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, textarea, p, blockquote, th, td, hr {padding: 0; margin: 0;}
 
		html,body {height: 100%;}
		table {border-collapse: collapse; border-spacing: 0; }   
		ul {list-style:none;}

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/
		html, body {font: normal 11px/16px Verdana,Arial,Tahoma,sans-serif; color: #555555; }
		h1 {line-height: 35px; font-size: 23px; color: #ed014c;}
		h2 {font-size: 14px; margin-bottom: 10px;}
		h3 {}
		p {margin-bottom: 10px;}
		a:link, a:visited, a:active{text-decoration: none; color: #ed014c;}
		a:hover {text-decoration: underline;}
	

	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
		div#wrapper{width: 948px; min-height: 500px; margin: 0 auto; position: relative;}
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
		div#header{overflow: hidden; background: #fff;}
		div#header div.topBar{height: 32px; line-height: 32px; width: 853px; background: url(/images/topBar-bg.gif) repeat-x top left; overflow: hidden; padding-left: 12px;}
			div#header div.topBar ul{overflow: hidden; padding-right:3px; background: url(/images/topBar-bg-right.gif) no-repeat top right;}
			div#header div.topBar ul li{float: left;}
				div#header div.topBar ul li.separator{color: #dcdcdc; margin: 0 12px;}
				div#header div.topBar ul li a{color: #707070;}
				
			div#banner{height: 186px; width: 693px; overflow: hidden; position: relative; float:left;}	
			div#banner.sub{height: 94px;}
				div#banner.home div.bannerOverlay{width: 34px; height: 188px; position: absolute; top: 0; right: -145px; background: url(/images/banner-overlay-home.png) no-repeat top left;}
				
div#banner div.bannerOverlay{width: 151px; height: 188px; position: absolute; top: 0; right: -130px; background: url(/images/banner-overlay-home.png) no-repeat top left;}
div#wrapper div#banner div.bannerimg {
	border;2px solid green;
}

			div#header div#logo{width: 198px; height: 155px; float:left; margin-left: 38px;}
			div#header div#logo.sub{height: 86px;}
   /*------------------------------------------------------------------
		[4. Menu]
	*/
	
		div#mainMenu{
			background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #6C57AA), color-stop(0.5, #644FA4)); 
			background: -moz-linear-gradient(center bottom, #6C57AA 50%,#644FA4 50%); overflow: hidden;
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6C57AA', EndColorStr='#644FA4');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6C57AA', endColorstr='#644FA4')";
		}
			div#mainMenu ul{overflow: hidden; background: url("/images/groep8-bg_blue.png") no-repeat top right;}
				div#mainMenu ul.active_groep8{background: url("/images/groep8-bg_active.png") no-repeat top right;}
					div#mainMenu ul.active_groep8 li.groep8 a {color: #393A20;}
			div#mainMenu ul li{line-height: 32px; height: 32px; float: left;}
				div#mainMenu ul li.active{
					background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #E2E981), color-stop(0, #D4E04E)); 
					background:-moz-linear-gradient(center bottom, #E2E981 50%, #D4E04E 0%);
					filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D4E04E', EndColorStr='#E2E981');
				}
					div#mainMenu ul li.active a{color: #393a20; }
				div#mainMenu ul li a{color: #fff; padding: 0 12px; display: block;}
				
			div#mainMenu ul li.search{margin-left: 12px; background: none; padding-top: 6px; height: 24px;}	
				div#mainMenu ul li.search form{display: inline-block;}
				div#mainMenu ul li.search input.input-search{float: left;display: inline-block; font-size: 11px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:inset 0 0 4px #969696; -moz-box-shadow:inset 0 0 4px #969696; border: 0; height: 20px; line-height: 20px; padding-left: 5px; width: 137px; background-color: #efedf6; }
				div#mainMenu ul li.search button.search-btn{float: left;background: url(/images/arrow-right-white.png) no-repeat top left; width: 8px; height: 12px; border: 0; margin: 4px 0 0 13px; cursor: pointer;}
	
			div#mainMenu ul li.groep8{background: none; float: right; margin-right: 28px;}
			
			div#sub-menu{width: 231px; background-color: #d5e04e; float: left; min-height: 1px}
				div#sub-menu > ul{width: 219px; float: right;}
			div#sub-menu > ul > li{background-color: #c3d233; line-height: 32px; margin-bottom: 1px; padding-left: 12px;}
			div#sub-menu > ul > li.active{background-color: #95ad0a;}
				div#sub-menu > ul > li > a{color: #000; display: block;}
				div#sub-menu > ul > li > a.active{color: #fff; font-weight: bold;}
				
				div#sub-menu > ul > li > ul > li {background-color: #fff; margin-bottom: 1px; padding-left: 16px; }
				div#sub-menu > ul > li > ul > li:first-child{background: url(/images/subsubmenu_first-item.gif) no-repeat top left;}
					div#sub-menu > ul > li > ul > li > a{color: #000;}
					div#sub-menu > ul > li > ul > li > a.active{font-weight: bold; background: url(/images/arrow-right-black.gif) no-repeat 0 50%; padding-left: 10px;}
					
	/*------------------------------------------------------------------
		[5. Content]
	*/
	
	div#mainContainer{min-height: 300px; overflow: hidden;}
		div#mainContainer.sub{background: url(/images/bg-content-sub-repeater.gif) repeat-y top left; }
			div#mainContainer .content-top-bg{background: url(/images/content-top.jpg) no-repeat top left; height: 15px;}
			
	div#content-sub{float: left; min-height: 433px; width: 693px; overflow: hidden; padding: 35px 0 0px 24px;}		
		div#content-sub table#two_cols td table td p {margin-bottom: 0;}
	/*------------------------------------------------------------------
		[6. Footer]
	*/
	
	div#lines{background: url(/images/footer-bg.jpg) no-repeat top left; height: 46px;}
	
	div#footer{height: 50px; background-color: #ed014c; margin-top: 11px; padding-left: 11px;}
		div#footer span{line-height: 50px; margin-left: 14px; color: #fff; font-family: Myriad Pro,Verdana,Tahoma,sans-serif; font-size: 14px;}
		div#footer span.madeBy{float: right; margin-top: 10px; margin-right: 5px;}
			div#footer span.madeBy a{color: #fff; font-size: 9px;}
		
	/*------------------------------------------------------------------
		[7. Templates]
	*/	
	
		/*-----------------------------------------------------
			[7.1 Home]
		*/
		table#home-template h1{color: #000;}
		table#home-template td{vertical-align: top;}
		table#home-template tr.row1 td.col1{color: #000; width: 381px; height: 204px; background: url(/images/home-intro-bg_green.jpg) no-repeat top left; padding: 20px 42px 10px 39px;}
		table#home-template td.col2{width: 439px; padding: 29px 24px 0 23px;}
	
		/*-----------------------------------------------------
			[7.2 sub - 2 kolommen]
		*/
		
		table#two_cols tr td{vertical-align: top;}
		table#two_cols > tbody > tr > td.col1{width: 452px; padding-right: 28px;}
		table#two_cols > tbody > tr > td.col2{width: 231px;}
	

	/*------------------------------------------------------------------
		[8. Lijsten]
	*/	
	
		/*-----------------------------------------------------
			[8.1 Nieuws]
		*/
		
		table#nieuws{width: 100%;}
		table#nieuws td.titel{color: #ed014c; font-size: 16px; font-family: Myriad Pro,Verdana,Tahoma,sans-serif;}
		table#nieuws td.meernieuws{background: url(/images/arrow-right-red.gif) no-repeat top right; text-align: right;}
		table#nieuws td.meernieuws a{color: #555555; padding: 2px 42px 0 0px; display: inline-block;}
		table#nieuws td.korte-omschrijving{padding-top: 9px;}
		table#nieuws td.lange-omschrijving{padding:10px 0;}
		table#nieuws span.leesmeer{padding-left:3px;}
		
		/*-----------------------------------------------------
			[8.2 Agenda]
		*/
		
		table#agenda{border-top: 1px solid #dbdbdb; margin-top: 10px;}
		table#agenda td.header{color: #ed014c; font-size: 16px; width: 250px; font-family: Myriad Pro,Verdana,Tahoma,sans-serif; background: url(/images/agenda-icon.gif) no-repeat center left; padding:0 0 12px 18px;}
		table#agenda td.header, table#agenda td.meeragenda{padding-top: 9px;}
		table#agenda td span.datum{color: #ed014c; margin-right: 7px;}
		table#agenda td.meeragenda{background: url(/images/arrow-right-red.gif) no-repeat right center; text-align: right;}
			table#agenda td.meeragenda a{color: #555555; padding: 2px 42px 0 0px; display: inline-block;}
			
	/*------------------------------------------------------------------
		[9. Tabel styles]
	*/	
	
	table.highlights {background-color: #f4f7d3; width: 213px;}
		table.highlights td{vertical-align: top}
		table.highlights td.td0{border-bottom: 1px solid #e4eb90; background: url(/images/arrow-right-black-open.gif) no-repeat 11px 50%; padding: 5px 0 5px 21px;}
		table.highlights tr.row0 td.col0{height: 138px; border-bottom: 0; background: none; padding: 10px 0 20px 0; line-height: 1px; text-align: center;}
		table.highlights tr.row1 td.col0{padding-top: 7px; padding-left: 12px; padding-right: 15px; background: none;}
	
	/*------------------------------------------------------------------
		[9. Sitemap styles]
	*/	
		

		
#slider-box {margin: 20px 0; overflow: hidden; background:url(/images/slider/slider-bg.png) repeat-x;}
#slider-box .scrollable {float:left; position:relative;overflow:hidden;width: 924px;height:209px;}
	#slider-box .scrollable .items {width:20000em; position:absolute; clear:both;}
	#slider-box .items div {float:left; width:924px; padding-top: 10px;}
	#slider-box .scrollable img {display: inline-block; margin:0 12px; width:207px; height:138px;}
	#slider-box .scrollable .active {border:2px solid #000;position:relative;cursor:default;}

#slider-box a.browse {background:url(/images/sprite.png) no-repeat; display:block; width:12px; height:138px; float:left;margin-top:10px; cursor:pointer;font-size:1px;}
#slider-box a.left{ margin-left: 0px; } 
#slider-box a.right{background-position: -13px 0; clear:right; margin-right: 0px;}


#slider-box a.disabled {visibility:hidden !important;}	


#slider-box .navi {margin-left:328px;width:200px;height:20px;}
#slider-box .navi a {width:8px;height:8px;float:left;margin:3px;background:url(/images/slider/navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
	#slider-box .navi a:hover {background-position:0 -8px;}
	#slider-box .navi a.active {background-position:0 -16px;}
	
#slider-box .news_items{height: 189px; overflow: hidden; position: relative; display: inline-block;}
#slider-box .news_content{position: absolute; bottom: 0px; left: 20px; width: 200px;}
	#slider-box .news_content .titel{color: #ED1164; margin-right: 3px; display: block;}