/*
 * Controleer of het content gedeelte in de originele template de naam <div id="content-container"> heeft.
 *
 * Zo nee, dit aanpassen anders functioneren de templates niet. Zo ja, dan controleren ofdat onderstaande
 * parameter ook echt wordt meegegeven aan de huidige content-container div. Indien dit niet het geval
 * is graag aanvullen met onderstaande CSS regels.
 *
 * Onderstaande CSS id class is ter voorbeeld en dient te worden verwijderd na implementatie.
 */


/* ------------BOVENSTAAND NA IMPLEMENTATIE VERWIJDEREN---------------- */


/*---template settings---*/
#content-container h1{
	margin:10px 0 5px -7px;
	position:relative;
	color:#d9be85;
	font:italic normal 50px "Times New Roman", Times, serif;
}
#content-container h2 {
	margin:0 0 10px 0;
	color:#006633;
	font:bold 14px Arial, Helvetica, sans-serif;
}
#content-container h3 {
	margin:0 0 10px 0;
	color:#006633;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#content-container h4 {
	margin:0 0 10px 0;
	color:#006633;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#content-container p{
	font-size:11px;
	line-height:18px;
	margin:0 0 18px;
}
#content-container a { 
	color: #7faa1f;
	text-decoration: underline;
}
#content-container a:hover {
	text-decoration: none;
}
#content-container .active a {
	text-decoration: none;
	font-weight: bold;
	color: red;
}
#content-container ul {
	font:12px Arial, Helvetica, sans-serif;
	list-style-type: disc;
	margin: 10px 0;
}
#content-container ul li {
	display: list-item;
	padding-bottom: 3px;
}
#content-container ol {
	font:12px Arial, Helvetica, sans-serif;
	margin: 10px 0;
}
#content-container ol li {
	display: list-item;
	padding-bottom: 3px;
}
#content-container img{
	display:block;
	margin:0 0 18px;
}
#content-container img.to-right {
	float:right;
	margin:0 0 10px 10px;
}
#content-container img.to-left {
	float:left;
	margin:0 10px 10px 0;
}

/*---template-contents---*/
#content-container {
	overflow:hidden;
}
#content-container .template-contents {
	overflow:hidden;
	clear:both;
}
#content-container * html .template-contents {
	overflow:hidden;
	height:1%;
	margin:0;
}
#content-container .template-contents .media {
	overflow:hidden;
	clear:both;
	width:100%;
	margin:0;
}
#content-container .template-contents .media img {display:block; margin:0;}
#content-container .template-contents .media .video {display:block; margin:0;}
#content-container .template-contents .media .youtube {display:block; margin:0;}
#content-container .template-contents .media .slideshow {display:block; margin:0;}
#content-container .template-contents .media .panorama {display:block; margin:0;}
#content-container .template-contents .media .forms {display:block; margin:0;}
#content-container .template-contents .media .flash {display:block; margin:0;}
#content-container .holder-l {
	float:left;
	position:relative;
	left:50%;
	margin:0;
}
#content-container .holder-r {
	position:relative;
	left:-50%;
	margin:0;
}
#content-container .template-contents p {
	margin:0 0 10px;
}
/*---template-columns---*/
#content-container .template-column {
	float:left;
	width:50%;
	overflow:hidden;
	margin:0;
}
#content-container .template-column img {
	display:block;
	margin:0 auto 10px !important;
}
/* error-info */
#content-container .error-info {
	margin: 0 0 20px 0;
	padding: 0 0 14px 0;
}
#content-container .error-info h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 20px 7px 62px;
}
#content-container .close-message {float: right;padding: 3px 4px;}
#content-container .error-info img {border:0;padding:0;}
#content-container .error-info ul {padding: 0 20px 0 51px;}
#content-container .error-info ul li {
	padding: 0 0 0 11px;
	background: url("../images/content/i-3.gif") no-repeat 0 4px;
	list-style-type: none;
}
#content-container .help {border: 1px solid #3b69a7;background: #a9ccf8 url("../images/content/bg-er-1.gif") no-repeat 7px 9px;}
#content-container .help h3 {color: #12407e;}
#content-container .waarschuwing {border: 1px solid #bb9c2c;background: #f7ebc0 url("../images/content/bg-er-2.gif") no-repeat 7px 9px;}
#content-container .waarschuwing h3 {color: #f88d1f;}
#content-container .opmerking {border: 1px solid #548b4f;background: #ccdfca url("../images/content/bg-er-3.gif") no-repeat 7px 9px;}
#content-container .opmerking h3 {color: #257638;}
#content-container .fout {border: 1px solid #d10600;background: #ffd5c9 url("../images/content/bg-er-4.gif") no-repeat 7px 9px;}
#content-container .fout h3 {color: #d10600;}