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

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

    CSS MENU :
    ----------
	RESET
	GENERIC
	LAYOUT
	HEADER
	NAVIGATION
	SUBNAVIGATION
	NIEUWS
	FOOTER
	
----------------------------------------------- */

/* = RESET
----------------------------------------------- */

html, body, div, span, applet, object, iframe
/*h1, h2, h3, h4, h5, h6, p, blockquote*/, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd,/* ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}*/
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* = GENERIC
----------------------------------------------- */
body, html{
	height:100%;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

a{color:#00ADEF;}

a.leesmeer{
	padding-left:12px;
	background:url(/images/global/bg/bg-link-leesmeer.gif) no-repeat 0px 0px;
	text-decoration:none;
	font-size:1.1em;
}

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


/* = LAYOUT
----------------------------------------------- */

#main-container{
	height:100%;
	background:url(/images/global/bg/bg-main-container.gif) repeat-x 0px 122px;
}

#left{
	display:inline;
	width:50%;
	height:100%;
	float:left;
	margin-right:-481px;	
}

#left-inner{
	height:100%;
	margin-right:481px;
	background:url(/images/global/bg/bg-left-column.jpg) repeat-x right 110px;
}

#right{
	/*display:inline;*/
	display:none;
	float:right;
	width:50%;
	height:100%;
	margin-left:-481px;	
}

#right-inner{
	height:100%;
	margin-left:481px;
	background:url(/images/global/bg/bg-right-column.jpg) repeat-x left 110px;
}

#container{
	display:inline;
	height:100%;
	width:962px;
	float:left;
	/*position:relative;*/
	width:960px;
	z-index:10;
	/*background-color:#FFFFFF;*/
}

#content-container{
	width:490px;
	float:left;
}

#content{
	width:468px;
	border-left:1px #E7E8E9 solid;
	border-right:1px #E7E8E9 solid;
	border-bottom:1px #E7E8E9 solid;
	padding:4px 10px 8px 10px;
	color:#6B6B6B;
}

/* = HEADER
----------------------------------------------- */

#header{
	height:62px;
	padding:8px 10px 0 19px;
	position:relative;
}

#logo{
	position:absolute;
	left:19px;
	bottom:0px;
}

#header ul{
	height:31px;
	margin:0;
	padding:0;
	float:right;
}

#header ul li{
	height:11px;
	margin:0 9px 0 0;
	padding:8px 0 10px 11px;
	display:inline;
	background:no-repeat left center url(/images/global/bg/bg-list-header-nav.jpg);
	color:#00ADEF;
}

#header ul li a{
	line-height:31px;
	text-decoration:none;
}

#header ul li a:hover{text-decoration:underline;}

#header ul li a.a-small{
	font-size:8px;
	margin-right:3px;
}

#header ul li a.a-medium{
	font-size:10px;
	margin-right:3px;
}

#header ul li a.a-large{
	font-size:14px;
}

#header form{
	float:right;
	margin-top:5px;	
}

#header input{
	color:#9FA3A9;
	float:left;
	height:19px;
	border:none;
	height:19px;
}

#header .text{
	height:17px;
	width:85px;
	padding:2px 0 0 8px;
	background:no-repeat top left url(/images/global/bg/bg-header-form.gif);
	font-size:0.9em;
}

#cart-info{
	clear:both;
	float:right;
}

#cart-info a{
	text-decoration:none;
	line-height:19px;
}

#cart-info a:hover{text-decoration:underline;}

#cart-info a#cart-img{
	display:inline-block;
	width:19px;
	height:19px;
	overflow:hidden;
	text-indent:-9000px;
	background:no-repeat 0px 0px url(/images/global/bg/bg-header-cart-link.jpg);
	margin-left:5px;
}

/* = NAVIGATION
----------------------------------------------- */

#nav{
	height:48px;
	margin-top:4px;
	position:relative;
	overflow:hidden;
}

#nav #snel-zoeken{
	display:block;
	height:30px;
	text-indent:-9000px;
	position:absolute;
	/*left:123px;*/
	right:730px;
	bottom:3px;
}

#nav ul{
	padding:0;
	margin:0;
	height:52px;
	margin-left:240px;
}

#nav ul li{display:inline;float:left;}

#nav ul li a{
	display:block;
	height:48px;
	text-indent:-9000px;
	overflow:hidden;	
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#nav ul li a:hover{background-position:0px -48px;}
#nav ul li a.active{background-position:0px -96px;}


/* = SUBNAVIGATION
----------------------------------------------- */

#sub-nav{
	float:left;
	width:240px;
	background:url(/images/global/nav/bg-sub-nav.jpg) bottom left no-repeat;
	padding-bottom:11px;
}	

#sub-nav ul{padding:0;}	

#sub-nav li{margin:0;padding:0;}
#sub-nav li.selected a{color:#00ADEF;}
#sub-nav a{text-decoration:none;color:#4C4C4C;}

#sub-nav .level5{margin:0.4em 0 0 1.7em;}
#sub-nav .level4{margin:0.4em 0 1.4em 1.4em;}
#sub-nav .level3{margin:0.4em 0 0 1.2em;}
#sub-nav .level2{margin:0.6em 0 0 0.4em;}
#sub-nav #level1{
	width:239px;
	padding:0 0 0.2em 0;
	margin:0;
	border-left:1px #E7E8E9 solid;
	background:url(/images/global/nav/bg-sub-nav-ul.jpg) no-repeat 0px 28px;
}


#sub-nav #level1 li div span{
	display:inline-block;
	height:16px;
	text-indent:-9000px;
	overflow:hidden;
	margin:3px 2px 0 18px;
	float:left;
	width:190px;
}

#sub-nav #level1 li #dropdown{
	display:inline-block;
	width:18px;
	height:18px;
	text-indent:-9000px;
	overflow:hidden;
	background:no-repeat 0px 0px url(/images/global/nav/dropdown-btn.jpg);
	float:left; 		
}

#sub-nav #level1 li #dropdown.open{background:no-repeat 0px 0px url(/images/global/nav/dropdown-btn-open.jpg);}

#sub-nav ul li a:hover {color:#00ADEF;}


/*level 2 */
#sub-nav .level2 li{
	background:no-repeat bottom left url(/images/global/nav/level2-li.gif);
	padding:0.6em 0 0.8em 0;
}

#sub-nav .level2 li a,
#sub-nav .level2 li h3{
	padding-left:14px;
	font-weight:bold;
	font-size:1.5em;
	margin:0;
	font-weight:bold;
	color:#4C4C4C;
	/*display:block;*/
}


/* level3*/
#sub-nav .level3 li{
	background:no-repeat top left url(/images/global/nav/level3-li.jpg);
}

#sub-nav .level3 li a{
	padding-left:15px;
	font-weight:normal;
	font-size:1.2em;
}

#sub-nav .level3 li.open {padding-bottom:0;margin-bottom:-10px;}

#sub-nav .level4 li{background:none;}

/* level4*/
#sub-nav .level4 li a{
	padding-left:14px;
	font-weight:normal;
	font-size:1.2em;
	margin:0;
}

/* level5*/

#sub-nav .level5{margin-bottom:10px;}


#keuzemenu{
	top:30px;
	left:0px;
	position:absolute;
	background: #ffffff;
	display: none;
	width:240px;
}

#keuzemenu ul{
	padding-bottom:10px;
	background:url(/images/global/bg/bg-keuzemenu.png) no-repeat bottom left;
}

#keuzemenu ul li{padding:0.6em 0 0.6em 18px;}

#keuzemenu ul li a{
	height:16px;
	width:206px;
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}


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


#content h2.content-title{font-size:1.9em;}


/* = NIEUWS
----------------------------------------------- */

#nieuws{
	width:230px;
	float:left;
	padding-bottom:20px;
	background:url(/images/global/bg/bg-nieuws.jpg) no-repeat bottom right;
}

.nieuws-blok{
	margin-bottom:20px;
	background:url(/images/global/bg/bg-nieuws-blok.jpg) no-repeat right 26px;
}

#nieuws .nieuws-blok  div{
	background-color:#7CBE32;
	/*height:18px;*/
	padding:4px 8px 4px 8px;	
}

#nieuws h2{	
	font-size:19px;
	margin:0;
	color:#FFFFFF;
}

.nieuws-blok p{
	color:#6B6B6B;
	font-size:1.1em;
	line-height:1.5em;
	margin:10px;
}

.nieuws-blok a.leesmeer{margin:12px 0 0 10px;}

#nieuws .meernieuws{
	width:74px;
	height:18px;
	display:block;
	float:right;
	background:url(/images/global/bg/bg-link-meernieuws.jpg) no-repeat 0px 0px;
	color:#5F9226;
	text-decoration:none;
	line-height:18px;
	padding-left:18px;
	font-size:1.1em;
}

a.banner img{
	margin:20px 0 0 0;
	float:right;
}

/* = FOOTER
----------------------------------------------- */

#footer {
	color:#B7B8BB;
	padding:14px 0;
	background:url(/images/global/bg/bg-footer.jpg) 0px 0px no-repeat;
}

#footer ul{
	margin:0 20px;
	padding:0;	
}

#footer ul li{
	display:inline;
	background:url(/images/global/bg/bg-footer-li.gif) no-repeat right center;
	padding-right:6px;
	margin-right:5px;
}

#footer a{
	color:#B7B8BB;
	text-decoration:none;
}

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