body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
div#wrapper {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 1024px;
}
	div#container {
	}
	
div#header {
	background-color: #ffe600;
	padding-top: 120px;
	height: 24px;
	position: relative;
	z-index: 1000;
}
	div#header img#logo {
		position: absolute;
		top: 20px;
		left: 17px;
	}
	
	div#header img#telefoonnummer {
		position: absolute;;
		top: 11px;
		right: 31px;
	}
	
/* Menu */
  
div#nav {
	background-color: #414141;
	position: relative;
}
	div#nav ul.menu {
		margin-left: 2px;
	}
		div#nav ul.menu li {
			background-color:#414141;
			float: left;
			position: relative;
		}
			div#nav ul.menu li a {
				background-position: left top;
				background-repeat: no-repeat;
				display: block;
				color: #ffffff;
				font-size: 0.75em;
				line-height: 2em;
				padding: 0 5px;
				text-decoration: none;
				text-transform: uppercase;
			}
				div#nav ul.menu li a:hover,
				div#nav ul.menu li.hier a {
					color: #ffe600;
				}
			div#nav ul.menu li#menu_home {
				margin: 0 5px 0 14px;
				width: 21px;
			}
				div#nav ul.menu li#menu_home a {
					background: url(../img/menu_home.gif) no-repeat top left;
					height: 24px;
					text-indent: -999em;
				}
					div#nav ul.menu li#menu_home a:hover {
						background-position: bottom left;
					}
			div#nav ul.menu li#menu_home { width: 31px;}
			div#nav ul.menu li#menu_eerstehulp { width: 159px;}
			div#nav ul.menu li#menu_huiselijkgeweld { width: 194px;}
			div#nav ul.menu li#menu_overons { width: 137px;}
			div#nav ul.menu li#menu_professionals { width: 177px;}
			div#nav ul.menu li#menu_campagne { width: 204px;}
			
		div#nav ul.menu li.hier {
		}
			div#nav ul.menu li.hier a {
			}
		div#nav ul.menu li.open {
		}
			div#nav ul.menu li.open a {
			}
				div#nav ul.menu li.open li {
				}
					div#nav ul.menu li.open li a {
					}
					
		/* Submenu */
		
			
			div#nav ul.menu div.submenu {
				background: url(../img/submenu.png) no-repeat right bottom;
				display: none;
				left: 11px;
				position: absolute;
				width: 220px;
				z-index: 999;
			}
				div#nav ul.menu div.submenu img {
					bottom: 0;
					position: absolute;
				}
				div#nav ul.menu ul.submenu {
					background: url('../img/submenu_left.png') no-repeat left bottom;
					margin-left: -12px;
					padding: 3px 0 10px;
				}
					div#nav ul.menu li ul.submenu li {
						background-color: transparent;
						float: none;
						margin: 0 8px 0 1px;
						/*padding-right: 5px;*/
						width: auto;
					}
						div#nav ul.menu ul.submenu li a {
							color: #000000;
							display: block;
							font-size: 0.66em;
							line-height: 15px;
							min-height: 15px;
						}
						div#nav ul.menu li:hover div.submenu,
						div#nav ul.menu li.sfhover div.submenu {
							display: block;
						}
						div#nav ul.menu li.open ul.submenu li a {
							width: 213px;
						}
							div#nav ul.menu li ul.submenu li.hier a,
							div#nav ul.menu li ul.submenu li:hover a,
							div#nav ul.menu li ul.submenu li.sfhover a,
							div#nav ul.menu li ul.submenu li a:hover {
								background: url(../img/submenu_hover.gif) left center;
								color: #000000;
							}
								div#nav ul.menu li.open ul.submenu li a:hover {
								}

		
		/*	Submenu los van het menu */

			div#subnav ul.menu {
			}
				div#subnav ul.menu li {
				}
					li.open div#subnav ul.menu li a {
					}
						li.open div#subnav ul.menu li.hier,
						li.open div#subnav ul.menu li:hover {
						}
							li.open div#subnav ul.menu li a:hover {
							}

/* language bar */
div.language {
	float: right;
	margin: 3px;
}
	div.language a {
		background-position: left bottom;
		background-repeat: no-repeat;
		height: 18px;
		text-indent: -999em;
		display: block;
		width: 27px;
		float: left;
		margin-left: 4px;
	}
		div.language a.engels { background-image: url(../img/vlag_engels.gif); }
		div.language a.turks { background-image: url(../img/vlag_turks.gif); }
		div.language a.marokkaans { background-image: url(../img/vlag_marokkaans.gif); }
				
		div.language a:hover {
			background-position: left top;
		}

/* kruimelpad */
ul#kruimelpad {
	font-size: 0.66em;
	margin: 10px 0 0 17px;
}
	ul#kruimelpad li {
		float: left;
		margin: 0 0.5em 0 0;
	}
		ul#kruimelpad li a {
			color: #000000;
			line-height: 1.1em;
		}
		ul#kruimelpad li.last a {}

/* Headings */
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	text-transform: uppercase;
	margin: 0.66em 0 1em;	
}
	h1.logo {
		margin: 0;
	}
h2 {
	font-size: 0.95em;
	margin: 0.66em 0 1em;
	text-transform: uppercase;
}
	body#agenda h2 {
		font-size: 0.66em;
		font-weight: bold;
		margin-top: 0.66em;
		margin-bottom: 0.2em;
		text-transform: uppercase;
	}
h3 {
	font-size: 0.66em;
	margin-bottom: 0.3em;
	text-transform: uppercase;
}
h4 {
	font-size: 0.66em;
	margin: 1em 0 0.3em 0;
	font-weight: normal;
}
h5 {
}
h6 {
}

/* Content */
div#contentcontainer {
	position: relative;
}
	div#content {
		margin-top: 20px;
		position: relative;
	}
		body#home div#content {
			margin-top: 0px;
		}
			div#content_left {
				border-right: 2px solid #878787;
				margin: 0 10px 0 0;
				padding: 0 5px 0 17px;
				width: 680px;
			}	
				body#home div#content_left {
					border: none;
				}	
				div#content div.left {
					float: left;
					width: 320px;
				}
					body#home div#content div.left {
						width: 420px;
					}
				div#content div.right {
					float: left;
					padding-left: 20px;
					width: 320px;
				}
					body#home div#content div.right {
						width: 220px;
					}
			div#content_right {
				position: absolute;
				right: 0;
				top: 0;
				width: 300px;
			}
				div#content_right p {
					font-style: italic;
				}
					div#content_right p.readmore {
						font-style: normal;
					}
			
		div#content p {
			font-size: 0.66em;
			line-height: 1.5em;
			margin: 0 0 1.3em 0;
		}
			div#content div.agendaitem p {
				margin-bottom: 0;
			}
			div#content div.agendaitem p.readmore {
				margin-bottom: 1.3em;
			}
				div#content p.readmore a {
					text-decoration: none;
				}
					div#content p.readmore a:hover {
						text-decoration: underline;
					}
		div#content div.faq {
			padding: 0 0 0.7em 0;
		}
			div#content div.faq strong {
				font-size: 0.66em;
				line-height: 1.5em;
				margin: 0 0 1.3em 0;
			}
			div#content div.faq div.faq_antwoord {
				width: 320px;
				display: none;
			}
		div#content a {
			color: #000000;
			text-decoration: underline;
		}
			div#content a:hover {
				text-decoration: none;
			}
			div#content img.logo112 {
				float: right;
				margin: 0 155px 0 10px;
			}
		div#content ul {
			list-style: disc;
			list-style-position: outside;
			margin-left: 0.8em;
			margin-bottom: 1em;
		}
			div#content ul li {
				font-size: 0.66em;
				line-height: 1.5em;
			}
				div#content ul li ul {
				}
					div#content ul li ul li {
					}
		div#content ol {
			list-style: decimal;
			list-style-position: inside;
		}
			div#content ol li {
				font-size: 0.66em;
				line-height: 1.5em;
			}
				div#content ol li ol {
				}
					div#content ol li ol li {
					}
		table {
		}
			tr {
			}
				td {
				}
				
div#content div.cta {
	height: 240px;
	margin: 100px 0 1em;
	width: 340px;
}
	div#content div.cta a {
		background: url('../img/cta.png') no-repeat left top;
		display: block;
		height: 104px;
		width: 328px;
	}
	div#content div.cta a:hover {
		background-position: bottom left;
	}

div#content ul.links {
	list-style: none;
	margin: 7px 0 30px 0;
}
	div#content ul.links li {
		text-indent: -999em;
	}
		div#content ul.links li a {
			background-position: top left;
			background-repeat: no-repeat;
			display: block;
			height: 40px;
			line-height: 40px;
			width: 300px;
		}
			div#content ul.links li#stuuronseenbericht a { background-image: url('../img/link_stuuronseenbericht.gif'); }
			div#content ul.links li#stuuronseenemail a { background-image: url('../img/link_stuuronseenemail.gif'); }
			div#content ul.links li#surfveiligopdezewebsite a { background-image: url('../img/link_surfveiligopdezewebsite.gif'); }
			div#content ul.links li#letopsurfanoniem a { background-image: url('../img/link_letopsurfanoniem.gif'); }
			div#content ul.links li#ditgebeurteralsjebelt a { background-image: url('../img/link_ditgebeurteralsjebelt.gif'); }
			
			div#content ul.links li a:hover {
				background-position: bottom left;
			}

div#content ul.posters {
	list-style: none;
	margin-left: 0;	
}
	div#content ul.posters li {
		float: left;
		margin: 0 6px 6px 0;
	}

/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagiër */
form {
	width: 325px;
}
	form fieldset,
	form p.buttons {
		margin-bottom: 1em;
	}
		form fieldset label {
			display: block;
			font-size: 0.66em;
			width: 320px;
			padding-bottom: 1px;
		}
			form fieldset label span {
				display: block;
				font-size: 0.9em;
				margin-top: 0.3em;
			}
				form fieldset div.error label span {
					color: #000000;
					font-size: 0.9em;
					line-height: 1.2em; 
					position: static;
				}
		form fieldset input {
			background: url('../img/bg_input.gif') no-repeat left top;
			border: none;
			display: block;
			height: 19px;
			margin: 0.4em 0;
			padding: 2px;
			width: 320px;
		}
			form input.button {
				background-color: #ffe600;
				border: none;
				float: right;
				font-size: 1.7em;
				margin-left: 7px;
				padding: 0;
				cursor: pointer;
			}
				form input.button:hover {
					background-color: #000000;
					color: #ffffff;
				}
		form fieldset div.radiolist input {
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset div.humanityfield img {
			margin: 0.5em 0 0 0;
		}		
		form fieldset select {
		}
		form fieldset textarea {
			background: url('../img/bg_textarea.gif') no-repeat left top;
			border: none;
			display: block;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			height: 117px;
			margin: 0.4em 0;
			padding: 2px;
			width: 324px;
			overflow: auto;
		}
		form fieldset div {
		}
		form fieldset input.error {}
			.error span {
				bottom: 1.2em;
				color: #cc0000;
				font-size: 0.66em;
				left: 350px;
				line-height: 1.2em;
				position: relative;
				width: 325px;
			}
			div.error input,
			.error textarea {
				background-color: #fff2f2;
				margin-bottom: -0.8em;
			}
		div.error_border {
			margin: 0em;
			padding: 0em;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}


/* Footer */

div#footer-wrapper {
}
	div#footer {
	}
	ul.utilitymenu {
	}
		ul.utilitymenu li {
		}
			ul.utilitymenu li a {
			}
				ul.utilitymenu li.hier a,
				ul.utilitymenu li a:hover {
				}


/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
button {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.clearfloat:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
}