@charset "utf-8";
@import url("/css/reset.css");
@import url("/css/typography.css");

html, body {
	height: 100%;
}

body {
	background: url("/css/images/background_body.gif") repeat top left;
}

	div#container {
		position: relative;
		margin: 0 auto;
		width: 960px;
		min-height: 100%;
		background: url("/css/images/background_container.gif") repeat-y top left;
		font-size: 1.2em;
		overflow: hidden;
	}
		div#header {
			overflow: hidden;
		}
		  	a#logo {
		    	display: block;
		  		margin: 47px 0 0 40px;
		  		float: left;
		  		background: url("/css/images/logo.gif") no-repeat top left;
		  		width: 191px;
		  		height: 135px;
		  	}
			div#welkom {
				float: left;
				margin: 13px 0 0 25px;
				width: 367px;
				height: 150px;
				padding: 19px 21px 0 47px;
				background: url("/css/images/background_welkom.gif") no-repeat top left;
				color: #303030;
			}
				div#welkom h1 {
					float: left;
					margin-bottom: 1em;
					width: 154px;
					height: 78px;
					background: url("/css/images/title_welkom.gif") no-repeat top left;
				}
				div#welkom p {
					float: left;
					margin-left: 5px;
					width: 164px;
					line-height: 1.4em;
				}
				
				div#welkom img {
					float: right;
				}
				
			div#fotos {
				float: left;
				margin: 7px 0 0 41px;
				width: 423px;
				height: 166px;
			}
			
			div#hond {
				float: left;
				margin: 81px 0 0 8px;
				width: 217px;
				height: 90px;
				background: url("/css/images/hond.gif") no-repeat top left;
			}
			
		div#content {
			margin-top: 33px;
		}
			
			div#left {
				clear: left;
				float: left;
				margin-left: 37px;
				width: 200px;
				padding-bottom: 150px;
			}
		  		ul#nav {
		  			
				}
					ul#nav li {
						display: block;
						margin-bottom: 0.455em;
					}
						ul#nav li a {
							display: block;
							width: 200px;
							height: 15px;
							background-repeat: no-repeat;
							background-position: top left;
							color: #000;
						}
							ul#nav li.home a {
								background-image: url("/css/images/nav_home.gif");
							}
							ul#nav li.stichting a {
								background-image: url("/css/images/nav_stichting.gif");
							}
							ul#nav li.lesmodules a {
								background-image: url("/css/images/nav_lesmodules.gif");
							}
							ul#nav li.projecten a {
								background-image: url("/css/images/nav_projecten.gif");
							}
							ul#nav li.gameguides a {
								background-image: url("/css/images/nav_gameguides.gif");
							}
							ul#nav li.acties a {
								background-image: url("/css/images/nav_acties.gif");
							}
							ul#nav li.webshop a {
								background-image: url("/css/images/nav_webshop.gif");
							}
							ul#nav li.schoolbord a {
								background-image: url("/css/images/nav_schoolbord.gif");
							}
							ul#nav li.fotoarchief a {
								background-image: url("/css/images/nav_fotoarchief.gif");
							}
							ul#nav li.alleskids a {
								background-image: url("/css/images/nav_alleskids.gif");
							}
							ul#nav li.contact a {
								background-image: url("/css/images/nav_contact.gif");
							}
								ul#nav li a:hover, ul#nav li a:active, ul#nav li.active a {
									background-position: bottom left;
								}
						ul#nav ul{
							padding: 0.25em 19px 0.75em;
							display: none;
						}
						ul#nav li.active ul {
							display: block;
						}
							ul#nav ul li {
								margin: 0;
								line-height: 1.4em;
							}
								ul#nav ul li a {
									display: inline;
									width: auto;
									height: auto;
									background: none !important;
								}
									ul#nav li a:hover, ul#nav ul li.active a {
										color: #f26d2a;
									}
				
				div#search {
					background: url("/css/images/background_search.gif") no-repeat top left;
					width: 180px;
					height: 15px;
					padding: 3px 10px;
				}
		  			div#search input.input_search {
						display: block;
						float: left;
		  				width: 160px;
						font: 1em Arial, Verdana, sans-serif;
					}
					div#search input.button_search {
						display: block;
						float: right;
						width: 14px;
						height: 14px;
						margin-top: 1px;
					}
				a#inschrijving {
					display: block;
					margin-top: 10px;
					width: 188px;
					height: 73px;
					background: url("/css/images/inschrijving.gif") no-repeat top left;
				}
				a#planetme {
					display: block;
					width: 200px;
					height: 207px;
					margin-top: 10px;
					background: url("/css/images/module_planetme.gif") no-repeat top left;
				}
			
			div#center {
				position: relative;
				float: left;
				margin-left: 15px;
				width: 412px;
				padding: 0 16px 11px;
				background-color: #d9e5e8;
			}
				div#center h1, div#text h1 {
					font-size: 1.909em;
					line-height: 1.2em;
					margin-bottom: 0.5em;
					color: #171f69;
				}
					div#center h1 a {
						color: #171f69;
					}
						div#center h1 a:hover, div#center h1 a:active {
							color: #f26d2a;
						}
					div#text h1.lesmaterialen {
						margin-top: 1.667em;
					}
				div#buttons_top {
					position: absolute;
					top: -24px;
					left: 0;
				}
					div#buttons_top a {
						opacity: 0.3;
					}
						div#buttons_top a.active {
							opacity: 1;
						}
					a.nieuws {
						display: block;
						float: left;
						width: 77px;
						height: 22px;
						background: url("/css/images/tab_nieuws.gif") no-repeat top left;
						opacity: 1 !important;
					}
						a.nieuws.active {
							background-image: url("/css/images/tab_nieuws_active.gif");
						}
					a.archief {
						display: block;
						float: left;
						margin-left: 2px;
						width: 76px;
						height: 22px;
						background: url("/css/images/tab_archief.gif") no-repeat top left;
						opacity: 1 !important;
					}
						a.archief.active {
							background-image: url("/css/images/tab_archief_active.gif");
						}
					a.actueel {
						display: block;
						float: left;
						width: 76px;
						height: 22px;
						background: url("/css/images/tab_actueel.gif") no-repeat top left;
						opacity: 1 !important;
					}
						a.actueel.active {
							background-image: url("/css/images/tab_actueel_active.gif");
						}
					a.module1, a.module2, a.module3, a.project {
						display: block;
						float: left;
						width: 76px;
						height: 23px;
						background-repeat: no-repeat;
						background-position: top left;
					}
					a.module1 {
						background-image: url("/css/images/tab_module1.gif");
					}
					a.module2 {
						margin-left: 2px;
						background-image: url("/css/images/tab_module2.gif");
						width: 77px;
					}
					a.module3 {
						margin-left: 2px;
						background-image: url("/css/images/tab_module3.gif");
					}
					a.project {
						background-image: url("/css/images/tab_project1.gif");
						height: 22px;
					}
					
				ul#nieuws {
					clear: left;
					width: 100%;
				}
					ul#nieuws li {
						display: block;
						padding: 1em 0;
						border-bottom: 3px solid #fff;
						overflow: visible !important;
					}
						ul#nieuws li img {
							float: left;
							margin: 0 1em 1em 0;
						}
						ul#nieuws li p {
							line-height: 1.4em;
						}
			
			div#right {
				float: left;
				position: relative;
				margin-left: 28px;
				width: 196px;
			}
				div#school_malawi {
					position: absolute;
					top: -60px;
					left: -43px;
				}
				div#school_voor_voetlicht {
					margin-top: 254px;
				}
					div#school_voor_voetlicht h1 {
						width: 181px;
						height: 58px;
						background: url("/css/images/title_school.gif") no-repeat top left;
					}
						
					div#school_voor_voetlicht h2 {
						margin-top: 10px;
					}
					div#school_voor_voetlicht p {
						margin-top: 0.5em;
						line-height: 1.4em;
					}
		
		div#text {
			position: relative;
			float: left;
			margin-left: 15px;
			padding: 20px 56px;
			width: 558px;
			background-color: #d9e5e8;
			line-height: 1.4em;
		}
			div#text ul {
				list-style: disc outside;
				margin-left: 15px;
			}
				div#text li {
					line-height: 1.4em;
				}
				
			div#text img.floatright {
				margin: 1em 0 1em 1em;
			}
			div#text img.floatleft {
				margin: 1em 1em 1em 0;
			}
			
			div#text table {
				width: 100%;
			}
				div#text td {
					line-height: 1.4em;
					vertical-align: middle;
					padding: 2px 0;
				}
			
			
			div#text h2 {
				font-size: 1.182em;
				color: #f26d2a;
				line-height: 1.4em;
			}
			
			div#text p {
				line-height: 1.4em;
			}
			
			table#zoeken {
				width: 100%;
				margin-bottom: 0.5em;
			}
				table#zoeken td.formtext {
					width: 200px;
				}
				td.formtext {
					width: 200px;
					position: relative;
				}
				td.formtext img {
					position: relative;
					top: -35px;
				}
				td.forminput label.overlabel-apply {
					position: absolute;
					left: 3px;
					top: 0.3em;
					font-style: italic;
					color: #999999;
					cursor: text;
				}
					span.warning {
						color: #ff0000;
					}
				td.forminput label.hidden {
					text-indent: -9999em;
				}
				td.formtext.textarea {
					vertical-align: top !important;
				}
				td.forminput.textarea {
					padding-bottom: 1px !important;
				}
					td.forminput input, td.forminput textarea {
						font: 1em Arial, verdana, sans-serif;
						width: 100%;
						padding: 0.182em 3px;
						margin: 0;
					}
					textarea {
						line-height: 1.4em;
						height: 4.2em;
						border: none;
						overflow: hidden;
					}
					td.forminput_button {
						text-align: right;
						width: 80px;
					}
					
			ol#zoekresultaten {
				list-style: decimal outside;
			}
				ol#zoekresultaten li {
					border-top: 2px solid #fff;
					padding: 0.727em 0;
				}
					ol#zoekresultaten li h3 {
						line-height: 1.4em;
					}
						ol#zoekresultaten li h3 a {
							font-size: 1em;
							text-decoration: none;
							color: #171f69;
						}
							ol#zoekresultaten li h3 a:hover {
								color: #f26d2a;
							}
					ol#zoekresultaten li h4 {
						font-weight: normal;
						font-style: italic;
						font-size: 1em;
						color: #a7a7a7;
						line-height: 1.4em;
					}
					ol#zoekresultaten li p {
						line-height: 1.4em;
					}
			div.pages {
				clear: both;
				float: right;
				margin-top: 1.4em;
			}
			
			ul#schoolbord {
				list-style: none !important;
				margin: 0 !important;
			}
				ul#schoolbord li {
					margin-bottom: 1.4em;
				}
					ul#schoolbord h2 {
						margin-bottom: 3px;
						float: left;
						width: 345px;
						padding: 12px 17px;
						background-color: #f26d2a;
						color: #fff;
					}
						ul#schoolbord h2.sIFR-replaced {
							padding-bottom: 3px;
						}
					ul#schoolbord div.auteur {
						margin-bottom: 3px;
						float: right;
						padding: 7px 11px;
						width: 154px;
						min-height: 31px;
						background-color: #b1b195;
						color: #fff;
						line-height: 1.4em;
					}
					ul#schoolbord p {
						clear: both;
						margin: 0;
						width: 524px;
						padding: 1.545em 17px;
						background-color: #fff;
					}
			div.pages_schoolbord {
				float: right;
				margin-bottom: 2.8em;
			}
			h3.schrijf_bericht {
				clear: right;
				margin-bottom: 1.4em;
				background: url("/css/images/title_schrijfbericht.gif") no-repeat top left;
				height: 25px;
			}
			
			iframe#inschrijfformulier {
				width: 100%;
			}
			
			img.groepen, img.lesmodules, img.project {
				margin-bottom: 2.8em;
			}
			img.groepen {
				float: left;
				margin-top: 89px;
			}
			img.lesmodules {
				float: left;
				margin-left: 5px;
				opacity: 0.3;
			}
			img.project {
				float: left;
				margin-left: 10px;
				opacity: 0.3;
			}
				img.active {
					opacity: 1;
				}
			
			div#buttons_bottom {
				clear: both;
				margin-top: 2.8em;
			}
			
			a.photo {
				float: left;
				margin: 20px 26px 0 0;
				width: 120px;
				height: 120px;
				background-color: #fff;
				background-repeat: no-repeat;
				background-position: center;
			}
				a.first {
					clear: left;
				}
				a.last {
					margin-right: 0;
				}
			
		div#jongen {
			position: absolute;
			bottom: 0;
			left: 0;
			margin-left: 66px;
			width: 106px;
			height: 136px;
			background: url("/css/images/jongen.jpg") no-repeat top left;
		}



p.paragraph {
	margin-bottom: 1.4em;
}

div#kip {
	position: absolute;
	right: 0;
	top: -128px;
	width: 168px;
	height: 132px;
	background: url("/css/images/kip.jpg") no-repeat top left;
}
div#school_friends {
	position: absolute;
	right: 0;
	top: -148px;
	width: 140px;
	height: 138px;
	background: url("/css/images/school_friends.jpg") no-repeat top left;
}
div#hond2 {
	position: absolute;
	right: 0;
	top: -122px;
	width: 192px;
	height: 120px;
	background: url("/css/images/hond2.jpg") no-repeat top left;
}
div#ijsbeer {
	position: absolute;
	right: 0;
	top: -153px;
	width: 181px;
	height: 153px;
	background: url("/css/images/ijsbeer.jpg") no-repeat top left;
}
div#jongen2 {
	position: absolute;
	right: 0;
	top: -186px;
	width: 174px;
	height: 186px;
	background: url("/css/images/jongen2.jpg") no-repeat top left;
}
div#meisje {
	position: absolute;
	right: 0;
	top: -178px;
	width: 174px;
	height: 178px;
	background: url("/css/images/meisje.jpg") no-repeat top left;
}

a.arrow_left, a.arrow_right {
	display: inline-block;
	width: 10px;
	height: 8px;
}
a.arrow_left {
	background: url("/css/images/arrow_left.png") no-repeat top left;
}
a.arrow_right {
	background: url("/css/images/arrow_right.png") no-repeat top left;
}
	a.arrow_left:hover, a.arrow_left:active, a.arrow_right:hover, a.arrow_right:active {
		background-position: bottom left;
	}

input.button {
	width: 72px !important;
	height: 15px;
	padding: 0 0 2px !important;
	background: url("/css/images/background_button.gif") no-repeat top left;
	text-align: center;
	font: 1em Arial, Verdana, sans-serif;
	color: #fff;
	margin-top: 4px !important;
}
a.longbutton {
	display: block;
	margin-top: 4px;
	width: 159px;
	height: 16px;
	padding-top: 1px;
	background: url("/css/images/background_longbutton.gif") no-repeat top left;
	text-align: center;
	color: #fff;
}
	a.longbutton:hover {
		background-position: bottom left;
	}
	

strong {
	line-height: 1.4em;
}

body.slinger p, body.slinger ol, body.slinger .flash { margin-bottom: 14px; }
body.slinger ol { list-style: decimal outside none; margin-left: 18px; }
body.slinger .flash { overflow: hidden; }