/* CSS Document */

/*
-----------------------------------------------
pure-communication.be
Author:   Jim Faes
Version:  16/01/2009
Client:	  Averbode		
----------------------------------------------- */
/*
------------------------------------------------

    CSS MENU :
    ----------
	GENERIC
	CONTENT BREED
	WEERGAVE KEUZE LINKS
	OVERZICHT
	DETAIL
	OVERZICHTSLIJST
	NIEUWSOVERZICHT
	
----------------------------------------------- */

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

a.voegtoe{
	color:#00ADEF;
	height:19px;
	display:block;
	padding-right:21px;
	background:url(/images/global/bg/bg-header-cart-link.jpg) no-repeat center right;
	text-align:right;
	text-decoration:none;
	line-height:19px;
}

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

/* = CONTENT BREED
----------------------------------------------- */

#content-container.breed,
#content-container.breed-overzicht,
#content-container.breed-nieuwslijst{width:720px;}
.breed #content{width:708px;padding:4px 0 8px 10px;}
.breed-overzicht #content,
.breed-nieuwslijst #content{width:698px;padding:4px 10px 10px 10px;}
.breed #footer,
.breed-overzicht #footer,
.breed-nieuwslijst #footer  {background:url(/images/global/bg/bg-footer-breed.jpg) 0px 0px no-repeat;width:720px;}

/* = WEERGAVE KEUZE LINKS
----------------------------------------------- */

#weergave{
	margin:0 0 5px 0;
	padding:0;
	position:relative;
}

#weergave.overzicht{margin:0 0 15px 10px;}

#weergave li{
	height:1.8em;
	line-height:1.8em;
	display:inline;
}

#weergave li a{font-size:1em;}

#weergave li a#oplijsting{
	color:#CED2D2;
	text-decoration:none;
	padding-right:26px;
	background:url(/images/global/bg/bg-weergave-lijst.gif) right center no-repeat;
}

#weergave li a#oplijsting:hover,
#weergave li a#oplijsting.active{
	color:#00B6EB;
	background:url(/images/global/bg/bg-weergave-lijst-over.gif) right center no-repeat;
}

#weergave li a#pictogrammen{
	color:#CED2D2;
	text-decoration:none;
	padding-left:26px;
	background:url(/images/global/bg/bg-weergave-pictogrammen.gif) left center no-repeat;
}

#weergave li a#pictogrammen:hover,
#weergave li a#pictogrammen.active{
	color:#00B6EB;
	background:url(/images/global/bg/bg-weergave-pictogrammen-over.gif) left center no-repeat;
}

#weergave li#divider-weergave{
	background:url(/images/global/bg/bg-weergave.jpg) no-repeat center center;
	margin:0 5px;
}

#weergave li a.voegtoe{
	position:absolute;
	right:0px;
	top:0px;
}



/* = OVERZICHT
----------------------------------------------- */

.overzichtsblok{
	width:21em;
	height:159px;
	/*height:15.9em;*/
	border:0.1em solid #DBF0FA;
	float:left;
	margin:10px 0px 0 0;
	display:inline;
	padding:0.9em;
	position:relative;
}

.breed .overzichtsblok{margin:10px 6px 0 0;}

.overzichtsblok.over{
	width:21em;
	/*height:15.8em;*/
	border:0.2em solid #01B6EB;
	background-color:#C2EBFF;
	padding:0.8em;
}

.overzichtsblok h4{
	color:#6B6B6B;
	font-size:1.1em;
	margin:0 0 1.2em 0;
	height:2em;
	position:relative;
}

.overzichtsblok h4 span{
	position:absolute;
	bottom:0;
	left:0;
}

.overzichtsblok img{
	float:left;
	margin-right:10px;
}

.overzichtsblok p{
	font-size:1.1em;
	line-height:1.4em;
	margin:0;
	overflow:hidden;
}

.overzichtsblok .leesmeer{
	position:absolute;
	bottom:5px;
	left:120px;
}

.overzichtsblok.over .leesmeer{
	position:absolute;
	bottom:4px;
	left:119px;
}

/* = DETAIL
----------------------------------------------- */

.breed #content.content-detail{
	width:688px;
	padding:10px 10px 20px 20px;
}

#nieuwe-uitgaven div.title-container{
	background-color:#00B6EB;
	height:18px;
	padding:4px 8px;
}


#nieuwe-uitgaven h2{
	color:#FFFFFF;
	font-size:1.9em;
	margin:0;
}






#content.content-detail h2,

#content.content-detail h3{margin:0;}

#content.content-detail h3{font-size:1.2em;}

#add-cart{
	float:right;
	width:500px;
	margin-bottom:6px;	
	height:2em;
	line-height:2em;
}

#add-cart form fieldset{
	float:right;
	margin-left:1.5em;
}


#add-cart form #item-cart-info .cartlink,
#add-cart form #item-cart-info .checked,
#add-cart.incart form #item-cart-info .voegtoe,
#add-cart.incart form #aantal-title,
#add-cart.incart form #aantal{display:none;}

#add-cart.incart form #item-cart-info .cartlink,
#add-cart.incart form #item-cart-info .checked{display:inline;}



#add-cart form #aantal-title{font-size:1.0em;color:#20B3EE;float:left;margin-right:0.3em;}

#add-cart form .checkbox{
	margin:0.2em 0 0 0;
	float:left;
}

#add-cart form #prijs-title{font-size:1.1em;font-weight:bold;float:left;margin-right:0.3em;}

#add-cart form .text{
	width:2.4em;
	height:1.2em;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;	
	float:left;
}

#add-cart form .submit{float:left;}

#add-cart form a{
	margin-right:0.3em;
	float:left;
	text-decoration:none;
}

#add-cart form a:hover{text-decoration:underline;}
#add-cart form .submit{float:left;}

#content-samenvatting{
	font-size:1.1em;
	line-height:1.4em;
	padding:10px 0;
	background:url(/images/global/bg/bg-content-samenvatting.gif) no-repeat 0px 0px;
	clear:both;
}

#content-samenvatting img{
	float:left;
	margin-right:15px;
	/*width:180px;*/
}

#content-samenvatting div{
	float:left;
	height:363px;
	width:493px;
}
#content-samenvatting #detail-right{
	width:195px;
	position:relative;
}
#content-samenvatting #detail-right #actionButtons{
	height:auto;
	width:180px;
	/*position:absolute;*/
	top:0px;
}

#content-samenvatting div #scroller div{
	height:auto;
	width:auto;
}
#content-samenvatting div ul{
	margin:0;
	padding:0;
}

#content-samenvatting div ul li,
#detail-info ul li{
	background:transparent url(/images/global/bg/bg-content-links-li.gif) no-repeat scroll 0 0.7em;
	padding-left:7px;
}

#detail-menu,
#detail-info{
	font-size:1.1em;
	line-height:1.4em;
}


#content-samenvatting-footer{
	background:url(/images/global/bg/bg-content-samenvatting.gif) no-repeat 0px 0px;
	padding:10px 0px;
}
#detail-menu,
#detail-info{
	font-size:1.1em;
	line-height:1.4em;
}

#detail-menu{
	width: 180px;
	float:left;
	margin:0;
	padding:0;
	background:url(/images/global/bg/bg-detail-menu.gif) no-repeat top right;
}

#detail-menu li{
	font-weight:bold;
	position:relative;
	line-height:1.7em;
	min-height:1.7em;
}

#detail-menu li span{
	position:absolute;
	left:0px;
	height:1px;
	display:block;
	width:174px;
	overflow:hidden;
}

#detail-menu li span.top{top:0px;}
#detail-menu li span.bottom{bottom:0px;}

#detail-menu li.active span.top,
#detail-menu li.active span.bottom{background:url(/images/global/bg/bg-detail-menu-span.gif) no-repeat 0px 0px;}

#detail-menu li.active{
	font-weight:bold;
	color:#20B3EE;
	background:url(/images/global/bg/bg-detail-menu-active.gif) right 3px no-repeat;
	padding-right:4px;
}

#detail-info{
	width:478px;
	float:left;
	padding:6px 0 0 15px;
	background:url(/images/global/bg/bg-detail-info.gif) no-repeat 15px 0px;
}

#detail-info div{
	display:none;
}

#detail-info ul{
	padding:0;
	margin:0;
}

/* --- slideshow --- */

#content-samenvatting #detail-slideshow {

    position:relative;
    height:256px;
	width:180px;
	margin-right:15px;
	float:left;
	
}

#content-samenvatting #detail-slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#content-samenvatting #detail-slideshow div.active {
    z-index:10;
}

#content-samenvatting #detail-slideshow div.last-active {
    z-index:9;
}


/* = OVERZICHTSLIJST
----------------------------------------------- */

#extra-info{
	font-size:1.1em;	
	line-height:1.4em;
	margin-bottom:12px;
	padding:10px;
}

#extra-info img{
	padding:6px;
	background:url(/images/global/bg/bg-extra-info-foto.gif) no-repeat 0px 0px;
	float:left;
	margin-right:10px;
}
#extra-info ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
#extra-info ol{
	list-style-type:decimal;
}
#extra-info p{margin:0;}

#overzichtslijst {
	width:100%;
	font-size:1.1em;
	margin-bottom:10px;
}

.breed #overzichtslijst {
	width:100%;
	
}

#overzichtslijst tr td{
	border-left:2px #ffffff solid;
	vertical-align:middle;
	padding:9px;
}

#overzichtslijst tr td img{
	margin-right:5px;
	float:left;
}



#overzichtslijst .table-header{
	background-color:#00B6EB;
	color:#FFFFFF;
}

#overzichtslijst .table-header th{padding:4px 0 3px 0;}

#overzichtslijst .table-header a{
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:5px 0 0 9px;
}



#overzichtslijst .table-header #prijs{
	background:url(/images/global/euro.gif) center 9px no-repeat #00B6EB;
	text-indent:-9000px;
}

#overzichtslijst .table-header #cart{
	background:url(/images/global/cart.gif) center 4px no-repeat #00B6EB;
	height:17px;
	width:19px;
	margin-top:0;
	text-indent:-9000px;
}

#overzichtslijst .table-header #aantal{
	margin-top:0;
	text-indent:-9000px;
}

#overzichtslijst .text{
	width:25px;
	height:17px;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;		
}

#overzichtslijst .middle{text-align:center;}


/* = NIEUWSOVERZICHT
----------------------------------------------- */

#content.nieuws h2{margin:5px 0 0 10px;}

.nieuws-overzichtsblok{
	padding:9px 8px 9px 8px;
	font-size:1.2em;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	margin-bottom:0.5em;
}

.nieuws-overzichtsblok.odd{
	border-top:1px solid #DEF2FB;
	border-bottom:1px solid #DEF2FB;
	border-left:2px solid #DBF0FA;
	border-right:2px solid #DEF2FB;
	background-color:#EAF8FF;
}

.nieuws-overzichtsblok h4{margin:5px 0;font-size:1em;}
.nieuws-overzichtsblok .date{color:#4C4C4C;}
.nieuws-overzichtsblok .leesmeer{font-size:1em;}
.nieuws-overzichtsblok p{line-height:1.4em;}


/* = SHOPPINGCART
----------------------------------------------- */

#extra-info{
	/*font-size:1.1em;		GEKN20090819
	line-height:1.4em;*/
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:12px;
	padding:10px;
}

#extra-info img{
	padding:6px;
	background:url(/images/global/bg/bg-extra-info-foto.gif) no-repeat 0px 0px;
	float:left;
	margin-right:10px;
}

#extra-info p{margin:0;}

#shoppinglist {
	width:100%;
	font-size:1.1em;
	margin-bottom:10px;
}

.breed #shoppinglist {
	width:100%;
	
}

#shoppinglist tr td{
	border-left:2px #ffffff solid;
	vertical-align:middle;
	padding:9px;
}

#shoppinglist tr td img{
	margin-right:5px;
	float:left;
}
tr.subtotal td{
	background-color:#E8E8E8;
	font-weight:bold;
}


#shoppinglist .table-header{
	background-color:#00B6EB;
	color:#FFFFFF;
}

#shoppinglist .table-header th{padding:4px 0 3px 0;}

#shoppinglist .table-header span{
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:5px 0 0 9px;
}



#shoppinglist .table-header #prijs{
	background:url(/images/global/euro.gif) center 9px no-repeat #00B6EB;
	text-indent:-9000px;
}

#shoppinglist .table-header #trash{
	background:url(/images/global/trash.gif) center 4px no-repeat #00B6EB;
	height:17px;
	width:19px;
	margin-top:0;
	text-indent:-9000px;
}

#shoppinglist .table-header #aantal{
	margin-top:0;
	text-indent:-9000px;
}

#shoppinglist .text{
	width:25px;
	height:17px;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;		
}

#shoppinglist .middle{text-align:center;}

.content-nieuw #content{
	color:#6B6B6B;
	font-size:1.1em;
	line-height:1.5em;
}
.content-nieuw ol{
	list-style-type:lower-roman;
}
.content-nieuw ul{
	list-style-type:disc;
}

/*DETAILSCHERM*/

#actionButtons{
	width:180px;
}
#actionButtons a{
	display:block;
	height:19px;
	background: url("/images/global/bg/bg-detail-button.jpg") no-repeat scroll left center transparent;
	text-decoration:none;
	color:#FFFFFF;
	text-indent:-8000px;
}
#actionButtons.nl a.ToevoegenMandje{
	background: url("/images/global/detail/ToevoegenMandje_NL.gif") no-repeat scroll left center transparent;
	height:20px;
}
#actionButtons.nl a.ToevoegenMandje:hover{
	background: url("/images/global/detail/ToevoegenMandje_NL-hover.gif") no-repeat scroll left center transparent;
	height:20px;
}
#actionButtons.nl a.MethodeSite{
	background: url("/images/global/detail/MethodeSite_NL.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.MethodeSite:hover{
	background: url("/images/global/detail/MethodeSite_NL-hover.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.BeoordelingsExemplaar{
	background: url("/images/global/detail/BeoordelingsExemplaar_NL.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.BeoordelingsExemplaar:hover{
	background: url("/images/global/detail/BeoordelingsExemplaar_NL-hover.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.UitgaveInkijken{
	background: url("/images/global/detail/UitgaveInkijken_NL.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.UitgaveInkijken:hover{
	background: url("/images/global/detail/UitgaveInkijken_NL-hover.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.InhoudsopgaveBekijken{
	background: url("/images/global/detail/InhoudsopgaveBekijken_NL.gif") no-repeat scroll left center transparent;
}
#actionButtons.nl a.InhoudsopgaveBekijken:hover{
	background: url("/images/global/detail/InhoudsopgaveBekijken_NL-hover.gif") no-repeat scroll left center transparent;
}
			
#actionButtons.fr a.ToevoegenMandje{
	background: url("/images/global/detail/ToevoegenMandje_FR.gif") no-repeat scroll left center transparent;
	height:20px;
}
#actionButtons.fr a.ToevoegenMandje:hover{
	background: url("/images/global/detail/ToevoegenMandje_FR-hover.gif") no-repeat scroll left center transparent;
	height:20px;
}
#actionButtons.fr a.MethodeSite{
	background: url("/images/global/detail/MethodeSite_FR.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.MethodeSite:hover{
	background: url("/images/global/detail/MethodeSite_FR-hover.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.BeoordelingsExemplaar{
	background: url("/images/global/detail/BeoordelingsExemplaar_FR.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.BeoordelingsExemplaar:hover{
	background: url("/images/global/detail/BeoordelingsExemplaar_FR-hover.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.UitgaveInkijken{
	background: url("/images/global/detail/UitgaveInkijken_FR.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.UitgaveInkijken:hover{
	background: url("/images/global/detail/UitgaveInkijken_FR-hover.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.InhoudsopgaveBekijken{
	background: url("/images/global/detail/InhoudsopgaveBekijken_FR.gif") no-repeat scroll left center transparent;
}
#actionButtons.fr a.InhoudsopgaveBekijken:hover{
	background: url("/images/global/detail/InhoudsopgaveBekijken_FR-hover.gif") no-repeat scroll left center transparent;
}