/*
home:         #ec0089
agenda:       #8ac64e
activiteiten: #ffc20e
organisatie:  #ed145a
gebruikers:   #f7931e
verhuur:      #7769af
contact:      #00aaa6
*/

/* ---[ All ]--- */

html, body {
	background-color: #fff;
}

#wpr-page {
	text-align: center;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 845px;
	text-align: left;
}

/* ---[ Header ]--- */

#wpr-header {
	position: relative;
	margin: 40px 0 20px 0;
	height: 160px;
	background: #fff url(/layouts/cultuurhuisstefanus/images/bg_header.gif) no-repeat top left;
}

#header {

}

#logo {
	position: absolute;
	left: 30px;
	top: 0;
}

#logo a {
	outline: none;
	display: block;
	width: 300px;
	height: 150px;
	text-indent: -9000px;
	background: transparent url(/layouts/cultuurhuisstefanus/images/bg_logo.png) no-repeat 0px 0px;
}

.agenda #logo a {
	background-position: -300px 0px;
}

.organisatie #logo a {
	background-position: -600px 0px;
}

.gebruikers #logo a {
	background-position: -900px 0px;
}

.activiteiten #logo a {
	background-position: -1200px 0px;
}

.verhuur #logo a {
	background-position: -1500px 0px;
}

.contact #logo a {
	background-position: -1800px 0px;
}

/* ---[ Content ]--- */

#wpr-main {

}

#main {

}

/* ---[ Clearing elements ]--- */

/* clear float container without source markup - http://www.positioniseverything.net/easyclearing.html */
#calendar-overview:after,
#calendar-footer:after,
#wpr-page:after,
#wpr-header:after,
#wpr-main:after,
#wpr-footer:after,
#wpr-generalmenu:after,
#wpr-content:after,
#wpr-sidebar-left:after,
#wpr-sidebar-right:after,
#wpr-breadcrumbs:after,
.content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/* ---[ Layout ]--- */

#wpr-sidebar-left,
#wpr-top-content-sidebar,
#wpr-content,
#wpr-sidebar-right {
	float: left;
	min-height: 10px;
	padding: 15px 0;
}

#wpr-sidebar-left {
	margin-left: 30px;
	width: 145px;
}

#sidebar-left {

}

#wpr-top-content-sidebar {
	margin: 0 0 0 35px;
	padding: 0;
	overflow: hidden;
	width: 635px;
}

#wpr-content-top {
	display: none;
}

.uitgelicht #wpr-content-top {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

#content-top {

}

#wpr-content {
	overflow: hidden;
	width: 381px;
}

.LM #wpr-content {
	overflow: hidden;
	width: 635px;
}

.calendar {
	margin-bottom: 30px;
}

#wpr-sidebar-right {
	margin-left: 29px;
	width: 225px;
}

.LM #wpr-sidebar-right {
	display: none;
}

#sidebar-right {

}

/* ---[ Mainmenu ]--- */

#wpr-mainmenu {
	border: #eee 1px solid;
	margin-bottom: 15px;
	background-color: #eee;
}

#mainmenu {

}

#mainmenu ul li {
	text-transform: lowercase;
	font-family: 'Georgia';
	font-size: 108%;
	color: #000;
	background: #eee url(/layouts/cultuurhuisstefanus/images/bg_sprite.gif) no-repeat 0 0;
}

#mainmenu ul li ul li,
#mainmenu ul li ul li ul li {
	padding-left: 15px;
	font-size: 93%;
	background: none;
}

#mainmenu ul li:hover {
	background-color: #fff;
	background-position: -450px 0;
}

#mainmenu ul li.current,
#mainmenu ul li.current:hover {
	background-color: #fff;
	background-position: -225px 0;
}

#mainmenu ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
}

#mainmenu ul li.agenda ul li {
	display: none;
}

#mainmenu ul li ul li a {
	padding: 2px 10px;
}

#mainmenu ul li ul li.last a {
	padding: 2px 10px 10px 10px;
}


#mainmenu ul li.current a,
#mainmenu ul li:hover a {
	color: #ec0089;
}

#mainmenu ul li.agenda.current a,
#mainmenu ul li.agenda:hover a {
	color: #8ac64e;
}

#mainmenu ul li.organisatie.current a,
#mainmenu ul li.organisatie:hover a {
	color: #ed145a;
}

#mainmenu ul li.gebruikers.current a,
#mainmenu ul li.gebruikers:hover a {
	color: #f7931e;
}

#mainmenu ul li.activiteiten.current a,
#mainmenu ul li.activiteiten:hover a {
	color: #ffc20e;
}

#mainmenu ul li.verhuur.current a,
#mainmenu ul li.verhuur:hover a {
	color: #7769af;
}

#mainmenu ul li.contact.current a,
#mainmenu ul li.contact:hover a {
	color: #00aaa6;
}

#mainmenu ul li.current ul li a,
#mainmenu ul li.agenda.current ul li a,
#mainmenu ul li.organisatie.current ul li a,
#mainmenu ul li.gebruikers.current ul li a,
#mainmenu ul li.activiteiten.current ul li a,
#mainmenu ul li.verhuur.current ul li a,
#mainmenu ul li.contact.current ul li a,
#mainmenu ul li:hover ul li a {
	color: #000;
}

#mainmenu ul li.current ul li.current a,
#mainmenu ul li.current ul li:hover a {
	color: #ec0089;
}

#mainmenu ul li.agenda.current ul li.current a,
#mainmenu ul li.agenda.current ul li:hover a {
	color: #8ac64e;
}

#mainmenu ul li.organisatie.current ul li.current a,
#mainmenu ul li.organisatie.current ul li:hover a {
	color: #ed145a;
}

#mainmenu ul li.gebruikers.current ul li.current a,
#mainmenu ul li.gebruikers.current ul li:hover a {
	color: #f7931e;
}

#mainmenu ul li.activiteiten.current ul li.current a,
#mainmenu ul li.activiteiten.current ul li:hover a {
	color: #ffc20e;
}

#mainmenu ul li.verhuur.current ul li.current a,
#mainmenu ul li.verhuur.current ul li:hover a {
	color: #7769af;
}

#mainmenu ul li.contact.current ul li.current a,
#mainmenu ul li.contact.current ul li:hover a {
	color: #00aaa6;
}

#mainmenu ul li.current ul li.current ul li a,
#mainmenu ul li.agenda.current ul li.current ul li a,
#mainmenu ul li.organisatie.current ul li.current ul li a,
#mainmenu ul li.gebruikers.current ul li.current ul li a,
#mainmenu ul li.activiteiten.current ul li.current ul li a,
#mainmenu ul li.verhuur.current ul li.current ul li a,
#mainmenu ul li.contact.current ul li.current ul li a,
#mainmenu ul li.current ul li:hover ul li a {
	color: #000;
}

#mainmenu ul li.current ul li.current ul li.current a,
#mainmenu ul li.current ul li.current ul li:hover a {
	color: #ec0089;
}

#mainmenu ul li.agenda.current ul li.current ul li.current a,
#mainmenu ul li.agenda.current ul li.current ul li:hover a {
	color: #8ac64e;
}

#mainmenu ul li.organisatie.current ul li.current ul li.current a,
#mainmenu ul li.organisatie.current ul li.current ul li:hover a {
	color: #ed145a;
}

#mainmenu ul li.gebruikers.current ul li.current ul li.current a,
#mainmenu ul li.gebruikers.current ul li.current ul li:hover a {
	color: #f7931e;
}

#mainmenu ul li.activiteiten.current ul li.current ul li.current a,
#mainmenu ul li.activiteiten.current ul li.current ul li:hover a {
	color: #ffc20e;
}

#mainmenu ul li.verhuur.current ul li.current ul li.current a,
#mainmenu ul li.verhuur.current ul li.current ul li:hover a {
	color: #7769af;
}

#mainmenu ul li.contact.current ul li.current ul li.current a,
#mainmenu ul li.contact.current ul li.current ul li:hover a {
	color: #00aaa6;
}

#mainmenu ul li.current ul li.current ul li.current ul li a,
#mainmenu ul li.agenda.current ul li.current ul li.current ul li a,
#mainmenu ul li.organisatie.current ul li.current ul li.current ul li a,
#mainmenu ul li.gebruikers.current ul li.current ul li.current ul li a,
#mainmenu ul li.activiteiten.current ul li.current ul li.current ul li a,
#mainmenu ul li.verhuur.current ul li.current ul li.current ul li a,
#mainmenu ul li.contact.current ul li.current ul li.current ul li a,
#mainmenu ul li.current ul li.current ul li:hover ul li a {
	color: #000;
}

#mainmenu ul#homemenu li.current {
	background-position: 0 0;
}

#mainmenu ul#homemenu li.current:hover {
	background-position: -450px 0;
}

#mainmenu ul#homemenu li.current a {
	color: #000;
}

#mainmenu ul#homemenu li.current:hover a {
	color: #ec0089;
}

.home #mainmenu ul#homemenu li.current {
	background-position: -225px 0;
}

.home #mainmenu ul#homemenu li.current a {
	color: #ec0089;
}

#mainmenu ul li.verhuur {
	margin-top: 15px;
}

/* ---[ Generalmenu ]--- */

#wpr-generalmenu {

}

#generalmenu {

}

#generalmenu ul {

}

#generalmenu ul li {
	float: left;
	padding: 6px;
}

#generalmenu ul li a {
	color: #fff;
	text-decoration: none;
}

#generalmenu ul li a:hover {

}

#generalmenu ul li.current a {

}

/* ---[ Content ]--- */

.content {
	padding: 0;
}

/* ---[ Paragraph formatting ]--- */

#sidebar-right .content p {
	margin: 0;
	padding-bottom: 0.25em;
}


/* ---[ Table formatting ]--- */

.content table {

}

.content table tr td {

}

/* ---[ Headers ]--- */

.content h1,
.content h2,
.content h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: 'Georgia';
}

.content h1,
.content h2 {
	font-size: 123.1%;
	letter-spacing: 0.05em;
	color: #fff;
}

.content h3 {
	font-size: 156%;
}

.content #calendar h1,
.content #calendar h2 {
	margin: 0;
}

div.content h1 span,
div.content h2 span {
	display: inline-block;
	padding: 5px 5px 1px 5px;
	color: #fff;
	background: #000;
}

div.content h1 span.caps,
div.content h2 span.caps {
	display: inline;
	padding: 0;
}

.content h1,
.content h2 {
	padding: 0px 10px 0 10px;
	height: 35px;
	background-color: #ec0089;
}

.agenda .content h1,
.agenda .content h2 {
	background-color: #8ac64e;
}

.activiteiten .content h1,
.activiteiten .content h2 {
	background-color: #ffc20e;
}

.organisatie .content h1,
.organisatie .content h2 {
	background-color: #ed145a;
}

.gebruikers .content h1,
.gebruikers .content h2 {
	background-color: #f7931e;
}

.verhuur .content h1,
.verhuur .content h2 {
	background-color: #7769af;
}

.contact .content h1,
.contact .content h2 {
	background-color: #00aaa6;
}

/* ---[ Links ]--- */

.content a {
	text-decoration: none;
	color: #ec0089;
}

.content a:hover {
	text-decoration: underline;
}

.agenda .content a,
.agenda .content a {
	color: #8ac64e;
}

.activiteiten .content a,
.activiteiten .content a {
	color: #ffc20e;
}

.organisatie .content a,
.organisatie .content a {
	color: #ed145a;
}

.gebruikers .content a,
.gebruikers .content a {
	color: #f7931e;
}

.verhuur .content a,
.verhuur .content a {
	color: #7769af;
}

.contact .content a,
.contact .content a {
	color: #00aaa6;
}

/* ---[ Images ]--- */

.content img,
.content img.left {

}

.content img.right {

}

/* ---[ Text formatting ]--- */

.content strong {

}

.content em {

}

/* ---[ Lists ]--- */

.content ul {

}

.content ul li {
	margin-left: 0;
	padding: 0.1em 0 0.1em 0.7em;
	list-style-type: none;
	background: transparent url(/layouts/cultuurhuisstefanus/images/bg_bullets.gif) no-repeat 0 0.75em;
}

.content ul li ul li {
	margin-left: 0.5em;
}

.content ul li ul li ul li {
	margin-left: 1em;
}

/* ---[ Site specific ]--- */

/* uitgelicht */

#wpr-content-top h2,
#wpr-content-top h3 {
	position: absolute;
	font-family: 'Georgia';
}

#wpr-content-top h2 {
	right: 10px;
	bottom: -1px;
	margin: 0;
	padding: 5px;
	height: auto;
	width: 205px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 0;
	color: #ec0089;
	background-color: #fff;
}

#wpr-content-top h2 span {
	padding: 0;
	color: #ec0089;
	background: transparent;
}

#wpr-content-top h2 em {
	display: block;
	padding-bottom: 10px;
	color: #000;
}

#wpr-content-top h3 {
	top: 0;
	left: 10px;
	padding: 2px 5px;
	color: #fff;
	background-color: #ec0089;
}

#wpr-content-top p img {
	margin: 0;
	padding: 0;
}

/* calendar page */

.content.calendar {
	position: relative;
	padding: 0 0 10px 10px;
	background: #dfeece url(/layouts/cultuurhuisstefanus/images/bg_calendar_item.gif) repeat-y top left;
}

.calendar img.right {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.calendar h1,
.calendar h2,
.calendar h3,
.calendar p,
.calendar ul,
.calendar ol {
	width: 360px;
}

.content.calendar h1 {
	padding: 0 0 3px 0;
	width: 354px;
	background-color: transparent;
}

/* calendar overview */

#wpr-calendar-overview {
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 300px;
}

#calendar-overview {
	margin: 0;
	padding: 0;
	position: relative;
}

#calendar-overview li {
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 10px;
	float: left;
	width: 107px;
	height: 130px;
	background-image: none;
	background-color: #f4f4f4;
}

#calendar-overview li.even {
	background-color: #e6e7ea;
}

#calendar-overview li:hover {
	background-color: #f5c9d9;
}

.agenda #calendar-overview li:hover {
	background-color: #d9f1cd;
}

#calendar-overview li h3 {
	overflow: hidden;
	margin: 0;
	padding-bottom: 3px;
	font-family: 'Arial';
	font-size: 100%;
	line-height: 100%;
}

#calendar-overview li h3 a {
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	background-color: transparent;
}

#calendar-overview li h3 a {
	text-decoration: none;
}

#calendar-overview li p {
	font-size: 85%;
	line-height: 100%;
}

#calendar-overview li p.date {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-family: 'Georgia';
	font-size: 123.1%;
	font-weight: bold;
	line-height: 100%;
	text-align: right;
	color: #ec0089;
}

.agenda #calendar-overview li p.date {
	color: #8ac64e;
}

#calendar-overview li p.date span {
	display: block;
	color: #ec0089;
	background-color: transparent;
}

.agenda #calendar-overview li p.date span {
	color: #8ac64e;
}

#calendar-footer {
	height: 35px;
	background-color: #ec0089;
}

.agenda #calendar-footer {
	background-color: #8ac64e;
}

#calendar-footer .btn-previous,
#calendar-footer .btn-next {
	display: block;
	margin: 10px 10px 5px 0;
	float: right;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background: transparent url(/layouts/cultuurhuisstefanus/images/bg_buttons.gif) no-repeat top left;
}

#calendar-footer .btn-previous {
	background-position: -40px 0;
}

#archive {
	margin-top: 20px;
}

/* sidebar newsletter */

#wpr-sidebar-right form {
	width: 225px;
}

#wpr-sidebar-right form label {
	display: none;
}

#wpr-sidebar-right form input {
	border: 0;
	width: 207px;
	background-color: #e6e7ea;
}

#wpr-sidebar-right form input.button {
	padding: 3px 0;
	width: auto;
	font-family: 'Georgia';
	font-size: 108%;
	color: #ec0089;
	background-color: #fff;
}