@charset "UTF-8";


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


#my_movie {
    width: 560px;
    Height: 420px;
}
    
li.incomplete {
    background: red;
}

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

#content p.tags {
    font-size: 1.1em;
}

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%;
	background: url(back.png) fixed repeat-y center center;
}


#container {
	position: relative;
	width: 840px;
	margin: 0 auto;
	min-height: 100%;
	border-right: 1px solid #dcd4cf;
}

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




#header {
	position: relative;
	width: 840px;
	margin: 0 auto;
}


.kleur1 {
	width: 280px;
	height: 7px;
	float: left;
	background: #999;
	margin: 0;
}

.kleur2 {
	width: 280px;
	height: 7px;
	float: left;
	background: #666;
	margin: 0;
}

.kleur3 {
	width: 280px;
	height: 7px;
	float: left;
	background: #ccc;
	margin: 0;
}


#sion_lat {
	width: 840px;
	text-align: center;
	letter-spacing: 3px;
	color: #d1d1d1;
	padding-top: 70px;
	font-family: Georgia, Times, serif;
	font-size: 4em;
	font-weight: normal;
}

#sion_ned {
	width: 840px;
	text-align: center;
	font: 1.8em Trebuchet Ms, Verdana, Arial, sans-serif;
	letter-spacing: 2px;
	font-style: italic;
	color: #e7e7e7;
	margin-top: -0.3em;
}


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

#footer {
	position: relative;
	width: 840px;
	height: 30px;
	margin: -30px auto 0 auto;
	text-align: center;
	font: 1.2em/1.2em Trebuchet MS, Verdana, Arial, sans-serif;
}

#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 auto;
}

#content_rechts {
	position: relative;
	float: right;
	width: 560px;
	padding: 0;
}

#content_links {
	position: relative;
	float: left;
	width: 280px;
}




#content h1 {
	font: normal 2.8em Georgia, "Times New Roman", Times, serif;
	color: #444;
	margin-bottom: 0.3em;
	margin-top: 0;
	padding: 0;
}

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


#content h2.blogkop {
	font: bold 1.4em/1.7em Trebuchet MS, Verdana, Arial, sans-serif;
        margin: 0 0 -0.3em;
}

#content h3 {
	font: bold 1.3em/1.7em 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 70px 1.7em 0;
}

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

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


#content p.hometekst {
	font-size:1.1em;
        line-height:1.4em;
}


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

#content p.klein, #content p.verder {
	font-size: 1.1em;
	color: #666;
	margin-top: -1.7em;
	font-style:italic;
}

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




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



.hidden {
	display: none;
}


#content em.kapitaal {
	height: 30px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 2px;
	width: 20px;
	font-size: 0;
	color: #fff;
	line-height: 10em;

}







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

#content img.foto {
	float: none;
	margin: 0;
	padding: 1px;
	border: 1px solid #af9d92;
}


#content img.foto_zonderrand {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
}


a {
    color: #9d0c00;
}

a:hover {
    color: #000;
}


strong {
    font-weight: bold;
}

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


div#flashspeler {
	padding-bottom: 10px;
            margin-top: -10px;
}


#content div.getijdentekst p {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	color: #9d0c00;
	
}

#content div.getijdentekst p.bron {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-style: italic;
	margin: -1.7em 0 1.7em;
}







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

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


#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;
}



#content li a, #content ul.bronindex li a:link {
	color: #444;
	padding: 0;
	margin: 0;
	height: auto;
}

#content ul.bronindex li a:visited {
        color: #777;
}

#content li a:hover, #content li a.active, #content ul.bronindex li a:hover {
	color: #9d0c00;
}









#content table {
	padding-bottom: 1.7em;
}


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

#content table td {
	font:  1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	padding: 0px 21px 6px 0;
	color: #444;
}

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




#content_links h2 {
    font:  bold 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	padding: 0 28px 0 70px;
}

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



#content_links table {
	position: relative;
	left: 70px;
	padding: 49px 37px 1.6em 0;
}

#content_links table th {
	font:  1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	font-style: italic;
	color: #444;
	padding: 7px 7px 3px 0
}

#content_links table td {
	font:  1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	font-style: italic;
	color: #666;
	padding: 0px 7px 3px 0
}




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

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

form#contact textarea {
    width: 250px;
    border: 1px solid #444;
    font-size: 1em;
    color: #444;
    font-family: Trebuchet MS, Aria, sans-serif;
}
#content form#contact table td {
    padding: 10px 10px 0 0;
}

#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;
}








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


#hoofdnavigatie {
   float: left;
   width: 100%;
   overflow: hidden;
   position: relative;
   margin: 25px 0 0 0;
   padding: 0 0 35px 0;
}

#hoofdnavigatie ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}

#hoofdnavigatie ul li {
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}

#hoofdnavigatie ul li a {
   display: block;
   margin: 0 10px 0 11px;
   padding: 0 0 3px;
   color: #000;
   text-decoration: none;
   font: bold 1.3em Trebuchet MS, Verdana, Arial, sans-serif;
   border-bottom: 2px solid #af9d92;
   letter-spacing: 1px;
}

#hoofdnavigatie ul li a:hover, #hoofdnavigatie ul li a.active {
   color: #9d0c00;
   border-bottom: 2px solid #6d635f;
}


/* ========= SUBNAVIGATIE ========= */



#subnav {
	position: relative;
	width: 168px;
	height: auto;
	left: 70px;
	margin-top: 49px;
	text-indent: 0em;
	list-style: none;
}

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



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

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

#content ul#subsubnav {
        padding: 0;
}

#subsubnav li {
        font: 0.9em Trebuchet MS, Verdana, Arial, sans-serif;
        padding: 3px 0 0 13px;
}

#subsubnav li a {
        padding: 0;
}



p.nieuws a {
   padding: 0 0 1px;
   color: #000;
   text-decoration: none;
   border-bottom: 2px solid #af9d92;
    font-weight: bold;
}


p.nieuws a:hover {
   color: #9d0c00;
   border-bottom: 2px solid #6d635f;
}



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



#utilities {
	position: absolute;
	top: 17px;
	right: 21em;
	list-style: none;
}

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

#utilities li.last_item {
	border-right: none;
}


#utilities li a {
	text-decoration: none;
	font: 1.2em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
	padding: 7px 0px 0px 14px;
}

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






/* ============= 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 #d9d9d9;
	bottom:0;
}





form#opnieuw_zoekform fieldset input {
	font-size:1em;
}

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:#000;
	background-color:#d9d9d9;
	cursor:pointer;
}







#content em.kapitaal.a {
	background: url(/alfabet/a.png) no-repeat 0 0;
	width: 25px;
}

#content em.kapitaal.b {
	background: url(/alfabet/b.png) no-repeat 0 0;
	width: 23px;
}

#content em.kapitaal.c {
	background: url(/alfabet/c.png) no-repeat 0 0;
	width: 20px;
}

#content em.kapitaal.d {
	background: url(/alfabet/d.png) no-repeat 0 0;
	width: 26px;
        margin-right: 0;
}

#content em.kapitaal.e {
	background: url(/alfabet/e.png) no-repeat 0 0;
	width: 24px;
        margin-right: -1px;
}

#content em.kapitaal.f {
	background: url(/alfabet/f.png) no-repeat 0 0;
	width: 17px;
}

#content em.kapitaal.g {
	background: url(/alfabet/g.png) no-repeat 0 0;
	width: 20px;
}

#content em.kapitaal.h {
	background: url(/alfabet/h.png) no-repeat 0 0;
	width: 21px;
}

#content em.kapitaal.i {
	background: url(/alfabet/i.png) no-repeat 0 0;
	width: 15px;
        margin-bottom: -2px;
}

#content em.kapitaal.j {
	background: url(/alfabet/j.png) no-repeat 0 0;
	width: 8px;
}

#content em.kapitaal.k {
	background: url(/alfabet/k.png) no-repeat 0 0;
	width: 16px;
}

#content em.kapitaal.l {
	background: url(/alfabet/l.png) no-repeat 0 0;
	width: 15px;
}

#content em.kapitaal.m {
	background: url(/alfabet/m.png) no-repeat 0 0;
	width: 34px;
}

#content em.kapitaal.n {
	background: url(/alfabet/n.png) no-repeat 0 0;
	width: 24px;
}

#content em.kapitaal.o {
	background: url(/alfabet/o.png) no-repeat 0 0;
	width: 25px;
}

#content em.kapitaal.p {
	background: url(/alfabet/p.png) no-repeat 0 0;
	width: 19px;
}

#content em.kapitaal.r {
	background: url(/alfabet/r.png) no-repeat 0 0;
	width: 21px;
}

#content em.kapitaal.s {
	background: url(/alfabet/s.png) no-repeat 0 0;
	width: 21px;
        margin-right: 1px;
}

#content em.kapitaal.t {
	background: url(/alfabet/t.png) no-repeat 0 0;
	width: 30px;
        margin-right: -6px;
}

#content em.kapitaal.v {
	background: url(/alfabet/v.png) no-repeat 0 0;
	width: 20px;
        margin-right: -2px;
}

#content em.kapitaal.w {
	background: url(/alfabet/w.png) no-repeat 0 0;
	width: 33px;
        margin-right: -1px;
}

#content em.kapitaal.z {
	background: url(/alfabet/z.png) no-repeat 0 0;
	width: 28px;
}