/*

	Sets up some sensible default typography based on the Blueprint Framework
	-------------------------------------------------------------------------

	@file 		typography.css
	@version 	1.0
	Copyright (c) 2011 Rommert van der Marel

*/




/********************************************************************************************************
 * Reset
********************************************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:center;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/********************************************************************************************************
 * Default font settings
********************************************************************************************************/
body { font-size: 12px; color: #000; font-family:Arial,Helvetica,sans-serif; }



/********************************************************************************************************
 * Headings
********************************************************************************************************/
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #223a92; }

h2 { font-size: 20px; margin-bottom: 0.75em; font-weight: bolder;  }
h3 { font-size: 14px; line-height: 1; font-weight: bolder;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

h1,h2,h3,h4,h5,h6{ color:#A61617; font-size: 16px}
h1{ font-size:24px; line-height: 28px; text-transform: uppercase; margin-bottom:16px; font-family: 'Cabin', sans-serif;}
h1 span{ color:#666;}

/********************************************************************************************************
 * Text elements
********************************************************************************************************/
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #666; }
a           { color: #353535; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }



/********************************************************************************************************
 * Lists
********************************************************************************************************/
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin:0;  }
ul li, ol li { list-style: none;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/********************************************************************************************************
 * Tables
********************************************************************************************************/
/*table, caption, tbody, tfoot, thead, tr, th, td*/
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ border-bottom: 3px double #6a6464; }
tr.even td  { background: #e5ecf9; }
td.first, th.first { border-right: 3px double #6a6464;}
tfoot       { font-style: italic; }
caption     { background: #eee; }
table p		{margin: 0;}

table.center td, table.center th{text-align: top;}
table.center td.first, table.center th.first{text-align: left;}


table .vol{background: #ed1c24; padding: 3px 0;}
table .paar{background: #f7941e; padding: 3px 0;}
table .voldoende{background: #22b24c; padding: 3px 0;}



/********************************************************************************************************
 * Classes
********************************************************************************************************/
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }

.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/********************************************************************************************************
 * Links
********************************************************************************************************/
a.pdf{background: url(../img/icons/page_white_acrobat.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.txt{background: url(../img/icons/page_white_text.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.word{background: url(../img/icons/page_white_word.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.excel{background: url(../img/icons/page_white_excel.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.powerpoint{background: url(../img/icons/page_white_powerpoint.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.archive{background: url(../img/icons/page_white_compressed.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.mailto{background: url(../img/icons/email.png) left center no-repeat; padding: 2px 0 1px 20px;}
a.external{background: url(../img/icons/Icon_External_Link.png) right center no-repeat; padding-right:16px;}