html, body {
	height: 100%;
}

body {
	background-color: #003A7E;
	font-family:Arial, Helvetica, sans-serif;
	
	/* Tijdelijke achtergrond */
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position: 50% -160px;
}

#wrap {
	width: 965px;
	height:100%;
	margin: auto;
	position:relative;	
}

#subWrap {
	overflow: hidden;
	z-index: 2;
}

div#contentWrap {
	display:none;
}


#flashContainer {
	width: 100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
}

.clear
{
    clear: both;
}

/* ##################################################################################################### */
/* ##################################################################################################### */
/* #####	HEADER								   												  ###### */
/* ##################################################################################################### */
/* ##################################################################################################### */

#header {
	position:relative;
	height: 73px;
	z-index: 2;
}


/* ######################################################################## */
/* #####	LOGO													 ###### */
/* ######################################################################## */

#header h1 {
	position:absolute;
	top:0;
	right:0;
	width: 140px;
	height: 91px;
	background-image:url(../img/aviko-logo.png);
	background-repeat:no-repeat;
	text-indent:-2000em;
}

#header h1 img {
	display: none;
}


/* ######################################################################## */
/* #####	HOOFDNAVIGATIE											 ###### */
/* ######################################################################## */

#nav {
	clear: both;
	overflow:auto;
	position:absolute;
	left:0;
	top:34px;
}

#nav li {
	height: 28px;
	width: 101px;
	float: left;
	margin-right: 5px;
	background-position: 0 0px;
	background-repeat:no-repeat;
}

#nav li a {
	display: block;
	height: 28px;
	width: 101px;
	text-indent:-2000em;
	background-position: 0 -100px;
	background-repeat:no-repeat;
}

#nav li a:hover,
#nav li a.current {
	/*background-image: none !important;*/
	background-position: 0 -28px;
}

#nav li#home,
#nav li#home a {
	width: 27px;
	background-image:url(../img/nav/main/home.png);	
}

#nav li#producten,
#nav li#producten a {
	background-image:url(../img/nav/main/producten.png);	
}

#nav li#recepten,
#nav li#recepten a {
	background-image:url(../img/nav/main/recepten.png);	
}

#nav li#actiesenfun,
#nav li#actiesenfun a {
	background-image:url(../img/nav/main/acties-fun.png);	
}

#nav li#overaviko,
#nav li#overaviko a {
	background-image:url(../img/nav/main/over-aviko.png);	
}

#nav li#nieuws,
#nav li#nieuws a {
	background-image:url(../img/nav/main/nieuws.png);	
}

#nav li#vragen,
#nav li#vragen a {
	background-image:url(../img/nav/main/vragen.png);	
}


/* ######################################################################## */
/* #####	METANAVIGATIE											 ###### */
/* ######################################################################## */

#metanav {
	position: absolute;
	top: 12px;
	right: 142px;	
}

#metanav li {
	height: 13px;
	float: left;
	margin-right: 18px;
}

#metanav li a:link,
#metanav li a:visited,
#metanav li a:active {
	display: block;
	height: 13px;
	/*text-indent:-2000em;
	background-position: 0 0;
	background-repeat:no-repeat;*/
	color:#003676;
	font-size: 12px;
	text-decoration:none;
}

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


/* ######################################################################## */
/* #####	ZOEKBOX													 ###### */
/* ######################################################################## */

#search {
	width: 238px;
	height:28px;
	background-image: url(../img/nav/main/search-box.png);
	background-repeat:no-repeat;
	position:absolute;
	left:569px;
	top:34px;
	z-index: 10;
}

#search input {
	width: 200px;
	font-size: 14px;
	border:none;
	background:none;
	padding-left:23px;
	padding-right: 4px;
	padding-top:5px;
}

#search a.clearBtn {
	position: absolute;
	right: 5px;
	top: 8px;
	width: 11px;
	height: 11px;
	display:block;
	background-image:url(../img/nav/main/search-close.gif);
	background-repeat:no-repeat;
	text-indent:-2000em;
	display:none;
}

/* ######################################################################## */
/* #####	SUBNAV SHARED											 ###### */
/* ######################################################################## */

div.subnav {
	float: left;
	margin-right: 10px;
	cursor:pointer;
}

div.subnav-btn {
	height: 25px;
	background-image:url(../img/nav/sub/corner-lt.png);
	background-repeat:no-repeat;
	position:relative;
}

div.subnav-btn div {
	height: 25px;
	background-image:url(../img/nav/sub/corner-rt.png);
	background-repeat:no-repeat;
	background-position:right top;
}

div.subnav-btn span {
	display:block;
	height: 25px;
	margin: 0 6px;
	text-indent:-2000em;
	background-image:url(../img/nav/sub/up.gif);
	background-repeat:no-repeat;
	background-position:50% 0;
}

div.subnav div.down {
	background-image:url(../img/nav/sub/corner-lb.png);
}

div.subnav div.down div {
	background-image:url(../img/nav/sub/corner-rb.png);
}

div.subnav div.down span {
	background-image:url(../img/nav/sub/down.gif);
}

div.subnav div.inner {
	height: 446px;
	overflow:hidden;
	position:relative;
}

div.subnav ul {
	margin: auto;
}

div.subnav li.active a,
div.subnav li a:hover,
div.subnav li.active a:hover,
div.subnav li.inactive a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

div.subnav li.inactive a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* ######################################################################## */
/* #####	SEARCH RESULTS 										 ###### */
/* ######################################################################## */

div#searchResults {
	position:absolute;
	top: 28px;
	left: -250px;
	z-index: 999;
	width: 433px;
	display:none;
	color:#003a7e;
}

div#searchResults div.inner {
	background-image:url(../img/boxes/search/search-results-bg-top.png);
	background-repeat:no-repeat;
	padding:35px 0 0 0;
}

div#searchResults div#searchResultsBtm {
	width: 433px;
	height: 13px;
	background-image:url(../img/boxes/search/search-results-2-bg-btm.png);
	background-repeat:no-repeat;
}

div#searchResults ul {
	width: 413px;
	margin: 0 9px;
	display:none;
}

div#searchResults li {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	position:relative;
	overflow: hidden;
}

div#searchResults li.last {
	margin-bottom: 0;
	border-bottom: none;
}

div#searchResults li.hover {
	background-color:#e4ebf5;
	cursor:pointer;
}

div#searchResults li h5 {
	width: 90px;
	float: left;
	font-size: 12px;
}

div#searchResults li div {
	width: 300px;
	overflow:hidden;
	float: left
}

div#searchResults li h4 {
	font-size: 12px;
}

div#searchResults li h4 a:link,
div#searchResults li h4 a:visited,
div#searchResults li h4 a:active,
div#searchResults li h4 a:hover {
	color:#003a7e;
	text-decoration:none;
}

div#searchResults li p {
	font-size: 12px;
	padding: 3px 0 0 0;
}

div#searchResults li p strong {
	color:#ee8919;
	font-weight:bold;
}

div#searchResults h3 {
	font-size: 14px;
	font-weight:bold;
	position: absolute;
	left: 18px; top:15px;
}

div#searchResults span.searchCount {
	position: absolute;
	right: 40px; top:15px;
	font-style:italic;
	font-size: 12px;
}

div#searchResults div.paging {
	height: 25px;
	padding-top:10px;
	text-align:center;
}

div#searchResults div.paging a:link,
div#searchResults div.paging a:visited,
div#searchResults div.paging a:active {
	display: inline-block;
	width:8px;
	height: 12px;
	padding: 0px 6px 0 4px;
	border-right: 1px solid #003a7e;
	text-decoration: none;
	color:#003a7e;
	font-size:12px;
}

div#searchResults div.paging a:hover {
	text-decoration: underline;
}

div#searchResults div.paging a.current {
	font-weight: bold;
	cursor:default;
	color:#f0af0b;
}

div#searchResults div.paging a.current:hover {
	text-decoration: none;
}

div#searchResults div.paging a.last {
	border: none;
}