﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;

	height:100%; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: none;
	
}
.contentcontainer {
	position: relative;
	min-height: 430px;
	height: auto; 
	height: 100%; 
}
table {
	padding: 0px; 
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;	
}
td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	
	padding: 0px; 
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;	
}
.tdebirthday 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
	padding: 0px; 
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;	
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	
	padding: 0px; 
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;		
}

.tableecard 
{
	background-color:#DAEDFB; 
	border: solid 1px #DAEDFB;
	
	width:630px;
	padding: 0px; 
	margin: 0px;
	
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;	
}
.trecard
{
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;

	background-color:#0196D9; 
	border: solid 1px #0196D9; 
}
.trecardselect
{
	background-color:#FFFFFF; 
}
.tdecard
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF; 
	font-size: 12px; 
	font-weight:bold;
	
	padding: 5px; 
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;	
	
}
.tdecardon
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;

	background-color:#DAEDFB; 
	border: solid 1px #DAEDFB; 
	width:210px; 
	color:#0196D9; 
	font-size: 14px; 
	font-weight:bold;
	
	padding: 5px; 
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;	
	border-collapse : collapse;	
	
}
.tdecardoff
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;

	background-color:#FFFFFF; 
	border: solid 1px #DAEDFB; 
	width:210px; 
	color:#0196D9; 
	font-size: 14px; 
	font-weight:bold;
	
	padding: 5px; 
	margin: 0px;
	border-spacing: 0px;
	border-collapse : collapse;	
	
}
.highlightit img{
	border: 1px solid #ccc;
}
.highlightit:hover img{
	border: 5px solid red;
}

.highlightit:hover
{
	border-width: 5px;
	color: red; /* Dummy definition to overcome IE bug */
}

input.algemeenbutton
{
   height:22px;
   color:#fff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
   letter-spacing: 1px;
   background-color:#EA4B2A;
   border:1px solid;
   border-top-color:#F7BD98;
   border-left-color:#F7BD98;
   border-right-color:#3A0A0A;
   border-bottom-color:#3A0A0A;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ED6E29',EndColorStr='#E7292B');}
/*
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}
*/

input.hiddenbutton
{
   height:1px;
   width:1px;
   visibility:hidden;
}


.tablelinks 
{
	text-align:left;
	width:222px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#84BEDE; 
	background-image:url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}
.tdlinks 
{
	padding-left:10px;
	text-align:left;
	vertical-align:top;
}
.tdlinksboven 
{
	text-align:left;
	vertical-align:top;
}
.tdlinksmidden
{
	padding-left:10px;
	text-align:left;
	vertical-align:middle;
}
.tdrechts
{
	color:#000000;
	padding-left:10px;
	text-align:left;
	vertical-align:top;
}
.tdcenter 
{
	text-align:center;
	vertical-align:top;
}
.tablerechts 
{
	text-align:left;	
	width:222px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#E7292C; 
	background-image:url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}
.tablerechts210 
{
	text-align:left;
	min-height: 210px;	
	height: 210px;
	width:234px; 
	border-width:1px; 
	border-style:solid; 
	border-color: #84BEDE; /* #E7292C; */
	background-image:url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}
.tablestatistieken 
{
	text-align:left;
	width:234px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#84BEDE; 
	background-image:url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}
.tdstatistieken
{
	padding-left:40px;
	text-align:left;
	vertical-align:top;
}
.tekstbox {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	height: 17px;
}
.tekstboxreq {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	height: 17px;
	background-color: #FDEFE7; 
}
.minitext {
	color: #000000;
	font-size: 11px;
}
.minilink {
	color: #5791AB;
	font-size: 11px;
}
.minilink a {
	color: #5791AB;
	font-size: 11px;	
	text-decoration:underline;
}
.minilink a:hover {
	color: #5791AB;
	font-size: 11px;	
	text-decoration:none;
}
.minilinkrood {
	color: #E7292C;
	font-size: 13px;
}
.minilinkrood a {
	color: #E7292C;
	font-size: 13px;	
	text-decoration:underline;
}
.minilinkrood a:hover {
	color: #E7292C;
	font-size: 13px;	
	text-decoration:none;
}
.mainachter {
	background-image:url(/App_Themes/HappyBirthday/images/layout/mainachter.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
.contentachter {
	background-image:url(/App_Themes/HappyBirthday/images/layout/contentachter.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
.nieuwscontent {
	
	background-position:left top;
	background-repeat:repeat-x;

	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	vertical-align:top;
}

.kopblauw {
 	color: #5791AB;
	font-size:18px;
	font-weight:bold;
}
.koporange {
 	color: #EF7329;
	font-size:18px;
	font-weight:bold;
}
.contentrood{
	color: #FF0000;
}

.contentwit{
	color: #ffffff;
}


a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#000000; 
	text-decoration:none;
}
a.wit {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
a.wit:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.oranje {
	color:#FE5802;
	text-decoration:underline;
}
a.oranje:hover {
	color:#FE5802;
	text-decoration:none;
}
.menutop {
 	color: #E7292C;
	font-size:12px;
}
.menutop a {
 	color: #E7292C;
	font-size:12px;
	text-decoration:underline;
}
.menutop a:hover {
 	color: #E7292C;
	font-size:12px;
	text-decoration:none;
}
form {
	margin: 0px;
}
.inputVeld {
	border: 1px solid #C0C0C0;
	width: 190px;
}
.titelblauw 
{
	text-align:left;
	font-size:14px;
	color: #0095DA; /* #5791AB; */
	font-weight:bold;
}
.titelkleinblauw {
	font-size:12px;
	color: #5791AB;
	font-weight:bold;
}
.titelkleinoranje{
	font-size:12px;
	color: #FE5802;
	font-weight:bold;
}
.titelrood {
	font-size:14px;
	color: #E7292C;
	font-weight:bold;
}
.titelwit {
	font-size:14px;
	color: #ffffff;
	font-weight:bold;
}
.contentTitel {
	font-size:18px;
	color: #E7292C;
	font-weight:bold;
}
.labelgrijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #84BEDE;
}
.labelmijngegevens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.contentImage {
    float: right;
    clear: right;
	padding-left: 10px;
	padding-top: 0px;    
	padding-right: 10px;
	padding-bottom: 10px;

}
.contentTekst {
	text-align: left;
    clear: left;  
    padding-right: 10px;
    padding-bottom: 10px;
}
.contentImagehomepageL {
    float: left;
    clear: left;
	padding-left: 0px;
	padding-top: 0px;    
	padding-right: 8px;
	padding-bottom: 8px;

}
.contentTeksthomepageL {
	text-align: left;
    clear: right;  
    padding-right: 10px;
    padding-bottom: 10px;
}
.contentImagehomepageR {
    float: right;
    clear: right;
	padding-left: 8px;
	padding-top: 0px;    
	padding-right: 0px;
	padding-bottom: 8px;

}
.contentTeksthomepageR {
	text-align: left;
    clear: left;  
    padding-right: 10px;
    padding-bottom: 10px;
}

.jouwgegevensTekst {
	color: #000000;
	font-size: 11px;
}
.aankomendeVerjaardagenTable
{
	width: 395px;
	border: solid 2px #E7292C;
	background-image: url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}
.aankomendeVerjaardagenTD
{
	padding: 10px 10px 10px 10px;
}

.tabtekstOn  
{
	text-decoration: none;
	font-size:14px;
	color: #0196D9;
	font-weight:bold;
}

/*
.tabtekstOn:hover  
{
	text-decoration: underline;
	font-size:14px;
	color: #0196D9;
	font-weight:bold;
}
*/

.tabtekstOff 
{
	text-decoration: none;
	font-size:14px;
	color: #0196D9;
	font-weight:bold;
}


.headerWishlist
{
	background-color: #EE1C25; 
	vertical-align:middle;
	text-align:left;
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
	height: 22px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ED6E29',EndColorStr='#E7292B');}	
	
	

/* ============================
	Begin Calendar CSS 
   ============================ */
.Cal_td_verjaardag_name
{
	/*background-color:Lime;
	filter:alpha(opacity=40);
	border: solid 1px #cc0000;*/
	width: 345px;
	height: 24px;
	vertical-align:top;
}
.Cal_td_verjaardag_icon
{
	/*background-color:red;
	filter:alpha(opacity=40);
	border: solid 1px #cc0000;*/
	width: 225px;
	height: 24px;
	vertical-align:top;
	text-align:right;
}

.Cal_table
{
	width: 377px;
	background-color: #FFFFFF;
	border:solid 1px #84BEDE;
	border-top-color: #0095DA;
}
.Cal_table_maanden
{
	width: 377px;
	background-color: #0095DA;
}
.Cal_td_maanden_head
{
	cursor: pointer;
	background-color: #0095DA;
	vertical-align:middle;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	border:solid 1px #0095DA;
}
.Cal_link_maanden
{
	color: #FFFFFF;
	text-decoration: none;
}
.Cal_td_maanden_head_selected
{
	cursor: pointer;
	background-color: #0095DA;
	vertical-align:middle;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	border:solid 1px #0095DA;
}
.Cal_link_maanden_selected
{
	color: #000000;
	text-decoration: none;
}

.Cal_td_maanden_head_New
{
	cursor: pointer;
	background-color: #FFFFFF;
	vertical-align:top;
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	border:solid 0px #0095DA;
	width:94px;
}
.Cal_link_maanden_New
{
	color: #C91414;
	text-decoration: none;
}
.Cal_td_maanden_head_selected_New
{
	cursor: pointer;
	background-color: #FFFFFF;
	vertical-align:top;
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	border:solid 0px #0095DA;
	width:94px;
}
.Cal_link_maanden_selected_New
{
	color: #0196D9;
	text-decoration: none;
}

.Cal_td_maandnaam
{
	background-color: #0095DA;
	vertical-align:middle;
	text-align:center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	letter-spacing:1px;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#4BB6E4',EndColorStr='#0095DA');}	
	
	}

.Cal_tr_head
{
	background-color: #0095DA;
	border:solid 1px #0095DA;
	width: 300px;
}
.Cal_td_head
{
	vertical-align:middle;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:solid 1px #0095DA;
}
.Cal_tr_reg
{
	background-color: #FFFFFF;
	border:solid 1px #000000;
}
.Cal_tr_alt
{
	background-color: #EEEEEE;
	border:solid 1px #000000;
}
.Cal_tr_now
{
	background-color: #EE0000;
	border:solid 1px #000000;
}
.Cal_td_date_reg
{
	height: 24px;
	background-color: #FFFFFF;
	width: 20px;
	vertical-align: top;
	color: #969696;
	text-align:right;
	padding-right:5px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_td_date_alt
{
	background-color: #FFFFFF;
	width: 20px;
	vertical-align: top;
	color: #969696;
	text-align:right;
	padding-right:5px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_td_date_now
{
	background-color: #FFD8D2;
	height: 24px;
	width: 20px;
	vertical-align: top;
	color: #969696;
	text-align:right;
	padding-right:5px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_td_name_reg
{
	background-color: #FFFFFF;
	width: 330px;
	vertical-align: top;
	text-align:left;
	padding-left:10px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_td_name_alt
{
	background-color: #EEEEEE;
	width: 330px;
	vertical-align: top;
	text-align:left;
	padding-left:10px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_td_name_now
{
	background-color: #FFD8D2;
	width: 330px;
	vertical-align: top;
	text-align:left;
	padding-left:10px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_td_name_hover
{
	background-color: #E7EFF2;
	width: 330px;
	vertical-align: top;
	text-align:left;
	padding-left:10px;
	border-bottom:solid 1px #DBDBDB;
}
.Cal_a
{
	color: #969696;
}

.Cal_table_birthdayadd
{
	text-align:left;
	width:400px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#E7292C; 
	background-image:url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}
.Cal_table_birthdaydel
{
	text-align:left;
	width:450px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#E7292C; 
	background-image:url(/App_Themes/HappyBirthday/images/layout/formulierachter.gif);
}

/* ==== Einde Calendar CSS ==== */


/* ============================
	Begin ModalPopup CSS 
   ============================ */
.modalBackground {
	background-color:#F0F0F0;
	filter: alpha(opacity=70);
	opacity: 0.70;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	padding:5px;
	width:700px;
}

/* ==== Einde ModalPopup CSS ==== */


.contentRegular
{
	border: solid 1px #000000;
	vertical-align: top;
	text-align:left;
	color: #000000;
}

.Openstaande_table
{
	border: solid 0px #000000;
}
.Openstaande_td_name
{
	width: 167px;
	height: 24px;
	border: solid 0px #000000;
	vertical-align: top;
	text-align:left;
	color: #000000;
}
.Openstaande_td_icon
{
	border: solid 0px #000000;
	vertical-align: top;
	text-align:right;
	color: #000000;
}
.watermarked 
{
	background-color: #FDEFE7; 
}

/* ============================
	Begin DropDownMenu CSS 
   ============================ */
#dropmenudiv{
	position:absolute;
	border:1px solid #EEEEEE;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	color: #0095DA;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #0095DA;
	color: #FFFFFF;
	
}
/* ==== Einde ModalPopup CSS ==== */
