/* CSS Document */

html {

	height: 100%;
}

/* Basis */
body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin: 0px;
	color: #777;	
	text-align: center;
	height:100%;
	background-color:#f1f0f0;
}

.ms-WPBody
{
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 12px;
}
.ms-WPBody A:link
{
    color:#777;
}
.ms-WPBody A:hover
{
    text-decoration: underline;
}
p
{
    font-size: 12px;
    line-height: 16px;
}

ol, ul, li, img
{
	margin: 0;
	padding: 0;
	border: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#s4-workspace
{
    height: 100%;
    width: 100%;
    display:block;
    background: transparent;
}
#s4-bodyContainer
{
    width: 100%;
    float:left;
    height: auto;
    min-height: 70%;
    display:block;
    text-align: center;
    background: #fff;
}


#mainContainer
{
    width:100%;
    text-align:center;
    display: block;
    float:left;
    background: #fff;
}

#main 
{
	background-color: #FFFFFF;
	width: 994px;
	margin: 0 auto;
	text-align:left;
	display: block;
}

#banneringContainer
{
    width: 100%;
    display:block;
    text-align: center;
    float:left;
}

#bannering
{
    width: 994px;
    display:block;
    height: 135px;
    margin: 0 auto;
    text-align:left;
}

#bannering img
{
    width:994px;
    min-height: 135px;
}

#leftSide {
	
width:186px;
margin-left:25px;
margin-right: 25px;
float:left;
display:block;
margin-bottom: 30px;
}

.secondaryTitle
{
    background: #f1f0f0 url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat 0 0; /* secondaryTitle */
    background-position: 0px -7744px; width: 186px; height: 40px;
    text-align: center;
    padding-top: 10px;
    padding-bottom:10px;
    color:#293e6b;
    display:block;
    margin-bottom: 20px;
}
.secondaryTitleLink
{
   font-size: 20px;
   font-weight: bold;
   line-height: 20px;
   margin: 0 auto;
}
.secondaryTitleLink a
{
    color: #293e6b;
}

#mainContent
{
    width: 758px;
    float:left;
    display:block;
}

/* cookie */
#cookieContainer {
    width: 100%;
    display: none;
    background: #002855;
    color: white;
    PADDING-TOP: 10px;
    height: 80px;
}

#cookieBlock {
    width: 944px;
    display: block;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
}

#cookieTitle {
    FONT-SIZE: 17px;
    WIDTH: 250px;
    VERTICAL-ALIGN: top;
    DISPLAY: inline-block;
}

#cookieDescription {
    WIDTH: 450px;
    DISPLAY: inline-block;
}

#cookieLinks {
    WIDTH: 215px;
    DISPLAY: inline-block;
    FLOAT: right;
    color: #17b6c6;
    font-size: 20px;
    text-align: right;
    margin-right: 20px;
    cursor: pointer;
}

/* header*/
#headerContainer
{
    width: 100%;
    text-align: center;
    display:block;
    float:left;
    /*max-height: 60px;*/
    max-height: 160px;
}

#header 
{
    width: 944px;
    display: block;
    height: 66px;
    margin: 0 auto;
    text-align:left;
    padding:0px;
    margin-top: 10px;
}


/* end header */


.siteLogo
{
    float:left;
    display:block;
    margin-top:0px;
    margin-top: 6px;
    /*height: 60px;*/
    padding:0px;
}
.siteLogo img
{
    padding:0;
    margin:0px;
    width: 149px;
	height: 120px;
}

.no-ie8-lte .siteLogo img {
    background-repeat: no-repeat;
	background-position:  top left;
	background-image: url('/_layouts/1033/STYLES/GRI_Styles/Images/logo-298x240.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media only screen and (min--moz-device-pixel-ratio: 3),
						(-o-min-device-pixel-ratio: 3/1),
						(-webkit-min-device-pixel-ratio: 3),
						(min-device-pixel-ratio: 3) 
{
	.no-ie8-lte .siteLogo img {
		background-image: url('/_layouts/1033/STYLES/GRI_Styles/Images/logo-447x360.png');
	}
}

@media only screen and (min--moz-device-pixel-ratio: 4),
						(-o-min-device-pixel-ratio: 4/1),
						(-webkit-min-device-pixel-ratio: 4),
						(min-device-pixel-ratio: 4) 
{
	.no-ie8-lte .siteLogo img {
		background-image: url('/_layouts/1033/STYLES/GRI_Styles/Images/logo-596x480.png');
	}
}

#topContainer
{
    width: 794px;
    display:block;
    float: left;
    margin:0px;
    /*height: 66px;*/
    height: 106px;
}

.topMenu
{
    width: 794px;
    float:left;
    display:block;
    /*height: 10px;*/
    /*padding-bottom: 10px;*/
    height: 3px;
    padding-top: 30px;
    text-align: center;
    z-index: 500;
    position: relative;
}

.topMenuUl
{
    margin:0px;
    padding:0px;
    float:left;
    margin-left: 60px;
    /*width: 794px;*/
    /*width: 654px;*/
    width: 554px;
}
.topMenu li
{
    margin:0px;
    /*padding:0px;*/
    float:left;
    min-width: 74px;
    padding: 10px 0px;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #ededed;
}

.topMenu li.resourcelibrary
{
    margin:0px;
    /*padding:0px;*/
    padding:10px 10px;
    min-width: 118px;
}

.topMenu li a {
	color: #777;
	text-decoration: none;
	/*font-size:10px;*/
    font-size:14px;
}
.topMenu li a:hover {
	color: #777;
	text-decoration: none;
	font-weight:bold;
	/*font-size:10px;*/
    font-size:14px;
}

#controlsContainer
{
    height: 46px;
    float:left;
    display: block;
    width: 794px;
}

#controlsPostioner
{
    float: right;
}
.mapControl
{
    width: 58px;
    height: 30px;
    float:left;
    display:block;
}

.mapControl a
{
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat 0 0; /* viewMap */
    background-position: 0px -8698px; width: 58px; height: 30px;
    border:0px;
    float:left;
    display: block;
}

.searchControl
{
    float:left;
    width: 152px;
    display:block;
    height: 30px;
    line-height: 30px;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    margin-left: 0px;
    margin-right: 0px; 
}


/*Search Box Styles*/
.s4-search input.ms-sbplain, .s4-search SELECT.ms-sbscopes{border:0 none !important; background:none !important;  color:#777; font-size:.85em; font-style:normal;}
.s4-search input.ms-sbplain{margin-bottom: 8px; padding-top:0px; height: 12px; padding-left: 2px; width:119px !important;}
.customSearchBox{
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat; /* searchbox */
    background-position: 0px -7672px; width: 152px; height: 30px;
    margin-top:0px!important; 
    line-height: 30px;
    padding-top: 0px;
    padding-left: 7px;
}
.s4-search .ms-sbgo a{margin-top:0px; background:url('/_Layouts/1033/STYLES/GRI_Styles/Images/gosearch.png') top no-repeat; width:23px; margin-top: 1px; height:29px; display:block; padding:0;}
.s4-search .srch-gosearchimg, .s4-search .ms-sbgo span{display:none; }
.adminBar .ms-sbrow a, .ms-sbcell{margin:0; padding:0; vertical-align: baseline;}

/* --------------------------------------- */

#contentApplication .s4-search input.ms-sbplain, 
#contentApplication .s4-search SELECT.ms-sbscopes
{border:0 none !important; background:#fff !important;  height: 22px; color:#777; font-size:12px; font-style:normal;}
#contentApplication .s4-search input.ms-sbplain{margin-left: 6px; margin-bottom: 0px; padding-top:1px; height: 20px; padding-left: 3px; width:240px !important;}
#contentApplication .s4-search .ms-sbgo a
{
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top; /* searchIconV2 */
    background-position: 0px -7712px; width: 22px; height: 22px;
    margin-top:0px;
    margin-left: 8px;
    display:block; padding:0;
}
#contentApplication .s4-search .srch-gosearchimg, #contentApplication .s4-search .ms-sbgo span{display:none; }
#contentApplication .adminBar .ms-sbrow a, #contentApplication .ms-sbcell{margin:0; padding:0; vertical-align: baseline;}

#contentApplication .srch-Icon
{
    display: none;
}

#contentApplication #SRSB
{
    background: #f1f0f0;
    width: 700px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 15px;
        font-family: Arial, Verdana, Geneva, sans-serif !important;
}
#contentApplication .srch-results
{
    padding-left: 0px;
    max-width: 700px;    
}
#contentApplication .srch-Title2,
#contentApplication .srch-Title3
{
    color: #002855;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Verdana, Geneva, sans-serif;
    text-decoration: none;
}
#contentApplication .srch-Title2 a,
#contentApplication .srch-Title2 a:link,
#contentApplication .srch-Title2 a:hover,
#contentApplication .srch-Title2 a:visited,
#contentApplication .srch-Title3 a,
#contentApplication .srch-Title3 a:link,
#contentApplication .srch-Title3 a:hover,
#contentApplication .srch-Title3 a:visited
{
     color: #002855 !important;
     text-decoration: none !important;
         font-family: Arial, Verdana, Geneva, sans-serif !important;
}
#contentApplication .srch-Title2 a:hover,
#contentApplication .srch-Title3 a:hover
{
    text-decoration: underline !important;
}

#contentApplication .srch-Title3,
#contentApplication .srch-Description2,
#contentApplication .srch-Metadata1,
#contentApplication .srch-Metadata2
{
    padding-left: 0px;
    margin-left: 15px;
    font-family: Arial, Verdana, Geneva, sans-serif;
}


#contentApplication .srch-Title3
{
    color: #002855;
    text-decoration: none;
}

#contentApplication .srch-Description2
{
    color:#777;

}
#contentApplication .srch-Metadata1
{
    
}
#contentApplication .srch-Metadata2
{
    display: none;
}

#contentApplication .srch-Page {
color: #666;
font-size: 1em;
padding: 0.7em 0 7em 48px;
padding: 0px;
padding-right: 22px;
clear: both;
font-family: Arial, Verdana, Geneva, sans-serif;
float: right;
}
#contentApplication #SRP a
{
    background: #efefef;
    color:#777 !important;
    
}
#contentApplication #SRP a:hover
{
        background: #ddd;
        border-color: #ddd;
           color:#002855;
}
#contentApplication .srch-Page STRONG
{
    background: #002855;
    border-color: #002855;
    color:#fff;
    font-weight: bold;
}

#contentApplication .srch-URL2 
{    
/*color: #999 !important;*/
}

.srch-stats {
background: white !important;
white-space: normal !important;
font-family: Arial, Verdana, Geneva, sans-serif !important;
color: #777;
margin-left: 15px;
}
/*------- searchbox end */

.languageControl
{
    float:left;
    display:block;
    height: 30px;
    margin-left: 10px;
    text-align:left;
}
.languageFlag
{
    height: 30px;
    float:left;
}

.languageLabel
{
    margin-left: 0px;
    width: auto;
    float: left;
    display:block;
    text-align:left;
    padding-top: 7px;
    height: 23px;
}

.languageControl a
{
    text-transform: uppercase;
    font-size: 11px;
    text-align: left;
}

#mainMenuContainer
{
    width: 100%;
    text-align: center;
    display: block;
    float:left;
}

#mainMenu
{
    width: 764px;
    height: 20px;
    line-height: 14px;
    /*padding-top: 10px;*/
    margin: 0 auto;
    display: block;
    padding-left: 230px;
    text-align:left;
    padding-top: 0px;
}
#mainMenu .menu
{
    float:left;
    display:block;
    width:150px;
    padding-left: 10px;

}
#mainMenu .menu a
{    cursor: pointer;
    
}

#styleLineContainer
{
    width: 100%;
    background: #002855;
    text-align: center;
    display:block;
    float:left;
}

#styleLine
{
    
    width: 764px;
    height: 9px;
    margin: 0 auto;
    display: block;
    padding-left: 230px;
    text-align:left;
}

.topLightBlue, .topGreen, .topOrange, .topPurple, .topDarkBlue, .topDarkGreen, .topTurquoise, .topLimeGreen
{
    width: 160px;
    display: block;
    float:left;
    height: 9px;
    background: #002855;
}

/* original colors */
.topLightBlue
{
    background: #16ACE3;
}
.topGreen
{
    background: #00A14B;
}

.topOrange
{
    background: #F57E20;
}

/* new colors */
.topPurple
{
    background: #712282;
}

.topDarkBlue
{
    background: #002855;
}

.topDarkGreen
{
    background: #00A075;
}

.topTurquoise
{
    background: #17b6c6;
}
.topLimeGreen {
    background: #a7c712;
}


/* breadcrumb */

#breadCrumbContainer
{
    width: 100%;
    text-align: center;
    float:left;
    display:block;
}

#breadCrumb
{
    width: 929px;
    height:35px;
    line-height: 35px;
    text-align:left;
    margin: 0 auto;
    padding-left: 15px;
    display:block;
    color:#777;
    font-weight:bold;
	text-transform:uppercase;
	font-size: 10px;
}

#breadCrumb a
{
    color:#777;
    font-weight: bold;
    height:35px;
    line-height: 35px;
    padding-right: 5px;
}

.breadcrumbNode
{
    color:#777;
    padding-left: 3px;
}

.breadcrumbCurrentNode
{
    color:#002855;
    font-weight: bold;
    padding-left: 3px;
}

.breadCrumbImg
{
    border: 0px;
    vertical-align: middle;

}

img.breadCrumbImg 
{
    width: 12px;
    height: 12px;
    padding-bottom: 2px;
}

.breadcrumbRootNode
{
    display: none;
}


	
/*  end breadcrumb */

/* start footer */

#footer {
	background-color:#f1f0f0;
	background: #f1f0f0;
	color: #777;
	width: 100%;
	text-align: center;
	height: 30%;
	display:block;
	float:left;


}
#footerMenu {

	width: 944px;
	text-align:left;
	display: block;
	margin: 0 auto;
	background-color:#f1f0f0;
	min-height: 230px;

}
#footerMenu a {
	text-decoration: none;
	color:#777;
	line-height:16px;
	font-size:11px;
}

#footerMenu a:hover
{
    text-decoration: underline;
} 

.footerLanguages
{
    display: block;
    float:left;
    margin-left: 28px;
}

.footerSponsersContainer
{
    float:right;
}

.footerSponsers
{
    float:left;
    display:block;
	height:40px;
}

.footerSponsers a.mouseover1 {

    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* unep_small */
    background-position: 0px -8473px; width: 45px; height: 40px;
    float:left;
    display:block;
	margin-right: 4px;
}
.footerSponsers a.mouseover1:hover {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* unep_hover */
    background-position: 0px -8423px; width: 45px; height: 40px;
}

.footerSponsers a.mouseover2 {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left;     /* oecd_small.png */
    background-position: 0px -3877px; width: 45px; height: 40px;
    float:left;
    display:block;
	margin-right: 4px;
}

.footerSponsers a.mouseover2:hover {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* oecd_hover */
    background-position: 0px -3827px; width: 45px; height: 40px;
}
      
.footerSponsers a.mouseover3 {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* ungc_small */
    background-position: 0px -8573px; width: 45px; height: 40px;
    float:left;
    display:block;
	margin-right: 4px;
}
.footerSponsers a.mouseover3:hover {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* ungc_hover */
    background-position: 0px -8523px; width: 45px; height: 40px;
}
.footerSponsers a.mouseover4 {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* dnv */
    background-position: 0px -1594px; width: 88px; height: 40px;
    float:left;
    display:block;
	margin-left: 7px;
}
.footerSponsers a.mouseover4:hover {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* dnv_hover */
    background-position: 0px -1644px; width: 88px; height: 40px;
}

.footerSponsers a.mouseover5 {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* Microsoft */
    background-position: 0px -3727px; width: 100px; height: 24px;
    float:left;
    display:block;
}
.footerSponsers a.mouseover5:hover {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* Microsoft_hover */
    background-position: 0px -3761px; width: 100px; height: 24px;

}

.footerSponsers a.mouseover6 {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* iso */
    background-position: 0px -2661px; width: 45px; height: 40px;
    float:left;
    display:block;
}
.footerSponsers a.mouseover6:hover {
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* iso_hover */
    background-position: 0px -2711px; width: 45px; height: 40px;
}


#footerMenu li {
	margin-left:25px;
}
#footerMenu ul {
	margin-bottom:25px;
	width: 100%;
}

.footerBlocksHeader {
	text-transform:uppercase;
	font-weight:bold;
	color:#002855;
	letter-spacing: normal;
	word-spacing: normal;
	display: block;
	white-space: nowrap;
	font-size:12px;
	float:left;
	width: 100%;
	margin-bottom: 0px;
}

.footerColoring,
.footerTop,
.footerBottom
{
    width: 944px;
    height: 9px;
    display:block;
    float: left;
}
.footerBottom
{
    height: auto;
}
.footerTop
{
    min-height: 160px;
}

.footerDarkblue, .footerLightBlue, .footerGreen, .footerOrange, .footerPurple, .footerDarkBlue, .footerDarkGreen, .footerTurquoise 
{
    width: 188px;
    display: block;
    float:left;
    height: 9px;
    background: #002855;
}
/* old colors */
.footerLightBlue
{
    background: #16ACE3;
}
.footerGreen
{
    background: #00A14B;
}
.footerOrange
{
    background: #F57E20;
}

.footerDarkblue
{
    width: 190px;
}

/* new colors */
.footerPurple
{
    background: #712282;
}

.footerDarkBlue
{
    background: #002855;
}

.footerDarkGreen
{
    background: #00A075;
}

.footerTurquoise
{
    background: #17b6c6;
}


/* new colors*/
.footerPurple
{
    background: #712282;
}

.footerblocks, .footerblocks2, .footerBlocks3, #footerblocksTriple
{
    width: 188px;
    display:block;
    float:left;
    min-height: 100px;
    background-color: #f0efef;
 
}
.footerblocks2
{
 width: 190px;
}
.footerBlocks3
{
    width: 250px;
}

#footerblocksTriple
{
    width: 444px;
    text-align:center;
  
}

#footerblocksTriple a
{
    padding:0px;
    margin: 0px;
    color:#777;
    text-align: center;
}

#footerblocksTriple a:hover
{
    text-decoration: underline;
}

.linksDividerFooter
{
    width: 30px;
}


/* end footer */


.binnenlinks{
	float:left;
	margin-right:0px;
	margin-top:0px; 
	position:relative;
}
.binnenrechts{
	float:right;
	margin-right:0px;
	/*position:relative;*/
}
.toggler{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;	
	cursor: pointer;
	
}

.element{
	padding-bottom:10px;
	padding-left: 10px;
}
.element ul{
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #afbedf;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #afbedf;
	padding-left:20px;
	padding-bottom:5px;
}
.plaatjelinks {
	float:left;
	margin-right:10px;
	margin-left:0px;
	margin-top:15px;
	margin-bottom:30px;
	border:none;
}
.plaatjerechts {
	float:right;
	margin-right:0px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:15px;
	border:none;
}
.plaatjecenter {
	float:left; 
	margin-right:0px;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:15px;
	border:none;
}
.v_witruimte {
	width:25px; 
	height:9px;
}
.pilar{
	height:300px;
	width:944px;
	margin:0;
	margin-left:25px;
	/*margin-top:40px;*/
	margin-bottom:40px;
	margin-right:25px;
}
.pilar .ruimte {
	
	width:28px;
}

.tussen-home {
	height:157px;
	width:944px;
	margin:0;
	margin-left:25px;
	margin-top:40px;
	margin-bottom:40px;
}
.mapplaatje {
	margin:0;
	margin-left:25px;
	/*margin-top:40px;*/
	margin-bottom:40px;
	
}

/* GRI Home page */

#homeContent,
#hubContent
{
    width: 994px;
    display: block;
    float: left;
    font-size: 12px;

}
#hubContent
{
    width: 944px;
}

#homeContent
{
    margin-top: 25px;
}

#homeTitleField
{
    width: 984px;
    float:left;
    display:block;
    padding: 5px;
    background: #efefef;
    border: #ddd dotted 1px;
    margin-bottom: 15px;
}
#topImagesCollaps
{
    width: 984px;
    display: block;
    float: left;
    padding: 5px;
    background: #efefef;
    border: #efefef solid 1px;
    margin-bottom: 15px;
}

#topImagesCollaps input, #topImagesCollaps textarea
{
    width: 98%;
}


/* page layout GRI application pages */
#contentApp,
#contentAppD
{
    width: 734px;
    float:left;
    display:block;
}
#contentAppD
{
    margin-top: 12px;
}
#contentAppWidth
{
    margin-top: 12px;
    width: 944px;
    margin-left: 25px;
    margin-right: 25px;
    float:left;
    display:block;
}

.inputfieldsAndTextArea
{
   width: 97%;
   border: #ddd solid 1px;
}

#contentApplications,
#contentApplication,
#myGriBlocks
{
    width: 100%;
	float: left;
	display:block;
	padding-top: 70px;
	padding-bottom: 28px;
}
#contentApplications
{
    padding-top: 0px;
}

#contentApplication
{
    padding-top: 0px;
}

#OSBlockGradient
{
    width: 702px;
    padding: 15px;
    display: block;
    float:left;
    border: #ddd solid 1px;
    background: url('/_Layouts/1033/STYLES/GRI_Styles/Images/OS_gradient.png') left top repeat-x; 
}

#myGriBlocks
{
    width: 734px;
}

#OSBlocks
{
    width: 734px;
    float:left;
    display: block;
    margin-top: 15px;
}

#OSBlocks .ms-formfieldlabelcontainer
{
    margin: 0px;
    padding: 0px;
    background: transparent;
    color: #000;
    font-weight:bold;
}
#OSBlocks .ms-formfieldvaluecontainer
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#myGriBlocks .left,
#OSBlocks .left
{
    width: 358px;
    float: left;
    display: block;
    margin-right: 18px;
}
#myGriBlocks .right,
#OSBlocks .right
{
    width: 358px;
    float: left;
    display: block;
}

#OSBlockGradient .osLeft
{
    border-right: #999 solid 2px;
    width: 341px;
    padding-right: 13px;
    display: block;
    min-height: 180px;
    float: left;
}


#OSBlockGradient .osRight
{
     width: 330px;
     float: left;
     display: block;
     min-height: 180px;
     padding-left: 15px;
}

#OSBlockGradient .imageLeft
{
    width: 125px;
    float:left;
    display:block;
}

#OSBlockGradient .contentLeft
{
    width: 206px;
    float: left;
    display: block;
}

#OSBlockGradient .imageLeft img
{
    width: 100px;
    height: 100px;
}

#OSBlockGradient .contentHeader,
#OSBlockGradient .contentSubHeader
{
    width: 100%;
    float:left;
    display: block;
    color:#002855;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

#OSBlockGradient .contentSubHeader
{
    font-size: 12px;
}

#OSBlockGradient .contentAbstract
{
    font-size: 12px;
    line-height: 16px;
    color: #777;
    width: 100%;
    float: left;
    display: block;
    min-height: 100px;
}

#OSBlockGradient .contentViewMore
{
    width: 100%;
    float: left;
}
#OSBlockGradient .contentViewMore a,
.blockerViewMore a,
.blockerLinkContent a,
.blockerContentTextMore a
{
    background: url('/_Layouts/1033/STYLES/GRI_Styles/Images/link_vinkjes_blauw.gif') no-repeat right bottom;
    line-height:14px;
    display:block;
    float: right;
    padding-right: 16px;
    margin-right: 0px;
    /* color:#16abe3; */
    color:#17b6c6;
    color:#777;
    text-decoration:none;
    font-size:12px;
    font-weight: bold;
    cursor: pointer;
}
#OSBlockGradient .contentViewMore a:hover,
.blockerViewMore a:hover,
.blockerLinkContent a:hover,
.blockerContentTextMore a:hover
{
    text-decoration: underline;
}

.blockerLinkContent a,
.blockerLinkContent a:hover,
.blockerContentTextMore a
.blockerContentTextMore a:hover
{
    float:left;
    color:#777;
    font-weight: normal;
    margin-right: 10px;
}

.blockerViewMore a,
.blockerViewMore a:hover
{    font-size: 14px;
     float:right;
     font-weight: normal;
}

#OSBlockGradient .iconRows
{
    width: 100%;
    text-align: right;
    float:left;
    height: 90px;
    display: block;
}

#OSBlockGradient .rows
{
    width: 104px;
    display: block;
    float:left;
    height: 90px;
    text-align: right;
}

.blocker,
.blocker1,
.blocker2
{
    margin-bottom: 24px;
    width: 100%;
    display: block;
    float: left;
}

.blocker1
{
    margin-bottom: 10px;
}

.blocker2
{
    margin-bottom: 5px;
}


.blockerTitle
{
    float: left;
    width: 100%;
    display:block;

}
.blockerTitle-h1
{
    float: left;
    width: 218px;
    padding-left: 10px;
    padding-top: 12px;
    height: 28px;
    vertical-align: middle;
    display: block;
    font-size: 14px;
    color:#777;
    font-weight:bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    background: #f1f0f0;
}
.blockerViewMore
{
    float:left;
    display:  block;
    padding-right: 10px;
    padding-top: 12px;
    height: 28px;
    vertical-align: middle;
    width: 120px;
    background: #f1f0f0;
    margin-bottom: 5px;

}

.blockerContent
{
    width: 358px;
    display: block;
    float: left;
    margin-top: 5px;
    font-size: 12px;
    color:#777;
    margin-bottom: 24px;
}

.blockerImage
{
    width: 94px;
    height: 64px;
    display: block;
    float:left;
    padding-right: 20px;
}
.blockerImage img
{
    width: 94px;
    height: 64px;
}

.blockerBlock
{
    width: 244px;
    float:left;
    display:block;
}
.blockerTitleSmall
{
    width: 100%;
    float:left;
    display:block;
     font-size: 12px;
    /* color: #fe4819; */
    color: #00A075;
     font-weight: bold;
     text-transform: uppercase;
}
.blockerDateSmall
{
      width: 100%;
    float:left;
    display:block;
        color:#002855;
        font-weight: bold;
        margin-top: 3px;
        margin-bottom: 3px;
}

.blockerLinkContent
{
    width: 100%;
    float:left;
    display:block;
}


.blockerDateBlock
{
    width: 80px;
    display: block;
    float: left;
    text-align: center;
    padding-right: 15px;
    
}

.blockerDateField
{
    float:left;
    text-align: center;
    width: 80px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color:#002855;

}

.blockerDateImage
{
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; /* event_icon */
    background-position: 0px -1724px; width: 43px; height: 43px;
    float:left;
    display:block;
    margin-left: 18px;
    margin-right: 19px;
    margin-bottom: 5px;
}

.blockerContentBlock
{
    width: 263px;
float:left;
display: block;
}

.blockerContentTitle
{
      width: 100%;
    display: block;
    float: left;
    margin-bottom: 10px;
   font-size: 12px;
    /* color: #fe4819; */
    color: #00A075;
     font-weight: bold;
     text-transform: uppercase;
}

    
.blockerContentContainer
{
    width: 100%;
    display:block;
    float:left;
    margin-bottom: 2px;
}
.blockerContentText,
.blockerContentInput
{
    width: 50%;
    display: block;
    float:left;
}
.blockerContentInput
{
    font-size: 12px;
    color: #777;
}

.blockerContentText
{
     font-size: 12px;
     color:#002855;
     font-weight: bold;
     text-transform: uppercase;
}
.blockerContentTextMore
{
    width: 100%;
    display: block;
    float:left;
    margin-top: 15px;
    margin-bottom: 30px;
}

/*   ------ */

#contentApp #titleField
{
    width: 720px;
    float:left;
    display:block;
    padding: 5px;
    background: #efefef /*background:url('/_Layouts/1033/STYLES/GRI_Styles/Images/provide-title-webbrowser.jpg') no-repeat left top*/;
    border: #ddd dotted 1px;
}

#contentApp #intro
{
    width: 100%;
    float: left;
    display:block; 
}

#os-intro
{
    width: 734px;
    display:block;
    height: 200px;
    margin-bottom: 15px;
}
#os-intro img
{
    position: relative;
    width: 734px;
    height: 200px;
    z-index: 10;
}

#os-abstact
{
    position: relative;
    width: 445px;
    height: 110px;
    display: block;
    margin-top: -174px;
    margin-left: 254px;
    background: #fff;
    padding: 15px;
    padding-left: 20px;
    z-index: 50;
    line-height: 16px;
    font-size: 12px;
    color:#777;
}

#os-abstact h1
{
    margin-top: 0px;
    color: #002855;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
}

#contentApp .plaatjelinksintro,
#contentApp .mygri-image {
	float:left;
	padding: 15px;
	border:none;
	width:178px;
	vertical-align:text-top;
	display: block;
}
#contentApp .mygri-image
{
    width: 358px;
    height: 238px;
    padding: 0px;
    margin-right: 18px;
}
#contentApp .plaatjelinksintro img,
#contentApp .mygri-image img
{
    border:0px;
    max-width: 178px;
    float:left;
}
#contentApp .mygri-image img
{
 width: 358px;
 height: 238px;
 max-width: 358px;
}

#contentApp .introblock,
#contentApp .mygri-intro {
	float:left;
	display: block; 
  width: 500px;
  line-height : 16px;
  color: #777;
  font-size:12px;
}

#contentApp .mygri-intro
{
    width: 358px;
    height: 238px;
}



#emptybox,
#emptybox2,
#emptybox3
{
    width: 186px;
    height: 40px;
    display: block;
    float:left;
    margin-top: 20px;
}
#emptybox2,
#emptybox3
{
    width: 734px;
    margin-top: 40px;
}
#emptybox3
{
    margin-top: 0px;
}

/* news content page */

#newsContent
{
    font-family: Arial, Verdana, Geneva, sans-serif;
    width: 560px;
	float: left;
	display:block;
	font-size: 12px;
}

#newsContent a
{
    /* color: #16ace3; */
    color: #17b6c6;
    text-decoration:none;
    font-weight:bold;
    
}

#newsContent a:hover
{
     /* color: #16ace3; */
     color: #17b6c6;
     text-decoration:underline;
     font-weight:bold;
}



#newsContent input, #newsContent select, #newsContent textarea
{
    width: 98%;
}

.newsContentImgContainer,
.newsContentContainer
{
    width: 530px;
    display:block;
    float:left;
    padding: 15px; 
    background: #F1F0F0;
    margin-bottom: 0px;
}
.newsContentContainer
{
    background: #fff;
    margin-bottom: 40px;
}

.newsPageHeader
{
    font-size: 16px; /* 24px; */
    line-height: 18px; /* 30px; */
    color:#002855;
    font-weight:bold;
    width: 100%;
    margin-bottom: 0px;
    display:block;
    float:left;
}

.newsPageDate
{
    font-size: 14px;
    line-height: 18px; /* 30px; */
    color:#777;
    font-weight:bold;
    width: 100%;
    margin-bottom: 15px;
    display:block;
    float:left;
}

.newsPageImg
{
    display:block;
    float:left;
     width: 530px;
}

.newsPageImg img
{
     width: 530px;
     height: 318px;
     border:0px;
     float:left;
}

.newsImageCaption
{
    float:left;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 500px;
    /* background:#16abe3; */
    background:#17b6c6;
    color:#fff;
    font-weight: bold;
    font-size: 12px;
}


.newsPageText,
.newsPageComments
{
    color:#777;
    font-size: 12px;
    line-height: 16px;
    display:block;
    float:left;
    width: 100%;
}
.newsPageComments
{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
}

#newsAllItems
{
    width: 100%;
    float:left;
    display:block;
    margin-top: 8px;
    margin-bottom: 6px;
}

#newsAllItems a
{
    /*background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat right bottom;     /* allNews */
    /*background-position: 0px 0px; width: 14px; height: 14px;  */
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat right bottom;     /* link_vinkjes_blauw */
    background-position: 75px -3110px; /*width: 20px; height: 10px;  */
    text-decoration:none;
    line-height:14px;
    display:block;
    float: right;
    padding-right: 16px;
    /* color:#777; */
    /* color:#16abe3; */
    color:#17b6c6;
    font-size:12px;
    font-weight: bold;
    margin-right: 0px;
    cursor: pointer;
}

#newsAllItems a:hover
{
    font-weight: bold;
    text-decoration: underline;
}

/* news item styles for CQWP */

/* information and news center style */
.newsStandardItem,
.newsStandardItem2
{
    width: 357px;
    display: block;
    float:left;
    margin-bottom: 0px;
}
.newsStandardItem2
{
    width: 100%;
    padding-bottom: 5px;
    border-bottom: #ddd solid 1px;
    margin-bottom: 10px;
}

.NewsItemsInformation,
.NewsItemsInformation-wo
{
    width: 246px;
    display: block;
    float:left;
    margin-bottom: 0px;
}
.NewsItemsInformation-wo
{
    margin-bottom: 10px;
}

.NewsItemsPillarNews
{
    width: 100%;
    display: block;
    float:left;
    margin-bottom: 0px;
}

.newsStandardItemImage,
.newsStandardItemImage2
{
    display: block;
    float:left; 
    width: 96px;
    height: 64px;
    margin-right: 15px;
}

.newsStandardItemImage2
{
    width: 108px;
    height: 70px;
}

.informationimage
{
    width: 78px;
    height: 52px;
    margin-right: 10px;
    display: block;
    float:left; 
}

.newsPillarImage
{
    width: 310px;
    height: 184px;
    float: left;
    display: block;
    margin-bottom: 10px;
}

.newsPillarImage a img
{
    width: 310px;
    height: 184px;
}

.newsPillarTitle
{
    float: left;
    display: block;
    width: 310px;
    color:#777;
    font-size: 12px;
}

.newsStandardItemImage img
{
    width: 96px;
    height: 64px;
}
.newsStandardItemImage2 img
{
    width: 108px;
    height: 70px;
}

.informationimage img
{
    width: 78px;
    height: 52px;
    float: left;
}

.newsStandardItemTitleContentDate,
.newsStandardItemTitleContentDate2,
.newsStandardItemTitleContentDate3
{
    width: 246px;
    float:left;
    display:block;
}

.newsStandardItemTitleContentDate2
{
    width: 100%;
}
.newsStandardItemTitleContentDate3
{
    width: 80%;
}
.newsStandardItemTitleContentDate2 a
{
    background: #fff;
    width: 100%;
    display: block;
}
.newsStandardItemTitleContentDate2 a:hover
{
    background: #efefef;
}

.informationTitleContent,
.NewsItemsPillarTitleContent
{
    width: 158px;
    float:left;
    display:block;
}
.NewsItemsPillarTitleContent
{
    width: 206px;
}

.newsStandardItemTitle,
.newsStandardItemTitle2
{
    width: 100%;
     float:left;
    display:block;
}


.newsPillarTitle a,
.newsPillarTitle a:link,
.newsPillarTitle a:hover,
.newsPillarTitle a:visited
.newsStandardItemTitle a,
.newsStandardItemTitle a:link,
.newsStandardItemTitle a:hover,
.newsStandardItemTitle a:visited,
.newsStandardItemTitle2 a,
.newsStandardItemTitle2 a:link,
.newsStandardItemTitle2 a:hover,
.newsStandardItemTitle2 a:visited
{
    font-size: 12px;
    font-weight: bold;
    /* color:#16abe3; */
    color:#17b6c6;
    text-decoration:none;
    text-transform: uppercase;
}
.newsPillarTitle a,
.newsPillarTitle a:link,
.newsPillarTitle a:hover,
.newsPillarTitle a:visited
{
      text-transform:none;
      color:#777;
      font-weight: normal;
}

.newsPillarTitle a:hover,
.newsStandardItemTitle a:hover
{
   text-decoration: underline;
}

.newsStandardItemTitle2 a,
.newsStandardItemTitle2 a:link,
.newsStandardItemTitle2 a:hover,
.newsStandardItemTitle2 a:visited
{
 color:#002855;

}

.newsStandardItemDate,
.newsStandardItemDateWithArrow
{
    width: 100%; 
    float:left;
    display:block;
    color:#002855;
    font-weight: bold;
}
.newsStandardDescription,
.newsStandardDescriptionA
{
    width: 100%;
    float:left;
    display:block;
    font-size: 12px;
    color:#777;
    line-height: 16px;
    margin-bottom: 15px;
}

.newsStandardDescription,
.newsStandardDescriptionA,
.newsStandardDescription2
{
    position: relative;
}

.newsStandardDescription a,
.newsStandardDescription a:link,
.newsStandardDescription a:hover,
.newsStandardDescription a:visited,
.newsStandardItemDateWithArrow a,
.newsStandardItemDateWithArrow a:link,
.newsStandardItemDateWithArrow a:hover,
.newsStandardItemDateWithArrow a:visited,
.newsStandardDescription2 a,
.newsStandardDescription2 a:link,
.newsStandardDescription2 a:hover,
.newsStandardDescription2 a:visited,
.newsStandardDescriptionA a,
.newsStandardDescriptionA a:link,
.newsStandardDescriptionA a:hover,
.newsStandardDescriptionA a:visited
{
    font-size:12px;
    text-decoration:none;
    line-height:16px;
    margin-bottom: 8px;
    display:block;
    padding-right: 5px;
    font-weight: normal;
    color:#777;
    cursor: pointer;
    margin-right: 4px;
    position:relative;
    z-index:10;
}

.newsStandardDescriptionA a,
.newsStandardDescriptionA a:link,
.newsStandardDescriptionA a:hover,
.newsStandardDescriptionA a:visited
{
    background: none;
}

.newsStandardDescription2 a,
.newsStandardDescription2 a:link,
.newsStandardDescription2 a:hover,
.newsStandardDescription2 a:visited
{
    background: none;
    padding:0px;
    margin-right: 0px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    padding-bottom: 3px;
    border-bottom: #ddd dotted 1px;
}

.newsStandardDescription a:hover
{
    text-decoration: underline;
}

.newsStandardItemDateWithArrow a,
.newsStandardItemDateWithArrow a:link,
.newsStandardItemDateWithArrow a:hover,
.newsStandardItemDateWithArrow a:visited

{
 color:#002855;
 font-weight: bold;
}

/* newslisting style date and title only */

.newsTitleOnly
{
    color: #777;
}

.newsTitleOnly a,
.newsTitleOnly a:link,
.newsTitleOnly a:hover,
.newsTitleOnly a:visited
{
    color:#777;
    text-decoration: none;
    line-height: 18px;
    font-weight: bold;
    font-size:12px;
    margin-bottom: 15px;
}

.newsTitleOnly a:hover
{
   text-decoration: underline;
}

.newsDateOnly
{
   padding-right: 5px;
   line-height: 18px;
   color:#002855;
   font-size: 12px;
   font-weight: bold;
}

/*CQWP Pager */

#pager
{
    font-size: 12px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:right;
    width: 100%;
    display: block;
}

#pager a

{   font-size: 12px;
    font-weight:bold;
    padding: 3px;
    background: #f0f0f0;
    color:#777;
    margin-left: 2px;
    text-align: center;
}

#pager a:hover
{
    padding: 3px;
    background: #777;
    color:#f0f0f0;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
}

#pager .selected
{
    color:#002855;
    background: #f0f0f0;
    padding: 3px;
    font-weight: bold;
    text-align: center;
}

#pager .next, #pager .previous
{
    background: transparent;
    padding-right: 3px;
    color: #002855;
    font-weight: bold;
}

/* page layouts GRI Content Pages */

#content {
	
	width: 555px;
	float: left;
	display:block;
	font-size: 12px;	
}


#TopFullPageImage
{
    margin-top: 10px;
    margin-bottom: 0px;
    float: left;
    display: block;
    width: 100%;
}

#titleField
{
    width: 545px;
    float:left;
    display:block;
    padding: 5px;
    background: #efefef /*background:url('/_Layouts/1033/STYLES/GRI_Styles/Images/provide-title-webbrowser.jpg') no-repeat left top*/;
    border: #ddd dotted 1px;
}


#intro,
#wildCardIntro
{
    width: 555px;
    float: left;
    display:block;
    height: 180px;
}

#wildCardIntro
{

    height: 200px;

}

.plaatjelinksintro {
	float:left;
	padding: 15px;
	border:none;
	width:144px;
	height:144px;
	vertical-align:text-top;
	display: block;
}
.plaatjelinksintro img
{
    border:0px;
    width: 144px;
    height: 144px;
    float:left;
}

.introblock {
	float:left;
	display: block; 
  width: 381px;
  line-height : 16px;
  color: #777;
  font-size:12px;
}

.introblock p
{
  line-height: 16px;
  color: #777;
  font-size:12px;
}

.introblock h1
{
    font-size: 20px;
    line-height:20px;
    color: #002855;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 15px;
}

.introBlockh1width
{
    width: 98%;
}
.introBlockh1width input,
.introBlockh1width select
{
    border: #333 solid 1px;
}

.collapisbleblock
{
    float:left;
    display:block;
    border: #ddd solid 1px;
    width:525px;
    margin-bottom: 15px;
    padding: 15px;
    text-align: left;
}

.collapisbleblock input
{
    width: 98%;
}

.collapisbleblockHeader
{
    width: 515px;
    padding: 5px;
    background: #f1f0f0;
}
.BlockCollapse
{
    width: 100%;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
.collapisbleblockText
{
   width: 100%;
   text-align: left;
}

.blocksmall
{
    width:240px;
}

strong {
font-weight:bold;
}
em {
font-style:italic;
}

#collaps,
#collaps1,
#collaps2,
#collaps3 {
	
	width:555px;
	float:left;
	display:block;
	margin-top: 20px;
	margin-bottom: 30px;
}
#collaps1
{
    margin-top: 0px;
}
#collaps3
{
    width: 734px;
}
.collapisbleLeft,
.collapisbleRight
{
    float:left;
    display:block;
    width: 270px;
}
.collapisbleLeft
{
    margin-right: 15px;
}

#WrapTitleWPQ1,
#WrapTitleWPQ2,
#WrapTitleWPQ3,
#WrapTitleWPQ4,
#WrapTitleWPQ5,
#WrapTitleWPQ6,
#WrapTitleWPQ7
{
    position: relative;
   	text-transform: uppercase;
	font-size:12px;
	background-color: #f1f0f0; 
	color: #777; 
	height:40px; 
	line-height:40px;
	padding-left:15px;
	padding-right: 0px;
	display:block;
	margin-bottom:15px;
	float: left;
	font-weight: bold;
	
}
.wrapPartTitle
{
    width: 540px;   
}
 
#WrapPartWPQ1,
#WrapPartWPQ2,
#WrapPartWPQ3,
#WrapPartWPQ4,
#WrapPartWPQ5,
#WrapPartWPQ6,
#WrapPartWPQ7
{
    color: #777;
	font-size: 12px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	line-height: 18px;
	float:left;
	display:block;
}

.wrapPartText
{
    	width:525px;
}

.wrapPartSmallTitle
{
    width: 255px;
}

.wrapPartSmall
{
    width: 240px;
}

#WrapOpenClose1 p,
#WrapOpenClose2 p,
#WrapOpenClose3 p,
#WrapOpenClose4 p,
#WrapOpenClose5 p,
#WrapOpenClose6 p,
#WrapOpenClose7 p
 {
	display:none;
}

.toggleClass,
#collaps2 .toggleClass2,
#collaps3 .toggleClass2
{
    position: relative;
    width: 100%;
    display:block;
    cursor:pointer;
    float:left;
    height: 40px;
}

#collaps2 .toggleClass2,
#collaps3 .toggleClass2
{
    margin-top: -40px;
}


.arrow,
#collaps2 .arrow2,
#collaps3 .arrow2
{
position:relative;
margin-top: 0px;
border:0px;
padding-right: 5px;
cursor:pointer;
float: right;
}

#collaps2 .arrow2,
#collaps3 .arrow2
{
  margin-top: -40px;

}

.arrow img,
#collaps2 .arrow2 img,
#collaps3 .arrow2 img
{
    width: 20px;
    height: 40px;
    min-width: 20px;
    min-height: 40px;
}

.block1,
.block2
{
    float:left;
    display:block;
    width: 100%;
}

.block2_links {
	float:left;
	width:267px;
	display: block;
}
.block2_rechts {
	float:right;
	width:267px;
	display: block;
}

/* wildcard display */

/** for wildcard **/

.wpContainer
{
    padding-bottom: 15px;
}


#collaps2 .wpTitleBorder, 
#collaps2 .wpBorderOnly,
#collaps3 .wpTitleBorder, 
#collaps3 .wpBorderOnly {
	background-color:#fff !important;
	border-left:0px; /*solid #c6c6c5 !important;*/
	border-right:0px; /*solid #c6c6c5 !important;*/
	padding:0px;
}

#collaps2 .WPHeaderTdMenu,
#collaps3 .WPHeaderTdMenu
{
   background-color: #f1f0f0; 
}

#collaps2 .ms-WPHeader td,
#collaps3 .ms-WPHeader td {
	border:0 !important;
	padding:0 !important;
}
#collaps2 .ms-WPTitle,
#collaps3 .ms-WPTitle {
	text-transform: uppercase;
	font-size:12px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	background-color: #f1f0f0; 
	color: #777; 
	height:40px; 
	line-height:40px;
	display:block;
	font-weight:bold;
	padding:0px;
	padding-left:15px;
}
#collaps2 .ms-WPMenuDiv,
#collaps2 .ms-WPMenuDivHover,
#collaps3 .ms-WPMenuDiv,
#collaps3 .ms-WPMenuDivHover {
	background-color: #f1f0f0; 
	height:40px;
	margin-top: -40px;
	padding:0px;
}

#collaps2 h3.ms-WPTitle a,
#collaps3 h3.ms-WPTitle a  {
	color:#777 !important;
	font-size:15px !important;
	font-weight:normal !important;
}

#collaps2 h3.ms-WPTitle nobr,
#collaps3 h3.ms-WPTitle nobr {
	white-space:normal !important;
}

#collaps2 td.ms-WPBorder, 
#collaps2 td.ms-WPBorderBorderOnly,
#collaps3 td.ms-WPBorder, 
#collaps3 td.ms-WPBorderBorderOnly {
	border:0 !important;
	padding:10px 14px !important;
	padding: 0px;

}

#collaps2 .ms-WPBody,
#collaps3 .ms-WPBody {
	font-family: arial !important;
	font-size: 12px !important;
	padding:0px 0px 0px 0px  !important;
	color:#777;
	line-height: 16px;
    margin-bottom: 25px;
}

#collaps2 .ms-WPBody td,
#collaps3 .ms-WPBody td {
	font-family: arial !important;
	font-size: 12px !important;
	line-height: 16px;
}

/**/




/*  the right side */

#rightSide {
	width: 152px;
	display: block; 
	float: left;
	margin-left:25px;
}

#rightSideLinks
{
    display: block;
    float: left;
    width: 152px;

}
#rightSideLinks a,
#rightSideLinks .link-item a,
#rightSideLinks .link-item a:link,
#rightSideLinks .link-item a:visited
{
    background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat right bottom;     /* link_vinkjes_blauw */
    background-position: 110px -8996px; /*width: 20px; height: 10px;  */
    line-height:13px;
    margin-bottom: 8px;
    padding-right: 16px;
    display:block;
    width:106px;
    color:#777;
    text-decoration:none;
    font-weight: normal;
    font-family: Arial, Verdana, Geneva, sans-serif !important;
    font-size: 12px !important;
}
#rightSideLinks a:hover,
#rightSideLinks .link-item a:hover
{
    font-weight: bold;
}

#rightSide .dfwp-list
{
list-style:none;
margin: 0px;
padding: 0px;
}
#rightSide ul {
	list-style: none;
}

#rightSide ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

#rightSide li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#rightSide .item {
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
clear:both;
}


.printThisPage
{
    padding-left: 0px;
    width: 152px;
    height: 25px;
    display: block;
    float: left;
    margin-bottom: 10px;
    color:#fff;
   
}
.printThisPage a
{
    padding-left: 40px;
    line-height:25px;
    display: block;
    font-weight: bold;
    color:#fff;
    background: #002855 url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat left center; /* printer */
    background-position: 0px -6545px; width: 112px; height: 25px;
}
.printThisPage a:hover
{
    padding-left: 40px;
    display: block;
    color:#fff;
    font-weight: bold;
    background: #777 url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat left center; /* printer */
    background-position: 0px -6545px; width: 112px; height: 25px;
}

.socialIcons
{
    display: block;
    float: left;
    width: 122px;
    display: block;
    float: left;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background: #f1f0f0;
    margin-bottom: 15px;
}

.socials
{
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.socials img
{
    cursor: pointer;
    margin-right: 2px;
}
.socialsGray
{
    padding-top: 5px;
    padding-left: 8px;
    cursor: pointer;
}

.socialFloatRight
{
    float: right;
    margin-top: 1px;
}

.rightsidewide
{
    width: 122px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    height: 25px;
    line-height:25px;
    font-weight: bold;
    float:left;
    display: block;
    background: #002855;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
}
.rightSideWideLinks
{
    width: 122px;
    padding-left: 15px;
    padding-right: 15px;
    display:block;
    float:left;
    margin-bottom: 20px;
    color:#777;
}

/* strutures hubs also Home */

#homeControlContainer
{
    margin-left: 25px;
    display: block;
    float: left;  
    height: 153px;
    margin-bottom: 40px; 
}

#carousel
{
    display: block;
    float: left;
    width: 410px;
    height: 153px;
   
}

#LeftImageGlobal
{
    display: block;
    float: left;
    height: 153px;
    width: 559px;   
}


.img_pillar
{
     width: 215px;
     float:left;
    display: block;
}

.pillar_left
{
    width: 330px;
    display:block;
    float:left;
    margin-left: 30px;
}
.pillar_right
{
    width: 330px;
    display:block;
    float:left;
    margin-left: 30px;
}

/*  homepage */
/* Easy Slider */
#slider
{
    width: 994px;
    height: 230px;
    float:left;
    display:block;   
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:994px;
		height:230px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls
	{
	    position: relative;
	    left: 30px;
	    top: -50px;
		margin:1em 0;
		padding:0;
		height:15px;
		z-index: 1000;	
		}
	ol#controls li{
		margin:0 0 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:18px;
		border:1px solid #777;
		background:#b6b6b6;
		color:#b6b6b6;
		padding:0 4px;
		text-decoration:none;
		margin-right: 17px;
		opacity:0.7;
		filter:alpha(opacity=70); /* For IE8 and earlier */
 
		}
	ol#controls li.current a{
		background:#FFF;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* Easy Slider */

/* pillar system */
#pillarSystem
{
    width: 944px;
    display: block;
    float:left;
    margin-left: 25px;
    margin-bottom: 25px;
    margin-top: 0px;
    height: 300px;
    position: relative;
}

.img_pillar_1,
.img_pillar_2,
.img_pillar_3,
.img_pillar_4,
.img_pillar_1 img,
.img_pillar_2 img,
.img_pillar_3 img,
.img_pillar_4 img,
.img_pillar_1_close,
.img_pillar_2_close,
.img_pillar_3_close,
.img_pillar_4_close,
.img_pillar_1_close img,
.img_pillar_2_close img,
.img_pillar_3_close img,
.img_pillar_4_close img
{
    width: 215px;
    height: 300px;
    cursor: pointer;
    display: block;
}
.close_pillar_1,
.close_pillar_2,
.close_pillar_3,
.close_pillar_4,
.img_pillar_1_close,
.img_pillar_2_close,
.img_pillar_3_close,
.img_pillar_4_close
{
    cursor: pointer;
}

.img_pillar_1_close,
.img_pillar_2_close,
.img_pillar_3_close,
.img_pillar_4_close
{
    position: relative;
    z-index: 200;
    margin-top: -300px;
    display: none;
}

.pillar_1_menu,
.pillar_2_menu,
.pillar_3_menu,
.pillar_4_menu
{
    padding: 28px;
    background-color: #f1f0f0; 
    z-index:10; 
    height: 252px;
    padding-top: 20px;
    padding-right: 0px;
    cursor: auto;
    overflow: hidden;
}
#pillarSystem .left
{
	float: left; 
	width: 330px;
	display:block;
}
#pillarSystem .right{
	float:right;
	width:350px;
	display:block;
	color:#777;
}

#pillarSystem .header,
#pillarSystem .header2{
text-transform:uppercase;
font-size:20px;
line-height:20px;
color:#002855;
font-weight:bold;
width: 100%;
margin-bottom: 20px;
}

#pillarSystem .header2
{
    color:#777;
}

#pillarSystem .captionField 
{
 width: 100%;
margin-bottom:10px;
}
#pillarSystem .richMedia
{
    width: 100%;
}

#pillarSystem .newzone
{
    margin-bottom: 20px;
    width: 100%;
}

.buttons {
	float:right;
	width:215px;
}
.buttons img
{
    width: 215px;
}

#content ul
{
  line-height: 16px;
  padding-right: 3px;
  padding-left: 13px;
  margin-bottom: 2px;
  margin:0px;
  margin-top: 3px;
  list-style-type: disc;
  list-style-position: outside;
  color:#777;
}
#content li
{
  margin-bottom: 2px;
  color:#777;
}

#content ol
{
  line-height: 16px;
  padding-right: 3px;
  padding-left: 13px;
  margin-bottom: 2px;
  margin:0px;
  margin-top: 3px;
  list-style-position: outside;
  list-style-type: decimal;
  color:#777;
}
#content ol ol
{
    list-style-type:inherit;
}

 #content p
 {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #777;
 }
 
 P.gri-rheElement-P 
{
   -ms-name:"Normal";
}
  
.gri-rheElement-P
 {
     font-size: 12px;
     line-height: 16px;
     color: #777;
     font-weight: normal;
     text-transform:none;
 }
 
 
 /* override RichHTLM FIELD EDITOR   */
 
.gri-rheTable-default,
.gri-rheTableHeaderFirstCol-default,
.gri-rheTableHeaderLastCol-default,
.gri-rheTableHeaderOddCol-default,
.gri-rheTableHeaderEvenCol-default,
.gri-rheTableFirstCol-default,
.gri-rheTableLastCol-default,
.gri-rheTableOddCol-default,
.gri-rheTableEvenCol-default,
.gri-rheTableFooterFirstCol-default,
.gri-rheTableFooterLastCol-default,
.gri-rheTableFooterOddCol-default,
.gri-rheTableFooterEvenCol-default,
TD.gri-rheTable-default,
TH.gri-rheTable-default,
.gri-rhetablecells
{
-ms-name:"Default Table Style - Light gray";
/* [ReplaceColor(themeColor:"Light1-Medium")] */ border:solid 1px #efefef;
padding:2px;
vertical-align:top;
}
.gri-rheTable-0{
-ms-name:"Table Style 1 - Clear";
border-width:0px;
border-style:none;
border-collapse:collapse;
}
.gri-rheTable-1{
-ms-name:"Table Style 2 - Light Banded";
text-align:left;
line-height:2;
vertical-align:top;
/* [ReplaceColor(themeColor:"Accent1-Darker")] */ color:#777;
font-size:1em;
}
.gri-rheTable-1 th.gri-rheTableHeaderRow-1,
.gri-rheTable-1 tr.gri-rheTableFooterRow-1{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #ddd solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #ddd solid;
}
.gri-rheTable-1 th.gri-rheTableHeaderFirstCol-1,
.gri-rheTable-1 th.gri-rheTableFooterFirstCol-1{
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #ddd solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #ddd solid;
}
.gri-rheTable-1 th.gri-rheTableHeaderOddCol-1,
.gri-rheTable-1 td.gri-rheTableFooterOddCol-1{
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #ddd solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #ddd solid;
}
.gri-rheTable-1 th.gri-rheTableHeaderEvenCol-1,
.gri-rheTable-1 td.gri-rheTableFooterEvenCol-1{
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #ddd solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #ddd solid;
}
.gri-rheTable-1 th.gri-rheTableHeaderLastCol-1,
.gri-rheTable-1 th.gri-rheTableFooterLastCol-1{
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #ddd solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #ddd solid;
}
.gri-rheTable-1 tr.gri-rheTableOddRow-1{
/* [ReplaceColor(themeColor:"Light1-Lightest")] */ background-color:#efefef;
}
.gri-rheTable-1 tr.gri-rheTableEvenRow-1{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.gri-rheTable-1 th.gri-rheTableFirstCol-1{
font-weight:normal;
}
.gri-rheTable-1 td.gri-rheTableLastCol-1{
font-weight:normal;
}
.gri-rheTable-1 td.gri-rheTableOddCol-1{}
.gri-rheTable-1 td.gri-rheTableEvenCol-1{}
.gri-rheTable-6{
-ms-name:"Table Style 3 - Medium Two Tones";
text-align:left;
line-height:2;
vertical-align:top;
/* [ReplaceColor(themeColor:"Dark1")] */ color:#777;
font-size:12px;
}
.gri-rheTable-6 th.gri-rheTableHeaderRow-6,
.gri-rheTable-6 tr.gri-rheTableFooterRow-6{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #ddd solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #ddd solid;
}
.gri-rheTable-6 th.gri-rheTableHeaderFirstCol-6,
.gri-rheTable-6 th.gri-rheTableFooterFirstCol-6{
/* [ReplaceColor(themeColor:"Light1")] */ color:#777;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#efefef;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #ddd solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #ddd solid;
}
.gri-rheTable-6 th.gri-rheTableHeaderOddCol-6,
.gri-rheTable-6 td.gri-rheTableFooterOddCol-6{
/* [ReplaceColor(themeColor:"Light1")] */ color:#777;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#efefef;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #ddd solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #ddd solid;
}
.gri-rheTable-6 th.gri-rheTableHeaderEvenCol-6,
.gri-rheTable-6 td.gri-rheTableFooterEvenCol-6{
/* [ReplaceColor(themeColor:"Light1")] */ color:#777;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#efefef;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #ddd solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #ddd solid;
}
.gri-rheTable-6 th.gri-rheTableHeaderLastCol-6,
.gri-rheTable-6 td.gri-rheTableFooterLastCol-6{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#efefef;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #ddd solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #ddd solid;
}
.gri-rheTable-6 tr.gri-rheTableOddRow-6{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#efefef;
}
.gri-rheTable-6 tr.gri-rheTableEvenRow-6{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.gri-rhe-6 th.gri-rheTableFirstCol-6{
font-weight:normal;
}
.gri-rheTable-6 td.gri-rheTableLastCol-6{
font-weight:normal;
}
.gri-rheTable-6 td.gri-rheTableOddCol-6{}
.gri-rheTable-6 td.gri-rheTableEvenCol-6{}
.gri-rheTableGrid td,.gri-rheTableGrid th
{
border:1px dotted #ddd;
}
 
 .gri-rheTable-white,
 .gri-rheTableHeaderFirstCol-white,
 .gri-rheTableHeaderLastCol-white,
 .gri-rheTableHeaderOddCol-white,
 .gri-rheTableHeaderEvenCol-white,
 .gri-rheTableFirstCol-white,
 .gri-rheTableLastCol-white,
 .gri-rheTableOddCol-white,
 .gri-rheTableEvenCol-white,
 .gri-rheTableFooterFirstCol-white,
 .gri-rheTableFooterLastCol-white,
 .gri-rheableFooterOddCol-white,
 .gri-rheTableFooterEvenCol-white,
 TD.gri-rheTable-white,
 TH.gri-rheTable-white,
 .gri-rhetablecells 
 {
     -ms-name:"GRI default Table Style - white Border";/* [ReplaceColor(themeColor:"Light1-Medium")] */ border:solid 1px #fff;padding:2px;vertical-align:top;
 } 


 .gri-rheTable-gray,
 .gri-rheTableHeaderFirstCol-gray,
 .gri-rheTableHeaderLastCol-gray,
 .gri-rheTableHeaderOddCol-gray,
 .gri-rheTableHeaderEvenCol-gray,
 .gri-rheTableFirstCol-gray,
 .gri-rheTableLastCol-gray,
 .gri-rheTableOddCol-gray,
 .gri-rheTableEvenCol-gray,
 .gri-rheTableFooterFirstCol-gray,
 .gri-rheTableFooterLastCol-gray,
 .gri-rheableFooterOddCol-gray,
 .gri-rheTableFooterEvenCol-gray,
 TD.gri-rheTable-gray,
 TH.gri-rheTable-gray,
 .gri-rhetablecells 
 {
     -ms-name:"GRI default Table Style - gray Border";/* [ReplaceColor(themeColor:"Light1-Medium")] */ border:solid 1px #ddd; padding:2px;vertical-align:top;
 } 




/* cqwp feeds */

.cqfeed { margin-top: -30px; 
          margin-left: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          position: relative; 
          background: transparent}
.cqfeed img { vertical-align: middle; padding-right: 2px; }
.cqfeed a { text-decoration: none; color: #888888 !important; font-weight: bold; }


/*  nivo slider */

/*
Skin Name: Nivo Slider Default Theme
*/

#wrapper
{
    width: 994px;
    height: 230px;
    float:left;
    display:block;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	width: 994px;
	height: 230px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.theme-gri .nivoSlider {
	position:relative;
	background:#efefef url(/_Layouts/1033/STYLES/GRI_Styles/Images/loading.gif) no-repeat 50% 50%;
	width: 994px;
	height: 230px;
}

.theme-gri .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width: 994px;
	height: 230px;
}
.theme-gri .nivoSlider a {
	border:0;
	display:block;
}

.theme-gri .nivo-controlNav {
	position:absolute;
	left:0%;
	top: 190px;
    margin-left: 40px; /* Tweak this to center bullets */
}
.theme-gri .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/_Layouts/1033/STYLES/GRI_Styles/Images/bullets.png) no-repeat;
	text-indent:-7779px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-gri .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-gri .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/_Layouts/1033/STYLES/GRI_Styles/Images/arrows.png) no-repeat;
	text-indent:-7779px;
	border:0;
}
.theme-gri a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-gri a.nivo-prevNav {
	left:15px;
}

.theme-gri .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-gri .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-gri .nivo-caption a:hover {
    color:#fff;
}

/* scroll body *no*  fix */

body.gri_template {
   overflow: visible;
   height: inherit;
   width: inherit;
}

body #s4-workspace {
	overflow: visible !important;
}

body #s4-ribbonrow {
	position: fixed;
	z-index: 510;
}

#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}
.ms-dlgOverlay {
	width: 100% !important;
}



.headertitle a,
.headertitle a:link,
.headertitle a:visited
{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: bold; 
color: #777 !important;
}


/*  sitemap */
#sitemap
{
    width: 944px;
    margin-left: 25px;
    margin-right: 25px;
    display: block;
    float:left;
    margin-bottom: 30px;
}

#sitemap .block
{
    width: 218px;
    display: block;
    float: left;
    margin-right: 24px;
}

#sitemap .last
{
    margin-right: 0px;
}

#sitemap .level-section{
margin-bottom:6px;
}
#sitemap .groupheader
{
width: 188px;
background-color:#efefef;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
margin-right:0px;
margin-left: 0px;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold; 
color: #777;
text-transform: uppercase;
margin-bottom: 10px;
}
#sitemap.item 
{
    color:#777;
    font-family: Arial, Verdana, Geneva, sans-serif;
}

#sitemap .large
{
    font-size :14px;
    font-family: Arial, Verdana, Geneva, sans-serif;
}
#sitemap .headertitle-band{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold; 
color: #777;
}


/*header large -- FIRST level */ 
#sitemap .headertitle-large,
#sitemap .link-item-large
{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: bold; 
color: #777;
width: 100%;
}
#sitemap .headertitle-large a:link,
#sitemap .link-item-large a:link {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: bold; 
text-transform: uppercase;
}
#sitemap .headertitle-large a,
#sitemap .link-item-large a:link {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: bold; 
text-transform: uppercase;
}

#sitemap .dfwp-list .item
{
    margin-left: 15px;
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 8px;
}

#sitemap #block_general a
{
     color: #002855;
}
#sitemap #block_information a
{
    /* color: #16ace3; */
    color: #17b6c6;
}
#sitemap #block_reporting a
{
    /*color: #00a14b; */
    color: #712282;
}
#sitemap #block_network a
{
    /* color: #fe4819; */
    color: #00A075;
}
#sitemap .headertitle-large a,
#sitemap .headertitle-large a:link,
#sitemap .headertitle-large a:visited
{ 
     color: #777;
}

/* standard */

#sitemap .level-header{
padding:2px 0px 2px 0px;
margin-left: 15px;
}


/* small  third level */
#sitemap .headertitle-small{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #777 !important;
width: 100%;
}
#sitemap .headertitle-small a:link{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #777 !important;
width: 100%;
}
#sitemap .headertitle-small a{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: normal; 
color: #777 !important;
}
#sitemap .dfwp-column 
{
    width: 100%;
}

#sitemap .dfwp-list
{
    width: 100%;
}

/* seccond level */
#sitemap .headertitle{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: bold; 
color: #777 !important;
}
#sitemap .headertitle a,
#sitemap .headertitle a:link,
#sitemap .headertitle a:visited{
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px; 
font-weight: bold; 
color: #777 !important;
}
#sitemap a:hover{
text-decoration:underline !important;
}


/* leftside menu --- the generic one  and other elements for generic */


.RadPanelBar_Standard
{
	background: #fff;
	width: 186px;
}

.RadPanelBar_Standard .rpRootGroup
{
border: 0px;
}

.RadPanelBar_Standard a.rpLink,
.RadPanelBar_Standard div.rpHeaderTemplate,
.RadPanelBar_Standard .rpTemplate
{
	color: #777;
	font-family:Arial, Helvetica, sans-serif;
	width: 156px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height:14px;
	margin-bottom:8px;
	display: block;
	white-space: normal;
}

.RadPanelBar_Standard a.rpLink:hover
{
	color: #777;
	font-weight: bold;
	
}

.RadPanelBar_Standard a.rpExpanded,
.RadPanelBar_Standard div.rpExpanded
{
    font-weight: normal;
}

/* <subitems> */
.RadPanelBar_Standard .rpGroup
{
    border:0px;
	
}

.RadPanelBar_Standard .rpGroup a.rpLink,
.RadPanelBar_Standard .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Standard .rpGroup .rpTemplate
{
	color: #777;
	font-family:Arial, Helvetica, sans-serif;
	width: 131px;
	margin-left: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 8px;
	display: block;
	white-space: normal;
}

.RadPanelBar_Standard .rpGroup a.rpLink:hover
{
	color: #777;
	font-weight: bold;
}


#loadingShop
{
    width: 100%;
    padding-top: 30px;
    padding: 120px;
    display:block;
    float:left;
    text-align: center;

}

.loadingFrame
{
    width: 100%;
    display: block;
    background: #efefef;
    border: #999 dotted 1px;
    padding: 40px;
}

.redirect
{
    font-size: 18px;
    color: #777;
    width: 100%;
    display: block;
    padding-bottom: 20px;
}

.loader
{
width: 100%;
display:block;
}


#loader
{
    float:left;
    display:block;
    width: 944px;
    margin-left: 25px;
    margin-right: 25px;
}

table.eros2015 {
    border:1px #aaaeae;
    border-top:10px #002855;
}

.sf1 { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	color:#002855;
}

.sf2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	color:#002855;
}

.sf3 { 
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	color:#002855;
}

.sf4 { 
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	color:#002855;
}

/*************************************/
/* sprite backgrounds                */
/*************************************/
.img_breadcrumbArrow { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8806px; width: 12px; height: 12px;  }      /* background-position: 0px -1000px; width: 16px; height: 16px; */
.img_Facebook_icon-small { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8822px; width: 21px; height: 21px;  }  /* background-position: 0px -2299px; width: 24px; height: 24px; */
.img_Twitter-icon-small { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8877px; width: 21px; height: 21px;  }   /* background-position: 0px -8389px; width: 24px; height: 24px;  */
.img_linkedin-icon-small { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8902px; width: 21px; height: 21px;  }  /* background-position: 0px -3372px; width: 24px; height: 24px; */
.img_newsFeedIcon { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8934px; width: 16px; height: 16px;  }         /* background-position: 0px -3795px; width: 22px; height: 22px; */

.img_blancNewsOverlay { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -640px; width: 524px; height: 350px;  } 
.img_emailThis { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -1694px; width: 108px; height: 20px;  } 
.img_language_pages { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -2789px; width: 24px; height: 25px;  } 
.img_loading_big { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -3432px; width: 128px; height: 128px;  } 
.img_pillar_Blanc { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -5859px; width: 215px; height: 300px;  }
.img_readmore { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -6824px; width: 195px; height: 11px;  } 
.img_regional_f_points { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -6845px; width: 24px; height: 25px;  } 
.img_ShareThis { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -7814px; width: 108px; height: 20px;  } 
.img_useful_pages { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8663px; width: 24px; height: 25px;  } 
.img_who_we_are { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8738px; width: 24px; height: 25px;  } 
.img_working_together { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8773px; width: 24px; height: 25px;  } 
.img_languageArrow { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -2824px; width: 10px; height: 10px; margin-top: 10px;  }
.img_current_priorities { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -1439px; width: 350px; height: 145px; position: absolute; top: 0px; left: 0px; } 
.languageFlag img { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -8623px; width: 24px; height: 30px; } 

/*.siteLogo img { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 10px -9289px; width: 149px; height: 120px;  } 0px -2591px;*/

.img_link_vinkjes_blauw { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -3112px; width: 20px; height: 10px; position: absolute; bottom: 10px; right: 0px;  } 
.img_link_vinkjes_blauw_top { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -3112px; width: 20px; height: 10px; position: absolute; top: 2px; right: 50px;  }
.img_link_vinkjes_blauw_osnl { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -3112px; width: 20px; height: 10px; position: absolute; top: 2px; right: 80px;  } 

.img_arrow_close { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -24px; width: 20px; height: 40px;  }
.img_arrow_close_standards { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -24px; width: 20px; height: 40px;  } 
.img_arrow_close_information { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -74px; width: 20px; height: 40px;  } 
.img_arrow_close_network { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -124px; width: 20px; height: 40px;  } 
.img_arrow_close_services { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -174px; width: 20px; height: 40px;  } 
.img_arrow_close_reporting { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -174px; width: 20px; height: 40px;  } 

.img_arrow_open { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -224px; width: 20px; height: 40px;  } 
.img_arrow_open_standards { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -224px; width: 20px; height: 40px;  } 
.img_arrow_open_information { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -274px; width: 20px; height: 40px;  } 
.img_arrow_open_network { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -324px; width: 20px; height: 40px;  } 
.img_arrow_open_services { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -374px; width: 20px; height: 40px;  } 
.img_arrow_open_reporting { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -374px; width: 20px; height: 40px;  } 


/* repeating backgrounds */
.img_blanc { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -552px; width:186px; height:30px; }
.img_close_pillar { background: url('/_layouts/1033/STYLES/GRI_Styles/Images/gri_sprite_1.png') no-repeat top left; background-position: 0px -1129px; width: 28px; height: 300px;  }