h1, h2, h3, h5, span.title {
	display: block;
	color: #DFDDDE;
	font-weight: bold;
	font-size: 11px;
}

h1 a:link, h1 a:visited, h1 a:hover { text-decoration: none; }


/* BLOKHEADERS BLUE */
.blokheaderblue {
	background: url(/images/scripts/blokheader.php?w=304&b=1) no-repeat;
	height: 22px;
	width: 304px;
	display: block;
}

.blokheaderblue-medium {
	background: url(/images/scripts/blokheader.php?w=305&b=1) no-repeat;
	height: 22px;
	width: 305px;
	display: block;
}

.blokheaderblue-large {
	background: url(/images/scripts/blokheader.php?w=614&b=1) no-repeat;
	height: 22px;
	width: 614px;
	display: block;
}

.blokheaderblue-full {
	background: url(/images/scripts/blokheader.php?w=924&b=1) no-repeat;
	height: 22px;
	width: 924px;
	display: block;
}

.blokheaderdarkblue-large {
	background: url(/images/scripts/blokheader.php?w=614&b=4) no-repeat;
	height: 22px;
	width: 614px;
	display: block;
}

/* H1 tags in de blokheaders */
.blokheaderblue h1,
.blokheaderblue h2,  
.blokheaderblue h3,
.blokheaderblue h5,
.blokheaderblue span.title,
.blokheaderblue-medium h1,
.blokheaderblue-medium h2,
.blokheaderblue-large h1,
.blokheaderblue-large h5,
.blokheaderblue-large span.title,
.blokheaderdarkblue-large h1,
.blokheaderdarkblue-large h5,
.blokheaderdarkblue-large span.title,
.blokheaderblue-full h1,
.blokheaderblue-full h5,
.blokheaderblue-full span.title
{
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform:uppercase;
}

.blokheaderblue-medium h2 a
{
	text-decoration: none;	
}

/* BLOKHEADERS YELLOW */
.blokheaderyellow {
	background: url(/images/scripts/blokheader.php?w=304&b=3) no-repeat;
	height: 22px;
	width: 304px;
	display: block;
}

.blokheaderyellow-large {
	background: url(/images/scripts/blokheader.php?w=614&b=3) no-repeat;
	height: 22px;
	width: 614px;
	display: block;
}

.blokheaderyellow-large h1, 
.blokheaderyellow h1,
.blokheaderyellow-large h2, 
.blokheaderyellow h2 {
	padding-left: 10px;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform:uppercase;
	color: #000000;
}

/* SPOTLIGHT */
#spotlightarea table {
	width: 614px;
	height: 130px;
}

#spotlightarea td {
	text-align: right;
	padding-right: 8px;
	vertical-align: bottom;
	padding-bottom: 3px;
}

#spotlightarea .content {
	padding-top: 10px;
	padding-left: 280px; 
	color: #CCCCCC;
	text-align: justify;
	vertical-align: top;
}

/* ARTIKELBOX */
#artikelbox {}

#artikelbox .frontpageimage {
	display: block;
	margin-left: 2px;
}

#artikelbox .frontpageimageborders {
	position: absolute;
	width: 304px;
	height: 100px;
	background: url(/templates/default/themes/source/borders.php?w=304&h=100) no-repeat;
}
	
#artikelbox .intro {
	background: url(/images/scripts/artikelboxcontent.php?w=304) no-repeat bottom;
	width: 304px;
	height: 100%;
	vertical-align: top;
}

#artikelbox .intro span {
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	display: block;
}

#artikelbox .bottom {
	background: url(/images/scripts/artikelboxbottom.php?w=304) no-repeat bottom;
	width: 304px;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	height: 40px;
}

#artikelbox .bottom .content {
	color: #FFFFFF;
	width: 235px;
	padding: 5px;
	float: left;
}

#artikelbox .bottom .knop {
	width:50px;
	padding-top: 10px;
	float: left;
}

/* BLOKKEN BLUE */
.blokblue-small {
	background: url(/images/scripts/blokmiddle.php?w=304) repeat-y;
	width: 304px;
	height: 100%;
}

.blokblue-small .bottom {
	background: url(/images/scripts/blokbottom.php?w=304&h=8) no-repeat bottom;
	width: 304px;
	height: 100%;
}

.blokblue-small .ad {
	text-align: center;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: 2px;
	width: 300px;
	height: 250px;
}

.blokblue-large {
	background: url(/images/scripts/blokmiddle.php?w=614) repeat-y;
	width: 614px;
	height: 30px;
	clear: both;
}

.blokblue-large .bottom {
	background: url(/images/scripts/blokbottom.php?w=614&h=8) no-repeat bottom;
	width: 614px;
	height: 100%;
}

.blokblue-shadow-small {
	background: url(/images/scripts/blokmiddle.php?w=304&s=shadow) repeat-y;
	width: 304px;
}

.blokblue-shadow-small .content {
	padding: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

.blokblue-shadow-small .bottom {
	background: url(/images/scripts/blokbottom.php?w=304&h=70&s=shadow) no-repeat bottom;
	width: 304px;
	height: 100%;
}

.blokblue-shadow-small .top {
	background: url(/images/scripts/blokbottom.php?w=304&h=70&s=shadow&top=1) no-repeat top;
	width: 304px;
	height: 100%;
}

.blokblue-shadow-medium {
	background: url(/images/scripts/blokmiddle.php?w=305&s=shadow) repeat-y;
	width: 305px;
}

.blokblue-shadow-medium .content {
	padding: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

.blokblue-shadow-medium .bottom {
	background: url(/images/scripts/blokbottom.php?w=305&h=70&s=shadow) no-repeat bottom;
	height: 100%;
}

.blokwhite-large {
	background: url(/images/scripts/blokmiddle.php?w=614&s=white) repeat-y;
	width: 614px;
	overflow: hidden;
	clear: both;
}

.blokwhite-full {
	background: url(/images/scripts/blokmiddle.php?w=924&s=white) repeat-y;
	width: 924px;
	overflow: hidden;
	clear: both;
}

.blokwhite-large .bottom {
	background: url(/images/scripts/blokbottom.php?w=614&h=1&s=white) no-repeat bottom;
	height: 8px;
	clear: both;
}

.blokwhite-full .bottom {
	background: url(/images/scripts/blokbottom.php?w=924&h=1&s=white) no-repeat bottom;
	width: 924px;
	height: 8px;
	clear: both;
}

.blokblue-shadow-large {
	background: url(/images/scripts/blokmiddle.php?w=614&s=shadow) repeat-y;
	width: 614px;
}

.blokblue-shadow-large .content {
	padding: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

.blokblue-shadow-large .bottom {
	background: url(/images/scripts/blokbottom.php?w=614&h=70&s=shadow) no-repeat bottom;
	width: 614px;
	height: 100%;
}

.blokdarkblue-large {
	background: url(/images/scripts/blokmiddle.php?w=614&s=darkblue) repeat-y;
	width: 614px;
	height: 28px;
	clear: both;
}

.blokgrey-large {
	background: url(/images/scripts/blokmiddle.php?w=614&s=grey) repeat-y;
	width: 614px;
	height: 28px;
	clear: both;
}

.blokgrey-vlarge {
	background: url(/images/scripts/blokmiddle.php?w=614&s=grey) repeat-y;
	width: 614px;
	overflow: hidden;
	clear: both;
}

.blokyellow-vlarge {
	background: url(/images/scripts/blokmiddle.php?w=614&s=yellow) repeat-y;
	width: 614px;
	overflow: hidden;
	clear: both;
}

.blokgrey-full {
	background: url(/images/scripts/blokmiddle.php?w=924&s=grey) repeat-y;
	width: 924px;
	height: 28px;
	clear: both;
}

.blokgrey-large .content, .blokgrey-full .content {
	padding-top: 7px;
	padding-left: 15px;
	color: #394C66;
}

.blokgrey-large .content a:link, .blokgrey-large .content a:visited {
	color: #62769B;
	font-weight: bold;
}

.blokgrey-large .content a:hover {
	color: #A5B4CF;
}

.blokblue-shadow-medium .ellipsis a {
	width: 240px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}