/*div {
	outline: 1px solid #f00;
}*/

body {
	background: #fff;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

body#home {
	background: #fff url("../images/interface/background-001.jpg") fixed;
} 

body#wie-is-wie {
	background: #fff url("../images/interface/background-002.jpg") fixed;
} 

body#visie {
	background: #fff url("../images/interface/background-002.jpg") fixed;
} 

body#projecten {
	background: #fff url("../images/interface/background-002.jpg") fixed;
} 

body#processen {
	background: #fff url("../images/interface/background-002.jpg") fixed;
} 

body#publicaties {
	background: #fff url("../images/interface/background-002.jpg") fixed;
} 

body#vrijwilligers {
	background: #fff url("../images/interface/background-002.jpg") fixed;
} 

h1 {
	font-size: 2em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

h2 {
	font-size:  1.5em;
	text-transform: uppercase;
	margin-bottom: 1em;
	color: #cc0101;
}

h3 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

p, ul, ol {
	margin-bottom: 1.5em;
}

a {
	text-decoration: none;
}

a:link {
	color: #cc0101;
}

a:hover {
	color: #000;
}

a:visited {
	color: #b3c858;
}

#branding {
	width: 186px;
	height: 324px;
	top: 120px;
	left: 0;
	text-indent: -9999px;
	position: absolute;
	z-index: 5;
}

#branding a {
	width: 186px;
	height: 324px;
	display: block;
	background: transparent url("../images/interface/logo-platform-k.png") 0 0 no-repeat;
	text-indent: -9999px;
}

#container {
	margin-top: 5em;
	margin-bottom: 5em;
	overflow: auto;
	z-index: 1;
	position: relative;
}

/* @group Navigation */

#navigation {
	float: left;
	background: transparent url("../images/interface/content-header.png") no-repeat;
	width: 960px;
	height: 82px;
}

#navigation ul,
#navigation ul li {
	float: left;
}

#navigation ul li {
/*	width: 140px; */
}

#navigation ul li a {
	width: 140px;
	height: 50px;
	margin: 0 10px;
	float: left;
	display: block;
	text-indent: -9999px;
}

/* nav-normal */
#navigation ul li a#nav-wieiswie {
	background: transparent url("../images/interface/nav-sprite.png") 0 0 no-repeat;
/*	text-decoration: underline; */
}

#navigation ul li a#nav-visie {
	background: transparent url("../images/interface/nav-sprite.png") -140px 0 no-repeat;
}

#navigation ul li a#nav-projecten {
	background: transparent url("../images/interface/nav-sprite.png") -280px 0 no-repeat;
}

#navigation ul li a#nav-processen {
	background: transparent url("../images/interface/nav-sprite.png") -420px 0 no-repeat;
}

#navigation ul li a#nav-publicaties {
	background: transparent url("../images/interface/nav-sprite.png") -560px 0 no-repeat;
}

#navigation ul li a#nav-vrijwilligers {
	background: transparent url("../images/interface/nav-sprite.png") -700px 0 no-repeat;
}

/* nav-hover */
#navigation ul li a#nav-wieiswie:hover {
	background: transparent url("../images/interface/nav-sprite.png") 0 -50px no-repeat;
}

#navigation ul li a#nav-visie:hover {
	background: transparent url("../images/interface/nav-sprite.png") -140px -50px no-repeat;
}

#navigation ul li a#nav-projecten:hover {
	background: transparent url("../images/interface/nav-sprite.png") -280px -50px no-repeat;
}

#navigation ul li a#nav-processen:hover {
	background: transparent url("../images/interface/nav-sprite.png") -420px -50px no-repeat;
}

#navigation ul li a#nav-publicaties:hover {
	background: transparent url("../images/interface/nav-sprite.png") -560px -50px no-repeat;
}

#navigation ul li a#nav-vrijwilligers:hover {
	background: transparent url("../images/interface/nav-sprite.png") -700px -50px no-repeat;
}

/* nav-active */
#navigation ul li a#nav-wieiswie-active {
	background: transparent url("../images/interface/nav-sprite.png") 0 -100px no-repeat;
}

#navigation ul li a#nav-visie-active {
	background: transparent url("../images/interface/nav-sprite.png") -140px -100px no-repeat;
}

#navigation ul li a#nav-projecten-active {
	background: transparent url("../images/interface/nav-sprite.png") -280px -100px no-repeat;
}

#navigation ul li a#nav-processen-active {
	background: transparent url("../images/interface/nav-sprite.png") -420px -100px no-repeat;
}

#navigation ul li a#nav-publicaties-active {
	background: transparent url("../images/interface/nav-sprite.png") -560px -100px no-repeat;
}

#navigation ul li a#nav-vrijwilligers-active {
	background: transparent url("../images/interface/nav-sprite.png") -700px -100px no-repeat;
}

/* @end */

#contentwrapper {
	clear: both;
	float: left;
	min-height: 400px;
	background: transparent url("../images/interface/container.jpg") repeat-y;
	padding: 4em 0;
}

a#nav-archief {
	margin-top: 250px;
	margin-left: 30px;
	width: 120px;
	height: 90px;
	background: transparent url("../images/interface/archief.png") no-repeat;
	display: block;
	text-indent: -9999px;
}

.article {
	background: transparent url("../images/interface/line.png") no-repeat;
	padding-top: 1em;
}

#contentfooter {
	clear: both;
	float: left;
	width: 960px;
	height: 80px;
/*	padding-top: 60px; */
	background: transparent url("../images/interface/content-footer.png") no-repeat;
}

#footer {
	clear: both;
	float: left;
	width: 960px;
	height: 484px;
	background: transparent url("../images/interface/footer.png") no-repeat;
}

/* @group Contact */

a#contact:visited,
a#contact:link {
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	background: transparent url("../images/interface/contact.png") 0 0px no-repeat;
}

a#contact:hover {
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	background: transparent url("../images/interface/contact.png") 0 -50px no-repeat;
}

a#contact-active {
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	background: transparent url("../images/interface/contact.png") 0 -100px no-repeat;
}

/* @end */

/* @group Reserveren */

a#reserveren:visited,
a#reserveren:link {
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	background: transparent url("../images/interface/reserveren.png") 0 0px no-repeat;
}

a#reserveren:hover {
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	background: transparent url("../images/interface/reserveren.png") 0 -50px no-repeat;
}

a#reserveren-active {
	text-indent: -9999px;
	width: 140px;
	height: 50px;
	display: block;
	background: transparent url("../images/interface/reserveren.png") 0 -100px no-repeat;
}

/* @end */

/* @group Kalender */

#kalender table {
	border-collapse: collapse;
	width: 210px;
	margin-left: 10px;
	float: left;
	display: block;
}

#kalender th {
/*	width: 28px; */
	border: 1px solid #000;
	text-align: center;
	background: #000;
	color: #fff;
	padding: 0.5em 0.6em;
}

#kalender td {
	border: 1px solid #000;
	text-align: center;
	padding: 0.5em 0.6em;
	color: #000;
}

/* @end */

.events td {
	padding: 0.5em;
	border-top: 1px solid #000;
}

#copyright {
	clear: both;
	float: left;
	border-top: 1px solid #000;
	padding: 1em 0;
}

#groen {
	background: transparent url("../images/interface/witgroen-footer.png") center no-repeat;
	width: 100%;
	height: 200px;
	z-index: -5;
	position: fixed;
	bottom: 0px;
	left: 0px;
}

.mbottom {
	margin-bottom: 1.5em;
}

.pbottom {
	padding-bottom: 1.5em;
}

.pagination {
	border-top: 1px solid #000;
	padding-top: 12px;
}

.pagination span {
	float: left;
	margin-right: 6px;
}

.pagination strong {
	float: left;
	display: block;
	padding: 2px 6px;
	margin-right: 6px;
	border: 1px solid #000;
	color: #fff;
	background: #000;
}

.pagination a:link,
.pagination a:visited {
	display: block;
	padding: 2px 6px;
	margin-right: 6px;
	border: 1px solid #cc0101;
	color: #cc0101;
	float: left;
}