/*------------------------------------------------------------------
[Table of contents]

1. Body + reset general tags
2. Links
3. Forms / Inputs
4. Containers / #wrapper
5. Header / #header
6. Content / #content
7. Main / #main
8. Sidebar / #sidebar
9. Footer / #footer
10 Overlay / Scrollable

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 1. Body + reset general tags ]
------------------------------------------------------------------*/

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-size:0.8em;
	color:#343434;
	background: url(../images/backgrounds/pagodes.jpg) top center repeat-x #fdf4e5;
}


h1, h2 {
	font-family: Georgia, serif;
	font-weight:normal;
}

h1 {
	font-size:2.4em;
	color:#000;
	margin:0 0 0 13px;
}

h2 {
	font-size: 1.8em;
	line-height:1.2em;
	margin-bottom:0.5em;
	color:#ff2100;
}

h3 {
	font-size: 1.2em;
	line-height:1.2em;
	margin-bottom:0.5em;
	color:#343434;
}

h4{
	font-size: 1.0em;
	line-height:1.2em;
	margin-bottom:0.2em;
	color:#343434;
}

#sidebarCon h2{
	font-size: 1.8em;	
	line-height:1.2em;
	margin:0.5em 0 25px 0;
	padding-bottom:10px;
	color:#23a3ff;
	border-bottom:1px solid #23a3ff;
}

p, ul, ol {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}
ul, ol
{
	margin:0 2em;
	padding:0 1em;
}

img {
	display:inline;
	border:none;	
	vertical-align:bottom;
}


/*------------------------------------------------------------------
[ 2. Links ]
------------------------------------------------------------------*/


a {
	color: #ff2400;		
	text-decoration:none;	
	outline: none;
}
a.visited {
	color: #a11f18;	
}
a:hover {
	color: #ff2100;
	text-decoration:underline;
	outline: none;
}


/* hide outlines on clicked links */
:-moz-any-link:focus {
  outline: none;
}


/*------------------------------------------------------------------
[ 3. Forms / Inputs ]
------------------------------------------------------------------*/

form {
	display:block;
	margin: 8px 0 18px 0;
}

label {
	margin:0;
	padding:0;
}

input.text {
	height:19px;
	margin-right:1px;
	padding:1px 3px 3px 3px;
	border:1px solid #9f635b;
}

input.text:hover {
	border:1px solid #231f20;
}


.sideBarBoxCenter input,
.sideBarBoxCenter select {	
	margin-top:4px;
	padding:3px 5px;
	border:1px solid #aaaaaa;
}

.sideBarBoxCenter select {	
	width:210px;
}

#keywords {
	width:200px;
}
#keywords.reset-default {
	color:#aaaaaa;
}

#searchsubmit {
	border:none;
	margin:0;
}


.missingFields {
	margin-top:10px;
	padding:10px 10px 15px 10px;
	border:1px solid #fff;
	background:#fdd;
	color:#000;
}

input.error {
	background:#fdd;
	color:#000;
}

label.error {
	display:block;
	margin-top:3px;
	padding:3px 5px 4px 5px;
	color:#fff;
}	

.hidden {
	display:none;
}

.accountnumber {
	width:80px;
}

table.donatieformtab {
	margin:0;
}

table.donatieformtab th {
	font-weight:normal;
}

/*------------------------------------------------------------------
[ 4. Containers ]
------------------------------------------------------------------*/

div#outerCon {
	width:986px;
	margin:0 auto;
	padding-bottom:50px;
}


/*------------------------------------------------------------------
[ 5. Header ]
------------------------------------------------------------------*/

div#headerCon {
	width:100%;
	height:120px;
	position: relative;	
}

div#headerCon div#headerInnerCon {
	padding:20px;
}


/*------------------------------------------------------------------
[ 6. Content ]
------------------------------------------------------------------*/

div#innerBgCon {
	margin: 10px 3px 0px 3px;
	background:url(../images/backgrounds/innerbgcon-bg.png) 3px 0px ;
	zoom:1;
	overflow:hidden;
}

div#innerCon {
	width:986px;
}

div#innerConTop {
	height:7px;
	line-height:0;
	font-size:0;
	background:url(../images/backgrounds/innercon-top-bg.png) no-repeat;
}

div#innerConCenter {
	background:url(../images/backgrounds/innercon-center-bg.png) repeat-y;
	zoom:1;
	overflow:hidden;
}

div#innerConBottom {
	height:15px;
	margin-bottom:-3px;
	background:url(../images/backgrounds/innercon-bottom-bg.png) no-repeat;
}


/*------------------------------------------------------------------
[ 7. Main ]
------------------------------------------------------------------*/

div#contentCon {
	float:left;
	display:inline;
	width:607px; /* 633 - 15 - 15 */
	margin: 0px 0 10px 13px;
	padding: 13px;
	border-top:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
}


/* contentbox enabled */
div.default {
	position:relative;
	border:2px solid transparent;
	background:transparent;
	zoom:1;
}

div.default div.contentInnerBox {
	position:relative;
	margin:13px;
	padding:4px 4px 5px 4px;
	background:#fff;
	border-right:1px solid #838383;
	border-bottom:1px solid #838383;
	z-index:1;
}
	
	div.default div.contentInnerBox h2 {
		margin-left:18px;
	}
	div.default div.contentInnerBox p {
		margin: 0 20px 1em 20px;
		color:#343434;
	}

div.default div.contentBoxFooter {
	width:97%;
	left:4px;
	padding:7px 0 7px 7px;
	border-top:1px dashed black;
	zoom:1;
	overflow:hidden;
}
	div.default div.contentBoxFooter ul {
		float:left;
		list-style:none;
		margin:4px 0 0 13px;
		padding:0;
		zoom:1;
		overflow:hidden;
	}
	div.default div.contentBoxFooter ul li {
		float:left;
		margin-right:10px;
	}
	
	div.default div.contentBoxFooter img.bttn {
		float:right;
	}

div.default div.contentBoxFooter {
	border-top:1px dashed #000;
}
	div.default div.contentBoxFooter ul li {
		color:#000;
	}
	
	div.default div.contentBoxFooter input.bttn {
		float:right;
	}
	
div.default div.overlay {
	display:none;
	position:absolute;
	width:100%;
	top:50%;
	margin:-75px 0 0 -13px;
	text-align:center;
	z-index:2;
}	

div.default img.actionBttn {
	display:none;
	position:absolute;
	bottom:25px;
	right:25px;
	z-index:3;
}

		
	
/* contentbox hover */
div.hover {
	position:relative;
	color:#d9d9d9;
	border:2px solid #fff;
	background:#f3481a;
	zoom:1;
}

div.hover div.contentInnerBox {
	position:relative;
	margin:13px;
	padding:4px 4px 5px 4px;
	background:#f3481a;
	border-right:1px solid #f3481a;
	border-bottom:1px solid #f3481a;
	z-index:1;
}
	div.hover div.openOverlay {
		text-decoration:none;
	}
	
	div.hover div.contentInnerBox h2 {
		margin-left:18px;
		color:#f3481a;
	}
	div.hover div.contentInnerBox p {
		margin: 0 20px 1em 20px;
		color:#f3481a;
	}

div.hover div.contentBoxFooter {
	width:97%;
	left:4px;
	padding:7px 0 7px 7px;
	border-top:1px solid #f3481a;
	zoom:1;
	overflow:hidden;
}
	div.hover div.contentBoxFooter ul {
		float:left;
		list-style:none;
		margin:4px 0 0 13px;
		padding:0;
		zoom:1;
		overflow:hidden;
	}
	div.hover div.contentBoxFooter ul li {
		float:left;
		margin-right:10px;
		color:#f8580a;
	}
	
	div.hover div.contentBoxFooter img.bttn {
		visibility:hidden;
	}
	
div.hover div.overlay {
	display:block;
	position:absolute;
	width:98%;
	top:50%;
	margin:-150px 0 0 0px;
	padding:0 0 0 14px;
	text-align:left;
	color:#fff;
	z-index:2000;
}	

div.hover div.overlay h1 {
	margin:0;
}

div.hover div.overlay a {
	color:#fff;
}
div.hover div.overlay span {
	display:none;
}

div.hover div.overlay .button {
	margin-bottom:5px;
}

div.hover div.overlay .donatie {
	cursor:pointer;
}

div.hover div.overlay .overlaylogo {
	width:100%;
	padding-top:15px;
	text-align:center;
}

/*div.hover img.actionBttn {
	display:block;
	position:absolute;
	bottom:25px;
	right:25px;
	z-index:3;
}*/


div.closed div.label {
	position:absolute;
	right:11px;
	top:11px;
	z-index:5;
}

div.closed a {
	cursor:default;
}


div.contentBox.flash {
	position:relative;
	border:3px solid transparent;
	background:transparent;
}

div.contentBox.flash div.contentInnerBox {
	position:relative;
	padding:0;
	margin:13px;
	background:#fff;
	border-right:1px solid #838383;
	border-bottom:1px solid #838383;
	z-index:1;
}



div.clearer {
	clear:both;
	font-size:0;
	line-height:0;
}
/*------------------------------------------------------------------
[ 8. Sidebar ]
------------------------------------------------------------------*/

div#sidebarCon {
	width:316px;
	margin: 0px 0 0 657px;
}


div.sideBarBox {
	width:316px;
	margin: 0 0 10px 0;
}
div.sideBarBox div.sideBarBoxTop {
	height:5px;
	font-size:0;
	line-height:0;
	background:url(../images/backgrounds/sidebar-box-top-bg.gif) no-repeat;
}
div.sideBarBox div.sideBarBoxCenter {
	padding:0px 17px 15px 19px;
	background:url(../images/backgrounds/sidebar-box-center-bg.gif) repeat-y;
	zoom:1;
	overflow:hidden;
}
div.sideBarBox div.sideBarBoxBottom {
	height:10px;
	font-size:0;
	line-height:0;
	background:url(../images/backgrounds/sidebar-box-bottom-bg.gif) no-repeat;
}

div.sideBarBox div.sideBarBoxCenter p {
	line-height:1.3em;
}	

div.sideBarBox div.sideBarBoxCenter div.aboutvisual {
	float:left;
	display:inline;
}

div.sideBarBox div.sideBarBoxCenter div.abouttext {
	margin-left:130px;
}

div.searchform {
	margin: 4px 0 9px 0;
}

/*------------------------------------------------------------------
[ 9. Footer ]
------------------------------------------------------------------*/

div#footerCon {
	background:#1a1a1a;
	border-top:10px solid #fff;
	clear:both;
}

div#footerCon div#footerInnerCon {
	padding:20px 20px 5px 20px;
	color:#fff;
	zoom:1;
	overflow:hidden;
}

div#footerCon div#footerInnerCon a {
	color:#bdbdbd;
}

div#sitemap {
	float:left;
	display:inline;
}
div#sitemap ul {
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}

div#address {
	float:right;
	display:inline;
	width:285px;
	color:#bdbdbd;
}



/*------------------------------------------------------------------
[ 10. Overlay / Scrollable ]
------------------------------------------------------------------*/

.modaloverlay {
	display:none;
	position:relative;
	width:610px;
	padding:15px 5px 5px 5px;
	text-align:left;
}

.modaloverlay div.close {
	position:absolute;
	height:35px;
	width:35px;
	right:0px;
	top:0px;
	cursor:pointer;
	background:url(../images/overlay/close.png) top left no-repeat;
	z-index:100;
}
.modaloverlay div.close:hover {
	background:url(../images/overlay/close-hover.png) top left no-repeat;
}



/* panes */
#flowpanes {	
	position:relative;
	overflow:hidden;
	clear:both;
	width:600px;
	height:830px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	position:absolute;
	float:left;
	display:block;
	width:20000em;	
	margin:0;
	padding:0;
	zoom:1;
	overflow:hidden;
	clear:both;
}

/* single pane */
#flowpanes div.page {
	display:block;	
	float:left;
	width:596px;
	color:#000;	
	border:2px solid #f7590a;
	background:#fff;
}


/* content styles */
div.overlayHeader {
	position:relative;
	_height:145px;
	min-height:145px;
	padding:10px 32px 10px 30px;
}
div.overlayHeader img.logo {
	margin-bottom:10px;
}

div.overlayHeaderVisual {
	position:absolute;
	top:10px;
	right:30px;
}

div.overlayHeader p {
	padding-right:210px;
}

div.overlayHeader ul {
	margin-bottom:12px;
	list-style-type: square;
	color:#f3481a;
}
div.overlayHeader ul li span {
	color:#343434;
}

div.overlayContainer {
	width:584px;
	margin: 0 7px;
}
div.overlayContainerTop {
	line-height:0;
	font-size:0;
	background:red;
}
div.overlayContainerBottom {
	width:550px;
	padding:0 17px 20px 17px;
	background:url(../images/overlay/overlaycontainer-bottom.gif) left bottom repeat-y;
	zoom:1;
	overflow:hidden;
}
div.overlayContainerBottom h2 {
	margin-left:5px;
}

div.overlayContainerBottom a {
	color:#fff;
}

ul.linkthrough {
	width:540px;
	list-style:none;
	margin:10px 0 0 5px;
	padding:5px 0 0 0;
	background:url(../images/overlay/list-border.gif) top left repeat-x;
}
ul.linkthrough li {
	padding:4px 5px 6px 3px;
	background:url(../images/overlay/list-border.gif) bottom left repeat-x;
}
ul.linkthrough li a {
	display:block;
	padding:4px 0 5px 0;
	background:url(../images/overlay/bttn-arrow.gif) top right no-repeat;
}
ul.linkthrough li a:hover {
	background:url(../images/overlay/bttn-arrow-hover.gif) top right no-repeat;
}



/* root element for tabs */

#subflowpanes { 
    position:relative; 
    overflow:hidden; 
	width:550px;
    clear:both; 
} 
 
/* override single pane */ 
.steptabs {	
	/* dimensions */
	width:572px;
	height:32px !important;
	margin:20px 0 0 5px !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
	background:#fff;
}

/* single tab */
.steptabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
.steptabs li span { 
	display:none;
}



/* form step 1 active */
.steptabs li#gegevens {
	display:block;
	width:139px;
	height:35px;
	background:url(../images/overlay/tab-jegegevens.gif) no-repeat;
}
form.active-step-1 .steptabs li#gegevens {
	background:url(../images/overlay/tab-jegegevens-active.gif) no-repeat;
}
form.active-step-2 .steptabs li#gegevens,
form.active-step-3 .steptabs li#gegevens {
	background:url(../images/overlay/tab-jegegevens-visited.gif) no-repeat;
}

/* form step 2 active */
.steptabs li#betaalmethode {
	display:block;
	width:156px;
	height:35px;
	background:url(../images/overlay/tab-betaalmethode.gif) no-repeat;
}
form.active-step-2 .steptabs li#betaalmethode {
	background:url(../images/overlay/tab-betaalmethode-active.gif) no-repeat;
}
form.active-step-3 .steptabs li#betaalmethode {
	background:url(../images/overlay/tab-betaalmethode-visited.gif) no-repeat;
}

/* form step 3 active */
.steptabs li#bevestig  {
	display:block;
	width:106px;
	height:35px;
	background:url(../images/overlay/tab-bevestig.gif) no-repeat;
}
form.active-step-3 .steptabs li#bevestig {
	background:url(../images/overlay/tab-bevestig-active.gif) no-repeat;
}



#subflowpanes div.step { 
    float:left; 
    display:none; 
    width:550px; 
} 
 
/* our additional wrapper element for the items */ 
#subflowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#subflowpanes .less, #subflowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}

#drawer {
	display:none;
}



form.active-step-1 #step_1_gegevens {
	display:block !important;
}
form.active-step-1 #step_2_betaalmethode,
form.active-step-1 #step_3_bevestig {
	display:none;
}

form.active-step-2 #step_2_betaalmethode {
	display:block !important;
}
form.active-step-2 #step_1_gegevens,
form.active-step-2 #step_3_bevestig {
	display:none;
}

form.active-step-3 #step_3_bevestig {
	display:block !important;
}
form.active-step-3 #step_1_gegevens,
form.active-step-3 #step_2_betaalmethode {
	display:none;
}




table.formtab  {
	margin:15px 0 0px 10px;
}

table.formtab th {
	padding: 5px 10px 5px 0;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}

table.formtab td {
	padding: 5px 10px 5px 0;
	vertical-align:top;
}

table.controleformtab  {
	margin:15px 0 30px 10px;
}

table.controleformtab th {
	padding: 5px 10px 5px 0;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}

table.controleformtab td {
	padding: 5px 10px 5px 0;
	vertical-align:top;
}
table.controleformtab td input {
	border:none;
	background:#f3481a;
}

p.nextstep {
	float:right;
	margin: 0 15px 0 0;
	padding:0;
}

p.prevstep {
	float:left;
}

/* root element for accordion */
#accordion {
	width:540px;
	margin: 0 -5px 0 -5px;
	font-weight:normal;
}

#accordion dl {	
	margin:0;
	padding:1px;
	background:none;
}

/* accordion header */
#accordion dl dt {	
	margin:0 0 5px 0;
	padding:0px 5px 0px 5px;
	cursor:pointer;
	border:1px solid #f3481a;
	background:none;	
}

#accordion dl dt input.moreinformation {
	margin-right:10px;
}

/* currently active header */
#accordion dl.current {
	cursor:default;
	background-color:#271d20;
}
#accordion dl.current dt {
	margin:0px;
	cursor:default;
	color:#fff;
	border-top:1px solid #f3481a;
	border-right:1px solid #f3481a;
	border-left:1px solid #f3481a;
	border-bottom:none;
}

/* accordion pane */
#accordion dd {
	display:none;
	margin:-1px 0 0 0;
	padding:5px;
	color:#fff;
	border-top:none;
	border-right:1px solid #f3481a;
	border-left:1px solid #f3481a;	
	border-bottom:1px solid #f3481a;
}

#accordion dd table {
	margin-left:25px;
}

.custom {
	display:none;
}

#overlayfooter {
	padding: 10px 15px 5px 15px;
	font-size:1.0em !important;
}	
#overlayfooter a {
	color:#000;
	text-decoration:underline !important;
}
#overlayfooter a:hover {
	color:#ff2400;
}