/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		CSG Groningen
	Version:		1.0
	Assigned to:	Willem de Wit
    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 12px/16px Arial,Tahoma,sans-serif;
		color: black;
		background-color: #fefdfb;
	}
	
	h1 {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	h2 {
		
	}
	
	h3 {
		
	}
	
	p {
		margin-bottom: 10px;
	}
	
	a:link, a:visited, a:active{
		text-decoration: none;
		color: #ff0066;
	}
	
	a:hover {
		text-decoration: underline;
	}
	

	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
		#wrapper {
			width: 928px;
			position: relative;
			margin: 0 auto;
			text-align: center;
			padding-top: 10px;
		}
			#top, #topbar { 
				font-size: 11px;
				font-weight: bold;
				letter-spacing: 1px;
				position: relative;
				z-index: 10;
			}
			#top {
				text-align: left;
				margin: 10px 0 30px 0;
				position: relative;
				height: 20px;
				z-index: 11;
			}
				#topMenu ul { border: 1px solid #e5e5e5; line-height: 24px; }
				
				#topMenu ul li { padding: 0 10px; background: url(/images/menuBg.png) top left repeat; }
				#topMenu ul li:hover, #topMenu ul li.current { background: url(/images/menuBgActive.png) top left repeat; }
				#topmenu ul li a:link, #topmenu ul li a:visited, #topmenu ul li a:active { color: #000; font-weight: normal; }
				#topMenu ul li.current>a:link, #topMenu ul li.current>a:visited, #topMenu ul li.current>a:active, #topMenu ul li:hover>a:link, #topMenu ul li:hover>a:visited, #topMenu ul li:hover>a:active { color: #fff; text-decoration: none; }
				
				#topMenu li.level1, #topMenu li.separator { float:left; line-height: 24px; margin: 0 5px; }
				#topMenu li.level1 a:link, #topMenu li.level1 a:visited, #topMenu li.level1 a:active { color: #000; }
				#topMenu li.level1.current>a:link, #topMenu li.level1.current>a:visited, #topMenu li.level1.current>a:active { color: #ff0066; }
				#topMenu li.level1 a:hover { color: #ff0066; }
				
				
			#contentContainer {
				overflow: hidden;
				position: relative;
				min-height: 300px;
			}
			
				#header { 
					height: 144px; 
					position: relative; 
					background-position: bottom left;
					background-repeat: no-repeat;
				}
					#kruimelPad {
						position: absolute;
						top: 85px;
						left: 420px;
					}
						#kruimelPad a:link, #kruimelPad a:visited, #kruimelPad a:active { color: #000; font-size: 11px;}
						#kruimelPad a.active:link, #kruimelPad a.active:visited, #kruimelPad a.active:active { color: #ff0066; }
						#kruimelPad a:hover { color: #ff0066; }
					
				#center {
					height: 390px;
					position: relative;
					background-position: top left;
					background-repeat: repeat-y;
				}
					#center_bottom {
						position: absolute;
						height: 33px;
						bottom: 0;
						left: 0;
						padding: 15px 0 0 33px;
						text-align: left; 
						background-position: top left;
						background-repeat: no-repeat;
					}
						#disclaimer,
						#disclaimer a { 
							color: #fff; 
						}
					#center_content {
						height: 390px;
						text-align: left;
						overflow-y: auto;
						overflow-x: hidden;
						padding-right: 10px;
					}
					
						#center_content ul, #center_content ol{margin-left: 20px;}
						#center_content ul{list-style: disc;}
						
						#center_content .object_top,
						#center_content .object_bottom{overflow:hidden;}
					
						#home_center_content_text, #home_center_content_vestigingen {
							float: left;
						}
						#home_center_content_text {
							margin-bottom: 10px;
							margin-top: 10px;
						}
					#center_slogan {
						position:absolute;
						width: 450px;
						height: 40px;
						top: 181px;
						left: 105px;
						background-position: 50%;
						background-repeat: no-repeat;
						display: none;
					}
						
				
			#bottom {
				height: 16px;
				margin-bottom: 20px;
				background-position: top left;
				background-repeat: no-repeat;
			}
		
				#topbar {
					position: absolute;
					top: 10px;
					right: 0;
					line-height: 40px;
				}
					#topbar span, #topbar img { 
						float: left; 
						margin:0 5px; 
					}
					#topbar img { 
						width: 32px; 
						height: 32px; 
						float: left; 
						margin-top: 5px; 
						border: none; 
					}
					#zoekDiv {
						width: 155px;
						height: 44px;
						display: inline-block;
						background: url(/images/zoek_bg.jpg) top left no-repeat;
					}
					#topbar a:link, #topbar a:active, #topbar a:visited, #topbar a:hover { color:#000; text-decoration:none; }
			
			
				#header.home { background-image: url(/images/home_header_top.png); }
				#center.home { background-image: url(/images/home_bg.png); }
				#center_content.home { width: 300px; margin-left: 600px; color: white; }
				#center_bottom.home { background-image: url(/images/home_center_bottom.jpg); width: 565px; }
				#center_slogan.home { background-image: url(/images/home_slogan.png); }
				#bottom.home { background-image: url(/images/home_bottom.gif); }
				
				#header.sub { background-image: url(/images/sub_header_top.png); }
				#center.sub { background-image: url(/images/sub_bg.png); }
				#center_content.sub_small { width: 515px; margin-left: 390px; }
				#center_content.nobanner{margin-left: 50px; width: 855px;}
				#center_content.sub_large { width: 310px; margin-left: 595px; }
				#center_bottom.sub { background-image: url(/images/sub_center_bottom.jpg); width:384px; }
				#center_slogan.sub { background-image: none; }
				#bottom.sub { background-image: url(/images/sub_bottom.gif); }
				
				#header.Augustinus.home { background-image: url(/images/home_header_top_Augustinus.png); }
				#center.Augustinus.home { background-image: url(/images/home_bg_Augustinus.png); }
				#center_bottom.Augustinus.home { background-image: url(/images/home_center_bottom_Augustinus.jpg); width: 565px; }
				#center_slogan.Augustinus.home { background-image: url(/images/home_slogan_Augustinus.png); }
				#bottom.Augustinus.home { background-image: url(/images/home_bottom_Augustinus.gif); }
				.sub_big #kruimelPad.Augustinus.sub {top: 100px; left: 600px;}
				.sub_small #kruimelPad.Augustinus.sub {top: 100px; left: 390px;}
				
				#header.Augustinus.sub_big { background-image: url(/images/sub_header_top_Augustinus_l.png); }
				#header.Augustinus.sub_small { background-image: url(/images/sub_header_top_Augustinus_s.png); }
				
				#header.Augustinus.opdc{background-image: url(/images/sub_header_top_Augustinus_o.png); }
				#header.Augustinus.travertijn{background-image: url(/images/sub_header_top_Augustinus_t.png); }
				#header.Augustinus.nobanner{background-image: url(/images/sub_header_top_Augustinus_n.png);}
				#center.Augustinus.sub_big { background-image: url(/images/sub_bg_Augustinus_l.png); }
				#center.Augustinus.sub_small { background-image: url(/images/sub_bg_Augustinus_s.png); }
				
				#contentContainer.banner_small #header.Augustinus.admiraal{background-image: url(/images/sub_header_top_Augustinus_a.png); }
				#contentContainer.banner_large #header.Augustinus.admiraal{background-image: url(/images/sub_header_top_Augustinusal.png); }
				#contentContainer.banner_small #header.Augustinus.opdc{background-image: url(/images/sub_header_top_Augustinus_o.png); }
				#contentContainer.banner_large #header.Augustinus.opdc{background-image: url(/images/sub_header_top_Augustinus_l.png); }
				#contentContainer.banner_small #header.Augustinus.travertijn{background-image: url(/images/sub_header_top_Augustinus_t.png); }
				#contentContainer.banner_large #header.Augustinus.travertijn{background-image: url(/images/sub_header_top_Augustinustl.png); }
				
				#center.Augustinus.nobanner { background-image: url(/images/sub_bg_Augustinus_n.png); }
				#center_bottom.Augustinus.sub_big { background-image: url(/images/sub_center_bottom_Aug_l.jpg); width: 565px; }
				#center_bottom.Augustinus.sub_small { background-image: url(/images/sub_center_bottom_Aug_s.jpg); width: 350px; }
				#bottom.Augustinus.sub_big { background-image: url(/images/sub_bottom_Augustinus_l.gif); }
				#bottom.Augustinus.sub_small { background-image: url(/images/sub_bottom_Augustinus_s.gif); }
				#bottom.Augustinus.nobanner { background-image: url(/images/sub_bottom_Augustinus_n.gif); position: relative;}
					#bottom.Augustinus.nobanner #disclaimer{position: absolute; bottom: -20px; left: 50px; color: #000;}
						#bottom.Augustinus.nobanner #disclaimer a{color: #000;}
				#kruimelPad.Augustinus.sub { top: 107px; left: 585px; }
				#header.Augustinus.nobanner #kruimelPad.Augustinus.sub{left: 50px;}
				#header.Wessel.home { background-image: url(/images/home_header_top_Wessel.png); }
				#center.Wessel.home { background-image: url(/images/home_bg_Wessel.png); }
				#center_bottom.Wessel.home { background-image: url(/images/home_center_bottom_Wessel.jpg); width: 565px; }
				#center_slogan.Wessel.home { background-image: url(/images/home_slogan_Wessel.png); }
				#bottom.Wessel.home { background-image: url(/images/home_bottom_Wessel.gif); }
				
				#header.Wessel.sub { background-image: url(/images/sub_header_top_Wessel.png); }
				#center.Wessel.sub { background-image: url(/images/sub_bg_Wessel.png); }
				#center_bottom.Wessel.sub { background-image: url(/images/sub_center_bottom_Wessel.jpg); width: 565px; }
				#bottom.Wessel.sub { background-image: url(/images/sub_bottom_Wessel.gif); }
				#kruimelPad.Wessel.sub { top: 100px; left: 560px; }
				
				#header.Rehoboth.home { background-image: url(/images/home_header_top_Rehoboth.png); }
				#center.Rehoboth.home { background-image: url(/images/home_bg_Rehoboth.png); }
				#center_bottom.Rehoboth.home { background-image: url(/images/home_center_bottom_Rehoboth.jpg); width: 565px; }
				#center_slogan.Rehoboth.home { background-image: url(/images/home_slogan_Rehoboth.png); }
				#bottom.Rehoboth.home { background-image: url(/images/home_bottom_Rehoboth.gif); }
				
				#header.Rehoboth.sub { background-image: url(/images/sub_header_top_Rehoboth.png); }
				#center.Rehoboth.sub { background-image: url(/images/sub_bg_Rehoboth.png); }
				#center_content.Rehoboth.home { color: black; }
				#center_bottom.Rehoboth.sub { background-image: url(/images/sub_center_bottom_Rehoboth.jpg); width: 565px; }
				#bottom.Rehoboth.sub { background-image: url(/images/sub_bottom_Rehoboth.gif); }
				#kruimelPad.Rehoboth.sub { top: 100px; left: 600px; }
					
					
					
		#sjabloon_underlay { 
			width: 564px; 
			height: 389px; 
			background: url(/images/sjabloon_underlay.jpg) bottom right no-repeat;
			position: absolute;
			top: -40px;
			left: 31px;
		}
	/*------------------------------------------------------------------
		[7. Extra]
	*/				
					
	.sitemap_level_1 {
		background-color:#e3e3e3;
		font-size:14px;
		font-weight:bold;
		cursor:pointer;
		padding:2px;
		padding-left:6px;
		margin-bottom: 2px;
	}
	.sitemap_level_2 {
		background-color:#f5f5f5;
		font-size:12px;
		padding:2px;
		padding-left:14px;
		cursor:pointer;
	}
	.sitemap_level_3 {
		background-color:#DFDFDF;
		font-size:11px;
		padding:1px;
		padding-left:26px;
		cursor:pointer;
	}
	.sitemap_level_4 {
		background-color:#EBEBEB;
		font-size:10px;
		padding:1px;
		padding-left:56px;
		cursor:pointer;
	}
	.sitemap_level_5 {
		background-color:#F8F8F8;
		font-size:10px;
		padding:1px;
		padding-left:106px;
		cursor:pointer;
	}
	
	/*------------------------------------------------------------------
		[8. Actueel]
	*/	
	
	table.agenda td.datum{padding-right: 17px;}
	table.agenda td.arrow{width: 25px; height: 27px; background: url(/images/arrow-red.jpg) no-repeat center center ;}
	table.agenda td.titel{padding: 0 17px;}
		table.agenda td.titel a{color: #000;}
	table.agenda td.border{border-top: 1px solid #cccccc; line-height: 6px;}
		
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			205px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			90%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-10px;
	top:			2.0em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			205px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			205px; /* match ul width */
	top:			0;
}