/**************************************
   Scouts boortmeerbeek
   © Sibran Lens - www.e-ss.be 
***************************************/

body {
font: normal 12px/16px Arial, Helvetica, sans-serif;
background: url(/_images/css_backgrounds/bg_pattern.jpg) top left repeat-x;
background-color:#a69574;
text-align: center;
color: #000;
width: 100%;
}

html {font: normal 12px/16px Arial, Helvetica, sans-serif;}

p {margin: 0; padding:8px 0px}

.clear {clear: both;}


h1 {font-size: 18px; color: #d4996c; padding:0 0 12px 0;}
h2 {font-size: 14px; color: #999; padding:5px 0 12px 0;}
p.mail {background: url(../_images/icons/mail.gif) bottom left no-repeat; padding:8px 0 0 30px; margin:0 0 15px 0;}
p.people {background: url(../_images/icons/people.gif) top left no-repeat; padding:0 0 0 30px;}
.caption {font-size: 10px; color: #666;}
.intro {font: italic; background-color:#efefef; padding:10px;}

/*	STRUCTURE
-----------------------------------*/

a, a:link, a:active, a:visited {z-index:100; color: #006666;}
a:hover {color: #0b4949;}

#container {margin:0 auto; width: 768px; text-align: left;}
#header {position: relative; width: 768px; height: 126px; background: url(/_images/css_backgrounds/bg_header.gif) top left no-repeat;}

div.slideshow {position: relative;width: 524px;height: 126px;}
.slideshow div {position: absolute;top: 0;left: 244px;}

#contentWrapper {
	width: 759px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_images/css_backgrounds/bg_content_shadow.png', sizingMethod='scale');
	padding: 0 5px 0 4px;
	position: relative;
}

*>#contentWrapper {background: url(/_images/css_backgrounds/bg_content_shadow.png) top left repeat-y;}

#content {
	background: url(/_images/css_backgrounds/bg_content.jpg) bottom left no-repeat;
	width:759px;
	background-color:#f3f3f3;
}

#content2columns {
	background: url(/_images/css_backgrounds/bg_content2columns.jpg) bottom left no-repeat;
	width:759px;
	background-color:#f3f3f3;
}

#content2columns {min-height:495px; height:inherit;}

#content1column {
	background: url(/_images/css_backgrounds/bg_content.jpg) bottom left no-repeat;
	padding: 20px 20px 10px 30px ;
	width:709px;
	background-color:#f3f3f3;
}

#content1column {min-height:465px; height:inherit;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#breadcrumb {
	width: 539px;
	height: 26px;
	padding: 10px 0 0 220px;
	background:url(/_images/css_backgrounds/bg_breadcrumb.gif) top left no-repeat;
	color: #999;
	font-weight: bold;
}

#breadcrumb a, #breadcrumb a:active, #breadcrumb a:link, #breadcrumb a:visited {font-weight: bold; color: #005954; text-decoration: underline; margin:0 5px 0 0}
#breadcrumb a:hover {font-weight: bold; color: #005954; text-decoration: none; margin:0 5px 0 0}

#subnavigation {
width:205px;
line-height: 14px;
display: block;
float: left;
}

#contentRight {
width: 494px;
float: right;
padding: 15px 30px 15px 30px;
}

#bottom {
	clear: both;
	width: 768px;
	height: 28px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_images/css_backgrounds/bg_bottom.png', sizingMethod='noscale');
}

*>#bottom {background: url(/_images/css_backgrounds/bg_bottom.png) top left no-repeat;}

#footer {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	width: 728px;
	padding: 0 20px 0 20px;
	margin: 0 0 25px 0;
	color: #fff;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {color: #fff; text-decoration:underline;} 
#footer a:hover {color: #fff; text-decoration:none;} 

/*	NAVIGATION
-----------------------------------*/

#navigation {
	width: 712px;
	height: 38px;
	padding: 22px 0 0 56px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_images/css_backgrounds/bg_navigation.png', sizingMethod='noscale');
	color: #fff;
}

*>#navigation {
	background: url(/_images/css_backgrounds/bg_navigation.png) top left no-repeat;
}

#navigation a {position: relative; z-index:10;}
#navigation .item {margin: 0 55px 0 0;}

#subnavigation ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
list-style-image: none;
font: bold 12px/14px Arial, Helvetica, sans-serif;
}

#subnavigation a
{
display: block;
padding: 4px 3px 3px 30px;
width: 170px;
height: 17px;
border-bottom: 1px dotted #eee;
background: url(/_images/css_backgrounds/bg_subnav.gif) bottom left no-repeat;
text-decoration: none;
}

#subnavigation a:link, #subnavlist a:visited
{
color: #005954;
text-decoration: none;
}

#subnavigation a:hover
{
background-color: #005954;
color: #fff;
background: url(/_images/css_backgrounds/bg_subnav_over.gif) bottom left no-repeat;
text-decoration: none;
}

#subnavigation a#current {
background-color: #005954;
color: #fff;
background: url(/_images/css_backgrounds/bg_subnav_over.gif) bottom left no-repeat;
text-decoration: none;
}

/*	CONTENT
-----------------------------------*/
#kapoenen, #kabouters, #welpen, #jonggidsen, #jongverkenners, #givers, #jin, #groepsleiding {
	position: absolute;
	top: 130px;
	left: 240px;
	width:494px;
	z-index:10px;
}

.activiteitenItem {width: 494px; font-size:11px; padding:0 0 12px 0; margin:12px 0 0 0; border-bottom: 1px solid #ccc}
.activiteitenItem h2 {padding:0;}
.activiteitenItem p {padding-top:3px;}
.activiteitenItem img {float: left; padding:0 8px 0 0;}

img.moreInfo {padding: 0; float:none;}

.tablelayout {}
.tablelayout td {border:1px solid #CCC; padding:3px;}



/*	HOMEPAGE
-----------------------------------*/
#homepageLeft {float: left; width:355px; margin:0 15px 0 0}
#homepageRight {float: right; width: 330px;}

.block1 {
	width: 335px;
	border: 2px dashed #e2e2e2;
	background: url(../_images/css_backgrounds/bg_blocks_homepage.gif) bottom left no-repeat;
	background-color:#f2f6f6;
	margin: 10px 0 0 0;
	padding:10px 10px 20px 10px;
	float: left;
}

.block2 {
	width: 310px;
	border: 2px dashed #e2e2e2;
	background: url(../_images/css_backgrounds/bg_blocks_homepage2.gif) bottom left no-repeat;
	background-color:#f2f6f6;
	margin: 10px 0px 0 0;
	padding:10px 10px 20px 10px;
	float: left;
}

ul {list-style-image:url(../_images/icons/homearrow.gif); padding-left:20px}

.block1 ul, .block2 ul {list-style-image:url(../_images/icons/homearrow.gif); padding-left:20px}
.description {font-size: 11px; margin:0px 0 8px 0;}
.block1 h2, .block2 h2 {color: #a27a5b;}

/*	GALLERY
-----------------------------------*/

.album {
	width: 120px;
	height: 110px;
	float: left;
	margin: 10px 15px 15px 0px;
	font-size:11px;
}

.album p {
	padding: 0 0 0 3px;
}

.album img {
	padding: 0 0 3px 0;
}

ul#gallery a {position: relative; z-index:100;}

ul#gallery {
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}

ul#gallery li {
	display: block;
	float: left;
	padding: 14px 0 0 14px;
	margin: 5px 3px 0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_images/css_backgrounds/bg_gallery.png', sizingMethod='noscale');
	width: 81px;
	height: 63px;
}

*>ul#gallery li {background: url(../_images/css_backgrounds/bg_gallery.png) top left no-repeat;}


/*	Guestbook
-----------------------------------*/
.guestHead {clear: both; margin:10px 0 0px 0; border-bottom:1px solid #ccc; padding:0 0 3px 0}
.guestbDate {font-size:10px; color:#066; padding:0 7px 0 7px; border-right:1px solid #066;} 
.guestbName {font-size:11px; font-weight: bold; color:#066; font-weight:bold; padding:0 7px 0 0; border-right:1px solid #066;}
.guestEntry {font-size: 12px; margin:0 0 20px 0; padding:15px 10px 10px 10px; background:#ededed; color:#333}
.guestImage {padding:3px 0 0 10px; float: right;}
.guestPage {margin:35px 0 0 0; font-size:10px; border-top:2px solid #e5e5e5; text-align: right;}