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


div.slideshow {position: relative;width: 150px;height: 135px; background-color:#ccc}
.slideshow div {position: absolute;top: 0;left: 0; height:135px; background-color:#ccc}
.slide div {width:150px; background:#CCC;}

body {
	margin: 0;
	padding: 0;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

form {
	margin: 0;
	padding: 0;
}

img {border: 0;}

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

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
}

a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #024344;
}

a:hover {
	text-decoration: underline;
	color: #793f3f;
}

ul, ol {
	margin: 8px 15px 25px 25px;
	padding:0;
}

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

#wrap {
	position: relative;                 /* to keep the header inside */
	height: 100%;
	width: 780px;                       /* you can change this, using %, em or px */
	margin: 0 auto;                     /* auto centers the div */
	text-align: left;                   /* after centering #wrap above we return to normal aligning */
}

#header {
	background: url(/bouw/_images/general/logo.gif) top right no-repeat;
	height: 75px;
	width: 780px;
}

#header img {
	margin: 26px 0 0 12px; 
}

#block { /* houdt volledige blok onder navigatie bijeen + achtergrondkleur content */
	width: 780px;
	background: url(/bouw/_images/bg/bg_block.gif) top left repeat-y;
}

#content {
	width: 623px;
	color: #333;
}

#contentPadding {
	padding: 20px;
}

#ratio {
	padding: 15px 10px 0 7px;
	width: 135px;
	color: #fff;
	float: right;
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
}

#ratio input {
	width: 120px;
	margin: 1px 0 3px 0;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #4e999a #024344 #024344 #4e999a;
	padding: 0 0 0 4px;
}

#teaserLines {
	background:url(/bouw/_images/bg/bg_lines.gif) top right no-repeat;
	height:68px;
	margin-top: -68px;
	z-index: -500
}

#footer {
	margin: 15px 0 10px 0;
	width: 780px;
	text-align: center;
	font:bold 9px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#footer .navItem {
	padding: 0 15px 0 0;
}

#footer .navItem a, #footer .navItem a:link, #footer .navItem a:active, #footer .navItem a:visited {
	text-decoration: none;
	color: #000;
}

#footer .navItem a:hover {
	text-decoration: none;
	color: #415e5e;
}

#ess {
	padding: 5px 0 0 0;
	font-weight: normal;
	color: #666666
}

#ess a, #ess a:link, #ess a:active, #ess a:visited {
	text-decoration: underline;
	color: #666666;
	font-weight:normal;
}

#ess a:hover {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}


/*  CONTENT
------------------------------------------------*/

.quotation {
	background-color: #a9b4b4;
	width: 523px;
	padding: 10px 15px 10px 15px;
	margin: 8px 15px 15px 15px;
	font:italic 11px/16px Verdana, Arial, Helvetica, sans-serif;	
}

h2 {
	font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 0 5px 0;
	margin: 0;
}

h3 {
	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 0 5px 0;
	margin: 0;
}

.hand {
	cursor: default;
}

.caption {font:normal 10px/16px Arial, Helvetica, sans-serif; color:#999;}

.sponsors {
	width: 700px;
	position: relative;
	clear: both;
}

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

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

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

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

ul#gallery li {
	display: block;
	float: left;
	padding: 14px 0 0 14px;
	margin: 5px 8px 0 0; 
	background: url(/bouw/_images/general/bg_gallery.gif) top left no-repeat;
	width: 81px;
	height: 63px;
}