/*-------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------- CSS - navid 87 - Commercieel-Administratief Medewerker 
*/ 



/*----------------------------------------------------- General CSS ---------------------------------------------------------*/

body,html
	{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	font-family:'Open Sans',Arial, Verdana, Helvetica, sans-serif;
	line-height:24px;
	font-size:13px;
	}

/* vanaf hier als voorbeeld op new.deltatest.be - te verwijderen bij nieuwe site */
#mainframe{margin-left:auto;margin-right:auto;width:975px; margin-bottom:20px; text-align:center;}
#contentframe{}
#menu{}
#content{}
/* tot hier als voorbeeld op new.deltatest.be - te verwijderen bij nieuwe site */

table{
	font-size:12px;
}




/* Nakijken voor volledige of gedeeltelijke breedte */
.divcontent{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.WithBackground{
	padding:40px;
	background-size:cover;
}






p{
	margin:0px;
	padding:5px 0px 5px 0px;
	}
	
a{
	color:#cf5f00; 
	text-decoration:none;
	}
	
a:hover{
	color:#ff0000; 
	text-decoration:underline;
	}

h1,h2,h3,h4,h5,h6{
	color:#0099ff;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	}

h1{
	font-size:30px;  /* 4 omlaag */
	line-height:40px;
	}
h2{
	font-size:26px;  /* 4 omlaag */
	line-height:36px;
	}
h3{
	font-size:22px;  /* 4 omlaag */
	line-height:32px;
	}
h4{
	font-size:18px;  /* 4 omlaag */
	line-height:28px;
	}
h5{
	font-size:18px; 
	line-height:28px;
	}
h6{
	font-size:14px; 
	line-height:24px;
	}



ul{
	list-style-type:square;
	list-style-position:inside;
	}



hr{
	border:0px;
	border-bottom:1px dashed #999;
	margin-bottom:15px;
	margin-top:15px;
	}





/* klasse om alleen te printen, niet zichtbaar op web */
.onlyprint{
	display:none;
	}



/* klasse om clear uit te voeren */
.cleardiv{
	clear:both;
	}
.cleardiv10{
	clear:both;
	height:10px;
	}




/*------------------------------------------multicol---------------------------------*/
			.kolomwrapper div{
				float:left;
				border:0px solid #000000;
				margin-left:10px;	
				margin-right:10px;
			}
			.kolomwrapper .first{
				margin-left:0px;	
			}
			.kolomwrapper .last{
				margin-right:0px;	
			}




/* indien image links of rechts moet staan */
.leftimage{
	margin-right:12px;
	margin-bottom:5px;
	float:left;
	}
.rightimage{
	margin-left:12px;
	margin-bottom:5px;
	float:right;
	}














/* indien kader=ja wordt toegevoegd op een module */			
.rondehoek{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}








/* diverse kaderkleuren voor content - divbox1 en divbox2 */
.divbox1 {
	border:1px solid #d7d7d7 !important;
	background-color:#f6f6f6;	
	line-height:22px;
	padding:10px;
	}
.divbox1 h1, .divbox1 h2, .divbox1 h3, .divbox1 h4, .divbox1 h5, .divbox1 h6 {
	margin-bottom:0px;
	}

.divbox1 img{
	border:0px;
	}
	
.divbox1 p{
	line-height:22px;
}
	
.divbox1 hr{
border:0px;
border-bottom:1px dotted #999999;
height:0px;
}

.divbox1 input{
	border:1px solid #999;
	}				
.divbox1 textarea{
	border:1px solid #999;
	}
.divbox1 select{
	border:1px solid #999;
	}
.divbox1 a{
	color:#cf5f00 !important;
	}
.divbox1 a:hover{
	text-decoration:underline !important;
	}



.divbox2{
	background-color:#909090;
	border:1px solid #606060;	/* border altijd meegeven*/
	line-height:22px;
	padding:10px;
	color:#FFF;
	}
 .divbox2 h1, .divbox2 h2, .divbox2 h3, .divbox2 h4, .divbox2 h5, .divbox2 h6 {
	margin-bottom:0px;
	color:#FFF;
	}

.divbox2 img{
	border:0px;
	}
	
.divbox2 p{
	line-height:22px;
}
	
.divbox2 hr{
border:0px;
border-bottom:1px dotted #C0C0C0;
height:0px;
}

.divbox2 input{
	border:1px solid #999;
	}				
.divbox2 textarea{
	border:1px solid #999;
	}
.divbox2 select{
	border:1px solid #999;
	}
.divbox1 a{
	color:#cf5f00 !important;
	}
.divbox1 a:hover{
	text-decoration:underline !important;
	}



/* diverse kaderkleuren voor content - divbox1 en divbox2 */
.divbox3 {
	border:1px solid #d7d7d7 !important;
	background-color:#FFF;	
	line-height:22px;
	padding:10px;
	}
.divbox3 h1, .divbox3 h2, .divbox3 h3, .divbox3 h4, .divbox3 h5, .divbox3 h6 {
	margin-bottom:0px;
	}

.divbox3 img{
	border:0px;
	}
	
.divbox3 p{
	line-height:22px;
}
	
.divbox3 hr{
border:0px;
border-bottom:1px dotted #999999;
height:0px;
}

.divbox3 input{
	border:1px solid #999;
	}				
.divbox3 textarea{
	border:1px solid #999;
	}
.divbox3 select{
	border:1px solid #999;
	}
.divbox3 a{
	color:#cf5f00 !important;
	}
.divbox3 a:hover{
	text-decoration:underline !important;
	}





.divbox4 {
	border:1px solid #d7d7d7 !important;
	background-color:tranparent;	
	line-height:22px;
	padding:10px;
	}
.divbox4 h1, .divbox4 h2, .divbox4 h3, .divbox4 h4, .divbox4 h5, .divbox4 h6 {
	margin-bottom:0px;
	}

.divbox4 img{
	border:0px;
	}
	
.divbox4 p{
	line-height:22px;
}
	
.divbox4 hr{
border:0px;
border-bottom:1px dotted #999999;
height:0px;
}

.divbox4 input{
	border:1px solid #999;
	}				
.divbox4 textarea{
	border:1px solid #999;
	}
.divbox4 select{
	border:1px solid #999;
	}
.divbox4 a{
	color:#cf5f00 !important;
	}
.divbox4 a:hover{
	text-decoration:underline !important;
	}





/* 2 of 3 kolommen tekst, enkel indien er geen divbox kader rond staat */
.linkerkolom{
	padding-right: 10px;
	border-right:1px dotted #CCCCCC;
	}
	
.middenkolom{
	padding-right: 10px;
	border-right:1px dotted #CCCCCC;
	}
	
.rechterkolom{
	}


/* 2 of 3 kolommen tekst, enkel indien er WEL divbox kader rond staat */
.linkerkolomdivbox1{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	}
.middenkolomdivbox1{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	}
.rechterkolomdivbox1{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	}
	
.linkerkolomdivbox2{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	color:#FFFFFF;
	}
.middenkolomdivbox2{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	color:#FFFFFF;
	}
.rechterkolomdivbox2{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	color:#FFFFFF;
	}



















/* module downloads */
/* module downloads, div rond alle downloads */
.downloaddiv{
	line-height:30px;
	}
/* module downloads, titel van pagina staat in H2 */
.downloaddiv H2{
	margin-top:15px;
	margin-bottom:5px;
	line-height:30px;
	}
/* module downloads, div rond subtitels tussen downloads */
.download_titel{
	font-weight:bold;
	padding-left:15px;
	line-height:30px;
	}
/* module downloads, div rond elke download */
.download_item{
	padding-left:15px;
	line-height:30px;
	}
.downloaddiv a{
	text-decoration:none;
	}
.downloaddiv a:hover{
	text-decoration:underline;
	}
























/* pager nummering */
.pagerblock{
	background-color:#f6f6f6;
	border:1px solid #d7d7d7;
	color:#333 !important;
}

.pagerblockselected{
	background-color:#cf5f00;
	border:1px solid #cf5f00;
	color:#FFF !important;
}

a.pagerlink{
	padding:12px 15px 12px 15px;
	color:#333 !important;
	border:1px solid #d7d7d7;
	background-color:#f6f6f6;	
	text-transform: uppercase;
	text-decoration:none;
	font-size:14px;
}
a.pagerlink:hover{
	background-color:#cf5f00;
	border:1px solid #cf5f00;
	padding:12px 15px 12px 15px;
	color:#FFF !important;
	text-decoration:none;
	font-size:14px;
	width:20px;
}

a.pagerlinkselected{
	background-color:#cf5f00;
	border:1px solid #cf5f00;
	padding:12px 15px 12px 15px;
	color:#FFF !important;
	text-decoration:none;
	font-size:14px;
}
a.pagerlinkselected:hover{
	background-color:#cf5f00;
	border:1px solid #cf5f00;
	padding:12px 15px 12px 15px;
	color:#FFF !important;
	text-decoration:none;
	font-size:14px;
}








/*----------------------------------------------------- CSS - responsive -----------------------------------------------------*/ 


/* Extra Large screens ===========================================================================*/
@media only screen and (min-width: 1825px) {

} /* min-width: 1825px */




/* Large screens===============================================================================*/
@media only screen and (max-width: 1824px) {

} /* max-width: 1824px */




/* MediumLarge screens ==========================================================================*/
@media only screen and (max-width: 1250px) {

} /* max-width: 1250px */




/* Medium screens==============================================================================*/
@media only screen and (max-width: 1020px) {

} /* max-width: 1020px */



/* Small screens ===============================================================================*/
@media only screen and (max-width: 820px) {

} /* max-width: 820px */




/* Small screens (GSMs enzo) =======================================================================*/
@media only screen and (max-width: 620px) {

} /* max-width: 620px */