/*###############
#	ALGEMEEN    #
###############*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
html { font: 12px Georgia, Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; line-height: 18px; }

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.links { text-align: left; }
.midden { text-align: center; }
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.wrapper, .overflow { overflow: hidden; }

/* Headings
------------------------------------------------------------------*/
h1, .h1 { 
	border-bottom: 3px solid #fff;
	color: #990100; 
	font-size: 18px; 
	font-weight: bold; 
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h2, .h2 { 
	color: #990100; 
	font-size: 18px; 
	font-weight: bold; 
	border-bottom: 3px solid #fff;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #990100; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

img { border: none; }

/*##############
#	LAYOUT     #
##############*/

div#container { background-color: #ffccff; width: 874px; margin: 0 auto; padding: 10px 13px; }
div#header { margin-bottom: 10px; }
p#logo { background: url(/pivot/templates/img/header.jpg); width: 874px; height: 193px; }
p#logo a { display: block; height: 193px; text-indent: -9999px; }

/* Kolommen
------------------------------------------------------------------*/
div.kolom-wrapper { float: left; width: 657px; }
div.kolom-midden { float: right; width: 441px; }
div.kolom-links { float: left; width: 200px; }
div.kolom-rechts { float: right; width: 200px; }
/* Blokken
------------------------------------------------------------------*/
div.zijkant {
	background: url(/pivot/templates/img/bg-blok-zijkant.gif) no-repeat top left;
	border-bottom: 1px solid #f8bfee;
	padding: 12px;
	margin-bottom: 1.2em;
}
div.entry {
	background: url(/pivot/templates/img/bg-blok-entry.gif) no-repeat top left;
	border-bottom: 1px solid #f8bfee;
	padding: 12px;
	margin-bottom: 1.2em;
}
div.entry p.datum {
	font-size: 10px;
	font-style: italic;
	color: #990100;
	margin-bottom: 1em;
}
div.entry div.content p {
	margin-bottom: 1.2em;
}
div.entry div.content a {
	text-decoration: none;
}
div.entry div.content a:hover {
	text-decoration: underline;
}
/*##################
#	LIJSTEN	       #
##################*/
ul.none, ol.none { list-style: none; }
ul.menu a { display: block; font-size: 14px; line-height: 20px; }

/*##################
#	FORMULIEREN    #
##################*/
input, textarea { padding: 3px 2px; }
textarea { overflow: auto; }
input, select { font-family: Arial, Verdana, Tahoma, sans-serif; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }

/*##################
#	TABELLEN       #
##################*/

table.full-width { width: 100%; }