.basisStyle{
	color: #717171;
	font-family: arial;
	font-size: 12px;
}

html{
	height: 100%;
}

body
{
    height: 100%;
	color: #444444;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0;
}

form, fieldset{
	margin: 0px;
}

input, select, textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: medium none;
	font-family: Arial;
	font-size: 12px;
}

.option 
{
	color: #717171;
	font-family: arial;
	font-size: 12px;
	}

input[type=text]{
	border: 1px solid #dfdfdf;
	height: 31px;
	padding-left: 10px;
}

input[type=password]{
	border: 1px solid #dfdfdf;
	height: 31px;
	padding-left: 10px;
}

textarea{
	resize: none;
	border: 1px solid #dfdfdf;
}

a{
	color: #00A3FF;
	text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a.linkBlauw{
	font-size:12px;
	color:#00a3ff;
	line-height:16px;
	text-decoration: none;
	font-weight:normal;
}

a.linkBlauw:hover{
	font-size:12px;
	color: #717171;
	line-height:16px;
	text-decoration: none;
	font-weight:normal;
}

acronym
{
	border-bottom:none;
}

form{
	margin: 0;
}

span.linkBlauw{
	font-size:12px;
	color:#00a3ff;
	line-height:16px;
	text-decoration: none;
	font-weight:normal;
}

span.linkBlauw:hover{
	font-size:12px;
	color: #717171;
	line-height:16px;
	text-decoration: none;
	cursor:pointer;
	font-weight:normal;
}

a.pagingLink{
	font-size:12px;
	text-decoration: none;
}

a.pagingLink:hover{
	font-size:12px;
	color: #717171;
	text-decoration: none;
}


img.pagingArrow{
	margin-top:3px;
	border: 0px none;
	cursor:pointer;
}

span.pagingSelection{
	text-align: center;
	color: #676767;
	font-size: 16px;
	font-family: Arial;
	cursor:pointer;
	padding:2px;
}

span.pagingSelectionKlein{
	color: #d4d4d4;
	font-size: 14px;
	cursor:pointer;
	padding:2px;
}

.pagingPages{
	background-color: #00A3FF;
	color: #FFFFFF;
	text-align: center;
	cursor:default;
}

.pagingPerPage{
	text-align: right;
}

span.pagingPerPageNotSelected{
	color: #d4d4d4;
	padding: 5px;
	cursor: pointer;
	width: 100%;
}

span.pagingPerPageSelected{
	color: #FFFFFF;
	background-color: #676767;
	padding: 5px;
	cursor:default;
	width: 100%;
}

a.kruimelPad
{
    font-size:12px;
	color:#333333;
	line-height:16px;
	text-decoration: none;
	font-weight:normal;
}

a.kruimelPad:hover{
	font-size:12px;
	color: #333333;
	line-height:16px;
	font-weight:normal;
	text-decoration:underline;
}

span.kruimelPad
{
    font-size:12px;
	color:#DFDFDF;
	line-height:16px;
	text-decoration: none;
	font-weight:normal;
	padding-right:5px;
	padding-left:5px;
}

span.kruimelPadEnd
{
    font-size:12px;
	color:#00a3ff;
	line-height:16px;
	text-decoration: none;
	font-weight:normal;
	padding-left:5px;
}

img.kruimelPad
{
	padding-left:10px;
}

#tableMainLogin{
	width: 100%;
	height: 100%;
	table-layout:fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/Autorisatie/img/background_login.png');
}

#tdMainLogin{
	width: 1000px;
}

#tableSubMainLogin{
	width: 1000px;
	height: 100%;
}

#tdSubMainLogin{
	width: 100%;
	height: 100%;
}

#tblLoginBox{
	width: 395px;
	height: 300px;
	background-image: url('/Autorisatie/img/login_scherm.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
}

#tdLoginBox{
	vertical-align: top;
}

#tblLoginBoxSub{
	padding-top:15px;
	padding-left:8px;
	width:362px;
}

#tblLoginlogoHolder{
	padding-left:9px;
}

#tblLoginErrorHolder{
	padding-left:10px;
	font-weight:bold;
	color:#000000;
	height:50px;
}

#trTussenImpEnBtnLogin{
	height: 5px;
}

#tdInlogKnop{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#tdWachtwoordVergeten{
	text-align: center;
	margin: 0px;	
	padding-left: 0px;	
	padding-right: 0px;	
	padding-bottom: 15px;	
	padding-top: 5px;	
}

.impLoginHolder{
	padding-Left:1px;
	height:40px;
}

.InputPasswordTekstHolder{
	position:absolute;
	z-index:10;	
	background-color:#FFFFFF;
	color:#B1B1B1;	
}
.InputPasswordTekstHolderLogin{
	position:absolute;
	z-index:10;	
	background-color:#FFFFFF;
	color:#B1B1B1;
	font-family: Arial;
	margin-top:14px;
	margin-left:24px;
	font-size:16px;
	width:330px;
}

.InputTextarea{
	font-size:14px;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:70px; 
	line-height:22px;
	vertical-align: top;
	/** oplossen in de holders van de objecten, niet hier **/
	/**margin-bottom:15px;
	margin-top:5px;**/
	width:100%;
}


.InputSelect{
	font-size:14px;
	padding-left:3px;
	padding-right:3px;
	border-style:none;
	border-width:0px;
	height:22px; 
	line-height:22px;
	vertical-align: middle;
	width:100%;
}

.InputSelectHolder{
	border:1px solid #dfdfdf;
	height:31px; 
	line-height:31px;
	vertical-align: middle;
	/** oplossen in de holders van de opjecten, niet hier **/
	/**margin-bottom:15px;
	margin-top:5px;**/
	background-color:#ffffff;
	width:100%;
}

.InputText{
	font-size:14px;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	width:100%;
}

.InputTextNormalFont{
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	width:100%;
}

.InputTextKlein{
	font-size:14px;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	width:100%;
}

.btnActiveGrayKlein{
	color:#717171;
	background-color:#f0efed;
	cursor:pointer;
	border:1px solid #b6b6b6;
		
	font-size:14px;
	padding-left:8px;
	padding-right:8px;
	height:29px; 
	line-height:29px;
	vertical-align: top;
	white-space:nowrap;
}

.InputBestand{
	font-size:14px;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	
	outline-color:invert;
	outline-style:none;
	background-color:#dfdfdf;
	width:100%;
}

.InputTextLoginHolder{

}

.InputTextLogin{
	font-size:16px;
	border-width:0px;
	margin-top:8px;
	margin-left:11px;
	width:354px;
}
	

.impColorPicker{
	font-size:14px;
	border:1px solid #dfdfdf;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	text-align:center;
	/** oplossen in de holders van de opjecten, niet hier **/
	/**margin-bottom:15px;
	margin-top:5px;**/
	width:62px;
	display:block;
}

.btnActiveGrayHolder{
	line-height:31px;
	height:31px;
	margin-top:5px;
	margin-right:2px;
}

.btnActiveGray{
	cursor: pointer;
	border: 0;
	height: 31px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	background-color: #b7b7b7;
}

.btnActiveGray:hover
{
    background-color: #9c9c9c;
}

.btnActiveOrangeHolder{
	line-height:31px;
	height:31px;
	margin-top:5px;
	margin-right:2px;
}

.btnActiveOrange{
	cursor: pointer;
	border: 0;
	height: 31px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	background-color: #ff9900;
}

.btnActiveOrange:hover
{
    background-color: #FF8400;
}

.btnActiveOrangeLogin{
	color:#ffffff;
	background-color: #ff9900;
	font-size:12px;
	font-family: Arial;
	display: inline-block;
	cursor:pointer;
	line-height:31px;
	height:31px;
	padding-left: 20px;	
	padding-right: 20px;	
}

#mainLayoutTable{
	margin-left:auto;
	margin-right:auto;
}

.layoutHoldingTable{
	width:1000px;
}

.blackTopBoxTable{
	height:54px;
	background-color:#000000;
	width:100%;
	table-layout:fixed;
}

#adminLogo{
	padding-top:13px;
	border-style:none;
	border-width:0px;
}

.listLinkAdminDiv{
	float:right;
	height:54px;
	text-align:left;
}

.listLinkAdminTD{
	padding:0px;
	float:left;
	margin:0px;
	height:54px;
}

.listLinkAdmin{
	color:#ffffff;
	padding-right:10px;
	padding-left:10px;
	display:block;
	height:54px;
	line-height:54px;
	vertical-align:middle;
}

.listLinkAdmin:hover{
	color:#000000;
	background-color: #ffffff;
	display:block;
	height:100%;
	cursor:pointer;
}

.listLinkAdmin:hover .listLinkAdminTalen{
	display:block;
}

.listLinkAdminTalen{
	display:none;
	background-color:#ededed;
	position:absolute;
	margin-left:-10px;
}


.UlTaal
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

.LiTaal
{
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	color:#ffffff;
	background-color:#000000;
	text-transform:none;
	}

.LiTaal:hover
{
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	color:#ffffff;
	background-color:#00a3ff;
	text-transform:none;
	}

.ImageHolderBackend{
	width:500px;
	height:250px;
	border:1px solid #dfdfdf;
	text-align:center;
	vertical-align:bottom;
	margin-bottom:10px;
	
	}
	
.ImageBackend{
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	}


#tableTopText{
	width:100%;
	height:50px;
}

#tableTopTextLeftColum{
	height: 50px;
}


#tableTopTextRightColum{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
}

.TitelTekstBlauw{
	font-size:14px;
	color:#00a3ff;
	line-height:18px;
}
	
.TekstBlauw{
	font-size:12px;
	color:#00a3ff;
	line-height:16px;
}

#tdContentHolder{
	width:1000px;
	background-color:#ffffff;
}

#bottomSpacingTD{
	height:50px;
}

#tblModuleHolder{table-layout:fixed;}

.moduleTable{cursor:pointer;}

.moduleTekstBox{padding-top:10px;padding-right:20px;}


.ModuleTitelStandaard{
	font-size:16px;
	font-weight:bold;
	color:#00a3ff;
	line-height:21px;
}

.ModuleTitelStandaardInActief{
	font-size:16px;
	font-weight:bold;
	color:#5B5B5B;
	line-height:21px;
}
	
.ModuleListStandaardInActief{
	font-size:12px;
	color:#717171;
	line-height:18px;
	list-style-image: url('/img/icons/VinkjeInactief.png');
	list-style-type: none;
	vertical-align:top;
}
	
.ModuleListStandaard{
	font-size:12px;
	color:#717171;
	line-height:18px;
	list-style-image: url('/img/icons/Vinkje.png');
	list-style-type: none;
	vertical-align:top;
}

.tblModuleTD{
	border:1px solid #dfdfdf;
	height:150px;
	width:485px;
	background-image: url('/admin/img/achtergronden/background_admin_home.jpg');
	background-repeat: repeat-x; 
	background-position: bottom;
}

.spacingTussenModulen{
	height:10px;
}

.moduleKopTD{
	padding:0px 10px 0px 10px;
	height:31px;
	font-size:12px;
	color:#ffffff;
	background-color:#b7b7b7;
	text-align:center;
	cursor:pointer;
}

.moduleKopTD:hover{
	background-color:#00a3FF;
}

.moduleKopTDActive
{
	padding:0px 10px 0px 10px;
	height:31px;
	font-size:12px;
	color:#ffffff;
	background-color:#00a3FF;
	text-align:center;
	cursor:pointer;
	margin-right: 1px;
}


.moduleKnopSpace
{
    width: 1px;
}

.tdTussenModuleKnoppenEnContent{
	border-top:1px solid #e1e1e1;
	height:20px;
	width:100%;
}

.tdModuleContent{
	width:100%;
}

.tableModuleContent{
	width:100%;
}

.tdModulePageKop{
	/*font-size:30px;
	color:#00a3ff;
	line-height:18px;
	height:18px;
	background-color: #ffffff;
	width:100%;*/
}

.tdGeenRechten{
	padding:5px;
	width:100%;
	line-height:18px;
	height:18px;
}


.moduleDataTable
{
    border:1px solid #dfdfdf;
    table-layout:fixed;
    width: 1000px;
}

.moduleNotSelectableDataTableRowRood{
	background-color: #ffd2cb;
	line-height:18px;
	height:18px;
}

.moduleDataTableRowRood{
	background-color: #ffd2cb;
	line-height:18px;
	height:18px;
}
							
							
.moduleDataTableRowRood:hover{
	background-color: #edb5b5;
	cursor:pointer;
	line-height:18px;
	height:18px;
}

.moduleDataTableRowRoodDisabled{
	background-color: #ffd2cb;
	line-height:18px;
	height:18px;
}			
							
.moduleDataTableRowRoodDisabled:hover{
	background-color: #edb5b5;
	cursor:not-allowed;
	line-height:18px;
	height:18px;
}

.moduleDataTableKop{
	background-color: #f6f6f6;
	padding:5px;
	font-weight:bold;
}

.moduleDataTableRow{
	background-color: #ffffff;
	line-height:18px;
	height:18px;
	
}
.moduleDataTableRowDark{
	background-color: #f8f8f8;
	line-height:18px;
	height:18px;
}

.moduleDataTableRowNoHover{
	background-color: #ffffff;
	line-height:18px;
	height:18px;
}
.moduleDataTableRowDarkNoHover{
	background-color: #f8f8f8;
	line-height:18px;
	height:18px;
}

.moduleDataTableRowNoPointer{
	background-color: #ffffff;
	line-height:18px;
	height:18px;
}
.moduleDataTableRowDarkNoPointer{
	background-color: #f8f8f8;
	line-height:18px;
	height:18px;
}

.moduleDataTableRow:hover{
	background-color: #eeeeee;
	cursor:pointer;
	line-height:18px;
	height:18px;
}
.moduleDataTableRowDark:hover{
	background-color: #eeeeee;
	cursor:pointer;
	line-height:18px;
	height:18px;
}

.moduleDataTableRowNoPointer:hover{
	background-color: #dbecff;
	line-height:18px;
	height:18px;
}
.moduleDataTableRowDarkNoPointer:hover{
	background-color: #dbecff;
	line-height:18px;
	height:18px;
}

.moduleDataTableCell{
	padding:5px;
}

ul.ListItem{
	font-size:14px;
	color:#5B5B5B;
	list-style-position:inside;
	}
	
li.ListItem{
	
	}
	
div.selectListHolder{
	border:1px solid #dfdfdf;
	width:100%;
	height:150px;
	overflow-y:scroll;
}

div.selectListHolderSigning{
	border:1px solid #dfdfdf;
	width:100%;
	height:150px;
	overflow-y:scroll;
	overflow-x:hidden;
}
	
div.selectListHolderGroot{
	border:1px solid #dfdfdf;
	width:100%;
	height:320px;
	overflow-y:scroll;
}

table.selectListInnerTable{
	width:100%;
	margin:0px;
	padding:0px;
	table-layout:fixed;
}
table.selectListInnerTableSigning{
	margin:0px;
	padding:0px;
	table-layout:fixed;
}

tr.selectListInnerTableRowBundel{
	background-color: #ffffff;
}

tr.selectListInnerTableRowBundel:hover{
	background-color: #DBECFF;
}

tr.selectListInnerTableRow{
	background-color: #ffffff;
	height:30px;
}

tr.selectListInnerTableRow:hover{
	background-color: #eeeeee;
	height:30px;
}

tr.selectListInnerTableRowBlue{
	background-color: #f4fbff;
	height:30px;
}

tr.selectListInnerTableRowBlue:hover{
	background-color: #eeeeee;
	height:30px;
}


tr.selectListInnerTableHeaderRow{
	
}

td.selectListInnerTableCell{
	padding:5px;
}
td.selectListInnerTableHeaderCell{
	padding-left:5px;
	padding-bottom:3px;
	font-weight:bold;
}
	
td.TdFormClassNormal{
	padding-bottom:5px;
	font-weight:normal;
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	vertical-align:middle;
}	

td.TdFormClassNormalFileEdit{
	padding-top:7px;
	font-weight:normal;
	vertical-align:middle;
}	
	
div.TdFormClassNormal{
	padding-bottom:5px;
	font-weight:normal;
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	vertical-align:middle;
}
span.TdFormClassNormal{
	padding-top:7px;
	padding-bottom:7px;
	font-weight:normal;
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	vertical-align:middle;
}	
		
td.TdFormClassTitel{
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	padding-bottom:7px;/** de bold en normal hebben deze ook **/
	font-size:18px;
	color:#00a3ff;
}	
	
div.TdFormClassTitel{
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	padding-bottom:7px;/** de bold en normal hebben deze ook **/
	font-size:15px;
	color:#00a3ff;
}	
		
td.TdFormClassSubTitel{
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	padding-bottom:7px;/** de bold en normal hebben deze ook **/
	font-size:14px;
	color:#00a3ff;
}	

td.TdFormClassBold{
	/**padding-left:5px;	/** de bold en title hebben deze ook **/
	font-weight:Bold;
	padding-top:7px;
	vertical-align:middle;
}

span.TdFormClassBold{
	font-weight:Bold;
	vertical-align:middle;
}	

table.TblFormClassNormal{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	max-width:1000px;
	width:100%;
	}
	
td.TdSelectableModuleWit{
	padding:10px;
	
	background-color: #ffffff;
	line-height:18px;
	height:18px;
	
	cursor:pointer;
	
}
tr.TrSelectableModuleBlauw{
	
	background-color: #DBECFF;
	height:39px;
	
	cursor:pointer;
}

tr.TrSelectableModuleWit
{
	background-color: #ffffff;
	height:39px;
	cursor:pointer;
}

tr.TrSelectableModuleWit:hover
{
	background-color: #eeeeee;
}

.trRowHilight{
	background-color: #ffffff;
	cursor: pointer;
}
.trRowHilight:hover{
	background-color: #eeeeee;
	cursor: pointer;
}

tr.trRowNotSelectableHilight{	
	background-color: #ffffff;
	cursor:default;
}

.accActive{
	background-color: #C9E4FF;
	cursor: pointer;
}
	
td.TdOverzichtClass{
	padding:5px;
	
	word-wrap:break-word; 
	height:24px;
	
	text-align:left;
	vertical-align:middle;
	
	}
	
td.TdOverzichtTitelClass{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;

	word-wrap:break-word; 
	
	text-align:left;
	vertical-align:middle;
	font-weight:bold;

	/** 
		padding-right:10px; 

	**/
	
	
	}
	
td.TdSelectableModuleRow{
	word-wrap:break-word;
	padding-right:5px;
	padding-left:2px;
}


tr.TrSelectableModuleRood{
	background-color: #ffd2cb;
	height:39px;	
	cursor:pointer;
}
	
tr.TrSelectableModuleRood:hover{
	margin-top:3px;
	margin-bottom:3px;
	background-color: #edb5b5;
	height:39px;
	
	cursor:pointer;
}


tr.TrSelectableModuleRoodDisabled{
	background-color: #ffd2cb;
	height:39px;	
	cursor:pointer;
}
	
tr.TrSelectableModuleRoodDisabled:hover{
	margin-top:3px;
	margin-bottom:3px;
	background-color: #edb5b5;
	height:39px;
	
	cursor:not-allowed;
}
	
	
tr.TrSelectableModuleGrijs{
	background-color: #F8F8F8;
	height:39px;
	
	cursor:pointer;
}
	
tr.TrSelectableModuleGrijs:hover{
	margin-top:3px;
	margin-bottom:3px;
	
	background-color: #eeeeee;
	height:39px;
	
	cursor:pointer;
	}
	
	
	
td.TdSelectableModuleWit:hover{
	padding:10px;
	
	background-color: #DBECFF;
	line-height:18px;
	height:18px;
	
	cursor:pointer;
	
}	
	
td.TdSelectableModuleGrijs{
	padding:5px;
	
	background-color: #F8F8F8;
	line-height:18px;
	height:18px;
	
	cursor:pointer;
	
	}
td.TdSelectableModuleGrijs:hover{
	padding:5px;
	
	background-color: #DBECFF;
	line-height:18px;
	height:18px;
	
	cursor:pointer;
	
	}
	
img.sortArrow{
	margin-bottom:3px;
	border: 0px none;
	cursor:pointer;
}

.tdFrameBanner{
	height:300px;
	max-height:300px;
	max-width:600px;
	vertical-align:middle;
	text-align:center;
	padding-bottom: 10px;
    margin-right: 10px;
    padding-top: 10px;
	}
.ImgAfbeeldingBannner
{
	max-height:300px;
	max-width:600px;
	}
	
.ImgAfbeelding{
	height:100%;
	}

#tblExcelTemplateVelden td
{
	padding-right:20px;
	}

/** GRAFIEK **/
.grafiekKolomBarHolder{
	vertical-align:bottom;
	padding-right:5px;
}

.grafiekBarTable{
	table-layout:fixed;
	width:40px;
	margin-left:auto;
	margin-right:auto;
}

.grafiekBarClickable:hover .grafiekBarTopOverlay{
	background-image:url('/img/staaf_bovenOverlay_hover.png');
	cursor:pointer;
}

.grafiekBarClickable:hover .grafiekBarVulling{
	background-image:url('/img/staaf_vulling_hover.png');
	cursor:pointer;
}

.grafiekBarClickable:hover .grafiekBarBottom{
	background-image:url('/img/staaf_onderkant_hover.png');
	cursor:pointer;
}

.grafiekBarTopOverlay{
	position:absolute;
	margin-top:-8px;
	width:40px;
	height:17px;
	font-size:1px;
	line-height:1px;
	background-image:url('/img/staaf_bovenOverlay.png');
}

.grafiekBarVulling{
	vertical-align:top;
	background-image:url('/img/staaf_vulling.png');
}

.grafiekBarBottom{
	height:8px;
	font-size:1px;
	line-height:1px;
	background-image:url('/img/staaf_onderkant.png');
}

.grafiekKolomAantal{
	padding-top:5px;
	font-weight:bold;
	text-align:center;
	padding-right:5px;
}
.grafiekKolomNaam{
	text-align:center;
	padding-right:5px;
}

.grafiekTekstClickable{
	color:#00a3ff;
}

.grafiekTekstClickable:hover{
	cursor:pointer;
	color:#717171;
}


/** EIND GRAFIEK **/

.tblMenu
{
	table-layout:fixed;
	width:100%;
	}
	
.tblSeo
{
	table-layout:fixed;
	width:100%;
	}

.OverzichtTitel
{
    padding:15px 0px 30px 0px;	
	font-size:30px;
	color:#00a3ff;
	line-height:18px;
	height:18px;
	Float:left;
}

.w100pct{
	width: 100%;
}

.w80px{
	width: 80px;
}

.w140px{
	width: 140px;
}

.clsInput{
	width: 100%;
}

.alignRight{
	text-align: right;
}

.spacer{
	margin:0px;
	height:20px;
}

.divTooltipHolder{
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	color: #ffffff;
	background-color: #00A3FF;
	position: absolute;
	z-index: 20;
	margin-top: 15px;
	width: 250px;
	margin-left: 0px;
	display: none;
	line-height: 22px;
}

.tblFormClassNormalBorder
{
	table-layout:fixed;
	border:1px solid #dfdfdf;
}

/* ------------------------------------------ */
/*        Image mouse over pop-up             */
/* ------------------------------------------ */
#imgbox
{
	position: fixed;
	display: none;
	width: 201px;
	height: 201px;
	left: 270px;
	top: 280px;
}

/*Image Title Styling*/

.title_h2 {
 padding:12px 0 0 18px;
}
h2 {
	font-size:14px;
	padding:0;
	margin:0;
	font-family: "century gothic";
}


/* ------------------------------------------ */
/*           Drag and Drop Mappen             */
/* ------------------------------------------ */

.placeholder {
    outline: 1px dashed #4183C4;
}
.mjs-nestedSortable-error {
    background: none repeat scroll 0 0 #FBE3E4;
    border-color: rgba(0, 0, 0, 0);
}
ol {
    margin: 0;
    padding: 0 0 0 30px;
}
ol.sortable, ol.sortable ol {
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 0;
}
ol.sortable {
    margin: 4em 0;
}
.sortable li {
    margin: 5px 0 0;
    padding: 0;
}
.sortable li div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #D4D4D4 #D4D4D4 #BCBCBC;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: move;
    margin: 0;
    padding: 6px;
}
.sortable li.mjs-nestedSortable-branch div {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F6F6F6 47%, #F0ECE9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.sortable li.mjs-nestedSortable-leaf div {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F6F6F6 47%, #BCCCBC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #999999;
}
.disclose {
    cursor: pointer;
    /*display: none;*/
    width: 10px;
}
.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}
.sortable li.mjs-nestedSortable-branch > div > .disclose {
    display: inline-block;
}

.sortable li.mjs-nestedSortable-collapsed > div > table > tbody > tr > td > .disclose > span:before {
	content: '+ ';
}

.sortable li.mjs-nestedSortable-expanded > div > table > tbody > tr > td > .disclose > span:before {
	content: '- ';
}

.accActive .clsDragHandle{
	background-image: url('/img/icons/dragdrop_handle_big.png');
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 35px;
}
.trRowHilight:hover .clsDragHandle{
	background-image: url('/img/icons/dragdrop_handle_big.png');
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 35px;
}

.trRowGradient{
	/*background-image: url('/img/gradients/row_gradient_1x62.png');*/
	background-repeat: repeat-x;
	background-position: left bottom;
}
.trRowGradient:hover{
	background-image: url('');
}
.trRowGradientNoHover{
	background-image: url('/img/gradients/row_gradient_1x62.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}
.displayNone{
	display: none;
}


/* ------------------------------------------ */
/*                myAlertBox                  */
/* ------------------------------------------ */

#myAlertBG{
    display:none;
    z-index:15000;
    left:0px;
	top:0px;

	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.80;
	
	/*Anders als IE*/
	position: fixed;
	width:100%;
	height:100%;
	margin:0px;
	
	/*Voor IE*/
	_position: absolute;
	_width:expression(eval(document.body.clientWidth));
	_height:expression(eval(document.body.clientHeight));
	
	_top: expression(eval(document.body.scrollTop));
	_left: expression(eval(document.body.scrollLeft));	
}

#myAlert{
    z-index:15010;
    position: fixed;
    display:none;
	top: 50%;
	width:100%;
	left:0;
	
	overflow:hidden;
	padding:0px;
	margin:0px;
	
	/* voor IE */
	_position: absolute;	
    _top: expression(eval(document.body.scrollTop) + (eval(document.body.clientHeight/2)));
}

#myAlertHolderTable{
	width:100%;
	height:100%;
	background-color: #00A3FF;
}

#myAlertContentHolder{
	color:#ffffff;
	padding-top:50px;
	padding-bottom:55px;
	width:1200px;
}

#myAlertButtonHolder{
	padding-top:25px;
	width:1200px;
	}
h1.myAlert{
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 38px;
	font-weight: normal;
}
#myAlertContentHolder li{
	line-height: 25px;
	font-size: 14px;
}

/* ------------------------------------------ */
/*      Campagne/Mappen bestanden beheer      */
/* ------------------------------------------ */
.lijn-onder{
	border-bottom: 1px solid #dfdfdf;
}
.lijn-boven{
	border-top: 1px solid #dfdfdf;
}
.lijn-rechts{
	border-right: 1px solid #dfdfdf;
}
.lijn-links{
	border-left: 1px solid #dfdfdf;
}
.lijn{
	border: 1px solid #dfdfdf;
}
.w250px{
	width: 250px;
}
.floatLeft{
	float: left;
}
.ml250px{
	margin-left: 250px;
}
.clsHeaderOpen{
	padding: 25px;
	font-size: 14px;
	font-weight: bold;
}
.oys{
	overflow-y: scroll;
}
.posRel{
	position: relative;
}
.posAbs{
	position: absolute;
}
.clsHeaderColored{
	border-bottom: 1px solid #FFFFFF;
	background-color: #00A3FF;
	color: #FFFFFF;
	padding: 25px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.clsItem{
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #000000;
	padding: 5px;
	font-size: 13px;
	cursor: pointer;
}
.clsItem span{
	color: #8c8b8b;
}
.clsHeaderColoredWarning{
	border-top: 1px solid #FFFFFF;
	background-color: #ff3f3f;
	color: #FFFFFF;
	padding: 25px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.l50pct{
	left: 50%;
}
.pb4{
	padding-bottom: 4px;
}
.accActive .clsDragHandle{
	/*background-image: url('/img/icons/dragdrop_handle_big.png');*/
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 35px;
}
.w10px{
	width: 10px;
}
.h16px{
	height: 16px;
}
.clsRowHeaderText{
	font-size: 13px;
	line-height: 35px;
}
.clsRowInfoText{
	vertical-align: middle;
	color: #737373;
}
.pt5{
	padding-top: 5px;
}
.pb5{
	padding-bottom: 5px;
}



/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* oude stijlen voor overname naar nieuwe set */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */


.h1DarkBlue{
	color: #0f1b51;
	font-size: 22px;
	/*line-height: 0px;*/
}

.h2Black{
	color: #000000;
	font-size: 14px;
	/*line-height: 0px;*/
	margin: 0px;
}

.lineDarkGray{
	height: 1px;
	background-color: #cccccc;
}

.contentLink{
	color: #69a7d8;
}

.contentLink:hover{
	color: #69a7d8;
	text-decoration: underline;
}

.selectedGrayLight{
	background-color: #dbecff;
}

.selectableGrayLight{
	background-color: #ffffff;	
}

.selectableGrayLight:hover{
	background-color: #dbecff;
}

.bgGrayLight{
	background-color: #e9e9e9;
}

.bgGrayMedium{
	background-color: #e8eded;
}

.selectedGrayDark{
	background-color: #dbecff;
}

.selectableGrayDark{
	background-color: #f8f8f8;	
}

.selectableGrayDark:hover{
	background-color: #dbecff;
}

.selectedRed{
	background-color: #c43731;
	color: #FFFFFF;
}

.selectableGrayRed{
	background-color: #e6e6e6;
	color: #999999;
}

.selectableGrayRed:hover{
	background-color: #c43731;
	color: #FFFFFF;
}

.selectableRed:hover{
	background-color: #c43731;
}

.selectableBlue:hover{
	background-color: #76c5ef;
}


.doubleArrowUp{
	background-image: url('/admin/img/elementen/doubleArrowUp.png');
}

.doubleArrowDown{
	background-image: url('/admin/img/elementen/doubleArrowDown.png');
}

.expandCollapseLeesvenster{
	border: solid 2px transparent;
	background-color: transparent;
}

.expandCollapseLeesvenster:hover{
	border: solid 2px #aeaeae;
	background-color: #e9e9e9;
}

.listLink{
	list-style-type: none;
	background-image: url('/admin/img/iconen/arrow_darkblue.png');
	color: #0f1b51;
}

.listLink:hover{
	background-image: url('/admin/img/iconen/arrow_red.png');
	color: #c43731;
}

.listKernwaarden{
	font-size: 22px;
	line-height: 30px;
	list-style-image: url('/admin/img/iconen/bullet_kernwaarden.png');
	color: #0f1b51;
}

.listFooter{
	list-style-type: none;
	color: #69a7d8;
}

.listFooter:hover{
	list-style-image: url('/admin/img/iconen/arrow_listitem.png');
	color: #0f1b51;
	cursor: pointer;
}

.listFooterNieuw{
	list-style-type: none;
	color: #c43731;
}

.listFooterNieuw:hover{
	list-style-image: url('/admin/img/iconen/arrow_listitem.png');
	cursor: pointer;
}

.listMenu{
	list-style-type: none;
	color: #0f1b51;
}

.listMenu:hover{
	list-style-image: url('/admin/img/iconen/arrow_listitemmenu.png');
	color: #69a7d8;
	cursor: pointer;
}

.listMenuActive{
	list-style-image: url('/admin/img/iconen/arrow_listitemmenu.png');
	list-style-type: none;
	color: #69a7d8;
}

.bgButtonLichtblauwLinks{
	background-image: url('/admin/img/elementen/btnKnopLichtblauw_links.png');
}

.bgButtonLichtblauwMidden{
	background-image: url('/admin/img/elementen/btnKnopLichtblauw_midden.png');
}

.bgButtonLichtblauwRechts{
	background-image: url('/admin/img/elementen/btnKnopLichtblauw_rechts.png');
}

.bgSchaduwSplitsingContentEnLinks{
	background-image: url('/admin/img/achtergronden/achtergrond_schaduw_splitsing_content_en_links.png');
}

.bgButtonEnquete{
	background-image: url('/admin/img/achtergronden/achtergrond_button_enquete.png');
}

.bgMainWindowShadowLeft{
	background-image: url('/admin/img/achtergronden/achtergrond_links_schaduw.png');
}

.bgMainWindow{
	background-image: url('/admin/img/achtergronden/achtergrond_midden.png');
}

.bgMainWindowShadowRight{
	background-image: url('/admin/img/achtergronden/achtergrond_rechts_schaduw.png');
}

.borderIMGLeftTop{
	background-image: url('/admin/img/elementen/input_rand_linksboven.png');
}

.borderIMGRightTop{
	background-image: url('/admin/img/elementen/input_rand_rechtsboven.png');
}

.borderIMGLeftBottom{
	background-image: url('/admin/img/elementen/input_rand_linksonder.png');
}

.borderIMGRightBottom{
	background-image: url('/admin/img/elementen/input_rand_rechtsonder.png');
}

.tdBgMenuBlokVlak{
	background-image: url('/admin/img/elementen/menu_blok_vlak.png');
}

.tdBgMenuBlokVlak:hover{
	background-image: url('/admin/img/elementen/menu_blok_vlak_mouseover.png');
	cursor: pointer;
}

.tdBgMenuBlokVlakGeselecteerd{
	background-image: url('/admin/img/elementen/menu_blok_vlak_mouseover.png');
}

.tdBgMenuBlokVlakGeselecteerd:hover{
	cursor: pointer;
}

.bgContentVlakKlein{
	background-image: url('/admin/img/achtergronden/achtergrond_content_vlak_klein.png');
}

.bgContentVlakGroot{
	background-image: url('/admin/img/achtergronden/achtergrond_content_vlak_groot.png');
}

.bgMenuBlok{
	background-image: url('/admin/img/elementen/menu_blok.png');
}

.bgCoachAfgerondeRand{
	background-image: url('/admin/img/elementen/coach_afgeronde_rand_onder.png');
}

		
.UlStandaard{
	text-align:inherit;
	vertical-align:text-top;
}

.SelectBox{
	font-size:14px;
	color:#717171;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	padding-top:5px;
	height:35px; 
	line-height:18px;
}

.bgCalendarBoxDaySelected{
	background-image: url('/img/achtergronden/bgTabAct.gif');
}

div.FeedbackLabel{
	float:right;
	background-image:url('/Feedback/img/feedback.png');
	width:35px;
	height:125px;
}

table.tblFeedbackBody{
	width:425px;
	table-layout:fixed;
}

td.feedbackVeldTekst{
	line-height:25px;
	vertical-align:middle;
	font-size:14px;
}

.feedbackTextarea
{ 
	padding:10px;
	font-size:13px;
	color:#bdbdbd;
	font-style:italic;
	width:100%;
	height:115px;
	border:1px solid #bdbdbd;
	overflow:hidden;
	}
	
.feedbackverzend
{
	height:30px;
	line-height:30px;
	font-size:12px;
	vertical-align:middle;
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	float:right;
	}
	
.feedbackClose
{
	height:45px;
	width:45px;
	background-image:url('/Feedback/img/close.png');
	float:right;
	}