@charset "utf-8";
/* CSS Document */

/* Normal styling */
.cb {margin-right:10px;}
	/* Top corners and border */
.bt {
	height:33px;
	margin:0 0 0 10px;
	background:url(/dkc/template/images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-10px;
	width:30px;
	height:37px;
	background:url(/dkc/template/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:33px;
	margin:0 0 0 21px;
	background:url(/dkc/template/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-21px;
	width:43px;
	height:33px;
	background:url(/dkc/template/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}


	/* Left border */
.i1 {
	padding:0 0 0 14px;
	background:url(/dkc/template/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 14px 0 0;
	background:url(/dkc/template/images/bordersr.png) repeat-y 100% 0;
	background-color:#FFFFFF;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica;
	color:#68625d;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}



/* Normal styling */
.cb-blue {margin-right:10px;}
	/* Top corners and border */
.bt-blue {
	height:25px;
	margin:0 0 0 10px;
	background:url(/dkc/template/images/blauwrand/box.png) no-repeat 100% 0;
	z-index:1;
	position:relative;
}
.bt-blue div {
	position:relative;
	left:-10px;
	width:30px;
	height:37px;
	background:url(/dkc/template/images/blauwrand/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb-blue {
	height:33px;
	margin:0 0 0 21px;
	background:url(/dkc/template/images/blauwrand/box.png) no-repeat 100% 100%;
}
.bb-blue div {
	position:relative;
	left:-21px;
	width:43px;
	height:33px;
	background:url(/dkc/template/images/blauwrand/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}


	/* Left border */
.i1-blue {
	padding:0 0 0 14px;
	background:url(/dkc/template/images/blauwrand/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2-blue {
	padding:0 14px 0 0;
	background:url(/dkc/template/images/blauwrand/bordersr.png) repeat-y 100% 0;
	background-color:#FFFFFF;
	z-index:1000;
	position:relative;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3-blue {
	display:block;
	margin:0;
	padding:0px 10px 0px 7px;
	background:#fff;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica;
	color:#68625d;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3-blue:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3-blue {display:inline-block;}
.i3-blue {display:block;}






/* Normal styling */
.spot_box {margin-right:10px;}
	/* Top corners and border */
.bt-spotbox {
	height:33px;
	margin:0 0 0 10px;
	background:url(/dkc/template/images/box-spotbox.png) no-repeat 100% 0;
}
.bt-spotbox div {
	position:relative;
	left:-10px;
	width:30px;
	height:37px;
	background:url(/dkc/template/images/box-spotbox.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb-spotbox {
	height:33px;
	margin:0 0 0 21px;
	background:url(/dkc/template/images/box-spotbox.png) no-repeat 100% 100%;
}
.bb-spotbox div {
	position:relative;
	left:-21px;
	width:43px;
	height:33px;
	background:url(/dkc/template/images/box-spotbox.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}


	/* Left border */
.i1-spotbox {
	padding:0 0 0 14px;
	background:url(/dkc/template/images/borders-spotbox.png) repeat-y 0 0;
}
	/* Right border */
.i2-spotbox {
	padding:0 14px 0 0;
	background:url(/dkc/template/images/bordersr-spotbox.png) repeat-y 100% 0;
	background-color:#dfdc46;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3-spotbox {
	display:block;
	margin:0;
	padding:1px 10px;
	background:url(/dkc/template/images/box-spotbox-achtergrond.png);	
	font-family:Comic Sans MS, Verdana, Arial, Helvetica;
	color:#FFFFFF;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3-spotbox:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3-spotbox {display:inline-block;}
.i3-spotbox {display:block;}
/* Default CSS ends here */