@charset "utf-8";
/*
Title: mainCss stylesheet for Rambonnet2.0
Author: Rogier Borst (borst@xs4all.nl)
Updated: 19-01-2010
*/
* {
	margin:0px;
	padding:0px;
}
/* Main elements
--------------------------*/
body {
	font:small Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#a58b79 url(../Images/BG.jpg) repeat-y scroll center top;
	text-align:center;
}
h2 {
	color:#1A4A77;
	font-size:32px;
	font-weight:bold;
	font-variant:small-caps;
	padding-right:50px;
}
h3 {
	color:#1a4a77;
	font-size:15px;
	font-weight:bold;
	font-variant:small-caps;
	padding-left:30px;
	background-repeat:no-repeat;
	min-height:24px;
	margin-top:5px;
}
#bevers h2, #bevers h3 {color:#D81102;}
#welpen h2, #welpen h3 {color:#2C7614;}
#scouts h2, #scouts h3 {color:#A87C5D;}
#rowans h2, #rowans h3 {color:#F14A00;}
h4 {
	font-size:small;
	font-weight:bold;
	color: #2C7614;
	text-decoration:none;
	letter-spacing:.2em;
	margin-top:6px;
	padding-bottom:3px;
	border-bottom:1px solid #E2C3AD;
	padding-left:20px;
	background:url(../Images/Icons/16/starArtikel.png) no-repeat 0px 2px;
	margin-bottom:2px;
	cursor:pointer;
}
h5 {
	font-size:95%;
	font-style:italic;
	font-weight:bold;
	color: #2C7614;
	padding-left:30px;
	padding-top:5px;
}
p { margin-bottom:16px; line-height:1.4em; }
#opener p { margin-bottom:0; line-height:1.3em;}
.artikel p{margin-bottom:3px;}
.artikel p+p{text-indent:2em;}
ul {margin-top:12px;}
li {
	list-style:url(../Images/Icons/16/Bullet.gif) none outside;
	margin:0px 0px 5px 15px;
}
.listTitle  {
	color:#1A4A77;
	display:block;
	padding-bottom:2px;
	border-bottom:1px solid #e2c3ad;
}
/* Tables
-----------------------*/
table {
	border:2px solid #504136;
	border-collapse:collapse;
	font-size:10px;
	margin-bottom:12px;
	clear:left;
}
table a:link, table a:visited, table a:hover, table a:focus {
	text-decoration:underline;
	border:none;
}
table a:hover, table a:focus, table a:active {color:#FFF;}
table.highlightTable tr.highlight td {background-color:#1A4A77;color:#fff;}
table.highlightTable tr.highlight td a {color:#fff;}
th {
	background:#504136;
	color:#e2c3ad;
	padding:5px 3px 3px ;
	border-bottom:1px solid #504136;
	overflow:hidden;
}
th a:link, th a:visited {color:#E2C3AD;}
th img {border:none;}
td {
	display:table-cell;
	padding:2px 3px;
	overflow:hidden;
}
.t1 td{
	background:#A58B79;
	border:none;
}
.t2 td {
	background:#E2C3AD;
	border-top:1px solid #504136;
	border-bottom:1px solid #504136;
}
#mainContent div.tableTools {
	border:none;
	margin:0px;
}
.tableTools span { /*little box with helpful tools at the top of tables */
	display:block;
	float:left;
	width:190px;
	height:22px;
	background:url(../Images/TableButtonsBG.png) transparent no-repeat;
	margin-bottom:0px;
	padding:3px 5px 5px;
	margin-left:25px;
}
.tableTools .buttons input { /*where images function as submit buttons*/
	width:auto;
	background:none;
	border:none;
}
.tableTools .search input {width:150px; margin-bottom:7px;}
.tableTools img {cursor:pointer;}
/* =links
------------------*/
a:link, a:visited {
	color:#1A4A77;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom:1px solid #E2C3AD;
}
a:hover, a:focus {
	color:#A58B79;
	padding-bottom:0;
	border-bottom:2px solid #E2C3AD;
	position:relative;
}
/* Page structure
--------------------------------*/
#page {
	margin:0px auto;
	float:none;
	width:900px;
	text-align:left;
	display:block;
}
#header{
	position:relative;
	overflow:visible;
	display:block;
	width:100%;
	background-color:#a58b79;
}
.big #header {height:136px; margin-bottom:30px;}
.small #header {height:100px;}
#mainContainer {
	background:url(../Images/Divider.gif) center repeat-y;
	overflow:visible;
	width:100%;
	clear:both;
}
#mainContainer.noCol {background:none;}
/* Header
----------------*/
#header h1 {
	font-size:150%;
	font-weight:bold;
	text-indent:-9999pt;/*make the text disappear*/
	vertical-align:middle;
	width:362px;
}
#header h1 a {
	width:350px;
	display:block;
	border:none;
	padding:0;
}
.big #header h1 a {height:120px;}
.small #header h1 a{height:84px;}
#headerTitle{
	float:left;
	width:362px;
}
.big #headerTitle {
	background:url(../Images/Header/BGLogo.png) no-repeat scroll left top;
	height:136px;
}
.small #headerTitle {
	background:url(../Images/Header/BGLogoSmall.png);
	height:100px;
}
#headerMiddenLogo {
	position:absolute;
	z-index:100;
	left:354px;
}
.big #headerMiddenLogo {
	height:317px;
	width:210px;
	left:354px;
	top:0px;
}
.small #headerMiddenLogo {
	height:107px;
	width:210px;
	top:10px;
}
#headerBackground {
	float:right;
	margin:0px 0px 0px -200px;
}
#headerSterren {
	position:absolute;
	height:84px;
	width:147px;
	right:0px;
	bottom:0px;
}
.big #headerSterren {z-index:100;}
.small #headerSterren {z-index:0;}
#LCD {
	background:url(../Images/Header/LCD.png) no-repeat left top;
	position:absolute;
	z-index:100;
	height:20px;
	width:260px;
	top:0;
	left:95px;
	padding:0;
	vertical-align:top;
}
#LCD p {
	margin-left:5px;
	color:#666;
}
#LCD a {
	border:none;
	font-style:italic;
	text-decoration:none;
	color:#666;
}
#LCD a:hover {text-decoration:underline;}
/* Navigation
--------------------------*/
/* Navigation Speltak */
#navSpeltak{
	position:absolute;
	width:368px;
	height:34px;
	float:left;
	padding-left:2px;
	padding-right:80px;
	overflow:hidden;
	left:0px;
}
.big #navSpeltak {top:136px;}
.small #navSpeltak {bottom:0;}
#navSpeltak ul {
	list-style:none;
	margin-top:0px;
}
#navSpeltak li {
	display:inline;
	float:left;
	width:91px;
	text-align:center;
	margin:0;
	list-style:none;
}
#navBevers {width:92px;}
#navRowans {width:94px;}
#navSpeltak a {
	background:url(../Images/Buttons.png) no-repeat;
	display:block;
	height:26px;
	padding:9px 0px 0px;
	border:none;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-decoration:none;
}
#navBevers a:link, #navBevers a:visited {background-position:0px -68px;}
#navBevers a:hover, #navBevers a:focus {background-position:0px -34px;}
#navBevers a:active, #bevers #navBevers a {background-position:0px 0px;}
#navWelpen a:link, #navWelpen a:visited {background-position:-92px -68px;}
#navWelpen a:hover, #navWelpen a:focus {background-position:-92px -34px;}
#navWelpen a:active, #welpen #navWelpen a {background-position:-92px 0px;}
#navScouts a:link, #navScouts a:visited {background-position:-183px -68px;}
#navScouts a:hover, #navScouts a:focus {background-position:-183px -34px;}
#navScouts a:active, #scouts #navScouts a {background-position:-183px 0px;}
#navRowans a {background-position:-274px -68px;}
#navRowans a:hover, #navRowans a:focus {background-position:-274px -34px;}
#navRowans a:active, #rowans #navRowans a {background-position:-274px 0px;}
/* Navigation extra */
#navExtra {
	width:270px;
	float:right;
	padding-right:70px;
	padding-left:110px;
	height:111px;
	overflow:hidden;
	background:url(../Images/ButtonContainer.gif) no-repeat 50%;
	margin-top:2px;
	position:absolute;
}
.big #navExtra {
	right:0;
	top:136px;
}
.small #navExtra {
	right:0;
	top:-5px;
	margin-right:-20px;
	background: none;
	z-index:100;
}
#navExtra ul {
	list-style:none;
	padding-top:3px;
	margin-top:0px;
}
#navExtra li {
	display:inline;
	float:left;
	width:134px;
	text-align:center;
	list-style:none;
	margin:0;
}
#navExtra a {
	background:url(../Images/Buttons.png) no-repeat;
	background-position:-369px -68px;
	display:block;
	height:24px;
	padding:9px 0px 0px 0px;
	border:none;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-decoration: none;
}
#navExtra a:hover, #navExtra a:focus {background-position:-369px -34px;}
#navExtra a:active, #algemeen #navAlgemeen a {background-position:-369px 0px;}
	/*de actieve buttons (op een pagina met hun eigen body-id)*/
#agenda #navAgenda a {background-position:-369px 0px;}
#contact #navContact a {background-position:-369px 0px;}
#evenement #navEvenement a {background-position:-369px 0px;}
#verhuur #navVerhuur a {background-position:-369px 0px;}
#inloggen #navInloggen a {background-position:-369px 0px;}
#navInstellingen a {/*instellingen-button is een andere png*/
	background:url(../Images/LoginButton.png) no-repeat;
	background-position:0px -68px;
}
#navInstellingen a:hover, #navInstellingen a:focus {background-position:0px -34px;}
#navInstellingen a:active, #instellingen #navInstellingen a {background-position:0px 0px;}
/* Content
--------------------------------------*/
#mainContent {
	float:left;
	width:430px;
	padding:10px;
}
.col #mainContent {width:430px;}
.noCol #mainContent {width:880px;}
#extraContent {
	float:right;
	width:430px;
	margin-top:10px;
	padding:10px;
}
.big #extraContent {margin-top:130px;}
#footerContainer {
	width:900px;
	margin:5px auto;
	padding-top:5px;
	text-align:center;
	clear:both;
}
#mainContent div, #extraContent div {
	margin-bottom:12px;
	background-color:#eef;
	border:1px solid #dde;
	padding:2px;
}
div#opener {
	background-color:transparent;
	border:none;
	display:block;
	padding:0;
	position:relative;
}
.big div#opener {
	margin-right:80px;
	height:120px;
	overflow:hidden;
}
.small div#opener {
	margin-right:10px;
	height:auto;
	overflow:visible;
}
/* Data tables */
#tDatums {
	width:400px;
	border:2px solid #504136;
	margin-top:5px;
	border-collapse:collapse;
	font-size:100%
}
#tDatums .t1 td {
	background:#A58B79;
	border-width:0px;
	border-style:none;
}
#tDatums .t2 td {
	background:#E2C3AD;
	border-top:1px solid #504136;
	border-bottom:1px solid #504136;
}
#tDatums td {padding:2px; vertical-align:top;}
#tDatums .tIcon {width:16px;}
#tDatums .tDatum {width:96px;}
#tDatums td.tInfo {width:276px;}
/* Forms */
form fieldset {
	border:2px solid #a58b79;
	padding:5px;
	background-color:#E2C3AD;
	margin-bottom:12px;
	margin-top:10px;
}
legend {
	font-size:80%;
	margin-top:-1em;
}
form label {
	width:390px;
	margin-bottom:5px;
	display:block;
}
form label span { /*legends for inputs*/
	text-align:left;
	display:block;
}
a span.tooltip {display:none;} /*tool tips*/
a:hover span.tooltip {
	display:block;
	position:absolute;
	top:20px;
	left:-150px;
	width:300px;
	padding:5px;
	background-color:#fff;
	border:1px solid #a58b79;
	color:#1A4A77;
	font-size:10px;
}
form label img {
	display:inline;
	vertical-align:bottom;
	border:none;
	cursor:help;
}
form input, form textarea {
	background:#FFF;
	border:1px solid #A58B79;
	font:small Verdana, Arial, Helvetica, sans-serif;
}
form input {
	display:inline;
	width:200px;
}
form .datumInput {width:80px;}
form div {margin-left:0px;}
.selectMenus {margin-left:0px;}
.selectMenus label {
	float: left;
	width: 120px;
}
.selectMenus label span {display: inline;}
.selectMenus select {display: block;}
.checkboxes input, .checkbox {
	background:none;
	border:none;
	width:auto;
}
.checkboxes p {display:inline;}
.hiddenInput {display:none;}
#loginSubmit,#vergetenSubmit,#regSubmit,#uplSubmit, input.submit, input.button { /*the submit buttons */
	width:80px;
	background-color:#1A4A77;
	color:#F5F2F0;
	border:1px solid;
	border-color:#49D #125 #125 #49D;
	cursor:pointer;
}
/* Captions */
.caption {
	font-size:80%;
	text-align:right;
	margin-top:5px;
	color:#503136;
}
.caption  a, .leesVerder a{border-style:none;}
.leesVerder {
	font-size:80%;
	text-align:right;
}
.uitleg {
	font-size:90%;
	color:#1A4A77;
	margin:10px 0 5px 0;
}
.error {color:#d81102;}
.blankInput {background-color: #FEB9B1;}
/* =footer
-------------------------------*/
#footer {
	width:50%;
	margin:10px auto;
	padding:5px 0px 10px 40px;
	border-top:1px solid #A58B79;
	background:url(../Images/FooterIcon.gif) no-repeat 0px 50%;
	text-align:left;
	font-size:80%;
}
/* fotoArchief listings
-------------------------------------*/
#fotos div.fotoJaar {
	background:transparent url(../Images/CollapseHeader.png) no-repeat 0px 3px;
	border:none;
	margin:0px;
}
#fotos h4 {border:none;}
#fotos h4.collapseOpen {background:transparent url(../Images/CollapseOpen.png) no-repeat 3px 3px;}
#fotos h4.collapseClosed {background:transparent url(../Images/CollapseClosed.png) no-repeat 3px 3px;}
#fotos p {padding-left:70px;}
#mainContent #fotos div.fotoJaar div.fotoData {
	background-color:#f5f2f0;
	border:1px solid #e2c3ad;
	display:block;
	margin:-2px;
	padding-bottom:5px;
}
/* Leiding stelt zich voor
-------------------------------------*/
#mainContent div.leidingContainer, #extraContent div.leidingContainer {
	position:relative;
	display:block;
	width:366px;
	height:147px;
	margin-bottom:10px;
	border:none;
	border-width:0px;
	padding:0px;
}
div.leidingContainer table {
	border:none;
	border-collapse:collapse;
	font-size:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	display:block;
	background:#a58b79 url(../Images/LeidingContainer.gif) no-repeat;
}
div.leidingContainer span.fotoBorder {
	display:block;
	width:8px;
	height:147px;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	background:url(../Images/PasfotoBorder.png);
}
.leidingContainer .pasfoto {width:100px;}
.leidingContainer .leidingNaam a{
	color:#F6F2EF;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	font-size:110%;
}
.leidingContainer .leidingNaam a.leidingEmail {
	background:url(../Images/Icons/24/Mail2.gif) no-repeat;
	height: 24px;
	width:24px;
	position:absolute;
	z-index:100;
	text-indent:-9999px;
	border-style:none;
	right:5px;
	top:5px;
}
.leidingContainer .leidingEigenschap {
	color:#F6F2EF;
	font-style:italic;
	text-align:right;
	width:58px;
}
.leidingContainer td {vertical-align:top;padding:2px;}
/* Kalenders
-------------------------------------*/
div.kalender {
	width:160px;
	text-align:center;
	float:left;
	margin-left:10px;
}
.kalender table {
	margin:0px auto;
	border:2px solid #1A4A77;
}
.kalender table .t1 td {background-color:#d0e7f3;}
.kalender table .t2 td {
	background-color:#ecf4f8;
	border-top:1px solid #96c0dd;
	border-bottom:1px solid #96c0dd;
}
.kalender td, .kalender th {
	text-align:right;
	font-size:100%;
}
.kalender th {
	background-color:#1A4A77;
	border:1px solid #1A4A77;
	color:#ecf4f8;
}
.kalender td {
	border-right:1px solid #96c0dd;
	cursor:default;}
.kalender td.verhuurd {
	background-color:#cb2438 !important;
	color:white;
}
#mainContent div.kalNav, #extraContent div.kalNav{
	background-color:#1A4A77;
	border:none;
	text-align:center;
	position:relative;
}
.kalNav h2{
	color:#f5f2f0;
	display:inline;
}
.kalNav a{
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	top:5px;
	border:none;
	text-indent:-9999pt;
}
.kalNav a.kalPrev{
	background-image:url(../Images/Icons/24/Prev.png);
	left:300px;
}
.kalNav a.kalNext{
	background-image:url(../Images/Icons/24/Next.png);
	left:500px;
}
/* contact
-------------------------------------*/
.contact h4{
	display:block;	
	margin-bottom:0;
	padding:0;
	text-indent:20px;
	background-color:#a58b79;
	font-weight:bold;
	color:#F6F2EF;
	border:1px solid #504136;
	
}
.contact dl{
	background-color:#f3d9c7;
	border:1px solid #504136;
	margin-bottom:5px;
}
.contact dt{
	margin-right:5px;
	float:left;
	clear:left;
	width:75px;
	text-align:right;
}
.contact dd.last{margin-bottom:5px;}
.contact dd.empty{
	display:block;
	width:100%;
	text-align:center;
}
.contact dd.subject{
	display:block;
	width:100%;
	background-color:#a58b79;
	color:#f6f2ef;
	text-indent:20px;
	border-top:1px solid #504136;
	border-bottom:1px solid #504136;
}

/* Google Maps
-------------------------------------*/
div#googleMap div, div#googleDirections div{
	margin-bottom:0px;
	background-color:transparent;
	border:none;
	padding:0px;
}
/*----avatar stuff---*/
div#avatarPicker, div#pasfotoPicker {
	width:800px;
	position:absolute;
	left:30px;
	z-index:1000;
	background:transparent url(../Images/semiTrans80.png);
	overflow-x:auto;
	display:none;
}
div#avatarPicker {
	height:90px;
	top:-70px;
}
div#pasfotoPicker {
	height:160px;
	top:50px;
}
#avatarPicker a:link, #avatarPicker a:visited {background:transparent;}
#avatarPicker a:hover, #avatarPicker a:focus, #avatarPicker a.selected {background-color:#1A4A77;}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin:0;
	padding:0;
}
.sIFR-replaced, .sIFR-ignore {
	visibility:visible !important;
}
.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}
.sIFR-active h2, .sIFR-active h3 {
  visibility:hidden;
  font-family:Verdana;
  line-height:1em;
  display:block;
}
.sIFR-active h2 {font-size:32px;}
.sIFR-active h3 {font-size:16px;}