@charset "utf-8";
/* CSS Document */

/*
-----------------------------------------------
pure-communication.be
Author:   Jim Faes
Version:  17/07/2009
Client:	  Averbode		
----------------------------------------------- */
/*
------------------------------------------------

    CSS MENU :
    ----------
	GENERIC
	SLIDESHOW
	NAV
	LOGOS
	
	
----------------------------------------------- */

/* = GENERIC
----------------------------------------------- */

#main-container{background:none;position:relative;width:100%;height:100%;}
#trans-overlay{position:absolute;top:50%;z-index:20;background-color:#fff;opacity: 0.50;filter: alpha(opacity = 50);height:50%;width:100%;}




#landing-content{width:870px;position:absolute;top:50%;z-index:25;left:50%;margin-left:-433px;height:50%;margin-top:-41px;}
#copyright{position:absolute;bottom:13px;left:13px;z-index:21;}



/* = SLIDESHOW
----------------------------------------------- */

#slideshow {

    position:relative;
    height:100%;
	width:100%;
	overflow:hidden;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


#landing-logo{
	float:left;
	margin-right:10px;
}



/* = NAV
----------------------------------------------- */

#nav-lvl0{float:left;}

#nav-lvl0, #nav-lvl0 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav-lvl0 li {
	float: left;
	height:40px;
	margin-right:1px;
	cursor:pointer;
}

#nav-lvl0 li a{
	
	width: 99px;
	height:40px;
	display:block;	
	overflow:hidden;
	text-indent:-9000px;
	cursor:pointer;
}

#nav-lvl0 li ul {
	position: absolute;
	width: 247px;
	/*left: -999em;*/
	z-index:53;
	display:none;
	padding-top:4px;
}


#nav-lvl0 li ul li {
	
	width: 247px;
	height:26px;
	display:block;	
	text-indent:0px;
}

#nav-lvl0 li ul li a{
	
	width: 247px;
	height:26px;
	display:block;	
	text-indent:0px;
	overflow:hidden;
	text-indent:-9000px;
	
}

#nav-lvl0  li ul li {
	margin-right:0;
}

#nav-lvl0 #foreignrights a,
#nav-lvl0 #foreignrights{width:125px;}
#nav-lvl0 #b2b a,
#nav-lvl0 #b2b a{width:56px;}


#nav-lvl0 #belgie ul{background-color:#6fc83f;}
#nav-lvl0 #belgique ul{background-color:#43A0FD;}
#nav-lvl0 #nederland ul{background-color:#ff9900;}
#nav-lvl0 #france ul{background-color:#FF0066;}




#nav-lvl0 #belgie {background:url(/images/landingspage/landingnav-belgie.png) 0px 0px no-repeat;}
#nav-lvl0 #belgie:hover,#nav-lvl0 #belgie:focus,#nav-lvl0 #belgie.pngsfhover{background:url(/images/landingspage/landingnav-belgie-over.png)  0px 0px no-repeat;}
#nav-lvl0 #belgique{background:url(/images/landingspage/landingnav-belgique.png)  0px 0px no-repeat;}
#nav-lvl0 #belgique:hover,#nav-lvl0 #belgique:focus,#nav-lvl0 #belgique.pngsfhover{background:url(/images/landingspage/landingnav-belgique-over.png)  0px 0px no-repeat;}
#nav-lvl0 #nederland{background:url(/images/landingspage/landingnav-nederland.png)  0px 0px no-repeat;}
#nav-lvl0 #nederland:hover,#nav-lvl0 #nederland:focus,#nav-lvl0 #nederland.pngsfhover{background:url(/images/landingspage/landingnav-nederland-over.png)  0px 0px no-repeat;}
#nav-lvl0 #france{background:url(/images/landingspage/landingnav-france.png) 0px 0px no-repeat;}
#nav-lvl0 #france:hover,#nav-lvl0 #france:focus,#nav-lvl0 #france.pngsfhover{background:url(/images/landingspage/landingnav-france-over.png) 0px 0px no-repeat;}
#nav-lvl0 #foreignrights{background:url(/images/landingspage/landingnav-foreignrights.png) 0px 0px no-repeat;}
#nav-lvl0 #b2b{background:url(/images/landingspage/landingnav-b2b.png) 0px 0px no-repeat;}
#nav-lvl0 #belgie ul li .kleuter{background:url(/images/landingspage/nav.jpg) no-repeat 0px 0px;}
#nav-lvl0 #belgie ul li .kleuter:hover,#nav-lvl0 #belgie ul li .kleuter:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px 0px;}
#nav-lvl0 #belgie ul li .lager{background:url(/images/landingspage/nav.jpg) no-repeat 0px -26px;}
#nav-lvl0 #belgie ul li .lager:hover,#nav-lvl0 #belgie ul li .lager:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -26px;}
#nav-lvl0 #belgie ul li .secundair{background:url(/images/landingspage/nav.jpg) no-repeat 0px -52px;}
#nav-lvl0 #belgie ul li .secundair:hover,#nav-lvl0 #belgie ul li .secundair:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -52px;}
#nav-lvl0 #belgie ul li .hoger{background:url(/images/landingspage/nav.jpg) no-repeat 0px -78px;}
#nav-lvl0 #belgie ul li .hoger:hover,#nav-lvl0 #belgie ul li .hoger:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -78px;}
#nav-lvl0 #belgie ul li .volwassenen{background:url(/images/landingspage/nav.jpg) no-repeat 0px -104px;}
#nav-lvl0 #belgie ul li .volwassenen:hover,#nav-lvl0 #belgie ul li .volwassenen:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -104px;}
#nav-lvl0 #belgie ul li .thuis{background:url(/images/landingspage/nav.jpg) no-repeat 0px -130px;}
#nav-lvl0 #belgie ul li .thuis:hover,#nav-lvl0 #belgie ul li .thuis:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -130px;}
#nav-lvl0 #belgie ul li .kids{background:url(/images/landingspage/nav.jpg) no-repeat 0px -156px;}
#nav-lvl0 #belgie ul li .kids:hover,#nav-lvl0 #belgie ul li .kids:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -156px;}
#nav-lvl0 #belgie ul li .maatschappij{background:url(/images/landingspage/nav.jpg) no-repeat 0px -182px;}
#nav-lvl0 #belgie ul li .maatschappij:hover,#nav-lvl0 #belgie ul li .maatschappij:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -182px;}
#nav-lvl0 #belgique ul li .maternel{background:url(/images/landingspage/nav.jpg) no-repeat -494px 0px;}
#nav-lvl0 #belgique ul li .maternel:hover,#nav-lvl0 #belgique ul li .maternel:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px 0px;}
#nav-lvl0 #belgique ul li .primaire{background:url(/images/landingspage/nav.jpg) no-repeat -494px -26px;}
#nav-lvl0 #belgique ul li .primaire:hover,#nav-lvl0 #belgique ul li .primaire:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px -26px;}
#nav-lvl0 #belgique ul li .secondaire{background:url(/images/landingspage/nav.jpg) no-repeat -494px -52px;}
#nav-lvl0 #belgique ul li .secondaire:hover,#nav-lvl0 #belgique ul li .secondaire:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px -52px;}
#nav-lvl0 #belgique ul li .superieur{background:url(/images/landingspage/nav.jpg) no-repeat -494px -78px;}
#nav-lvl0 #belgique ul li .superieur:hover,#nav-lvl0 #belgique ul li .superieur:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px -78px;}
#nav-lvl0 #belgique ul li .adultes{background:url(/images/landingspage/nav.jpg) no-repeat -494px -104px;}
#nav-lvl0 #belgique ul li .adultes:hover,#nav-lvl0 #belgique ul li .adultes:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px -104px;}
#nav-lvl0 #belgique ul li .chezsoi{background:url(/images/landingspage/nav.jpg) no-repeat -494px -130px;}
#nav-lvl0 #belgique ul li .chezsoi:hover,#nav-lvl0 #belgique ul li .chezsoi:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px -130px;}
#nav-lvl0 #belgique ul li .kids{background:url(/images/landingspage/nav.jpg) no-repeat 0px -156px;}
#nav-lvl0 #belgique ul li .kids:hover,#nav-lvl0 #belgique ul li .kids:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -156px;}
#nav-lvl0 #belgique ul li .b2b{background:url(/images/landingspage/nav.jpg) no-repeat -494px -156px;}
#nav-lvl0 #belgique ul li .b2b:hover,#nav-lvl0 #belgique ul li .b2b:focus{background:url(/images/landingspage/nav.jpg) no-repeat -741px -156px;}
#nav-lvl0 #nederland ul li .educatieve{background:url(/images/landingspage/nav.jpg) no-repeat -988px 0px;}
#nav-lvl0 #nederland ul li .educatieve:hover,#nav-lvl0 #nederland ul li .educatieve:focus{background:url(/images/landingspage/nav.jpg) no-repeat -1235px 0px;}
#nav-lvl0 #nederland ul li .maatschappij{background:url(/images/landingspage/nav.jpg) no-repeat -988px -26px;}
#nav-lvl0 #nederland ul li .maatschappij:hover,#nav-lvl0 #nederland ul li .maatschappij:focus{background:url(/images/landingspage/nav.jpg) no-repeat -1235px -26px;}
#nav-lvl0 #nederland ul li .kids{background:url(/images/landingspage/nav.jpg) no-repeat 0px -156px;}
#nav-lvl0 #nederland ul li .kids:hover,#nav-lvl0 #nederland ul li .kids:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -156px;}
#nav-lvl0 #france ul li .editions{background:url(/images/landingspage/nav.jpg) no-repeat -988px -52px;}
#nav-lvl0 #france ul li .editions:hover,#nav-lvl0 #france ul li .editions:focus{background:url(/images/landingspage/nav.jpg) no-repeat -1235px -52px;}
#nav-lvl0 #france ul li .revues{background:url(/images/landingspage/nav.jpg) no-repeat -988px -78px;}
#nav-lvl0 #france ul li .revues:hover,#nav-lvl0 #france ul li .revues:focus{background:url(/images/landingspage/nav.jpg) no-repeat -1235px -78px;}
#nav-lvl0 #france ul li .kids{background:url(/images/landingspage/nav.jpg) no-repeat 0px -156px;}
#nav-lvl0 #france ul li .kids:hover,#nav-lvl0 #france ul li .kids:focus{background:url(/images/landingspage/nav.jpg) no-repeat -247px -156px;}


/* = LOGOS
----------------------------------------------- */
.logo-container{
	position:absolute;
	top:75%;
	left:0px;
}

.overlay-logos{
	
	clear:both;	
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:none;	
	width:823px;
}

.overlay-logos a{
	display:block;
	overflow:hidden;
	text-indent:-9000px;
	position:absolute;
}

.overlay-logos .cego{background: no-repeat 0px 0px url(/images/landingspage/logo-cego.png);width:50px;height:27px;}
.overlay-logos .ced{background: no-repeat 0px 0px url(/images/landingspage/logo-ced.png);width:78px;height:38px;}
.overlay-logos .erasme{background: no-repeat 0px 0px url(/images/landingspage/logo-erasme.png);width:107px;height:38px;}
.overlay-logos .hatier{background: no-repeat 0px 0px url(/images/landingspage/logo-hatier.png);width:72px;height:43px;}
.overlay-logos .hachette{background: no-repeat 0px 0px url(/images/landingspage/logo-hachette.png);width:118px;height:31px;}
.overlay-logos .kwintessens{background: no-repeat 0px 0px url(/images/landingspage/logo-kwintessens.png);width:125px;height:35px;}
.overlay-logos .kinheim{background: no-repeat 0px 0px url(/images/landingspage/logo-kinheim.png);width:91px;height:30px;}
.overlay-logos .didierhatier{background: no-repeat 0px 0px url(/images/landingspage/logo-didierhatier.png);width:162px;height:35px;}
.overlay-logos .didier{background: no-repeat 0px 0px url(/images/landingspage/logo-didier.png);width:117px;height:24px;}
.overlay-logos .edelsa{background: no-repeat 0px 0px url(/images/landingspage/logo-edelsa.png);width:104px;height:30px;}
.overlay-logos .editionserasme{background: no-repeat 0px 0px url(/images/landingspage/logo-editionserasme.png);width:215px;height:42px;}
.overlay-logos .labor{background: no-repeat 0px 0px url(/images/landingspage/logo-labor.png);width:81px;height:26px;}
.overlay-logos .sedrap{background: no-repeat 0px 0px url(/images/landingspage/logo-sedrap.png);width:120px;height:17px;}
.overlay-logos .foucher{background: no-repeat 0px 0px url(/images/landingspage/logo-foucher.png);width:112px;height:16px;}
.overlay-logos .scholastic{background: no-repeat 0px 0px url(/images/landingspage/logo-scholastic.png);width:182px;height:13px;}

#logos-belgie .cego{left:47px;top:12px;}
#logos-belgie .ced{left:191px;top:9px;}
#logos-belgie .erasme{left:344px;top:9px;}
#logos-belgie .hatier{left:562px;top:0px;}
#logos-belgie .hachette{left:689px;top:7px;}
#logos-belgie .kwintessens{left:16px;top:51px;}
#logos-belgie .kinheim{left:190px;top:48px;}
#logos-belgie .didierhatier{left:345px;top:55px;}
#logos-belgie .didier{left:540px;top:63px;}
#logos-belgie .edelsa{left:703px;top:54px;}

#logos-belgique .editionserasme{left:0px;top:3px;}
#logos-belgique .labor{left:258px;top:14px;}
#logos-belgique .sedrap{left:393px;top:16px;}
#logos-belgique .hatier{left:580px;top:0px;}
#logos-belgique .hachette{left:705px;top:13px;}
#logos-belgique .didierhatier{left:2px;top:54px;}
#logos-belgique .cego{left:271px;top:58px;}
#logos-belgique .foucher{left:394px;top:66px;}
#logos-belgique .didier{left:558px;top:63px;}
#logos-belgique .edelsa{left:712px;top:59px;}

#logos-nederland .cego{left:97px;top:7px;}
#logos-nederland .scholastic{left:230px;top:18px;}
#logos-nederland .edelsa{left:461px;top:4px;}
#logos-nederland .hatier{left:656px;top:0px;}
#logos-nederland .erasme{left:70px;top:57px;}
#logos-nederland .didierhatier{left:233px;top:57px;}
#logos-nederland .hachette{left:459px;top:56px;}
#logos-nederland .didier{left:636px;top:65px;}

#logos-france .sedrap{left:36px;top:14px;}
#logos-france .erasme{left:200px;top:0px;}
#logos-france .didierhatier{left:361px;top:0px;}
#logos-france .labor{left:603px;top:6px;}
#logos-france .cego{left:737px;top:5px;}