@charset "utf-8";

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! 
   
      dd, dl, dt, li, ol, ul,
   */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
ol, ul {
	list-style: none;
}
*/
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
div#menu {
	z-index: 3;
}


div#menu ul, div#menu li 
{
	/* properties from _reset.css */
	margin				: 0;
	border				: 0;
	font-weight			: inherit;
	font-style			: inherit;
	font-size			: 100%;
	line-height			: 1;
	font-family			: inherit;
	text-align			: left;
	vertical-align		: baseline;
	list-style			: none;
	/* end properties list */
}

div#menu ul a 
{
	color				: #000000;
}
	
div#menu ul 
{
	display				: block;
	margin-left			: 8px;
	padding				: 0;
}

div#menu ul li 
{
	color				: #000000; 
	display				: inline;
	float				: left;
	width				: 98px;
	height				: 22px;
	padding				: 5px 6px 0px 0px;

	background-image	: url('http://www.paperclipcards.com/images/tabblad.gif');
	background-repeat	: no-repeat;
	
	font-weight			: bold;
	font-style			: italic;
}

div#menu ul li a 
{
	color				: #000000;
	display				: block;
	width				: auto;

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

div#menu ul li a:hover 
{
	text-decoration		: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#menu ul li a 
{
	float				: none;
}
/* End IE5-Mac hack */

div#menu ul.level2, div#menu ul.level3
{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
	visibility			: hidden;

	border				: 0px; 	/* #e9ccc6; */
	
	background			: #ffffff; 
}

div#menu ul.level2[class], div#menu ul.level3[class]
{  
	background			: none;
	background-image	: url('http://www.paperclipcards.com/images/transparent-white-75p-250x2.png');
}

div#menu ul.level2 li, div#menu ul.level3 li 
{
	float				: none;
	margin				: 0;
	padding				: 0px;
	width				: 150px;
	height				: 25px;

	background-image	: none;
}

div#menu ul.level2 li a, div#menu ul.level3 li a 
{
	padding				: 5px;
	width				: 150px;
	height				: 15px;

	text-align			: left;
}

div#menu ul.level2 li a:hover, div#menu ul.level3 li a:hover 
{
	background-color	: #f6e1dc;
	color				: #e0382e;
}

/* white db for firefox, opera and ie 7 */
div#menu ul.level2[class] li a:hover, div#menu ul.level3[class] li a:hover 
{
	background-color	: #ffffff;
}

a.submenu 
{
	background-image	: url('http://www.paperclipcards.com/images/submenu_pijl.gif');
	background-repeat	: no-repeat;
	background-position	: center right;
}

/* 
	ALGEMEEN 
*/


html, body {
	height: 100%;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;

	background-image: url('http://www.paperclipcards.com/images/bg_schaduw.gif');
	background-repeat: repeat-y;
	background-position: center;
}
	
img#bg {
	text-align: center;
	width:960px;
	height:497px;
}

.clear {
	clear: both;
}

/* 
	TEKST 
*/

h1 {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	/* text-transform: uppercase; */
}

h2 {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 10px;
}

a {
	color: #C0333B; 
	text-decoration: underline;
}

input[type=password], input[type=text], textarea
{
	font-family		: arial;
	font-size		: 12px;
	
	padding-left	: 2px;
	border			: 1px solid #e2e2e2;  /* red: #c0333b */
}

button
{
	background-color	: transparent;
	border				: medium none;
}

a:hover {
	color: #D69086;
	text-decoration: underline;
}

.noUnderline
{
	text-decoration	: none;
}

.noUnderlineBlack
{
	text-decoration	: none;
	color			: #000000;
}

.footermenu a
{
	color			: #000000;
}

.footermenuSub a
{
	color			: #000000;
}

.footermenuSub
{
	margin-top 	: 4px;
}

.footermenuSubLink
{
	margin-top	: 2px;
}

/* 
	CONTAINER 
*/
div#container {
	background-image	: url('http://www.paperclipcards.com/images/bg_verloop.jpg');
	background-repeat	: no-repeat;
	background-color	: white;
	
	position			: relative;
	height				: auto;
	min-height			: 100%;
	width				: 890px;
	
	margin-left			: auto;
	margin-right		: auto;
	padding-left		: 33px;
	z-index				: 1;
}

/* 
	HEADER 
*/

div#header img#logo {
	position: absolute;
	top: 24px;
	right: 0px;
	width: 120px;
	height: 64px;
	z-index: 2;
}

div#header {
	position: relative;
	width: 858px;
	height: 23px;
	padding-top: 77px;
	z-index: 1;
}

/* het menu wordt opgemaakt in menu.css */

div#header div#flags {
	width: auto;
	height: 22px;	
	z-index: 3;
}

div#header div#flags img {
	float: right;
	padding-right: 5px;
	width: 32px;
	height: 22px;
}

/* 
	CONTENT 
*/
div#content {
	position: relative;
	width: 842px;
	background-color: white;
	padding: 8px;
}

/* 
	FOOTER 
*/
div#footer 
{
	/* height property defined in html */
	position: relative;
	width: 820px;
	padding: 20px 11px 0px 11px;
	background-image: url('http://www.paperclipcards.com/images/footer_line.gif');
	background-repeat: repeat-x;
	background-color: white;
	border: 8px solid white;
}

#newsletter_addSubscription
{
	text-align		: left;
	font-weight		: bold;
	font-size		: 12px;
	
	position		: relative;
	top				: -5px;
	padding-bottom	: 15px;
}

#newsletter_addSubscription form
{
	display			: inline;
}

#newsletter_addSubscription input
{
	font-size		: 12px;
	font-weight		: normal;
	
	margin-left	: 10px;
}

#newsletter_addSubscription button img
{
	vertical-align		: bottom;
}

#footerCopyrightNotice
{
	font-size		: 8pt;
	color			: #e6e6e6;
}

#footerCopyrightNotice
{
	color			: #d6d6d6;
	text-decoration	: none;
}

div#footer span.footermenu {
	float: left;
	margin-right: 15px;
	font-size: 8pt;
}

/* 
 * Molens
 */
 
.wenskaarten-molens 
{
	width		: 842px;
}

.wenskaarten-molens td
{
	text-align		: center;
	font-size		: 14px;
	color			: #9D444A;
	
	padding-bottom	: 16px;
}

.wenskaarten-molens a, .wenskaarten-molens a:hover
{
	font-size		: 14px;
	color			: #9D444A;
}

/**
 * Molens 2
 */

.molens_image
{
	vertical-align	: top;
}

.molens_title
{
	font-size		: 18pt; 
	font-weight		: bold;
	
	vertical-align	: bottom; 
	
	padding-bottom	: 5px;
}

.molens_text
{
	color			: #8f8f8f; 
	font-weight		: bold; 
	
	vertical-align	: top;
	
	height			: 90px;
}

.molens_link
{
	text-align		: right;
	
	padding-right	: 10px;
	padding-bottom	: 10px;
}

.molens_link a
{
	color			: #bd0622; 
	font-weight		: bold; 
	text-decoration	: none;
}

/**
 * Over ons ('contact' prefix should be 'aboutUs' ...)
 */
 
.contact_textLeft
{
	vertical-align	: top;
	padding-right	: 15px;
}

.contact_contactDetails
{
	vertical-align	: top;
}

.contact_tableAsCell
{
	border			: 1px solid #e8e8e8;
}

.contact_tableAsCell td
{
	padding			: 8px;
}

/**
 * Contact
 */
 
.contactForm_star
{
	color 			: #cccccc;
}
 
.contactForm_td
{
	width 			: 80px;
	text-align		: right;
	
	padding-right	: 10px;
	height			: 22px; 
}

.contactForm_tdTop
{
	vertical-align	: top;
	padding-top		: 5px;
}

.contactForm_star
{
	color			: #c0333b;
}


/**
 * e-Card
 */
 
div#ecaContainer
{
	width					: 842px;		
	position				: relative;
	margin-top			: 20px;
	margin-bottom		: 10px;
}

div#ecaBreadcrums
{
	font-family			: Arial, Helvetica;
	font-size			: 9pt;
	color				: #000000;
	
	text-align			: left;
 	vertical-align		: text-top;
 	
	position			: relative;
	margin-top			: 0px;
	margin-bottom		: 0px;
	height				: 14px;
	line-height			: 14px;
}

.ecaBreadcrumsCurrent
{
	font-weight			: normal;
	text-decoration	: none;
}

 div#ecaTitlebar
{
	position			: relative;
	
	/* background-color	: #C1343D; */ 
	background-image	: url('http://www.paperclipcards.com/images/paperclip-nl/eCard-header-background.jpg'); 
	background-repeat	: repeat-y;
	
	font-family			: Arial, Helvetica;
	font-size			: 11pt;
	color				: #FFFFFF;
	
	text-align			: left;
 	vertical-align		: text-top;
 	
 	width				: 100%;
 	
 	margin-bottom		: 10px;
	
 	padding-left		: 5px;
 	padding-right		: 5px;
 	padding-top			: 3px;
	padding-bottom		: 5px;
}

.ecaTitleStep
{
	font-weight			: bold;
}

.ecaTitleCurrent
{
	font-style			: italic;
}

div.ecaCat
{
	text-decoration		: none;
	width				: 199px;
	position			: relative;
	float				: left;	
	margin-right		: 15px;
}

div.ecaCat2
{
	width				: 199px;
	position			: relative;
	float				: left;	
	margin-right		: 0px;
}

div.ecaCat a, div.ecaCat2 a, div.ecaCat a:hover, div.ecaCat2 a:hover
{
	text-decoration		: none;
}

.ecaCatImgExample
{
	margin-top			: 0px;
	margin-bottom		: 0px;
	border				: 0px;
}

div.ecaCatImg
{
	cursor				: pointer;
	cursor				: hand;
	width				: 199px;
	height				: 118px;
	line-height			: 0pt;
	margin-top			: 0px;
	margin-bottom		: 0px;
	border-bottom		: 2px solid #C1343D;
}

div.ecaCatTit
{
	cursor				: pointer;
	cursor				: hand;
	background-color	: #EDC5BD;
	
	font-family			: Arial, Helvetica;
	font-size			: 10pt;
	color				: #000000;
	font-weight			: bold;
	
	text-align			: center;
 	vertical-align		: text-top;
 	
	position			: relative;
	margin-top			: 0px;
	margin-bottom		: 10px;
	
	height				: 14px;
	
 	padding-top			: 4px;
	padding-bottom		: 6px;
 	padding-left		: 5px;
 	padding-right		: 5px;
}

div#ecaLeft
{
	width				: 417px;
	position			: relative;
	float				: left;	
 	padding-top		: 2px;
	padding-bottom	: 1px;
 	padding-left	: 2px;
 	padding-right	: 1px;
	
	border-top		: 1px solid #C9C9C9;
	border-bottom	: 1px solid #C9C9C9;
	border-left		: 1px solid #C9C9C9;
	border-right	: 1px solid #C9C9C9;
}

div#ecaLeft2
{
	width				: 400px;
	position			: relative;
	float				: left;	
	padding-top		: 10px;
	padding-bottom	: 10px;
 	padding-left	: 10px;
 	padding-right	: 10px;
 		
	border-top		: 1px solid #C9C9C9;
	border-bottom	: 1px solid #C9C9C9;
	border-left		: 1px solid #C9C9C9;
	border-right	: 1px solid #C9C9C9;
}

div#ecaRight
{
	position		: relative;
	left			: -1px;
	
	float			: right;

	width			: 398px;
	height			: 194px;
			
	padding			: 10px; 		
	border			: 1px solid #C9C9C9;
}


.ecaCardImg
{
	width				: 415px;
	height			: 209px;
}

div#ecaTextMessage
{
	position			: relative;
	
	float				: right;	
	padding-top		: 0px;
	padding-bottom	: 0px;
 	padding-left	: 0px;
 	padding-right	: 0px;
}

div#ecaText
{
	width				: 398px;
	position			: relative;
	float				: right;	
	padding-top		: 0px;
	padding-bottom	: 0px;
 	padding-left	: 0px;
 	padding-right	: 0px;
 		
	border-top		: 1px solid #C9C9C9;
	border-bottom	: 1px solid #C9C9C9;
	border-left		: 1px solid #C9C9C9;
	border-right	: 1px solid #C9C9C9;
}

div#ecaTextExample
{
	width				: 398px;
	height			: 194px;
	position			: relative;
	float				: right;	
	padding				: 0px;
 	overflow			: auto;
}

.ecaFCK
{
	width				: 398px;
	height			: 32px;
	border-bottom	: 1px solid #C9C9C9;
}

div#ecaTextBottomRight
{
	position				: relative;
	float					: Right;
	margin-right		: 10px;
 	padding-top			: 0px;
	padding-bottom		: 5px;
 	padding-left		: 5px;
 	padding-right		: 5px;
 	
	font-family			: Arial, Helvetica;
	font-size			: 9pt;
	color					: #000000;
	text-align			: right;
 	vertical-align		: text-top;
}

/* ICONS */

.eca_Icon
{
	width				: 14px;
	height			: 14px;
	border			: 0;
	margin-top		: 0px;
	margin-left		: 2px;
	vertical-align	: top;
}

.eca_IconDate
{
	width				: 16px;
	height			: 16px;
	border			: 0;
	margin-top		: 1px;
	margin-left		: 2px;
	vertical-align	: top;
}


/* FORM layout */

div#ecaFormSection
{
	position			: relative;
	float				: left;
	margin-bottom	: 15px;	
}

div#ecaFormSectionBottom
{
	position			: relative;
	float				: left;
}

div#ecaFormLine
{
	position			: relative;
	float				: left;
	margin-bottom	: 5px;	
}

div#ecaFormHeader
{
	width				: 147px;
	position			: relative;
	float				: left;
	margin-bottom	: 10px;
	margin-right   : 235px;
	padding-right	: 7px;
	
	font-family		: Arial, Helvetica;
	font-size		: 12pt;
	color				: #000000;
	font-weight		: bold;
	
 	vertical-align	: text-top;
	text-align		: right;
}

div#ecaFormLabel
{
	font-family			: Arial, Helvetica;
	font-size			: 10pt;
	color				: #000000;
	font-weight			: normal;
	
 	vertical-align		: text-top;
	text-align			: right;
	
	position			: relative;
	float				: left;
	width				: 147px;
	margin-bottom		: 5px;
	padding-right		: 7px;
	padding-top			: 2px;
}

/* FORM objects */

div#ecaFormElement
{
	position			: relative;
	float				: left;
}

div#ecaFormElement2
{
	position			: relative;
	float				: left;
	padding-top			: 2px;
}

.eca_frm_CheckBox
{
	margin-bottom	: 2px;
}

.eca_frm_Text
{
	width				: 235px;
	height			: 18px;
	border-top		: 0px solid #C9C9C9;
	border-bottom	: 0px solid #C9C9C9;
	border-left		: 0px solid #C9C9C9;
	border-right	: 0px solid #C9C9C9;
	margin-bottom	: 2px;
}

.eca_frm_TextDate
{
	width				: 70px;
	height			: 18px;
	border-top		: 0px solid #C9C9C9;
	border-bottom	: 0px solid #C9C9C9;
	border-left		: 0px solid #C9C9C9;
	border-right	: 0px solid #C9C9C9;
	margin-bottom	: 2px;
}

.eca_frm_TextTime
{
	width				: 40px;
	height			: 18px;
	border-top		: 0px solid #C9C9C9;
	border-bottom	: 0px solid #C9C9C9;
	border-left		: 0px solid #C9C9C9;
	border-right	: 0px solid #C9C9C9;
	margin-bottom	: 2px;
}

.eca_frm_Textarea
{
	width				: 393px;
	height			: 154px;
	border-top		: 0px solid #C9C9C9;
	border-bottom	: 0px solid #C9C9C9;
	border-left		: 0px solid #C9C9C9;
	border-right	: 0px solid #C9C9C9;
	margin-bottom	: 2px;
}
	
div#ecaButton
{
	width					: 842px;
	position				: relative;
	float					: left;
	margin-top			: 10px;
	
	font-family			: Arial, Helvetica;
	font-size			: 10pt;
	color					: #000000;
	font-weight			: normal;
	
	text-align			: center;
 	vertical-align		: text-top;
}

.ecaButton a:hover
{
	color					: #FFFFFF;
	text-decoration	: none;
}

div#ecaButtonLeft
{
	width				: 140px;
	position			: relative;
	float				: left;
	margin-right		: 10px;
 	padding-top			: 3px;
	padding-bottom		: 5px;
 	padding-left		: 5px;
 	padding-right		: 5px;
 	
	border-top			: 2px solid #C1343D;	
	background-color	: #EDC5BD;
	
	text-align			: center;
 	vertical-align		: text-top;
}

div#ecaButtonRight
{
	width				: 120px;
	position			: relative;
	float				: right;
 	padding-top			: 3px;
	padding-bottom		: 5px;
 	padding-left		: 5px;
 	padding-right		: 5px;
 	
	border-top			: 2px solid #C1343D;	
	background-color	: #EDC5BD;
	
	text-align			: center;
 	vertical-align		: text-top;
}


#ecaMaxRows
{
	font-size			: 11px;
	margin-bottom		: 5px;
}