@charset "UTF-8";


li.incomplete {
    background: red;
}




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
        	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0
}

body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
        vertical-align: top;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




html, body {
	height: 100%;
	max-height:100%; /* Max 100% hoogte in browsers */
	overflow: inherit; /* triggers 100% height in Opera 9.5 */
}


body {
	font-size: 62.5%;
	color: #000;
	height: 100%;
}


#container {
	position: relative;
	width: 891px;
	margin: 0 auto;
	min-height: 100%;
	border-right: 1px solid #dcd4cf;
	background: url(back.png) repeat-y 0 0;
}

* html #container { 
	height: 100%; /* IE6 treats height as min-height */
}




.balkjes {
	position: relative;
	width: 840px;
	height: 3px;
	margin: 0 51px;
	background: url(balkjes.png) repeat-y 0 0;
}

#header {
	position: relative;
	width: 840px;
	height: 211px;
	margin: 0 51px;
	text-indent: -999em;
}

#home #header {
	background: url(header_home.jpg) repeat-y 0 0;
}

#header {
	background: url(header_vervolg.jpg) repeat-y 0 0;
}

.abdijsion #header {
	background: url(header_sion.jpg) repeat-y 0 0;
}

.cistercienzergroepsion #header {
	background: url(header_cgs.jpg) repeat-y 0 0;
}

.contemplatie #header {
	background: url(header_contemplatie.jpg) repeat-y 0 0;
}

.bijbelwoorden #header {
	background: url(header_bijbelwoorden.jpg) repeat-y 0 0;
}

.spirituele_teksten #header {
	background: url(header_teksten.jpg) repeat-y 0 0;
}

.column #header {
	background: url(header_column.jpg) repeat-y 0 0;
}

.abdijsion #header {
	background: url(header_sion.jpg) repeat-y 0 0;
}

.gastenboek #header {
	background: url(header_gastenboek.jpg) repeat-y 0 0;
}

.nieuws #header {
	background: url(header_nieuws.jpg) repeat-y 0 0;
}

.links #header {
	background: url(header_links.jpg) repeat-y 0 0;
}

.contact #header {
	background: url(header_contact.jpg) repeat-y 0 0;
}



#wrapper {
	float: left;
	padding: 0;
	width: 840px;
	margin: 0;
}


#abdijsion_timeline_div{
    width: 500px;
    height: 60px;
}


#home #col_content {
	margin: 0 238px 0 280px;
    padding: 0 0 30px;
	color: #2c302d;
	background: none;
}

#col_content {
	margin: 0 70px 60px 280px;
	padding-bottom: 1.7em;
	background: url(content-end.png) no-repeat  220px bottom;
}

#col_links {
	float: left;
	width: 280px;
	margin-left: -840px;
	color: #282828;

}

#col_rechts {
	float: left;
	width: 210px;
	margin-left: -224px;
	color: #282828;

}




#clearfooter {
	position: relative;
	height: 50px; /* provides space for the #footer */
}

#footer {
	position: relative;
	width: 900px;
	height: 24px;
	margin: -24px auto  0 auto;
	text-align: center;
	font: 1.2em/1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	background: url(balkjes.png) no-repeat  55px bottom;
        color: #666;
}


#bottom {
	position: relative;
	width: 840px;
	height: 7px;
	margin: -7px auto -7px auto;
	text-align: center;
	background: #f00;
	padding: 0;
}



#content {
	overflow: hidden; /* Dit zorgt er voor dat deze div zich aan de floats er in aanpast */
	width: 840px;
	margin: 0  0 0 51px;
}




#content h1 {
	font: normal 2.6em Georgia, "Times New Roman", Times, serif;
	color: #9d0c00;
	margin-bottom: 0.6em;
	margin-top: 0;
	padding: 0;
}

#content h2 {
	font: bold 1.4em/1.4em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
	margin-top: 0;

}








#content h3 {
	font: bold 1.3em/1.4em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
	margin-top: 0;
	padding-bottom: 0.2em;
}

#content p {
	font: 1.2em/1.7em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #444;
	letter-spacing: 1px;
	padding: 0 0 1.7em 0;
}

#content p.quote, #content p.inleiding {
	font-style: italic;
}

#content p.brontekst {
	margin-top: -1.7em;
}


#content p.bron {
	font-style: italic;
}

#col_content p.gebed {
        line-height: 1.5em;
        padding-bottom: 1.5em;
}

#col_content p.bidder {
    font-style: italic;
    margin-top: -0.9em;
}

#home #content p.bron {
	padding-bottom: 0;
}

#content p.klein, #content p.verder, p.klein {
	color: #666;
	font-style:italic;
}

#content p.datum {
	font-sie: 1.1em;
	color: #666;
	font-style:italic;
	padding: 0 0 0.5em;
}

#content img {
	float: right;
	margin: 3px -70px 14px 14px;
}





div.hr {
	clear: both;
	height: 5px;
	border-top: 1px solid #cccccc;
	margin: 0 0 1.5em 0;
}
div.hr hr {
  display: none;
}



.links #col_content p {
	padding: 0 0 1em;
}






a {
    color: #0037b3;
}

a:hover {
    color: #9d0c00;
}

h2 a {
	color: #000;
}


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

div#flash {
	width: 500px;
	height: 60px;
	position: relative;
	background: url(flash.png) no-repeat 0 0;
}








#col_content ul {
	text-indent: 0em;
	list-style: none;
	padding: 0.5em 0 1.5em;
}

#col_content ol {
        padding: 0 0 1.5em;
}



#col_content li {
	padding: 0 0 7px;
	margin: 0;
	font: 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #9d0c00;
	letter-spacing: 1px;
}


#content ul {
	text-indent: 0em;
	list-style: none;
	padding: 0 0 1.5em;
}


#col_content li {
	padding: 0 0 7px 6px;
	margin: 0;
	display: block;
	font: 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #9d0c00;
	letter-spacing: 1px;
        background: url(stip.png) no-repeat 0 0.8em;
}




#col_content li a {
	color: #444;
	padding: 0;
	margin: 0;
	height: auto;
}


#col_content ol li a {
	color: #444;
	padding: 0;
	margin: 0;
	height: auto;
}

#col_content li a:hover, #col_content li a.active {
	color: #9d0c00;
}

#col_content ul.geen_link li,
#col_content span.geen_link ul li {
	color: #444;
}

#col_content ol li {
	color: #444;
}

/* ========= Tekstblokje links ======== */




#col_links h2 {
    font:  normal 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	padding: 0 28px 0 40px;
}

#col_links p {
    font:  1.2em/1.6em Trebuchet MS, Verdana, Arial, sans-serif;
	padding: 0 28px 1.6em 70px;
}



#col_links p.mariagebed {
    padding: 2em 20px 0 62px;
    font-size: 1.1em;
    line-height: 1.2em;
    font-style: italic;
}




#col_rechts h2#vader_abt {
	width: 210px;
	height: 85px;
	text-indent: -999em;
	background: url(vader_abt.jpg) no-repeat 0 0;
}

#col_rechts h2.nieuws {
    font:  bold 1.8em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #584847;
	padding: 0.6em 0 0.3em 0;
}

#col_rechts h3 {
    font:  bold 1.2em Trebuchet MS, Verdana, Arial, sans-serif;

}

#col_rechts h3 a {
	text-decoration: none;
	color: #000;
}

#col_rechts p {
	font-size: 1.1em;
	line-height: 1.3em;
}








/* ========= HOOFDNAVIGATIE ========= */



#hoofdmenu {
	position: relative;
	width: 168px;
	height: auto;
	left: 61px;
	margin-top: 0;
	text-indent: 0em;
	list-style: none;
        padding-bottom: 20px;
}

#hoofdmenu li {
	padding: 0 0 9px;
	margin: 0;
	display: block;
	font: 1.4em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #9d0c00;
}

#hoofdmenu li ul {
	padding: 7px 0 0 15px;
	margin: 0;
}


#hoofdmenu li ul li {
	padding: 0 0 7px;
	margin: 0;
	display: block;
	font: 0.9em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #9d0c00;
}





#hoofdmenu li a {
	text-decoration: none;
	color: #000;
	padding: 0 0 0 4px;
	margin: 0;
	height: auto;
}

#hoofdmenu li a:hover, #hoofdmenu li a.active {
	color: #9d0c00;
}

#hoofdmenu li ul li a:hover, #hoofdmenu li ul li a.active {
	text-decoration: underline;
}


#hoofdmenu li ul li a {
	padding: 0;
}


#schild {
	width: 53px;
	height: 62px;
	margin: 1px 0 0 100px;
	background: url(schild.jpg) no-repeat 0 0;
}

#content h2.kaarsjes {

        margin: 5px 0 0 21px;
}

#content h2.kaarsjes a {
        color: #0037B3;
}

#content h2.kaarsjes a:hover {
        color: #9D0C00;
}

/* ========= UTILITIES ========= */



#secnav {
	position: absolute;
	top: 152px;
	right: 14px;
	list-style: none;
}

#secnav li {
 	position: relative;
	float: right;
	height: 19px;
}



#secnav li a {
	text-decoration: none;
	font: 1.3em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #fff;
	padding: 0 0px 0px 21px;
}

#secnav li a:hover, #secnav li a.active {
	color: #fff;
	text-decoration: underline;

}






/* ============= ZOEKENVELD  ================== */

fieldset legend {
	display: none;
}

form#zoekform {
	text-align: right;
	position: absolute;
	top: 14px;
	right: 14px;
	margin-top: 0;
}


#col_rechts #news form { width: auto; }

* html form {
	right: 40px;








}



form#zoekform fieldset, fieldset#opnieuw_zoeken  {
	border: none;
}



form#zoekform fieldset input, form#opnieuw_zoekform fieldset input {
	position: absolute;
	top: 0px;
	font-size:1.2em;
	margin:0;
	padding:0;
	border:0.1em solid #000;
	bottom:0;
}






form#zoekform fieldset input#zoekvenster, form#opnieuw_zoekform fieldset input#opnieuw_zoekvenster {
	right:4.4em;
	height:1.5em;
	width:10.7em;
	\width:11.2em;
	w\idth:10.7em;
	padding:0.1em 0 0 0.2em;
}



form#zoekform fieldset input#zoek, form#opnieuw_zoekform fieldset input#opnieuw_zoek {
	right:0;
	height:1.8em;
	width:4.6em;
	color:#fff;
	background-color:#000;
	cursor:pointer;
}







form.gastenboek {
	font: 1.2em/1.7em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #444;
	letter-spacing: 1px;
	padding: 0 0 10px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 1em;
}

form.gastenboek input, form.gastenboek label {
	display: block;
}

form.gastenboek label {
	font-weight: bold;
}

form.gastenboek input[type="text"], form.gastenboek textarea {
	width: 400px;
	padding: 2px 3px;
	margin-bottom: 1em;
	font: 1em/1.4em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #444;
	border: 1px solid #444;
}


#content form.gastenboek p.klein {
    font-size: 1em;
    padding: 0 0 10px;
}


/* ========== RESERVEREN ============ */

form#contact input[type=text] {
    border: none;
    border-bottom: 1px dotted #000;
    width: 350px;
    font-size: 1em;
    color: #444;
    padding: 0;
}

form#contact textarea {
    width: 484px;
    border: 1px solid #444;
    font-size: 1em;
    color: #444;
    font-family: Trebuchet MS, Aria, sans-serif;
padding: 2px 3px;
}
#content form#contact table td {
    padding: 10px 10px 0 0;
    font: 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
    vertical-align: top;
    color: #444;
}

#content form#contact table th {
	font:  bold 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #444;
	padding: 10px 0px 0px 0
}


#content #validateerror p {
    color: #9D0C00;
    font-weight: bold;
}

form#contact table .incomplete td {
    color: #9D0C00;
}

form#contact .incomplete input[type=text] {
    border-bottom: 1px dotted #9D0C00;
}




#siontime_vervolg {
    width: 1px;
height: 1px;
overflow: hidden;
}



.gebed-hide {
display:none;
}




#content p#bigflashcontent {
    padding: 1px;
    line-height: 1px;
    border: 1px solid #d1c9c4;
    margin-bottom: 10px;
}



.login label {
    font: 1.2em/1.7em Trebuchet MS, Verdana, Arial, sans-serif;
width: 120px;
}

.login input[type="text"], .login input[type="password"] {
    border: 1px solid #d1c9c4;
    padding: 1px 3px;
    display: block;
    width: 250px;
    margin-bottom: 12px;
}