/* ============================================ */
/* alcoholenik.nl                           		*/
/* Website styles                               */
/* Medium: screen                            		*/
/* -------------------------------------------- */
/* Copyright Hic et Nunc                  	  	*/
/* www.hicetnunc.nl - info@hicetnunc.nl         */
/* ============================================ */

/* ========== common HTML styles ========== */

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold; 
	color: #0078a5;
}
h1 { font-size: 1.5em; margin-top: 1em; margin-bottom: 1em; letter-spacing:1px; }
h1#pageTitle { font-size: 1.8em;  color: #be1d72; line-height: 1.2em;}
h2 { font-size: 1.3em; margin-top: 1.5em; }
h3, h4, h5, h6 { font-size: 1.2em; font-style: italic; }

/* default links */
a:link, a:visited {
	color: #3d96b7;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/* listings */
ul, ol {
	margin: 0;
	margin-left: .7em;
	padding: 0;
	padding-left: .7em;
}
li { line-height: 1.3em; }

/* form and related tag styles */
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	margin: 0;
	padding: 1px 1px 1px 3px;
	font-size: 1em;
	color: #000;
	border: 1px solid #b2b2b2;
}
input.noBorder, textarea.noBorder { border: none; }
textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; 
}
select {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #000;
}

/* ========== custom styles ========== */

.text_redBold { font-weight: bold; color: red; }
.text_bordeauxRedBold { font-weight:bold; color: #0078a5; }
.text_small_grey { font-size: 90%; color: #888; }

hr, div.hr {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #be1d72;
}
div.hr_dotted {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 2px dotted #987944; /* color1 */
}

/* ========== table styles ========== */

table { border-collapse: separate; }

td { vertical-align: top; font-size: 100%; }

/* table with grey layout */
.TBL_border { 
	border: 1px solid #b2b2b2; 
}
.TBL_border th { 
	padding: 5px;
	color: #fff;
	text-align: left;
	background-color: #a6a6a6;
}
.TBL_border td { padding: 5px; }
.TBL_border td.label { 
	font-weight: bold; 
	background-color: #e5e5e5;
}

/* table with red layout */
.TBL_border_red { 
	border: 1px solid #be1d72; 
}
.TBL_border_red th { 
	padding: 5px;
	color: #fff;
	text-align: left;
	background-color: #be1d72;
}
.TBL_border_red td { padding: 5px; border-top: 1px solid #e8b0ce; }
.TBL_border_red td.label { 
	color: #000;
	background-color: #e8b0ce;
}

/* misc table styles */

td.spacerLineRed {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #be1d72;
}
td.spacerLineGrey {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #b2b2b2;
}

/* ==================== AANMELDEN --==================== */

/* form validation error message */
.jsvalidation { margin-left: 10px; font-size:.9em; color:red; font-weight: bold; }

/* table styles */

.aanmeldingsForm_innerTBL td { padding: 2px; border: none; }
.aanmeldingsForm_innerTBL_bgGrey td { padding: 3px; background-color: #e5e5e5; border: none; }

.blueCell, th.blueCell { color: #fff; background-color: #0078a5; }
.greyCell, th.greyCell { background-color: #e5e5e5; }
.TD_hover_blue:hover { background-color: #0078a5; }

table.redBorder, td.redBorder, th.redBorder, tr.redBorder  { 
	color: #000; 
	background-color: #fff; 
	border: 2px solid red; 
}

td.aanmelden_progress_grey {
		padding-top: 10px;
	height: 3.5em;
	font-weight: bold;
	color: #a2a2a2;
	text-align: center;
	border-top: 2px solid #b2b2b2;
}
td.aanmelden_progress_grey a {
	color: #a2a2a2;
	text-decoration: none;
}
td.aanmelden_progress_grey a:hover {
	color: #000;
	text-decoration: underline;
}
td.aanmelden_progress_green {
		padding-top: 10px;
	height: 3.5em;
	font-weight: bold;
	color: #39b54a;
	text-align: center;
	border-top: 2px solid #39b54a;
}
td.aanmelden_progress_green a {
	color: #39b54a;
	text-decoration: none;
}
td.aanmelden_progress_green a:hover {
	color: #000;
	text-decoration: underline;
}
td.aanmelden_progress_red {
	padding-top: 10px;
	height: 3.5em;
	font-weight: bold;
	color: #be1d72;
	text-align: center;
	border-top: 2px solid #be1d72;
	background-image: url(../images/aanmelden_progress_indicator.png);
	background-position: top center;
	background-repeat: no-repeat;
}
td.aanmelden_progress_red a {
	color: #be1d72;
	text-decoration: none;
}
td.aanmelden_progress_red a:hover {
	color: #000;
	text-decoration: underline;
}
/* this class is to indicate that the step is already passed */
td.aanmelden_progress_green_ok {
	padding-top: 10px;
	height: 3.5em;
	font-weight: bold;
	color: #39b54a;
	text-align: center;
	border-top: 2px solid #39b54a;
	background-image: url(../images/aanmelden_progress_indicator.png);
	background-position: top center;
	background-repeat: no-repeat;
}
td.aanmelden_progress_green_ok a {
	color: #39b54a;
	text-decoration: none;
}
td.aanmelden_progress_green_ok a:hover {
	color: #000;
	text-decoration: underline;
}

/* ========== FAQ ========== */

ul.FAQlisting { margin-bottom: 1em; }
ul.FAQlisting li { line-height: 1.2em; }
ul.FAQlisting a:link { color: #be1d72; text-decoration: none; }
ul.FAQlisting a:hover { color: #0078a5; text-decoration: underline; }


/* __________ buttons __________ */

.buttonBorder, input.buttonBorder{	
	font-size: .9em;
	line-height: 1em;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	white-space: nowrap;
	margin: 1em 0 1em 0;
	padding: 5px;
	border: 1px solid #b2b2b2;
	background: #e5e5e5;
}
input.buttonBorder { 
	line-height: .9em;
	padding-bottom: 6px;
} 	

a.buttonBorder {
	display: inline-block; 
	margin: 0; 
	color: #000; 
	padding: 5px; 
	text-decoration: none; 
}
a.buttonBorder:hover {
	color: #fff; 
	text-decoration: none;
	background-color: #0078a5; 
}

/* help button */
.helpButton {
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_help.png);
	background-position: 0 0;
}
.helpButton:hover {
	background-position: 0 16px;
}

/* left column testimonials */

#testimonialsContainer { 
	position: absolute;
	top: 396px;
	width: 220px;
}
#testimonialsContent {
	padding: 5px 20px 1px 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: 200;
	font-style: italic;
	color: #888;
	border-left: 1px solid #b2b2b2; 
	border-right: 1px solid #b2b2b2;
}
.testimonial {
	margin-top: .5em;
	margin-bottom: 1em;
}

#testimonialsContent img {
	margin-right: 10px; 
	padding: 2px; 
	border: 1px solid #ccc;
}

#testimonialsContent a:link, #testimonialsContent a:visited { 
	font-size: 1.1em;
	color: #0078a5;
	letter-spacing: 1px;
	text-decoration: none;
}
#testimonialsContent a:hover { 
	color: #000;
	text-decoration: underline;
}