@CHARSET "ISO-8859-1";

img {
	border: 0px;	
}

form {
	margin: 0px;	
}

body,html {
	margin: 0px;
	padding: 0px;
	text-align: center;	
	font-family: Arial,sans-serif;
}

	body a {
		color: #cc3333;
	}
	
	/**
	 * Achtergrond kleur per categorie
	 */
	body.bright,html.bright {
		background: url(/interface/body_background/bright.gif);	
	}
	
		body.bright a {
			color: #ff8500;
		}
		
	
	body.vital,html.vital {
		background: url(/interface/body_background/vital.gif);	
	}
	
	body.advertisers,html.advertisers {
		background: url(/interface/body_background/advertisers.gif);	
	}


div#wrapper {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	text-align: left;
}

div.calendar-item {
	
	
}
	
	div.calendar-item table {
		width: 400px;
		margin-bottom: 10px;
	}

	div.calendar-item h4 {
		background: #efefef;
		margin: 0px;
		padding: 4px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	
	div.calendar-item .description {
		margin-left: 2px;
		margin-top: 6px;
		padding-bottom: 10px;
	}
	


div#header {
	text-align: left;
	background: url(/interface/menu/menu-background.gif);
}
	
	/**
	 * Categorie selectie
	 */
	div.header-categories { 
		height: 88px;
		width: 709px;
		margin-left: 205px;
		padding-top: 25px;
	}
	
	div#header .logo {
		float: left;
	}
	 
	ul.header-categories {
		list-style-type: none;
		background: url(/interface/menu/menu.jpg) 0px 0px;
		position: relative;
		height: 88px;
		width: 709px;
		margin: 0px;
		padding: 0px;
	}
	
		ul.header-categories li {
			margin: 0; 
			padding: 0; 
			list-style: none; 
			display: block; 
			position: absolute;
			width: 220px;
		}
		
			ul.header-categories li a {
				height: 88px;
				display: block;
				outline: none;
			}		
			
			ul.header-categories li.verantwoord {
				width: 262px;
				left: 0px;
			}
							
				ul.header-categories li.verantwoord a:hover {
					background: url(/interface/menu/menu.jpg);
					background-position: 0px -88px;
				}
				
				ul.header-categories li.verantwoord a:active {
					background: url(/interface/menu/menu.jpg);
					background-position: 0px -352px;
				}
			
			ul.header-categories li.effectief {
				left: 250px;
			}
			
				ul.header-categories li.effectief a:hover {
					background: url(/interface/menu/menu.jpg);
					background-position: -250px -176px;
				}
				
				ul.header-categories li.effectief a:active {
					background: url(/interface/menu/menu.jpg);
					background-position: -250px -440px;
				}
			
			ul.header-categories li.samen {
				left: 460px;
			}
			
				ul.header-categories li.samen a:hover {
					background: url(/interface/menu/menu.jpg);
					background-position: -460px -264px;
				}
				
				ul.header-categories li.samen a:active {
					background: url(/interface/menu/menu.jpg);
					background-position: -460px -528px;
				}
		
	/**
	 * Header menu
	 */
	div.header-menu {
		padding-top: 2px;
		padding-left: 10px;
		height: 23px;
		background: #cc3333;
	}	
	
	div.header-menu ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		font-size: 12px;
	}
	
		div.header-menu ul li {
			float: left;
			margin: 0px;
		}
			div.header-menu ul li ul {
				position: absolute;
				background: #cc3333;
				margin-left: -13px;
				padding: 0px;
				padding-top: 5px;
			}
			
				div.header-menu ul li ul li {
					display: block;
					padding: 4px;
					border-bottom: 1px solid #FFF;
					padding-left: 12px;
					float: none;
					margin: 0px;
				}
		
		div.header-menu ul li a {
			display: block;
			padding-right: 25px;
			color: #FFF;
			font-weight: bold;
			text-decoration: none;
		}
		
			div.header-menu ul li a:hover,div.header-menu ul li a.active {
				text-decoration: underline;
			}				
	
		/**
		 * Top menu verschillende achtergrond kleur per categorie
		 */
		body.bright div.header-menu {
			background: #fe9732;
		}	
		
			body.bright div.header-menu ul li ul {
				background: #fe9732;
			}
		
		body.vital div.header-menu {
			background: #e0048c;
		}	
		
			body.vital div.header-menu ul li ul {
				background: #e0048c;
			}
		
		body.advertisers div.header-menu {
			background: #00adef;
		}	
		
			body.advertisers div.header-menu ul li ul {
				background: #00adef;
			}
	
		div.header-menu ul li {
			display: inline;
			padding: 3px;
		}
		
div#fullflash {

	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
		 
	div#footer {
		background: #999;
		font-size: 10px;
		padding: 5px;
		text-align: left;
	}
	
		div.footer-menu {
			display: inline;
			margin-left: 140px;
			font-size: 12px;
			color: #FFF;
			font-weight: bold;
		}
		
			div.footer-menu a {
				color: #FFF;
			}