/* reset css */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }


/* site css */
html {
	height				: 100%;
	background			: #2D3037;
}

body	{
	font				: 0.75em Arial, sans-serif;
	background			: #FFF url(../img/body-bg.jpg) no-repeat center top;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}
	

/* --------------------------------	*/
/* containers					 	*/
/* --------------------------------	*/
.container {
	position			: relative;
	width				: 986px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 20;
	background			: url(../img/header-schaduw.png) repeat-x left bottom;
}

#header .container {
	height				: 391px;
	background			: #e3006a;	
}

#header .top	{
	position			: relative;
	z-index				: 20;
	height				: 189px;
	background			: url(../img/top-bg.png) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 26px;
	left				: 62px;
}

/* Topmenu */
#topmenu {
	position			: absolute;
	right				: 0;
	top					: 10px;
	padding				: 0 5px;
	background			: #000;
}

#topmenu li {
	float				: left;
}

#topmenu li a {
	float				: left;
	padding				: 11px 9px;
	text-decoration		: none;
	line-height			: normal;
	font-size			: 1.2em;
	font-weight			: bold;
	color				: #e3006a;
}

#topmenu li a:hover,
#topmenu li.actief a {
	color				: #FFF;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 341px;
	top					: 69px;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	position			: relative;
	z-index				: 20;
	height				: 39px;
	padding				: 23px 0 0 0;
	font-size			: 1.2em;
	line-height			: normal;
	text-decoration		: none;
	text-align			: center;
	color				: #FFF;
	background			: url(../img/menu-item-bg.png) no-repeat right 7px;
}

#menu li a.kantoor 		{ width: 180px; }
#menu li a.copiers 		{ width: 195px; }
#menu li a.meubilair 	{ width: 120px; }
#menu li a.telecom 		{ width: 87px; }

#menu li a span.hoverspan 		{ 
	position			: absolute;
	left				: 0;
	top					: 0;
	height				: 0;
	overflow			: hidden;
	margin-top			: 31px;
	font-size			: 0px;
	background			: url(../img/menu-item-hover.png) no-repeat;
	cursor				: pointer;
}

#menu li a.kantoor span.hoverspan 	{ width: 180px; background-position: left -31px; }
#menu li a.copiers span.hoverspan	{ width: 195px; background-position: -180px -31px; }
#menu li a.meubilair span.hoverspan { width: 120px; background-position: -375px -31px; }
#menu li a.telecom span.hoverspan 	{ width: 87px; background-position: right -31px; }

/* Actief */
#menu li.actief a {
	text-indent			: -900em;
	background			: url(../img/menu-item-hover.png) no-repeat;	
}

#menu li.actief a.kantoor 	{ background-position: left top; }
#menu li.actief a.copiers 	{ background-position: -180px top; }
#menu li.actief a.meubilair { background-position: -375px top; }
#menu li.actief a.telecom 	{ background-position: right top; }

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: 55px;
	z-index				: 10;
	width				: 210px;
	padding				: 10px 5px 5px 5px;
	background			: #FFF;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: 0;
}

#menu li:hover ul.last,
#menu li.hover ul.last {
	left				: -71px;
}

#menu li li {
	width				: 210px;
}

#menu li li a,
#menu li.actief li a {
	width				: 180px;
	height				: auto;
	padding				: 4px 5px 4px 25px;
	font-size			: 1em;
	text-indent			: 0;
	text-align			: left;
	text-decoration		: none;
	color				: #000;
	background			: url(../img/pijl-zwart-rechts.png) no-repeat 12px 7px;
}

#menu li li a:hover,
#menu li li.actief a {
	color				: #FFF;
	background			: #000 url(../img/pijl-wit-rechts.png) no-repeat 12px 7px;
}

#menu li li.actief a {
	font-weight			: bold;
}


/* --------------------------------	*/
/* logo's						 	*/
/* --------------------------------	*/
#header #logos {
	position			: absolute;
	left				: 268px;
	top					: 124px;
	z-index				: 10;
	width				: 718px;
	height				: 66px;
	padding				: 201px 0 0 0;
	background			: url(../img/header/kantoor-center-gelderland.jpg) no-repeat left top;
}

.pagina-kantoorartikelen #header #logos	{ background: url(../img/header/kantoorartikelen.jpg) no-repeat left top; }
.pagina-copiers #header #logos			{ background: url(../img/header/copiers.jpg) no-repeat left top; }
.pagina-meubilair #header #logos		{ background: url(../img/header/meubilair.jpg) no-repeat left top; }
.pagina-telecom	#header #logos 			{ background: url(../img/header/telecom.jpg) no-repeat left top; }

#header #logos .logos {
	width				: 714px;
	height				: 66px;
	overflow			: hidden;
	padding				: 0 2px;
	background			: url(../img/logos-bg.png);
}

#header #logos ul {
	width				: 714px;
	height				: 66px;
}

#header #logos li {
	float				: left;
	width				: 119px;
	height				: 66px;
	text-indent			: -900em;
	background			: url(../img/logos.png) no-repeat;
}

#header #logos li.microsoft 	{ background-position: left top; }
#header #logos li.kyocera 		{ background-position: -119px top; }
#header #logos li.ricoh 		{ background-position: -238px top; }
#header #logos li.yes 			{ background-position: -357px top; }
#header #logos li.hp 			{ background-position: -476px top; }
#header #logos li.fujitsu 		{ background-position: -595px top; }
#header #logos li.lexmark 		{ background-position: -714px top; }
#header #logos li.markant 		{ background-position: -833px top; }
#header #logos li.sharp 		{ background-position: -952px top; }
#header #logos li.canon 		{ background-position: -1071px top; }
#header #logos li.brother 		{ background-position: -1190px top; }
#header #logos li.interstuhl	{ background-position: -1309px top; }


/* --------------------------------	*/
/* externe links			 		*/
/* --------------------------------	*/
#extern {
	position			: absolute;
	left				: 8px;
	bottom				: 8px;
	width				: 252px;
}

#extern li {
	margin				: 8px 0 0 0;
}

#extern a {
	display				: block;
	width				: 200px;
	height				: 25px;
	padding				: 12px 0 0 52px;
	font-size			: 1.3em;
	line-height			: normal;
	text-decoration		: none;
	color				: #FFF;
	background			: url(../img/extern-bg.png) no-repeat left bottom;
}

#extern a:hover {
	color				: #E3006A;
}


/* --------------------------------	*/
/* main						 		*/
/* --------------------------------	*/
#main {
	position			: relative;
	z-index				: 10;
	line-height			: 1.7em;
	background			: #FFF url(../img/main-schaduw.png) repeat-x left top;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
	float				: left;
	width				: 686px;
	padding				: 30px;
}

#content h1	{
	margin				: 0 0 15px 0;
	font-size			: 2em;
	line-height			: normal;
	color				: #e3006a;
}

#content a 			{ color: #E3006A; }
#content a:hover 	{ color: #d86a9d; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #000; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	margin				: 0 0 5px 0;
	color				: #e3006a;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content .formmodule ul li {
	margin				: 0 0 5px 0;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 4px 4px 4px 27px;
	border				: 1px solid #CCC;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input.defaultvalue, 
#content textarea.defaultvalue	{
	font-style			: italic;
	color				: #999;
}

#content input:hover, 
#content textarea:hover	{
	border				: 1px solid #999;
	background			: #FFF url(../img/input-hover.png) no-repeat 3px 4px;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #e3006a;
	background			: #FFF url(../img/input-focus.png) no-repeat 3px 4px;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #e3006a;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

#content .formmodule {
	width				: 283px;
	padding				: 10px;
	background			: #EEE;
}

/* Pagina navigatie */
#content .navigatie	{
	padding				: 10px 0;
	color				: #E3006A;
}

#content .navigatie ul	{
	display				: inline;
}

#content .navigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 1px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .navigatie ul li.huidige_pagina	{
	margin				: 0 1px 0 0;
	padding				: 2px 5px;
	border				: 1px solid #E3006A;
	color				: #FFF;
	background			: #E3006A;
}

#content .navigatie ul li a	{
	padding				: 2px 5px;
	background			: #FFF;
	border				: 1px solid #CCC;
	color				: #AAA;
	text-decoration		: none;
}

#content .navigatie ul li.actief a, 
#content .navigatie ul li a:hover	{
	border				: 1px solid #E3006A;
	color				: #E3006A;
}


/* --------------------------------	*/
/* nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht li {
	position			: relative;
	padding				: 10px 10px 10px 70px;
	overflow			: hidden;
	border				: 3px solid #FFF;
	color				: #666;
}

#nieuwsoverzicht li.oneven {
	border				: 3px solid #EEE;
	background			: #EEE;
}

#nieuwsoverzicht .datum {
	display				: block;
	position			: absolute;
	left				: 10px;
	top					: 10px;
	width				: 46px;
	height				: 46px;
	line-height			: 1.2em;
	text-align			: center;
	color				: #FFF;
	background			: url(../img/datum-bg-normal.png) no-repeat left top;
}

#nieuwsoverzicht .datum strong {
	display				: block;
	margin				: 11px 0 0 0;
	font-size			: 1.6em;
}

#nieuwsoverzicht li h2 {
	margin				: 0 0 5px 0;
	font-size			: 1.5em;
	line-height			: normal;
	color				: #e3006a;
}

#nieuwsoverzicht li a {
	float				: right;
	width				: 100px;
	height				: 21px;
	margin				: 10px 0 0 0;
	text-indent			: -900em;
	background			: url(../img/leesmeer.png) no-repeat left top;
}

#nieuwsoverzicht li a:hover,
#nieuwsoverzicht li.hover a {
	background			: url(../img/leesmeer.png) no-repeat left bottom;
}

#nieuwsoverzicht li.hover {
	border				: 3px solid #e3006a;
	color				: #000;
	background			: #FFF;
}

#nieuwsoverzicht li.hover .datum {
	background			: url(../img/datum-bg.png) no-repeat left top;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 300px;
	height				: 400px;
	font				: 1em Arial, sans-serif;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #E3006A;
}


/* --------------------------------	*/
/* laatste nieuws				 	*/
/* --------------------------------	*/
#laatste-nieuws {
	float				: right;
	width				: 225px;
	min-height			: 200px;
	padding				: 30px 7px;
	background			: url(../img/laatste-nieuws-bg.png) no-repeat left top;
}

#laatste-nieuws h2 {
	margin				: 0 0 15px 0;
	font-size			: 2em;
	line-height			: normal;
	text-align			: center;
	color				: #e3006a;
}

#laatste-nieuws li {
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 50px;
	margin				: 0 0 10px 0;
}

#laatste-nieuws .datum {
	display				: block;
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 46px;
	height				: 46px;
	line-height			: 1.2em;
	text-align			: center;
	color				: #FFF;
	background			: url(../img/datum-bg.png) no-repeat left top;
}

#laatste-nieuws .datum strong {
	display				: block;
	margin				: 11px 0 0 0;
	font-size			: 1.6em;
}

#laatste-nieuws li a {
	float				: right;
	width				: 100px;
	height				: 21px;
	margin				: 10px 0 0 0;
	text-indent			: -900em;
	background			: url(../img/leesmeer.png) no-repeat left top;
}

#laatste-nieuws li a:hover {
	background			: url(../img/leesmeer.png) no-repeat left bottom;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #2D3037 url(../img/footer-schaduw.png) repeat-x left top;
}

#footer .container {
	overflow			: hidden;
	padding				: 50px 10px 30px 30px;
	line-height			: 1.6em;
}

/* Adres */
#footer address {
	float				: left;
	overflow			: hidden;
	font-style			: normal;
	color				: #FFF;
}

#footer address span {
	float				: left;	
	width				: 210px;
}

#footer address strong {
	text-transform		: uppercase;
	color				: #e3006a;
}

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

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

/* Copyright / a&m impact */
#amimpact {
	float				: right;
	padding				: 20px 0 0 0;
	font-size			: 0.9em;
	color				: #e3006a;
}

#amimpact a {
	text-decoration		: none;
	color				: #e3006a;
}

#amimpact a:hover {
	text-decoration		: underline;
	color				: #FFF;
}