﻿body
{
/*	background:url(../SiteCollectionImages/sitebg_1060.png) #b0d3f3 repeat-y center top;*/
	background:url(../SiteCollectionImages/Website%20Images/BodyBackground_FullScreen.png) #ffffff no-repeat center top;
	margin:0px;
}
body, table, span
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
}

.clsContainer
{
	/* border:1px solid red;*/
	min-width:640px;
	max-width:990px;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px auto;
}


.sharepointLogin{
	display:none;
}

.clsLogoBar{
	height:70px;
	overflow:hidden;
}

/*custom logo styles*/
.clsLogoArea{
	width:280px;
	overflow:hidden;
		
	margin-top:10px;
	margin-bottom:10px;
	}
.clsLogoArea img{
	float:left;
}

.clsLogoArea h1{
	float:left;
	font-size:20px;
	font-weight:bold;
	color:navy;
	position:relative;
	left:20px;
	margin-top:20px;
}

.clsMicrosoftGoldPartner{
	margin-right:0px;
	margin-top:10px;
}

.clsHeader
{
	/*header plaatje gaat voortoon via pagelayout .. default of keuze*/
	/*background:url(../SiteCollectionImages/Website%20Header%20Images/Algemeen/WebsiteHeader-ItsAPleasureRunningBusiness.png) #77ae12 left no-repeat;*/
	text-align:right;
	height:200px;
	overflow:hidden;
}
/*
.clsHeader img
{
	margin-top:60px;
}   
*/
#tdLeft
{
width:220px;
overflow:hidden;
vertical-align:top;
padding-right:0px;
}
.clsLeft_small
{
/*background:green;*/

}

#tdMain
{
padding-left:20px;
padding-right:0px;
vertical-align:top;

} 



#tdMain h1{
	font-size:24px;
	font-weight:bold;
	color:#000099;
	margin:0px;
	margin-bottom:10px;
}

#tdMain h2, #tdMain h3{
	font-size:16px;
	font-weight:bold;
	color:#3366CC;
	margin:0px;
	margin-bottom:6px;
}
#tdMain p, #tdMain table p{
	margin-top:0px;
	padding-top:0px;
	line-height:22px;
}
#tdMain ul, #tdMain ul li{
	margin-top:0px;
	line-height:22px;
}


#tdMain p a, #tdMain ul a, #tdMain h2 a, .clsWebLink{
	color:navy;
	font-weight:bold;
	text-decoration:none;
}
#tdMain p a:hover, #tdMain ul a:hover, #tdMain h2 a:hover, .clsWebLink:hover{
	text-decoration:underline;
}

.slm-layout-main a{
	color:navy;
	font-weight:bold;
	text-decoration:none;
}
.slm-layout-main a:hover{
	text-decoration:underline;
}


 

/*Extra info blok, rechts*/
.clsContentExtraInfo{
	float:right;
	
	background:#EEEEEE;
	
	color:#4c4c4c;
	width:225px;
	
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
	margin-right:0px;
	padding:0px;
	padding-bottom:10px;
	border:1px solid silver;
}
.clsContentExtraInfo p{
	padding-left:10px;
	padding-right:10px;
	margin-top:4px;
}
.clsContentExtraInfo img{
	/*border:1px solid black;*/
	position:relative;
	left:-2px;
}

.clsContentExtraInfo a{
	font-size:13px;
	font-weight:bold;
	color:navy;
	text-decoration:none;
}
.clsContentExtraInfo a:hover{
	text-decoration:underline;
}

.clsContentExtraInfoHeader{
	background:url(../SiteCollectionImages/GradientBar1.png) lightblue;
	color:white;
	font-weight:bold;
	
	text-align:left;
	display:block;
	padding:3px;
	padding-left:12px;
	
	margin-bottom:8px;
}

/*summary links render as a div*/
.clsContentExtraInfo div{
	padding-left:2px;
	padding-top:0px;
	padding-bottom:0px;
		
	margin-top:0px;
	margin-bottom:0px;
}
.clsContentExtraInfo .link-item{
	margin-top:4px;
}
.clsContentExtraInfo .description{
	
	padding:0px;
	padding-right:10px;
}










/*Breadcrumb*/
.breadcrumb
{
    font-family: Tahoma; 
    color: #656b77;
    clear:both;
    font-size:9pt; 
    font-family: Tahoma; 
    padding-left:7px;
    padding-bottom:20px;
    padding-top:4px;
    margin-top:10px;
    margin-bottom:10px;
    background:url(../SiteCollectionImages/GrijsVerloop.png) transparent repeat-x bottom;
}
.breadcrumb a, .breadcrumb:active, .breadcrumb a:active
{
	padding-left:0px; 
	padding-right: 0px; 
	text-decoration:none; 
   	color: #656b77;
}
.breadcrumb a:hover
{
	text-decoration:underline; 
}
.breadcrumbCurrent
{
	font-weight:bold; 
}

div.ms-pagebreadcrumb, td.ms-pagebreadcrumb
{
	display:none;
}











/*Left side main navigation*/

.leftNav
{
	margin-right:0px; 
	margin-left:0px; 
	margin-top:0px;
	padding-top:0px;
	border:1px solid #8997BC; /*#8997BC */
	width:100%;
	border:1px solid silver;
	border-top:6px solid silver;
	border-bottom:6px solid silver;
	/*background-color: #D0D6E3; D0D6E3*/
	background:url(../SiteCollectionImages/Website%20Images/MenuBackground_BlueGradient.png) navy repeat-x;

}
.leftNavSpacer
{
	
}
.leftNav1, .leftNav2, .leftNav3
{
	color:white ;  /*#354260*/
	width:100%;

}
.leftNav1
{
	border-bottom:1px solid white;
	font-family: Tahoma;  
	font-size: 8pt; 
	font-weight:bold; 
	line-height:16pt;

}
.leftNav1 a
{
	font-family: Tahoma;  
	font-size: 9pt; 
	font-weight:bold; 
	padding-left:5px; 
	
	padding-right:10px; 
}
.leftNav2
{	
	background: #999999;
	/*background:url(../SiteCollectionImages/Website Images/SubMenuBackground_GrayGradient.png) silver repeat-y;*/
	font-family: Tahoma;  
	font-size: 8pt; 
	line-height:15pt;
}
.leftNav2 a
{
	padding-left:10px; 

	padding-right:10px; 
}
.leftNav3
{	
	background: #999999;
	
	font-family: Tahoma;  
	font-size: 8pt; 
	line-height:15pt;
}
.leftNav3 a
{
	padding-left:18px; 

	padding-right:10px; 
}
.leftNavHover
{
	background-color: #596E9E;
	color:#FFFFFF;
}
.leftNavFlyOuts
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid; 
	border-right:1px #CBD1E0 solid;	
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}
.leftNavFlyOutsHover
{
	background-color: #B2BCD3;
}


.leftNavSelected
{
	background-color: #0667aa; /* origineel: #B2BCD3 */
	background:url(../SiteCollectionImages/Website%20Images/MenuItemSelectedBackground_GreenGradient.png) silver repeat-x;
	color: #ffffff; /* #F4F5F9*/
	border-top:1px silver solid;
	border-bottom:1px silver solid;
	width:100%;
		
	/*line-height:15pt;*/
}
.leftNavSelected a
{
	color:white; /*tys*/
}



/************************************ Search *****************************************************/

.search
{
    margin:6px 2px 5px 2px;
    float:right;
    width:160px;
    text-align:left;
    
    
    display:none;
}
.search .ms-sbcell .ms-sbplain
{
    margin-right:2px;
    margin-left:2px;
    border:1px #555555 solid;
    height:14px;
}
.search .ms-sbcell
{
    border:none;
    font-weight:normal; 
    font-size:8pt; 
    color: #3A4663;
    padding:0px;
}
.search .ms-sbgo
{
    background:none;
}


/***/
.image-area-top {
padding-bottom:5px;
}
.image{
border:0;
}
.description{
	margin-top:5px;
	margin-bottom:5px;
}



.AGP-Header-Date{
	color: #569025;
	font-weight:bold;
	font-size:13px;
	margin-bottom:10px;
}



.clsNewsArchiveLink{
	font-size:12px;	
	font-weight:bold;
}

.clsNewsArchiveLinkPanel{
	border:0px;
	margin-bottom:10px;
}


/************************************ Helpdesk - servicepack downloads - styles ******************/

.clsServicepack{
	width:100%;
	margin-bottom:20px;	
	border-top:2px solid navy;
	padding-top:10px;
}
.clsServicepackTitle{
	font-weight:bold;				
	float:left;
}
.clsServicepackDate{	
	float:right;
	width:160px;
	text-align:right;
}
.clsServicepackVersion{
 	float:right;
 	margin-right:100px;
}
.clsServicepackInfo{
	margin-top:10px;
	display:block;
	width:100%;
}

.clsDownloadTable th, .clsDownloadTable td{
	padding:2px;
	margin:0px;
	text-align:left;
}
.clsDownloadTable td span{
	margin-right:25px;
}
.clsDownloadTable img{
	border:0px;
}

.clsLogin{
	border:1px solid silver;
	padding:4px;
	margin-left:80px;
}
.clsLogin, .clsLogin td{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	font-size:13px;
	color:black;
}
.clsLogin td{
	text-align:left;
	height:24px;
}
.clsLogin table{

	background:#EFEFEF;
}
.clsLoginStatus, .clsLoginStatus td{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.clsNTRButton{
	width:185px;
	float:left;
}
.clsNTRButton span{
	font-weight:bold;
	margin-bottom:5px;
}





.clsTextBox{
	text-align:left;
	width:200px;
	border:1px solid silver;
}

.clsRequiredFieldValidator{
	position:relative;
	top:-2px;
	margin-left:4px;
}
.clsButton{
	float:left;
	margin-top:10px;
	margin-right:20px;
	padding:1px;
	padding-left:30px;
	border:0px solid silver;
	cursor:pointer;
	background:url(../SiteCollectionImages/Website%20Images/ButtonBackground_Off.png) transparent no-repeat left;
	height:32px;
	width:190px;
	color:white;
	font-weight: bold;
}


.clsSmallForm{
	display:block;
	width:250px;
	background:#D0D6E3;
	padding:10px;
}
.clsSmallForm span{
	width:100%;
	display:block;	
}
.clsSmallFormHeader{
	font-weight:bold;
	margin-bottom:4px;
}



.clsPageForm{
	margin-top:30px;
	padding:10px;
	padding-left:100px;
	background:#0d1755;
	background:url(../SiteCollectionImages/Website%20Images/MenuBackground_BlueGradient.png) navy  repeat-x center;
}
.clsPageForm TD{
	padding-right:10px;
}

.clsPageForm input, .clsPageForm select{
	width:183px;
}

.clsPageFormHeader{
	color:white;
	font-size:16px;
	font-weight:bold;
}
.clsPageFormDescription{
	color:white;
	display:block;
	border-bottom:1px solid silver;
	margin-bottom:4px;
	padding-bottom:4px;
}

.clsPageFormButtonTable{
	border-top:1px solid silver;
	width:100%;
	margin-top:10px;
}
.clsPageForm .clsLabel{
	color:white;
}
.clsPageForm .clsButton{
	background:url(../SiteCollectionImages/Website%20Images/ButtonBackground_BlueForm_On.png) transparent no-repeat left;
	width:187px;
}


.clsFormMessage{
	font-size:13px;
	width:100%;
	background:url(../SiteCollectionImages/GrijsVerloop.png) transparent repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	display:block;
}

.clsBeursAankondiging{
	
}

.clsBeursAankondiging div{
	margin:0px;
	padding:0px;
}
.clsBeursAankondiging span{
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	color:gray;
	display:block;
}


/* FAQ */
.clsFAQ {
	clear:both;
	display:block;
}

.clsFAQ table td, .clsFAQ table th{
	padding:0px;
	margin:0px;
	padding-right:2px;
}


.clsFAQ .ms-vb2{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	
	font-size:16px;
	font-weight:bold;
	color:#3366CC;
}

.clsFAQ .ms-viewheadertr{
	display:none;
}

.clsFAQ .ms-alternating{
	background:#EEEEEE;
}

.clsFAQ img{
	margin-bottom:0px;
}










/*Site actions */

.siteActionMenu
{
	position:relative;
	top:3px;
	float:right;
}


.ms-siteaction,.ms-siteaction a{
font:8pt Tahoma;
font-weight:bold;
color:#666666;
text-decoration:none;
}
table.ms-siteaction td.ms-siteaction{
border-right:solid 1px #bfbfbf;
}
table.ms-siteaction td.ms-siteaction div{
padding:3px 8px 3px 8px;
border-right:solid 1px #FFFFFF;
}
.ms-siteactionsmenu{
white-space:nowrap;
font:8pt Tahoma;
padding:0;
border:none;
cursor:pointer;
}
.ms-siteactionsmenu div div div{
background-image:url("/_layouts/images/siteactionsmenugrad.gif");
background-repeat:repeat-x;
border-top:1px solid #6593cf;
border-left:1px solid #6593cf;
border-right:1px solid #6593cf;
background-color:#6593cf;
padding:1px 4px 3px 10px;
}
.ms-siteactionsmenu div div div a{
color:#FFFFFF;
font-weight:bold;
}
.ms-siteactionsmenu div div div.ms-siteactionsmenuhover{
background-image:url("/_layouts/images/siteactionsmenuhovergrad.gif");
border-top:1px solid #89724f;
border-left:1px solid #89724f;
border-right:1px solid #89724f;
background-color:#ffa521;
}
.ms-actionbar{
background-color:#FFFFFF;
border:1px solid #6f9dd9;
padding-top:1px
}
.ms-actionsep{
height:8px;
border-right:1px solid #6f9dd9;
}



/*menu ui items (site actions, my links, my login pulldown)*/


.ms-SrvMenuUI
{
display:none;
}
.ms-MenuUIPopupBody
{
border:1px solid #868686;
margin:0px;
padding:0px;
}
.ms-MenuUIPopupBody TABLE
{
color:#003399;
font-size:100%;
margin:0px;
padding:0px;
}
.ms-MenuUIPopupBody div
{
cursor:pointer;
}
.ms-MenuUI,.ms-MenuUILarge,.ms-MenuUIRtL,.ms-MenuUILargeRtL
{
background-color:#fafafa;
background-repeat:repeat-y;
cursor:pointer;
}
.ms-MenuUI,.ms-MenuUILarge
{
background-position:left;
}
.ms-MenuUIRtL,.ms-MenuUILargeRtL
{
background-position:right;
}
.ms-MenuUI
{
background-image:url("/_layouts/images/MGrad.gif");
}
.ms-MenuUILarge
{
background-image:url("/_layouts/images/MGradLarge.gif");
width:250px;
}
.ms-MenuUIRtL
{
background-image:url("/_layouts/images/MGradRtl.gif");
}
.ms-MenuUILargeRtL
{
background-image:url("/_layouts/images/MGradLargeRtl.gif");
width:250px;
}
.ms-MenuUIDisabled SPAN
{
color:#888888;
}
.ms-MenuUIItemTableCell,.ms-MenuUIItemTableCellCompact
{
padding:2px;
color:#003399;
text-decoration:none;
font-size:8pt;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.ms-MenuUIItemTableCellCompact
{
padding:1px 2px 1px 2px;
}
.ms-MenuUIItemTableCell A,.ms-MenuUIItemTableCellHover A,.ms-MenuUIItemTableCellCompact A,.ms-MenuUIItemTableCellCompactHover A
{
color:#003399;
text-decoration:none;
}
.ms-menuitemdescription
{
color:#666666;
}
.ms-MenuUIItemTableCellHover,.ms-MenuUIItemTableCellCompactHover
{
padding:1px;
color:#003399;
text-decoration:none;
font-size:8pt;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.ms-MenuUIItemTableCellCompactHover
{
padding:0px 1px 0px 1px;
}
.ms-MenuUIItemTableHover
{
background-color:#ffe6a0;
border:1px solid #d2b47a;
}
.ms-MenuUIItemTableHover .ms-menuitemdescription
{
color:#333333;
}
.ms-MenuUIIcon,.ms-MenuUIIconRtL
{
height:16px;
width:24px;
}
.ms-MenuUIIconLarge,.ms-MenuUIIconLargeRtl
{
height:16px;
width:40px;
}
.ms-MenuUIIcon,.ms-MenuUIIconLarge
{
padding:
0px 
6px 
0px 
2px;
}
.ms-MenuUIIconRtL,.ms-MenuUIIconLargeRtl
{
padding:
0px 
2px 
0px 
6px;
}
.ms-MenuUILabel,.ms-MenuUILabelRtL,.ms-menuuilabelcompact,.ms-menuuilabelcompactRtl
{
width:100%;
}
.ms-MenuUILabel
{
padding:
2px 
0px 
3px 
6px;
}
.ms-MenuUILabelRtL
{
padding:
2px 
6px 
3px 
0px;
}
.ms-menuuilabelcompact{
padding:1px 0px 1px 7px;
}
.ms-menuuilabelcompactRtl{
padding:1px 7px 1px 0px;
}
.ms-MenuUISubmenuArrow
{
height:16px;
width:16px;
}
.ms-MenuUISeparator,.ms-MenuUISeparatorRtL,.ms-MenuUISeparatorLarge,.ms-MenuUISeparatorLargeRtl
{
background-color:#c5c5c5;
font-size:1px;
height:1px;
line-height:1px;
}
.ms-MenuUISeparator
{
margin:
0px 
0px 
0px 
32px;
}
.ms-MenuUISeparatorRtL
{
margin:
0px 
32px 
0px 
0px;
}
.ms-MenuUISeparatorLarge
{
margin:0px 0px 0px 48px;
}
.ms-MenuUISeparatorLargeRtl
{
margin:0px 48px 0px 0px;
}
.ms-MenuUICheckMark
{
background-image:url("/_layouts/images/ChkMrk.gif");
}
.ms-MenuUIItemTableCellDisabled
{
color:#999999;
}

.slm-dragdrop-source{ 
behavior: url(/_layouts/1033/cmsslwpdragdropsource.htc);
}
.slm-layout-main{
width:100%;
padding:0px;
margin:0px;
border:0px;
}
.slm-edit-ecb {
width:40px;
}
.slm-edit-ecb div {
vertical-align:middle; 
height:23px;
padding:2px 0px 0px 2px;
}
.slm-edit-link {
vertical-align:top; 
padding:1px 0px 0px 1px;
}
.slm-display-link{
vertical-align:top; 
padding:0px;
}


/*Deze 'console' is de toolbar die verschijnt zodra je een pagina gaat bewerken.*/
.console
{
	clear:both;
}

.clsFooter{
	margin-top:40px;
	clear:both;
	width:100%;
	display:block;
	color:silver;
}

/************************************  table styles **********************************************/


.AGPTable
{
border:1px solid black;
border-spacing:0px;

font-family:Tahoma;
font-size:11px;
margin-top:4px;
margin-bottom:4px;
}
.AGPTable thead th, .AGPTable tfoot th
{    
padding:8px;
padding-left:4px;
text-align:left;
}    



.AGPTable thead 
{ 
background:#374297; 
}     
.AGPTable thead th
{ 
border-bottom:1px solid black;
color:white;
font-weight:bold;

}
   
   
.AGPTable tbody th
{ 
background:#EEEEEE;
vertical-align:top;
text-align:left;
padding:0px;
padding-left:4px;
   }
   
.AGPTable td
{
vertical-align:top;
padding-left:4px;
padding-right:14px;
padding-top:4px;
padding-bottom:4px;
}

.AGPTable tfoot 
{ 
background:#80b8f0;
} 

.AGPTable tfoot th
{ 
border-top:1px solid black;
} 




/************************************  development styles  ***************************************/
.divDebug{
	background:lime;
	color:white;
	font-weight:bold;
	padding:20px;
	
	display:none;
}
