/* general styles */
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
H1 { color: #000066; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica; }
H2 { color: #000066; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica; }
H3 { color: #000066; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica; }
HR { height: 1px; color: #000033; }
TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
A { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
A:hover { color: red; text-decoration: underline}
.mediumtext { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; }
.smalltext { font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.disctext { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* td styles */
TD.td-xlight { background-color: #FFFFFF }
TD.td-light { background-color: #EEF6F8 }
TD.td-medium { background-color: #0066CC }
TD.td-dark { background-color: #003C72 }
TD.td-xdark { background-color: #000000 }


/*aboform styles */
.kopje { font-family: verdana,arial,helvetica,sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #6699FF;}
.lichtkopje { font-family: verdana,arial,helvetica,sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #FF7D52;}
.veld { border: 1px solid #6699FF; color: #000000; font-family: Arial, Helvetica, Univers, sans-serif; font-size: 12px;}
.veld-klein { border: 1px solid #6699FF; color: #9A2B0F; font-family: Arial, Helvetica, Univers, sans-serif; font-size: 10px;}
.veld-disabled { border: 1px solid #CCCCCC; color: #000000; font-family: Arial, Helvetica, Univers, sans-serif; font-size: 12px;}

.box { color: #004090; font-family: Arial, Helvetica, Univers, sans-serif; font-size: 10pt; font-weight: bold; border: 1px solid #000000; elevation: below; height: 150; width: 540;}
.biglink {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	background: none;
	color:#000000;
	vertical-align: middle;
	white-space: nowrap;
	}
.biglink:hover {color:red;}
.error { font-weight: bold; color:#FF0000;}
.normal { font-weight: normal; color:#000000;}

/* border & box styles */
.lightgreyborder { border: 1px solid; border-color: #CCCCCC; }
.greyborder { border: 1px solid; border-color: #999999; }
TD.boxheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; }
TD.boxcontent { background-color: #FFFFFF; border: 1px solid; border-color: #CCCCCC; }

/* image styles */
.homepagecover { border: 1px solid; border-color: #999999; margin: 0px 0px 5px 0px;}
.cover { border: 1px solid; border-color: #999999; margin: 0px 10px 10px 0px;}
.backissuecover { border: 1px solid; border-color: #999999; margin: 10px 0px 0px 0px;}

/* page header styles */
TD.klikpad { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; border: 1px solid; border-color: #FFFFFF; border-left: none; border-right: none; border-top: yes; border-bottom: none;}
A.klikpad { color: #ffffff; font-size: 10px; text-decoration: none}
A.klikpad:hover { color: #ffffff; text-decoration: underline}
A.klikpad:link { color: #ffffff }
A.klikpad:visited { color: #ffffff }
A.klikpad:active { color: #ffffff }

/* page footer styles */
.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
A.footer { font-family: Verdana, Arial, Helvetica, sans-serif; color: blue; font-size: 11px; text-decoration: underline}
A.footer:hover { color: red; text-decoration: underline}

/* navigation menu styles */
TD.nav-kleur { background-color: #0066CC; border: 1px solid; border-color: #FFFFFF; border-left: none; border-right: none; border-top: yes; border-bottom: none;}
TD.nav-kleur-mouseover { background-color: #6699FF; border: 1px solid; border-color: #FFFFFF; border-left: none; border-right: none; border-top: yes; border-bottom: none; }
A.nav-pijler { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none }
A.nav-pijler:hover { color: #ffffff; text-decoration: none; }
A.nav-pijler:link { color: #ffffff }
A.nav-pijler:visited { color: #ffffff }
A.nav-pijler:active { color: #ffffff }
A.nav-rubriek { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none }
A.nav-rubriek:hover { color: #ffffff; text-decoration: underline }
A.nav-rubriek:link { color: #ffffff }
A.nav-rubriek:visited { color: #ffffff }
A.nav-rubriek:active { color: #ffffff }


/* article styles */
.article-title { font-family: Arial, Helvetica; font-size: 18px; font-weight: bold; color: #000066; }
.article-subtitle { font-family: Verdana, Arial, Helvetica; color: #000066; font-size: 12px; font-weight: bold; }
.article-lead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 1.4em;}
.paragraph-title { font-family: Verdana, Arial, Helvetica; color: #000066; font-size: 12px; font-weight: bold; }
.article-body { font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 12px; font-weight: normal; line-height: 1.4em; }

/* shorty styles */
TD.shorty { background-color: #0066CC;	border-bottom : thin dashed Black; }
.shorty-title { font-family: Arial, Helvetica; font-size: 18px; font-weight: bold; color: #000066;}
.shorty-body { font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 12px; font-weight: normal; line-height: 1.4em; }
A.shorty-title { font-family: Arial, Helvetica; font-size: 18px; font-weight: bold; color: #000066; text-decoration: none}
A.shorty-title:hover { color: red; text-decoration: underline}

/* teaser styles */
.teaser-top { border: 1px solid; border-color: #FFFFFF; border-bottom: none;}
.teaser-bottom { border: 1px solid; border-color: #FFFFFF;}
.teaser-title { color: #000066; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; }
.teaser-subtitle { color: #000066; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica; }
.teaser-body { color: #000066; font-size: 10px; font-weight: normal; font-family: Verdana, Arial, Helvetica; }
A.teaser-readmore { color: #000000; font-size: 10px; text-decoration: underline}
A.teaser-readmore:hover { color: red; text-decoration: underline}


/* submit styles */
.textveld {border: 1px solid #003366; font-family: Verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; background: #FFFFFF; color: 000000;}

/* button styles */
.ziniobutton {
	font-size: 12px;
	height: 18px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: white;
	border: 3px double #cccccc; 
	background-color: #AD0C0F;
	padding: 1px;
	vertical-align: middle;
	white-space: nowrap;
	cursor: hand; cursor: pointer;
	}
.ziniobutton:hover { background: #999999; color: white; text-decoration: none;}


/* zinio toolbar styles */
TD.toolbarheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background: #B3D1F0; height: 20px;}
TD.toolbar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border: 0px solid; border-color: #B3D1F0;}
A.toolbar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; color: blue;}
A.toolbar:hover { color: red; text-decoration: underline}
