@import url('/socialsites/helpendehollander/css/elements.css');
@import url('/socialsites/helpendehollander/css/blocks.css');

@import url('/socialsites/helpendehollander/css/portalpages.css');
@import url('/socialsites/helpendehollander/css/profilepages.css');
@import url('/socialsites/helpendehollander/css/overview.css');

@import url('/socialsites/helpendehollander/css/editor.css');
@import url('/socialsites/helpendehollander/css/pb.css');
@import url('/socialsites/helpendehollander/css/agenda.css');
@import url('/socialsites/helpendehollander/css/googling.css');

@import url("http://www.google.com/uds/css/gsearch.css");
@import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");




/*------------center bevat ook de sterbanner----------*/

.center {
 text-align: center;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}

/*de sterbanner valt buiten de page*/
.page {
 background: url(/socialsites/helpendehollander/images/bg_cmt.jpg);
 background-repeat: repeat;
 text-align: left;
 width: 870px;
 margin: auto;
 border-left: 1px solid #909090;
 border-right: 1px solid #909090;
}

/*-----------------generic classes----------------
Dit is nodig omdat anders de achtergrond van een block stopt
ter hoogte van een paragraaf ipv de afbeelding-----------*/

.pageclear {
 clear: both;
 height: 1px;
 width: 100%;
 }

.clear, .clearing {
 clear: both;
 height: 1px;
 width: 100%;
}

.clearing img {
 display:none;
}


/* ----------------------Homepage------------------- */

.home #container1,
.home #container2 {
 position: relative;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

.home #container1 {
 width: 280px;
 margin: 0px 15px 15px 15px;
 border: 0px solid green;} 

.home #container2 {
 width: 540px;
 border: 0px solid orange;
 }

.home #container3,
.home #container4 {
 display:none;
 }

#container5 {
 background: url(/socialsites/helpendehollander/images/bg_container5.gif);
 background-repeat: repeat;
 width:100%;
 text-align: center;
 padding: 0px 0px 0px 0px;
 margin:  0px 0px 0px 0px;
 float:left;
}

/* ---for other pages--- */

.archivepage #container2{
 border: 0px solid blue;
 width: 620px;
 display:block;
 padding: 0px 0px 0px 0px;
 margin: 40px 0px 60px 3px;
 float: left;
 }

.colophonpage #container2,
.colophonpage #container3{ 
 width: 410px;
 display:block;
 padding: 0px 0px 0px 0px;
 margin: 40px 5px 20px 3px;
 float: left;
 border: 0px solid white;
 }

#container2 {
 width: 610px;
 display:block;
 padding: 5px 0px 5px 5px;
 margin: 40px 10px 20px 3px;
 float: left;
 border: 1px solid #ffaf1a;
 }

.dossier #container2,
.dossiersearch #container2,
.episodepage #container2,
.articlepage #container2{
 border: 0px solid #ffaf1a;
 padding: 0px 0px 0px 0px;
 margin: 40px 0px 0px 20px;
 }

#container3{
 width: 200px;
 display:block;
 padding: 0px 0px 0px 0px;
 margin: 40px 0px 20px 5px;
 float: left;
 }

#container4{
 width: 200px;
 display:block;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 5px;
 float: left;
 }


/* ----als de jsps zijn aangepast wordt deze code
opgepikt, en kan de oude css eruit--- */

/* 
#container1,
#container2,
#container3,
#container4 {
 border: 0px solid blue;
 overflow: hidden;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
 }
*/


.member #container1,
.project #container1, 
.organization #container1, 
.country #container1 {
 border: 0px solid purple;
 width: 160px;
 overflow: hidden;
 position: relative;
 margin: 0px 0px 0px 15px;
 padding: 0px 0px 0px 0px;
 }

.member #container2,
.project #container2, 
.organization #container2, 
.country #container2{
 border: 0px solid green;
 width: 395px;
 margin-left: 10px;
 }

.member #container3,
.project #container3, 
.organization #container3, 
.country #container3{
 border: 0px solid black;
 width: 264px;
 margin-left: 10px;
 }

/* ------------------Portals------------ */

.members #container1,
.projects #container1, 
.organizations #container1 {
 width: 385px;
 margin-left:15px;
 margin-right:10px;
 }

.members #container2,
.projects #container2, 
.organizations #container2 {
 width: 445px;
 }

/* --------landen portal------------ */

 
.countries #container1{ 
 border: 0px solid #eb7047;
 width:840px;
 padding: 0px 0px 0px 0px;
 margin:  0px 0px 0px 15px;
 float:left;
 }

.countries #container2 {
 width: 445px;
 border: 0px solid red;
 float: left;
 margin-right: 10px;
 padding: 0px 0px 0px 0px;
 margin:  0px 10px 0px 15px;
 }

.countries #container3 {
 width: 380px;
 border: 0px solid green;
 float: left;
 }

/* -----------  search ------- */

.search #container1 {
 display:none;
 }

.search #container2 {
 float: left;
 margin: 20px 0px 40px 0px;
 padding: 0px 0px 0px 0px;
 position: relative;
 width: 840px;
 border: 0px solid red;
 }

/* ---------overzichtspagina's------- */

.all_imagegalleries #container1 {
 display:none;
 }

.all_imagegalleries #container2 {
 width: 795px;
 border: 1px solid #ce181f;
 display:block;
 padding: 20px 20px 20px 20px;
 margin: 0px 0px 20px 0px;
 float: left;
 background-color:white;
 }




/* --------dit is straks verouderd. nadat de 
   container weer hernoemd zijn naar 1, 2 en 3
-----------profielpagina's--------------------- */

#container_member_1, 
#container_member_2, 
#container_member_3, 
#container_project_1, 
#container_project_2, 
#container_project_3, 
#container_organization_1,
#container_organization_2, 
#container_organization_3, 
#container_country_1, 
#container_country_2, 
#container_country_3 {
 border: 0px solid blue;
 overflow: hidden;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
 }

#container_member_1, 
#container_project_1, 
#container_organization_1, 
#container_country_1 {
border: 0px solid purple;
 width: 160px;
 overflow: hidden;
 position: relative;
 margin: 0px 0px 0px 15px;
 padding: 0px 0px 0px 0px;
 }

#container_member_2, 
#container_project_2, 
#container_organization_2, 
#container_country_2 {
 border: 0px solid green;
 width: 395px;
 margin-left: 10px;
 }

#container_member_3, 
#container_project_3, 
#container_organization_3, 
#container_country_3 {
 border: 0px solid black;
 width: 264px;
 margin-left: 10px;
 }

/* ------------------Portals------------ */

#container_members_1,
#container_members_2, 
#container_projects_1, 
#container_projects_2, 
#container_organizations_1, 
#container_organizations_2 {
 border: 0px solid blue;
 overflow: hidden;
 position: relative;
 margin: 0px 0px 0px 0px;
 float: left;
 padding: 0px 0px 0px 0px;
 }

#container_members_1, 
#container_projects_1, 
#container_organizations_1 {
 width: 385px;
 margin-left:15px;
 margin-right:10px;
 }

#container_members_2, 
#container_projects_2, 
#container_organizations_2 {
 width: 445px;
 }

/* --------landen portal------------ */


#container_countries_1 { 
 border: 0px solid #eb7047;
 width:840px;
 padding: 0px 0px 0px 0px;
 margin:  0px 0px 0px 15px;
 float:left;
 }
#container_countries_2 {
 width: 445px;
 border: 0px solid red;
 float: left;
 margin-right: 10px;
 padding: 0px 0px 0px 0px;
 margin:  0px 10px 0px 15px;
 }
#container_countries_3 {
 width: 380px;
 border: 0px solid green;
 float: left;
 }

/* -----------  search ------- */

#container_search_1 {
 display:none;
 }

#container_search_2 {
 float: left;
 margin: 20px 0px 40px 0px;
 padding: 0px 0px 0px 0px;
 position: relative;
 width: 840px;
 border: 0px solid red;
 }

/* ---------overzichtspagina's------- */

#container_photobook_1 {
 display:none;
 }

#container_photobook_2 {
 width: 795px;
 border: 1px solid #ce181f;
 display:block;
 padding: 20px 20px 20px 20px;
 margin: 0px 0px 20px 0px;
 float: left;
 background-color:white;
 }


/* -------tot en met hier weghalen------- */


/* -------doeners pagina voor boekuitgave------- */

.doeners #container2{
 border: 0px solid green;
 padding: 0px 0px 0px 0px;
 margin:  20px 0px 0px 10px;
 width: 640px;
 float:left;
 }

.doeners #container3{
 border: 0px solid green;
 padding: 0px 0px 0px 0px;
 margin:  20px 0px 0px 0px;
 width: 200px;
 }