/* --------------------------------------------------------------

	typography.css
	* Sets up some sensible default typography

-------------------------------------------------------------- */

body {
	background: #fff;
	color: #63636b;
	font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%;
	}
#page-container      { font-size: 1.1em; }

.form-newline,
.form-oneline,
.clearfix       { display: inline-block; }
.form-newline:after,
.form-oneline:after,
.clearfix:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
	}
/* Hides from IE-mac \*/
* html .form-newline,
* html .form-oneline,
* html .clearfix { height: 1%; }
.form-newline,
.form-oneline,
.clearfix        { display: block; }
/* End hide from IE-mac */

.clear           { clear: both; }

/* =Headings
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; color: #535353; }

h1,
h2 { margin: 0 0 6px; color: #003f80; font-size: 20px; }
h3 { margin: -4px 0 0; color: #63636B; font-size: 11px; font-weight: bold; }
h4 { margin: 0 0 .615em; font-size: 1.3em; }
h5 { margin: 0 0 .67em; font-size: 1.2em; }
h6 { margin: 0 0 .8em; font-size: 1em; }


/* =Text elements
-------------------------------------------------------------- */

a          { color: #1197d5; text-decoration: none; }
a:hover,
a:focus,
a:active   { color: #1197d5; text-decoration: underline; }

hr         { margin: 0 0 1.45em; clear: both; float: none; border: 0; width: 100%; height: .1em; background: #ddd; color: #ddd; }
hr.space   { background: #fff; color: #fff; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong     { font-weight: bold; }
cite,
em,
dfn        { font-style: italic; }
dfn        { font-weight: bold; }
sup,
sub        { font-size: 85%; }
sup        { vertical-align: super; }
sub        { vertical-align: sub; }

abbr,
acronym    { letter-spacing: .1em; text-transform: uppercase; font-size: 85%; }
a abbr,
a acronym  { border: 0; }
address    { font-style: italic; }
abbr[title],
acronym[title],
dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
del        { color: #666; }

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

blockquote  { padding: 0 1em; margin: 1.6em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after  { content: "\201D"; }
blockquote *:first-child { margin: .8em 0; }


/* =Lists
-------------------------------------------------------------- */

li ul,
li ol { margin: 0 1.5em; }
ul    { margin-left: 1.5em; list-style-type: disc; }
ol    { margin-left: 2.35em; list-style-position: outside; list-style-type: decimal; }
ol ol,
ul ol { margin-left: 2.5em; }

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


/* =Tables
-------------------------------------------------------------- */

table      { width: 100%; }
th         { background: #f0f0f0; color: #818181; font-size: 14px; font-weight: bold; }
th         { padding: 0; vertical-align: top; }
td         { padding: 1px 0; vertical-align: middle; }
tr.even td { background: #f6f6f6; }
tfoot      { font-style: italic; }
caption    { background: #eee; }

#tabletarieven th { background-color: #fff; }
th a.sort {
	padding-right: 17px;
	background: url(../images/asc_desc.png) no-repeat center right;
	color: #818181;
	text-decoration: none;
	}
th a.sorted-asc  { background-image: url(../images/asc.png); }
th a.sorted-desc { background-image: url(../images/desc.png); }

.table-date      { width: 175px; vertical-align: top; }
td.table-article { font-size: 10px; }
td.table-article a {
	margin-right: 6px;
	color: #818181;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
td.table-article a:hover,
td.table-article a:focus,
td.table-article a:active {
	color: #6193c9;
	text-decoration: underline;
	}
.table-prod    { width: 294px; }
.table-channel { width: 150px; text-align: right; }
.table-type    { padding-left: 46px; width: 130px; }
.table-price   { text-align: right; }

.proposities label { font-size: 10px; }
.table-brand   { width: 190px; }
.proposities input.checkbox { top: 0; margin-right: 0; }
.proposities div {
	margin-left: 1px;
	width: 11px;
	height: 11px;
	font-size: 0;
	}
.table-check-1 div { background: #3e6793; }
.table-check-2 div { background: #5284ba; }
.table-check-3 div { background: #9ebce9; }
.table-check-4 div { background: #c6c5c5; }
.table-check-5 div { background: #9a9a9a; }
.table-check-6 div { background: #535353; }
.table-check-7 div { background: #000000; }


/* =Margins
-------------------------------------------------------------- */

hr,
p,
ul,
ol,
dl,
pre,
blockquote,
address,
table      { margin-bottom: 1.6em; }


/* =Misc classes
-------------------------------------------------------------- */

/* creates small caps */
.caps {
	padding: 0 2px;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	}

.show      { display: block; }
.hidden,
.hide      { display: none; }
.visible   { visibility: visible; }
.invisible { visibility: hidden; }

.small     { margin-bottom: 1.875em; line-height: 1.875em; font-size: .8em; }
.large     { margin-bottom: 1.25em; line-height: 2.5em; font-size: 1.2em; }

.quiet     { color: #666; }
.loud      { color: #000; }
.highlight { background: #ff0; }
.added     { background: #060; color: #fff; }
.removed   { background: #900; color: #fff; }

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

.floatl    { float: left; }
.floatr    { float: right; }
.left      { float: left; margin: 0 12px 4px 0; padding: 0; }
.right     { float: right; margin: 0 0 4px 12px; }
.center    { text-align: center; }