body, html
{
	margin: 0;
	padding: 0;
	height: 100%;
	text-align:center;
}
html
{
	overflow:auto;
        overflow-x: hidden;

}


/* code hier boven niet getest background:			rgb(225, 225, 255) url('../images/basis-achtergrond.gif') top repeat-x;*/

body
{
	font-size:			1em;
	font-family:		Helvetica,Arial, Helvetica, Verdana, sans-serif;
	color:				rgb(0, 0, 0);
	text-align:			center;
	background: url('../images/achtergrond_2.jpg') top repeat-y;   
        background-color: #FFFFFF;

}

#container
{
text-align:left;
width:800px;
margin:auto;
height: 100%;
}

#content_left
{
float:left; 
width: 450px;
}

br {
	clear: left;
}
#content_full_left
{
float:left;
width:640px;
}

.contentvlak
{


	color:				rgb(0, 0, 0);
	padding-left:		20px;
}

#logo
{
   background:			url('../images/logo8.jpg') top no-repeat; 
}





.logo_spacer
{
	height:				116px;
}


.titel
{
 	color:			rgb(196, 0, 0);
	font-size:		120%;
	font-weight:		bold;
	line-height:		38px;
	margin:			0;
        width: 620px;

}

.content, .contenttekst, .calendar, .calendar td, p, #vandaag,#topvijf
{
	color:				rgb(0, 0, 51);
	font-size:			80%;
	line-height:		140%;
	margin:				0;
}
.contenttekst
{
width: 620px;
}

#googleads
{
    float:right;
    text-align:center; 
    width: 140px; 
    font-size: 0.6em;
}

#topmenu
{
	line-height:		24px;
	font-size:			70%;
	font-weight:		bold;
	text-align:			right;
	color:				rgb(51, 51, 51);
	padding-right:		6px;
        z-index:100;
}

#topmenu a
{
	color:				rgb(51, 51, 51);
	text-decoration:	none;
}

#topmenu a:hover
{
	color:				rgb(255, 0, 0);
	text-decoration:	underline;
}

#menu
{
	font-size:			85%;
	font-weight:		bold;
	line-height:		25px;

	text-align:			center;
	text-decoration:	none;

	color:				rgb(83, 0, 0);
        z-index:1000;
}

#menu a
{
	color:				rgb(21, 21, 208);
	text-decoration:	none;
}

#menu a:hover
{
	color:				rgb(196, 0, 0);
	text-decoration:	underline;
}

#copyright
{
	clear:				both;
	font-size:			70%;
	margin:				10px 0 10px 0;

	position:			relative;

}

#copyright a
{
	color:				rgb(0, 0, 0);;
	text-decoration:	none;
} 


#copyright a:hover
{
	color:				rgb(255, 0, 0);
	text-decoration:	underline;
}
label {
	display: block;
	float: left;
	text-align: left;
	width: 75px;
	padding-right: 20px;
	color:				rgb(0, 0, 51);
	font-size:			80%;
       }

.form label,.checkbox label, .radiobutton label,.checkboxen label {
	display: block;
	float: left;
	text-align: left;
	width: 8em;
	color:		rgb(0, 0, 51);
	font-size:	80%;
        margin:		0em 0.25em 0.25em 0em;

}

.form input, .form select, .form textarea
{
	float:			left;
	vertical-align:		top;
	margin:			0em 0.25em 0.25em 0em;
}

.checkboxen input
{
        margin:			0em 0.25em 0.25em 0em;
}

.checkboxen label
{
        width:auto;
        text-align: left;
}
.checkbox input
{
   margin:			0em 0.25em 0.25em 0em;
}
.checkbox label, .radiobutton label
{
	width:auto;
}

.radiobutton input
{
	margin:			0em 0.25em 0em 0.25em;
}


.spacer
{
height: 5px;

}

/* Hier onder is niet getest */

.zoekenopnaam th
{
	font-size:			85%;
	text-align:			left;
	background-color:	rgb(86, 86, 255);
	color:				rgb(255, 255, 255);
}

.zoekenopnaam td
{
   	font-size:			80%;
	color:				rgb(0, 0, 0);
}

.zoekenopnaam th,
.zoekenopnaam td
{
	padding:			2px;
	margin:				0 10px 0px 10px;
	border:				1px solid rgb(0, 0, 0);
}

.heilige_eigenschappen, 
.heilige_geslacht,
.heilige_naamdag,
.heilige_naam
{
	font-size:			80%;
}

.heilige_eigenschappen_kop,
.heilige_naamdag_kop,
.heilige_naam_kop
{
	font-weight:		bold;
	font-size:			85%;
}

.calendar, .calendar-month
{
     border: 1px solid #000000;
}

.calendar td
{
 width: 20px;
}
.calendar-month
{
background-color:#C3C2D4;
    border-bottom: 0px solid #000000;
    
}

.linked-day a
{
   font-weight:bold;
   text-decoration: none;
}

.linked-day a:hover, #vandaag a:hover
{
   text-decoration: underline;
}

.calendar-prev a, .calendar-next a, .calendar-month
{
    padding: 0;
    font-weight: bold;
    font-size: 100%;
    text-decoration: none;
    color: #000000;
}
.calendar-prev a:hover, .calendar-next a:hover
{
    text-decoration: underline;
}
 
.linked-today a, .today
{
color: #ff0000;
}

#vandaag, #topvijf
{
text-align:left;
border:1px solid #000000;
margin-top: 0.45em;
}

#float_right
{
float:right;
width:172px;
}

.vandaag_titel, .topvijf_titel
{
float:right;
width:170px;
border-bottom: 1px solid #000000;
text-align:center;
font-weight: bold;
background-color:#C3C2D4;
}

#vandaag a,#topvijf a
{
font-weight: none;
text-decoration: none;
}

#vandaag ul,#topvijf ul
{
margin-top: 0;
margin-right:0;
margin-bottom:0;
 
}

#vandaag ul li,#topvijf ul li
{
   margin-left: -20px;
   width:150px;
}

/* minimum menu requirements for functionality */
#dmenu_div
{
position:relative;
top:-10px;
z-index:4000;
}
.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenutitle{
	display:block;
	width:100px;
}

.submenuul{
	list-style-type:none;
	position:absolute;
z-index:400;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a{
	display:block;
	width:150px;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}


/* menu design */

#dmenu {
	font-family: Verdana;
	font-size:0.75em;

}

.topmenuul {

}

.topmenutitle {
	text-indent:0px;
	text-decoration: none;
	padding:0px;
	line-height:2.5em;

}
.border_l_white
{
	border-left: 1px solid white;
}
.border_l_black
{
	border-left: 1px solid black;
}
.border_r_black
{
	border-right: 1px solid black;
}

.topmenuli a
{
	color: #ffffff;
	font-weight: bold;

}

.topmenuli a:hover
{
	
}

.top_active a
{
	
}

.submenuul {

	margin-top:0px;
	background-color:rgb(83, 0, 0);
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid white;
	line-height:2em;
}


.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #FFFFFF;
        background:rgb(83, 0, 0);
	line-height:2em;
}

.submenuli a:hover{
	text-decoration: none;
	background:#8A0202;
	color: #FFFFFF;
	line-height:2em;
}