body{
	background:#d7d7d7 url(../images/dummy/body.png) 0 70px repeat-x;
}

a *{
	border:0;
	cursor:pointer;
}

.full-width{
	width:980px;
	margin:0 -20px;
}

.container{
	width:940px;
	padding:0 20px;
	margin:0 auto 80px;
	background:url(../images/dummy/container.png) 50% 0 repeat-y;
	overflow:visible;
	position:relative;
}
	
	.container-shadow{
		background:url(../images/dummy/container-bottom.png) 50% 100% no-repeat;
		height:20px;
		clear:both;
		position:relative;
		top:20px;
	}

.gradient{
	background: url(../images/dummy/gradient.png) 0 0 repeat-x;
	height:442px;
	width:960px;
	margin:0 -10px;
	position:absolute;
	top:0;
	left:20px;
	z-index:1;
}

.menu, .content{
	position:relative;
	z-index:2;
}
	
.menu{
	float:left;
}	
	
	.menu ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.menu.banner-items{
		clear:both;
		width:100%;
		height:70px;
	}
	
		.menu.banner-items ul{
			float:right;
			margin-top:45px;
		}
		
		.menu.banner-items li{
			float:left;
			line-height:normal;
		}
		
		.menu.banner-items a{
			display:block;
			text-decoration:none;
			color:#662d91;
			padding:0 10px;
			border-left:1px solid #662d91;
		}
		
			.menu.banner-items li:first-child a{
				border-left:0;
			}
		
		.menu.banner-items a:hover{
			color:#000;
		}
		
		.menu.banner-items a.selected{
			color:#000;
			font-weight:bold;
		}

.header{
	height:260px;
	width:960px;
	margin:0 -10px 30px;
	overflow:hidden;
	background:url(../images/dummy/01.jpg) 0 40px no-repeat;
}

	a.logo{
		background:url(../images/dummy/logo-opock.png) no-repeat;
		display:block;
		width:133px;
		height:46px;
		text-indent:-99999em;
		margin:10px 0 0 0!important;
		float:left;
		border:0!important;
	}
	
	a.logo.home{
		background:transparent url(../images/dummy/logo-opock-home.png) no-repeat!important;
		display:block;
		position:absolute;
		padding:0!important;
		bottom:0;
		right:0;
		width:150px;
		height:150px;
		text-indent:-99999em;
		margin:0!important;
		border:0!important;
	}
	
	a.poweredby{
		color:#ccc!important;
		border:0!important;
		font-size:0.8em;
		position:absolute;
		top:10px;
		right:0px;
	}
	
.header ul{
	background:#8c5bb1;
	overflow:hidden;
	-webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
}

	.header li{
		float:left;
		display:block;
	}
	
	.header a{
		padding:11px 15px;
		display:block;
		color:#fff;
		text-decoration:none;
		font-size:1.3em;
		font-weight:bold;
	}
	
	.header a.selected, .header a:hover{
		background:#662d91;
	}

		.item-01, .Organisatie{
			background:url(../images/dummy/01.jpg) 0 40px no-repeat;
		}
		.item-02, .Onderwijs{
			background:url(../images/dummy/02.jpg) 0 40px no-repeat;
		}
		.item-03, .Scholen{
			background:url(../images/dummy/06.jpg) 0 40px no-repeat;
		}
		.item-04, .Personeel{
			background:url(../images/dummy/04.jpg) 0 40px no-repeat;
		}
		.item-05, .Ouders{
			background:url(../images/dummy/03.jpg) 0 40px no-repeat;
		}
		.item-06, .NieuwsAgenda{
			background:url(../images/dummy/05.jpg) 0 40px no-repeat;
		}
	
.menu.left{
	width:240px;
	min-height:200px;
	margin:0 30px 0 -10px;
}
	
	.menu.left li.subs>a{
		background:url(../images/dummy/menu-arrow.png) 95% 50% no-repeat;
	}
	
	.menu.left li{
		padding:5px 0 5px 10px;
		color:#000;
		border-top:1px solid #eaeaea;
	}
	
		.menu.left a{
			display:block;
			color:#000;
			text-decoration:none;
		}
	
		.menu.left a:hover, .menu.left a.selected{
			font-weight:bold;
		}
	
		.menu.left ul ul li{
			border:0;
			padding:2px 0 2px 0;
		}
	
			.menu.left ul ul ul li{
				padding-left:20px;
			}
	
		.menu.left ul ul a{
			font-size:0.8em;
			color:#662d91;
		}
	
	.menu.left li:first-child{
		border-top:0;
	}
	
.content{
	float:left;
	width:650px;
}
	
	.column{
		float:left;
		width:360px;
	}
	
	.column.even{
		width:300px;
	}
	
	.column.uneven{
		width:450px;
	}
	
	.uneven.right{
		width:150px;
	}
	
	.column.right{
		margin-left:30px;
	}
	
	.column.purple{
		background:#662d91;
		width:220px;
		padding:20px;
		margin-left:30px;
		-webkit-box-shadow: 3px 3px 10px #bbb;
		-moz-box-shadow: 3px 3px 10px #bbb;
		box-shadow: 3px 3px 10px #bbb;
	}
	
		.column.purple ul.kijkglas{
			margin:0;
			padding:0;
			list-style:none;
		}
	
		.column.purple ul.kijkglas li{
			margin-bottom:1.5em;
		}	
	
		.column.purple ul.kijkglas h3{
			margin:0 0 0.5em!important;
		}	
	
		.column.purple ul.kijkglas a{
			text-decoration:none;
		}
	
		.column.purple ul.kijkglas .arrows{
			clear:both;
		}
	
		.column.purple ul.kijkglas a.previous{
			float:left;
			font-weight:bold;
		}
	
		.column.purple ul.kijkglas a.next{
			float:right;
			font-weight:bold;s
		}
		
		.column.purple img{
			margin:10px -20px;
			width:260px!important;
			height:auto!important;
		}
	
		.column.purple *{
			color:#fff!important;
		}

.footer{
	clear:both;
	width:960px;
	margin:0 -10px;
	padding:50px 0 0;
}

.footer h6{
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #eaeaea;
	color:#fff;
}

	.footer span{
		display:inline-block;
		height:19px;
		padding:0 15px 0 0;
		background:url(../images/dummy/sponsoren.png) 100% 0 no-repeat;
	}

	.footer em{
		font-size:0.8em;
		font-style:normal;
		height:19px;
		display:inline-block;
		background:#fff url(../images/dummy/sponsoren.png) 0 0 no-repeat;
		padding:1px 0 0 15px;
	}

.sponsoren ul{
	margin:10px 0;
	padding:0;
	text-align:center;
	list-style:none;
}

	.sponsoren li, .sponsoren p{
		display:inline;
	}
	
		.sponsoren img{
			margin:10px 20px;
			width:180px!important;
			height:auto!important;
			vertical-align:middle;
		}
		
.maintenanceButtons{
	position:absolute;
	bottom:10px;
	right:120px;
	z-index: 9999!important;
	zoom: 1;
}
.maintenanceButtons a{
	padding:0!important;
	background:none!important;
}