/* 
Style sheet voor de ttf blokken (in site/ttf) 
*/
div.demotitle {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #00ADCD;

}

div.demoimage {
	position: relative;
	float: right;
}
div.demoimage div.demomiddle {
	width: 150px;
	padding-bottom: 5px;
}
div.demoimage div.demobottom {
	padding-top: 4px;
	border-top: 2px solid #00ADCD;
	white-space: normal;

}

div.demobiglist {
	width: 100%;
	float: left;
}
div.demobiglist div.demolistleft {
	position: relative;
	width: 50px;
	height: 37px;
	float: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	background-color: #33CC00;
	text-align: center;
	display: inline;
	padding-top: 13px;
	
}
div.demobiglist div.demolistright {
	display: block;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	height: 70px;
	
}
div.demoblok {
	position: relative;
	float: left;
	width: 190px;
}
div.demoblok div.demotop {
	width: 100%;
	border-bottom: 4px solid #00ADCD;
	font-size: 14px;
	font-weight: bold;
	color: #00ADCD;
}
div.demoblok div.demomiddle {
	padding: 10px;
	width: 170px;
	background-color: #ffffff;
}
div.demoblok div.demobottom {
	padding-left: 10px;
	padding-right: 10px;
	width: 170px;
	text-align: right;
	font-weight: bold;
	background-color: #ffffff;
}

div.demoblok div.demotopgroen {
	width: 100%;
	border-bottom: 4px solid #33CC00;
	font-size: 14px;
	font-weight: bold;
	color: #33CC00;
}
div.demotitlelinegroen {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #33CC00;
	width: 250px;
	white-space: nowrap;
	border-bottom: 4px solid #33CC00;
}
div.demotitlelineoranje {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #00ADCD;
	width: 250px;
	white-space: nowrap;
	border-bottom: 4px solid #00ADCD;
}
.contentmode .demoblok, .contentmode .demotitlelinegroen, .contentmode .demotitlelineoranje, .contentmode .demobiglist, .contentmode .demotitle, .contentmode .demoimage {
	background-image: url(../../blueprint/img/i/moveblock.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
