/******************* Stylesheet Helperkerk **************/

body {
font-family: Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
color: #000000;
margin: 0;
padding: 0;
text-align: center; 
background-image: url(http://www.helperkerk.nl/images/body_bg.gif);
}

#wrapper {
margin: 0 auto;
background-image: url(http://www.helperkerk.nl/images/wrapper_bg.gif);
background-repeat: repeat-y;
/*text-align: left;*/ 
width: 1000px; 
} 

/* body {background-image: url(http://www.helperkerk.nl/images/background.gif); 
font-family: Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
color: #000000;}   /** color: #4E4E4E (licht grijs) **/

/************************* Inhoud ***********************/

#box{
background-color: #FFFFFF;
/* border: 1px solid #000000; */
padding: 0px; 
width: 950px;}         /** width: 710px;} **/ 

.inhoud{
float: right;          /** menu: links of rechts zetten **/
text-align: justify;
border-left: 1px solid #cccccc; /** menu: grijze lijn **/ 
font-size: 75%;
height: 1500px;         /** menu: lengte van de grijze lijn (930px) */
width: 795px;}        /** width: 555px;} **/ 

.padding{ 
padding: 15px;}     

/****************** Header tag styles *******************/

.nieuwsberichten{ 
 font-weight: bold;
 font-size: 140%;
 margin: 2px;
}
.headlines{ 
 font-size: 120%;
 margin: 2px;
}
.headlines2{ 
 font-size: 120%;
 margin: 2px;
}
.auteur{ 
 color:#999999;
}
h2{
 font-weight: bold; 
 font-size: 125%;
 color: #000000; /**zwart/grijs: #333333 -- lichtzwart: #4E4E4E **/
 margin: 2px;
}
h3{
 font-weight: bold; 
 font-size: 115%;
 color: #000000; /** donkerblauw: #006699 -- lichtzwart: #4E4E4E **/
 margin: 2px;
}

/************************* Header ***********************/

#header{
padding: 5px;
border-bottom: 1px solid #CCCCCC; /** #000000 **/
background-color: #FBF6FC;}  /** lichtblauw: #C8DBE8 -- bordeaux/rood: #A23A39**/

/************************* Footer ***********************/

#footer {
background-image: url(http://www.helperkerk.nl/images/footer1.gif);
clear: both;
border-bottom: 1px solid #E3E0FC;  /**donker/grijs blauw: #4E7992 #ACDBEE **/
border-top: 1px solid #CCCCCC;    /**donker/grijs blauw: #4E7992, Rood: #C57373**/
font-size: 70%;
color: #000000;
width: 950px;         
height: 20px;} 

/************************** Menu ************************/

/** #menu{
padding-center: 15px; 
display: block;} **/

.menuOut {
cursor:pointer; 
margin:2px; 
background-color:#C57373;           /** lichtblauw: #C8DBE8 **/
color:#FFFFFF;                      /** grijs: #4E4E4E **/
width:115px; 
border:1px solid #A23A39;           /** iets donker blauw: #4F94BD **/
padding:2px; 
text-align:center; 
font-family:Arial, sans-serif; 
font-weight:bold;
font-size: 90%;}

.menuOver {
cursor:pointer; 
margin:2px; 
background-color:#A23A39;            /** iets donker blauw: #4F94BD **/ 
color:#FFFFFF;                       /** zwart: #000000 **/
width:115px; 
border:1px solid #A23A39;            /** iets donker blauw: #4F94BD **/
padding:2px; 
text-align:center; 
font-family:Arial, sans-serif; 
font-weight:bold;
font-size: 90%;}

.submenu {
width:100px; 
font-family:Arial, sans-serif; 
font-size: 90%; 
padding-left:5px;}

.submenu a {
color:#000080;                        /** donker blauw: #000080 **/
text-decoration:none;} 
/**font-weight:none;} **/

.submenu a:hover {
color:#A23A39;                        /** iets donker blauw: #4F94BD **/
text-decoration:none;} 
/**font-style:none; 
/**font-weight:none;} **/

.links {
font-family: Arial,sans-serif;
float: left;        /** menu: links of rechts zetten in firefox **/ 
text-align: left;
margin-top: 10px; 
font-size: 75%;
font-weight: bold;
width: 145px;}      /** menu: links: 145px. rechts: 145px (firefox: werkt nog niet goed)**/
/** border:1px solid #7FB2CF;} **/   

/************************ Favorieten **********************/

.relatedLinks {padding: 10px;
font-weight: normal;}

.relatedLinks a{
display: block;} 

/*********************** Overige Links *********************/

a:link, a:visited{
color: #000000;  /** licht-grijs: #5C5C5C **/
text-decoration: none;}

a:hover{
color: #E60200; /** #BCBCBC**/
text-decoration: none;}

/*********************** Formulier *************************/

input, textarea, select{
background : #ECE9D8;
color: #666666;   
border : 1px solid #A7A28C; }

/*********************** Agenda *****************************/

.hoofdtitel {
background: #FFC5FF;  /** #A23A39 **/
font-weight: bold;
color: #000000; }     /** #FFFFFF **/

.titel {
background: #EC1616;  /** #A23A39 **/
font-weight: bold;
color: #000000; }     /** #FFFFFF **/

.titel2 {
background: #FFC5FF;  /** #A23A39 **/
color: #000000; }     /** #FFFFFF **/

.naam {
background: #E3E0FC;  /** #C57373 **/
color: #000000; }     /** #FFFFFF **/

.naam2 {
color: #4E4E4E; }     

/*********************** Menu Extra *****************************/

.menutitel {
font-family: Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
background-color: #C57373; 
border-bottom: 1px solid #A23A39;
font-size: 70%;
color: #FFFFFF; }   /** tekst: wit **/

.menu2 {
font-family: Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif; }

/*********************** Picasa - Foto-album **********************/

TD {
FONT-SIZE: 11px; 
FONT-FAMILY: Lucida Sans Unicode, Arial, Verdana , Helvetica, sans-serif }

.textsm {
FONT-SIZE: 14px; 
COLOR: #000000; 
FONT-FAMILY: Lucida Sans Unicode, Arial, Verdana , Helvetica, sans-serif }

.textbg {
FONT-SIZE: 20px; 
COLOR: #000000; 
FONT-FAMILY: Lucida Sans Unicode, Arial, Verdana , Helvetica, sans-serif }
 
/*************************** udm-menu *************************/ 

/* expanding menu styling */
#udm ul {
	margin-left:0 !important;
	margin-top:1px !important;
	}

#udm ul {
	width:128px !important;
	w\idth:120px !important;
	}

#udm ul ul {
	width:120px !important;
	w\idth:112px !important;
	border-style:dashed;
	background-color:#ffe;
	}
#udm ul ul ul {
	width:112px !important;
	w\idth:104px !important;
	border-style:dotted;
	background-color:#ffd;
	}

/* give all anchors a hand cursor */
#udm a {
	cursor:pointer !important;
	cursor:hand !important;
	}

/*******************************************/

/* give all anchors a hand cursor */
#udm a {
	cursor:pointer !important;
	cursor:hand !important;
	}

/* [nav] default you are here will be same as rollover unless otherwise specified */
#udm a.udmY, #udm a.udmY:visited {
	background-color:#fff;
	}

/* [nav] re-inforce original rollover or do something else */
#udm a.udmY:hover, #udm a.udmY:focus, #udm a.udmY:visited:hover, #udm a.udmY.udmR, #udm a.udmY.udmR:visited, #udm a.udmY:active {
	background-color:#ccc;
	}

/* [menu] default you are here will be same as rollover or inherit from navbar styles unless otherwise specified */
#udm ul a.udmY, #udm ul a.udmY:visited {
	background-color:#fea;
	}

/* [menu] re-inforce original rollover or do something else */
#udm ul a.udmY:hover, #udm ul a.udmY:focus, #udm ul a.udmY:visited:hover, #udm ul a.udmY.udmR, #udm ul a.udmY.udmR:visited, #udm ul a.udmY:active {
	background-color:#fec;
	}

/* [orange menu] default you are here will be same as rollover or inherit from default menu styles unless otherwise specified */
#udm ul li.orangeMenuItem a.udmY, #udm ul li.orangeMenuItem a.udmY:visited {
	background-color:#feecc4;
	}

/* [orange menu] re-inforce original rollover or do something else */
#udm ul li.orangeMenuItem a.udmY:hover, #udm ul li.orangeMenuItem a.udmY:focus, #udm ul li.orangeMenuItem a.udmY:visited:hover, #udm ul li.orangeMenuItem a.udmY.udmR, #udm ul li.orangeMenuItem a.udmY.udmR:visited, #udm ul li.orangeMenuItem a.udmY:active {
	background-color:#f8fbd0;
	}

/*******************************************/

/* necessary help layer styles */
#udmKeyHelp {
	
	/* z-index should be (um.orientation[6] + 21000) */ 
	z-index:22000;
			
	position:absolute;
	height:auto;
	left:0;
	top:0;
	}

/* customisable help layer styles */
#udmKeyHelp {
	width:16em;
	margin-left:0.7em;
	margin-top:-0.1em;
	padding:0.5em 0.8em;
	border-width:1px;
	border-style:solid;
	border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
	color:#050;
	background-color:#FFFECD;
	font-family:tahoma,verdana,sans-serif;
	font-size:70%;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbddbb,direction=135,strength=2);
	}

/* customisable key button styles */
#udm kbd {
	font-weight:normal;
	font-size:100%;
	letter-spacing:0.01em;
	position:absolute;
	right:6px;
	top:5px;
	border-width:1px;
	border-style:solid;
	border-color:#eec #cb7 #cb7 #eec;
	padding:0 0.2em;
	}

/*************************** Form mail **********************/

#table {
  border: solid 1px #000000;
  border-collapse: collapse;
}

#th {
  border: solid 1px #000000;
  border-collapse: collapse;
  background-color: #c0c0c0;
  font-family: Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  padding: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

#td {
  border: solid 1px #000000;
  border-collapse: collapse;
  font-family: Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  padding: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

.error {
  color: #c00000;
}


/*************************** Einde **********************/