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

html {
	overflow-y: scroll;
}

html, body {
	font-family: 'Arial';
	background: #fff url(/layouts/badbuiten/images/bg-body.png) repeat-x top left;
}

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

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

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

#wpr-header {
	position: relative;
	margin: 0 0 20px 0;
	height: 170px;
}

#header {

}

#logo {
	position: absolute;
	left: 240px;
	top: 60px;
}

#logo a {
	display: block;
	outline: none;
	width: 482px;
	height: 107px;
	text-indent: -9000px;
	background: transparent url(/layouts/badbuiten/images/bg-logo.png) no-repeat top left;
}

#links {
	position: absolute;
	top: 40px;
	left: 840px;
}

#links a {
	outline: none;
	display: block;
	float: left;
	padding: 1px 0;
	width: 30px;
	height: 30px;
	text-indent: -9000px;
	background: transparent url(/layouts/badbuiten/images/bg-icons.png) no-repeat 0 0;
}

#links a.twitter {
	margin-right: 5px;
	background-position: 0 0;
}

#links a.youtube {
	background-position: -34px 0;
}

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

#wpr-main {

}

#main {

}

/* ---[ Footer ]--- */

#wpr-footer {
	clear: both;
	margin: 50px 0 0 0;
}

#footer {

}

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

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

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

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

#wpr-sidebar-left {
	margin: 0 20px;
	width: 200px;
}

#sidebar-left {

}

#wpr-content {
	width: 480px;
}

#content {

}

#wpr-sidebar-right {
	margin: 0 20px;
	width: 200px;
}

#sidebar-right {

}

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

#wpr-mainmenu {
	margin-bottom: 30px;
}

#mainmenu {

}

#mainmenu ul li {

}

#mainmenu ul li ul li a,
#mainmenu ul li ul li ul li a {
	padding-left: 15px;
}

#mainmenu ul li a {
	display: block;
	border-bottom: 3px solid #00a551;
	padding: 8px 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #00a551;
}

#mainmenu ul li.current a,
#mainmenu ul li a:hover {
	color: #000;
	border-color: #000;
}

#mainmenu ul li.current ul li a,
#mainmenu ul li ul li a {
	color: #00a551;
	border-color: #00a551;
}

#mainmenu ul li.current ul li.current a,
#mainmenu ul li.current ul li a:hover {
	color: #000;
	border-color: #000;
}

#mainmenu ul#homemenu li.current a {
	color: #00a551;
	border-color: #00a551;
}

#mainmenu ul#homemenu li.current a:hover,
.home #mainmenu ul#homemenu li.current a {
	color: #000;
	border-color: #000;
}

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

.content {
	padding: 0;
}

.intro {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #7dd1f5;
}

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

.content p {
	line-height: 146.2%;
}

.intro p {
	margin-bottom: 0;
}

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

.content table {

}

.content table tr td {
	line-height: 146.2%;
}

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

.content h1,
.content h2,
.content h3 {
	color: #5fc7f2;
	font-weight: bold;
}

.content h1 {
	font-size: 131%;
}

.content h2 {
	font-size: 116%;
}

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

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

.content a {
	color: #00a450;
}

.content a:hover {

}

.intro a,
.content.column a {
	color: #000;
}

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

.content img,
.content img.left {

}

.content img.right {

}

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

.content strong {

}

.content em {

}

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

.content ul {

}

.content ul li,
.content ol li {
	line-height: 146.2%;
}

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

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

/* ---[ Logo waternet ]--- */

#logo-waternet {

}

#logo-waternet a {
	display: block;
	padding: 0 0 15px 0;
	height: 18px;
	background: transparent url(/layouts/badbuiten/images/bg-sprite.png) no-repeat 0 18px;
	font-size: 77%;
	text-decoration: none;
	color: #7ed2f6;
}

/* ---[ Foto's ]--- */

.thumb {
	float: left;
	margin-right: 45px;
	width: 85px;
}

.last {
	margin-right: 0;
}

.thumb a {
	display: block;
	color: #000;
	text-decoration: none;
}

/* ---[ Vrienden van BadBuiten ]--- */

.vrienden-van-badbuiten #content .groupstart h2 {
	margin-top: 40px;
}

.vrienden-van-badbuiten #content strong {
	color: #000;
}

.vrienden-van-badbuiten #content img {
	margin-bottom: 10px;
	float: none;
}

/* ---[ Agenda / Nieuws ]--- */

#news h2,
#calendar h2 {
	display: inline;
	font-size: 100%;
	color: #000;
	background-color: #7dd1f5;
}

#news h2 {
	background-color: #fff04c;
}

#news h2 .date,	
#calendar h2 .date {
	margin-right: 10px;
	font-style: italic;
	font-weight: normal;
	color: #000;
}

#news .more,
#calendar .more {
	margin: -1.2em 0 1.5em 0;
}

#news .more a,
#calendar .more a {
	font-weight: bold;
	text-decoration: none;
	color: #7dd1f5;
}

/* ---[ Agenda sidebar ]--- */

#calendar-sidebar {
	margin: 0 0 15px 0;
	padding: 10px;
	background: #7dd1f5 url(/layouts/badbuiten/images/bg-sprite.png) no-repeat 10px -240px;
}

#calendar-sidebar h2 {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	background-color: #7dd1f5;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

#calendar-sidebar .item {
	margin: 0 0 5px 0;
	width: 180px;
}

#calendar-sidebar .item a.image {
	display: block;
	float: left;
}

#calendar-sidebar .item a img {
	display: block;
	float: none;
	margin: 0;
}

#calendar-sidebar .item a.text {
	overflow: hidden;
	display: block;
	float: right;
	margin: -3px 0 0 5px;
	border-top: 3px solid #fff;
	padding: 5px 0 0 0;
	width: 87px;
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#calendar-sidebar .item a.text span {
	display: block;
	padding-top: 2px;
	border-top: none;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}

/* ---[ sidebar widget ]--- */

#sidebar-widget {

}

#sidebar-widget a {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 98px;
	width: 82px;
	height: 65px;
	background: transparent url(/layouts/badbuiten/images/bg-sprite.png) no-repeat -9000px -9000px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #00a551;
}

#sidebar-widget a span {
	display: block;
	border-top: 3px solid #00a551;
	margin-top: -3px;
	padding: 5px 0 0 0;
}

#sidebar-widget a.first span {
	border-top: none;
	padding-top: 8px;
}

#sidebar-widget a.upload {
	background-position: 0 -15px;
}

#sidebar-widget a.gallery {
	background-position: 0 -92px;
}

#sidebar-widget a.commercial {
	background-position: 0 -163px;
}

/* ---[ content column ]--- */

.content.column {
	float: left;
	margin: 0 0 20px 0;
	padding-right: 90px;
	width: 150px;
}

.content.column.clear {
	clear: left;
}

.content.column img {
	float: none;
}

.content.column h2 {
	border-bottom: 3px solid #5fc7f2;
}

/* ---[ homepage content ]--- */

.home .content.column {
	overflow: hidden;
	padding: 10px;
	width: 220px;
	height: 130px;
}

.home .content.column {
	background-color: #7dd1f5;
}

.home .content.column.yellow {
	background-color: #fef44e;
}

.home .content.column h2 {
	border-bottom: none;
	color: #fff;
}

.home .content.column.yellow h2 {
	color: #000;
}

.home .content.column a {
	color: #fff;
}

.home .content.column.yellow a {
	color: #7dd1f5;
}

/* ---[ slideshow ]--- */

.slideshow-images {
	position: relative;
}

.content.slideshow {
	clear: both;
	width: 480px;
	height: auto;
	background-color: #fef44e;
}

.content.slideshow .slideshow-images {
	width: 480px;
	height: 360px;
}

.content.slideshow .slideshow-captions {
	position: absolute;
	overflow: hidden;
	top: 35px;
	margin: 0;
	padding: 7px 10px 5px 10px;
	width: 460px;
	background-color: #fef44e;
	font-size: 100%;
	line-height: 100%;
	text-indent: 0;
	text-transform: uppercase;
	color: #000;
}

.content.slideshow .slideshow-captions a {
	text-decoration: none;
	color: #00a551;
}

.slideshow-captions-visible {
	opacity: 1;
	height: 15px;
}

/* ---[ forms ]--- */

.content form {
	width: 480px;
}

#content .content form fieldset {
	margin: 0 0 10px 0;
}

.content form .form_line input,
.content form .form_line textarea {
	border: 1px solid #000;
	padding: 4px;
	width: 300px;
}

#upload_photo {
	height: 26px;
}