/*
CSS stijl voor Bethanienklooster
*/

body {
    background-color: transparent;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    color:            #000000; /* Voorgrondkleur zwart */
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8.5pt;
    scrollbar-base-color: lightgray;
    scrollbar-arrow-color: gray;
    scrollbar-DarkShadow-Color: black;
    display: inline;
}

/* Koppen: */

h1 {
    color:            #000000;
    font-family:      Helvetica, Arial, sans-serif;
    font-size:        12pt;
    font-weight:      bold;
    line-height:      1em;
}

h2 {
    color:            #000000;
    font-family:      Helvetica, Arial, sans-serif;
    font-size:        11pt;
    font-weight:      bold;
    line-height:      1em;
    margin-bottom:    0.25em;
}

h3 {
    color:            #000000;
    font-family:      Helvetica, Arial, sans-serif;
    font-size:        10pt;
    font-weight:      bold;
    line-height:      1em;
    margin-bottom:    0.25em;
}
h4 {
    color:            #c90024;
    font-family:      Helvetica, Arial, sans-serif;
    font-size:        8.2pt;
    font-weight:      bold;
    line-height:      1em;
    margin-bottom:    0.25em;
    margin-top: 0px;
    margin-bottom: 0px;
}
h5 {
    color:            #c90024;
    font-family:      Helvetica, Arial, sans-serif;
    font-size:        8.0pt;
    font-weight:      bold;
    line-height:      1em;
    margin-bottom:    0.25em;
    margin-top: 0px;
    margin-bottom: 0px;
}

img {
	border:0;
}

/* Besturingselementen (controls) voor formulieren: */

fieldset {
    cursor:  default;
    padding: 10px;
}

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   8.25pt;
}

label {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8.25pt;
}

legend {
    color:       #000000;
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8.25pt;
}

select {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8.25pt;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   8.25pt;
    line-height: 1.1em;
}

/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
    vertical-align: middle;
}

/* Andere blokelementen (block-level elements): */

p {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8.25pt;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
}

form {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

li {
    font-family:   Helvetica, Arial, sans-serif;
    font-size:     8.25pt;
    line-height:   1.2em;
    margin-left: 0px;
    margin-bottom: 1ex;
}

td {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8.25pt;
    line-height:11pt;
}

th {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   9pt;
    margin-top: 0px;
    margin-bottom: 0px;
}

address {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8pt;
    font-style:  normal;
    line-height: 1.2em;
    margin-top:  13px;
}


/* Inline elementen: */

cite, em, var {
    font-style:  normal; /* Niet cursief ... */
    font-weight: bold;   /* ... maar vet     */
}


/* Selectors (pseudo-klassen) voor hyperlinks: */

a:link {
    color:            #004b8d;  /* Voorgrondkleur           */
    font-weight:      bold;
    text-decoration:  none;      /* Niet onderstrepen              */
}

a:visited {
    color:            #004b8d;   /* Voorgrondkleur            */
    font-weight:      bold;
    text-decoration:  none;      /* Niet onderstrepen              */
}

a:hover {
    color:            #004b8d;   /* Voorgrondkleur   */
    cursor:           pointer;   /* Aanwijzer weergeven als handje */
    font-weight:      bold;
    text-decoration:  underline; /* Onderstrepen                   */
}

a:active {
    background-color: #004b8d;   /* Achtergrondkleur   */
    color:            #FFFFFF;   /* Voorgrondkleur wit             */
    cursor:           pointer;   /* Aanwijzer weergeven als handje */
    font-weight:      bold;
    text-decoration:  none;      /* Niet onderstrepen              */
}

/*
+---------------------------------+
| S P E C I A L E   K L A S S E N |
+---------------------------------+
*/

/* Waarschuwingen: */
.w {
    color:       #DE5C2F; /* Rood         */
    font-style:  normal;  /* Niet cursief */
    font-weight: bold;    /* Vet          */
}

/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.knop {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8pt;
    width:       75px;
    height:      23px;
    margin:      5px 0 10px 0;
}
input.knop2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8pt;
    width:       120px;
    height:      23px;
    margin:      5px 0 10px 0;
}
input.knop3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size:   8pt;
    width:       180px;
    height:      23px;
    margin:      5px 0 10px 0;
}

a.bestel-button-C {
	display:block;
	width:120px;
	height:30px;
	line-height: 30px;
	color:#ffffff;
	background-color:#c90024;
	background-image: url(button.gif);
	text-align: center;
	font-size:14px;
	
}

a.inlog-button {
	display:block;
	width:120px;
	height:30px;
	line-height: 30px;
	color:#ffffff;
	background-color:#cc9933;
	background-image: url(button-2.gif);
	text-align: center;
	font-size:14px;
	margin:5px;
}

div.statusTop {
	text-align: right;
	padding-bottom:15px;
}



div.home-agenda {
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 4px;
}

div.home-agenda h3{
	margin:0;
	padding:5px 0;
}

div.home-agenda h3 a:link,
div.home-agenda h3 a:visited,
div.home-agenda h3 a:active{
	color:#c90024;
}

div.home-agenda h4{
	margin:0;
	padding:0;
}

div.home-agenda p{
	margin:0;
	padding:0 0 5px 0;
}

div.home-agenda a:link,
div.home-agenda a:visited,
div.home-agenda a:active{

}

div.home-agenda a:hover {

}

div.home-agenda div.extra-item  {
	padding:0 0 7px 0;
}

div.home-agenda div.extra-item a.titel {
	color:#c90024;
}