/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		PeoplePower (redesign)
	Version:		1.0
	Last change:	16/09/08
	Assigned to:	Bob Bremmer (wis)
	Primary use:	Web
-------------------------------------------------------------------*/

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

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

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

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

	/*------------------------------------------------------------------
		[1. Body]
	*/
	
		body {
			font: normal 11px/20px Arial,Verdana,sans-serif;
			color: #666;
			background-color: #F0F0F0;
			text-align: center;
		}
		
		h1 {
			line-height: 50px;
			font: bold 24px Arial,Verdana,sans-serif;
			color: #1d4286;
		}
		
		h2 {
			color: #loginGray;
			font: bold 13px/30px Arial,Verdana,sans-serif;
		}
		
			#extra {
				height: 38px;
				width: 153px;
				background: url(/images/button_extra.gif) no-repeat;
				position: absolute;
				left: 806px;
				z-index: 1;
				cursor: pointer;
			}
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
		#wrapper {
			width: 998px;
			background: url('/images/wrapper_bg.gif') repeat-y;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -189px;
			position: relative;
		}
		
		#right {
			position: absolute;
			background: url(/images/right.gif) no-repeat;
			width: 15px;
			height: 62px;
			z-index: 1000;
			right:0;
		}
		
		#left {
			position: absolute;
			background: url(/images/left.gif) no-repeat;
			width: 15px;
			height: 62px;
			z-index: 1000;
			left:0;
		}
			.innerdiv {
				background: url('/images/top_spacer.gif') no-repeat top;
				/*height: 500px;*/
				overflow: hidden;
			}
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
		#header {
			height: 276px;
			width: 982px;
			margin: 0 auto;
		}
		
			.top_bar {
				height: 65px;
				background: url('/images/header_top_bar.gif') repeat-x;
				position: relative;
				
			}
			
				.top_bar img {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 20;
				}
			
			
		
		
		
				
			#banner {
				height: 162px;
				
					background: url('/Media/view/15735/') no-repeat center center;
				
			}
			
				.transparant_div {
					height: 11px;
					background: #FFF;
					filter:alpha(opacity=60);
					opacity:0.6;
					width: 982px;
					margin: 0 auto;
				}
				
			.menu_container {
				height: 49px;
				background: url('/images/menu_bg.gif') repeat-x;
				position: relative;
			}
			
				.menu_container form {
					float: left;
					width: 330px;
					height: 49px;
					position: relative;
				}
			
					.menu_container form div {
						width: 180px;
						height: 22px;
						background: url('/images/search_bg.gif') no-repeat;
						position: absolute;
						top: 11px;
						left: 55px;
					}
					
						.menu_container form div input {
							background: #EDD676;
							border-width: 0;
							width: 160px;
							height: 18px;
							color: #5E592F;
							font-weight: bold;
							line-height: 20px;
							margin: 3px 10px;
							float: left;
						}
						
						.menu_container form .searchbutton {
							position: absolute;
							top: 11px;
							left: 235px;
						}
					
					.menu_container ul { /* mainmenu */
						float: left;
						list-style: none;
						bottom: 0;	
						position: absolute;
						left: 298px;
					}
					
						.menu_container ul li,
						.menu_container ul li.active {
							float: left;
							width: 160px;
							height: 49px;
							position: relative;
							padding-top: 17px;
						}
						
							.menu_container ul li a,
							.menu_container ul li a:visited {
								font: bold 16px/42px Trebuchet MS,Tahoma,sans-serif;
								color: #FFF;
								background: url('/images/menu_arrow.gif') no-repeat right 8px;
								padding-right: 12px;
							}
							
						.menu_container ul li.active,
						.menu_container ul li.over {
							height: 49px;
							padding-top: 17px;
							
								background: url('/images/menu_hover.png') no-repeat;
								
						}
						
							.menu_container ul li.active a,
							.menu_container ul li.active a:visited,
							.menu_container ul li.over a,
							.menu_container ul li.over a:visited {
								font: bold 15px/42px Trebuchet MS,Tahoma,sans-serif;
								color: #1B3073;
								background: url('/images/menu_arrow_active.gif') no-repeat right 7px;
								padding-right: 12px;
							}
							
					.menu_container ul ul { /* submenu */
						position: absolute;
						left: 0;
						top: 66px;
						display: none;
					}
					
					.menu_container ul li.over ul {
						display: block;
						
							background: url('/images/submenu_bg.png') no-repeat bottom;
							
						z-index: 20;
					}
					
						.menu_container ul ul li,
						.menu_container ul ul li.bottom {
							float: left;
							clear: both;
							height: auto;
							padding-top: 9px;
							
								background: url('/images/submenu_bg.png') no-repeat top;
							
						}
						
						.menu_container ul ul li.bottom {
							
								background: url('/images/submenu_bg.png') no-repeat bottom;
							
							padding-bottom: 9px;
						}
						
							.menu_container ul li.over ul li a,
							.menu_container ul li.over ul li a:visited {
								font: bold 12px/17px Trebuchet MS,Tahoma,sans-serif;
								color: #1B3073;
								background: none;
								padding: 0;
							}
							
							.menu_container ul li.over ul li a:hover {
								color: #E4B51F;
							}
							
							.menu_container ul ul li img {
								padding: 0;
								margin: 0; 
								float: none;
							}
	
	/*------------------------------------------------------------------
		[4. Breadcrumbs]
	*/
		
		#breadcrumbs {
			height: 50px;
		}
	
			#breadcrumbs ul {
			list-style: none;
			padding-left: 312px;
			float:left;
		}
		
			#breadcrumbs ul li,
			#breadcrumbs ul li.last {
				float: left;
				padding-right: 12px;
				margin-right: 8px;
				background: url('/images/menu_arrow_active.gif') no-repeat right;
			}
			
			#breadcrumbs ul li.last {
				background: none;
			}
			
				#breadcrumbs ul li a,
				#breadcrumbs ul li a:visited {
					line-height: 45px;
					color: #666;
				}
				
				#breadcrumbs ul li.last a,
				#breadcrumbs ul li.last a:visited {
					color: #1B3073;
					font-weight: bold;
					line-height: 45px;
				}
		
	/*------------------------------------------------------------------
		[5. News Content]
	*/
	
		#news {
			width: 200px;
			height: 310px;
			float:left;
			text-align: left;
			padding: 20px 30px 37px 61px;
			background: url(/images/news_bg.gif) no-repeat bottom;
		}
		
			#news ul {
				list-style: none;
			}
			
			#content ul.newsarchive{list-style-type: none; margin: 0;}
				
				.header {
					color: #1B3073;
					text-align: left;
					width:181px;
					font: bold 16px/30px Trebuchet MS,Tahoma,sans-serif;
				}
				
				.titel {
					color: #666;
					font-weight: bold;
					width:181px;
					
				}
				
				.korte_omschrijving {
					width:181px;
					font-size: 10px;
					line-height: 16px;
                    list-style: none;
				}
				
				.korte_omschrijving_archief {
					width: 100%;
				}
				
			
				.lees_meer {
					color:#183174;
					font: bold 12px Trebuchet MS,Tahoma,sans-serif;
                    list-style: none;
				}
				
				#news ul li.datum {
					font-style: italic;
					font-size: 10px;
                    list-style: none;
				}
				
				#news ul li.datum_archief {
					font-style: italic;
					width: 100%;
                    list-style: none;
				}
		
		.news_detail_titel {
			font-weight: bold;
			line-height:8px;
            list-style: none;
		}
		.news_detail_lange_omschrijving {
 	       list-style: none;
        }
        
        .datum {
        	 list-style: none;
        }
        
        
		.news_detail_korte_omschrijving {
			font-style: italic;
			padding-bottom: 10px;
			list-style: none;
		}
		
	/*------------------------------------------------------------------
		[5. Content]
	*/
	
	
		#content {
			width: 590px;
			
				padding: 4px 10px 40px 20px;
			
			text-align: left;
			float: left;
			top:0;
			min-height: auto;
			height: auto !important;
			height: 100%;
		}	
        
        #content ul {
        	list-style-type: disc;
            margin-left: 20px;
        }

		
		#content img {
			margin: 15px;
		}	
		
			
			
	/*------------------------------------------------------------------
		[x. Footer]
	*/
		
			#footer {
				height: 189px;
				width: 998px;
				margin: 0 auto;
			}
			
			#footer {
				background: url('/images/footer_bg.gif') repeat-y;
				position: relative;
			}
			
				#footer .inlogggen {
					background: url(/images/content_vlak_bottom_inloggen.gif) no-repeat;
					width: 237px;
					height: 155px;
					margin: 20px 25px;
					position: absolute;
					float: left;
					left:  0;
				}
					
					#footer .bottom_text_inloggen {
						margin-top: 10px;
						margin-left: 21px;
						text-align: left;
						display: block;
						background: url(/images/arrow.gif) no-repeat 159px 11px;
					}	
					
					#footer .text_position {
						text-align: left;
						display: block;
						position: absolute;
						left: 2px;
						color: #5f616d;
						font-weight: bold;
					}
					
					#footer form ul {
						list-style: none;
						position: absolute;
						left: 0;
						margin: 20px;
						top: 25px;
					}
						#footer form ul li{
							height: 20px;
						}
					
						#footer form ul li input {
							width: 180px;
							height: 22px;
							border: 0px;
							background: url(/images/login_box.gif) no-repeat;
							float: left;
						}
						
						#footer form ul li .input_submit {
							height: 18px;
							width: 10px;
							margin-top: 3px;
							margin-left: 3px;
						}
						
				#footer .directnaar {
					width: 409px;
					height: 108px;
					margin: 19px 25px;
					background: url(/images/directnaar.gif) no-repeat;
					position: absolute;
					left: 259px;
					text-align:left;
					padding: 11px 21px 26px 26px;		
				}		

				#footer .directnaar ul {
					padding-top: 10px;
					margin: 0;
					list-style: none;
					width: 275px;
				}
				
					#footer .directnaar ul li {
						float: left;
						width: 120px;
						background: url(/images/bullet.gif) no-repeat left center;
						padding-left: 10px
					}	
					
						#footer  .directnaarTitel {
							color: #5f616d;
							font-weight: bold;
							padding-right: 5px;
							text-align: left;
							display: block;
							background: url(/images/arrow.gif) no-repeat 116px 11px;
						}
						
							#footer .directnaarLink a {
								color: #5f616d
								font-weight: bold;
							}
							
				
				
				#footer .links {
					background: url(/images/content_vlak_bottom_links.gif) no-repeat;
					width: 196px;
					height: 155px;
					margin-top:19px;
					position: absolute;
					float: left;
					left:763px;
				}
				
					#footer .bottom_text_links {
						margin-top: 10px;
						margin-left: 26px;
						text-align: left;
						display: block;
						background: url(/images/arrow.gif) no-repeat 44px 11px;
					}	
					
						#footer ul li a:link,
						#footer ul li a:visited,
						#footer ul li a:hover,
						#footer ul li a:active {
							color:#5f616d;
						}
						
						
						a {
							color: #1d4286; 
							text-decoration: none;
							font-weight: bold;
						}